npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

ts-llmt

v1.1.0

Published

Experimental TypeScript library for Large Language Model Templates

Downloads

12

Readme

TypeScript Large Language Model Templates (TS-LLMT)

Build Status npm latest version

This repository holds experimental code aimed at providing native TypeScript support for Large Language Model Templates. The key idea being explored is that templates have a type that corresponds to the names of the variables within the template.

For example:

const thingVar = nv('thing');
const thing2Var = nv('thing2');
const whatIsAtoB = template`what is a ${thingVar} to ${thing2Var}?`;

const whatIsTabletoB = whatIsAtoB.vars.thing.substStr('table');

expect(whatIsTabletoB.escaped).toEqual('what is a table to {{thing2}}?');

A nice feature of this is that you get as "as-you-type" error checking, and arguments can be auto-completed by the IDE. e.g. you can directly reference the variables from the 'vars' parameter of a template, and anything else is an as-you-type error in your editor.

You can do multi-variable replacement nicely, and still have all the wonderful type-checking like so:

whatIsAtoB.substs({ thing: 'table', thing2: 'chair' });
expect(whatIsTabletoB.escaped).toEqual('what is a table to chair?');

Environment

To set up your environment for development, first run npm clean-install to download dependencies.

Testing

To run unit tests:

  • npm run test:ci - Run tests once, with extra long timeout.
  • npm run test:dev - Run tests continuously, rerunning on code change.
  • npm run test:trace - Run tests once, with --trace-warnings and verbose.

Running npm test will invoke test:dev.

Linting & License headers

This project uses ESLint to enforce code style, including checking the license headers. To run:

npm run lint

If there are no lint errors, the command will produce no output.

NOTE: If you're using Visual Stuido Code with the official Microsoft ESLint extension, files will be automatically checked as you edit them.

License: Apache 2.0

Source code for this library is released under the Apache 2.0 license. Each source code file MUST start with the SPDX license header in the file .github/license-check/header-Apache-2.0.txt.

To check whether all source files have such a header, run npm run lint. The output will tell you if there are any files missing the header. npm run lint --fix will add headers for you.

The full text of the Apache-2.0 license is available in the accompanying LICENSE file.

Checking Code Style

This project defines and checks code style with Prettier. Invoke Prettier from the command line via the following:

  • npm run prettier:check - Check _.js and _.ts files for style conformance.
  • npm run prettier:write - Overwrite files with Prettier applied style.

NOTE: If you're using Visual Studio Code, the Prettier extension will apply code style on save.

Commit messages

Commits to this codebase should follow the conventional commits format:

<type>[<scope>]: <short summary>
  │       │             │
  │       │             └─⫸ Summary in present tense. Not capitalized. No period at the end.
  │       │
  │       └─⫸ Commit Scope: optional short phrase of scope
  │
  └─⫸ Commit Type: build|ci|docs|feat|fix|perf|refactor|test

[optional body]

[optional footer(s)]

The <type> should be one of the types specified by the Angular Commit Message Format:

  • build: Changes that affect the build system or external dependencies.
  • ci: Changes to our CI configuration files and scripts (semantic-release, GitHub Actions).
  • docs: Documentation only changes.
  • feat: A new feature.
  • fix: A bug fix.
  • perf: A code change that improves performance.
  • refactor: A code change that neither fixes a bug nor adds a feature.
  • test: Adding missing tests or correcting existing tests.

The <description> should be a sentence describing the change (capitalized first word, trailing punctuation).

For example, if you fixed a bug in the way reaction events are handled, your commit message might look like this:

git commit -m "fix: correct reaction event handling"

Our release process uses these commit messages to determine the next version number and to automatically generate the release CHANGELOG.md file. So it's important that your commit messages are clear and meaningful.

Releasing, Github Actions, and publishing to NPM

New releases are made by merging the dev branch into main, once you do this, the workflow for releasing is triggered in github: .github/workflows/release_workflow.yaml. The two key secret variables used for the release are GH_TOKEN=... which has a github personal access token with permissions as specified in the release_workflow.yaml; and NPM_TOKEN=... which has the npmjs.com token that allows writing to the ts-llmt npm

The release workflow uses semantic-release to actually do the release; the config file for relasing is: .release.json. Note that the semantic release configuration uses @semantic-release/commit-analyzer to look at commit messages (which are assumed to be formatted according to convensional commits) and figure out how to change semantic version numbers. This is basically, +1.0.0 (and reset to M.0.0) for Major non-backward compatible changes; +0.1.0 and reset to M.F.0 for Feature addition changes that are backward compatible, and +0.0.1 for Bugfixes. The semantic-release flow also closes bugs, makes a github release, and adds labels to pull requests on github. Lots of stuff you might otherwise try and do by hand.

You can manually run npx semantic-release from the main github branch. You'll first need to locally set GH_TOKEN=... and NPM_TOKEN=... appropriately.

But the basic thing this does is just run some npm releasing commands, namely:

npm publish

So in a pinch, you can just update versions manually, and run that to deploy.

Note there are two github workflows defined in this project in:

  • .github/workflows/dev_workflow.yaml: triggered for every pull request
  • .github/workflows/release_workflow.yaml: tiggered on every merge into the main branch (which is intended to indicate that we should be making a relase).