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

generator-wasm

v0.0.4

Published

Publish programs as WASM modules

Downloads

3

Readme

yo wasm

Generate WASM modules that can be pushed to OCI registries, for example for use with Krustlet.

Installation

First, install Yeoman using npm (we assume you have pre-installed node.js). Then install generator-wasm also using npm.

npm install -g yo
npm install -g generator-wasm

Then generate your new project:

$ mkdir myproject
$ cd myproject
$ yo wasm

Setting up a project

After you run the generator, it displays any language-specific instructions to get started - for examples, tools you need to have installed. The generated README.md may also contain information on compiling or running the project.

Setup and development servers

Yeoman installs a hook that prevents generators from talking to Web services with self-signed certificates. If you are testing with a local or self-signed installation of an OCI registry, Hippo or Bindle, you will need to disable this hook before starting Yeoman:

GLOBAL_AGENT_FORCE_GLOBAL_AGENT=false yo wasm

Working on the generated project

The generated projects contain configuration files for Visual Studio Code to help with the process of editing and testing. You should be able to load a generated project into VS Code and have it:

  • Prompt you to install recommended extensions (don't just ignore these - they may be needed for debugging!)
  • Provide a Build WASM task (available via the Run Task command)
  • Provide a Debug WASM debug configuration (available via the Run pane)

NOTE: These are not yet provided for the AssemblyScript template.

Publishing a project

The project contains a GitHub action (in .github/workflows/release.yml) that publishes your WASM module to an OCI registry or to the Hippo platform.

  • It publishes a canary version whenever you push to main.
  • It publishes a versioned module whenever you create a tag from main whose name begins with v (e.g. v1.1.0).

NOTE: release.yml watches the main branch. If your repository uses the name master then you must change this in the workflow file.

Publishing to OCI

At the moment, the only pre-installed OCI registry is Azure Container Registry, but we'll expand this repertoire over time (and it should be reasonably easy to adapt the ACR steps to other registries). The publish workflow needs to know three things:

  • The name of the registry to publish to. For ACR, this is set via the ACR_NAME variable in release.yml (and excludes the .azurecr.io suffix). The generator sets this up for you, but if you want to change the publish registry, this is where to do it.
  • The credentials for pushing to the registry. For ACR, this is the ID and password of a service principal with push permission to the registry. You can create such a service principal using the script at https://bit.ly/2ZsmeQS, but you MUST change the az ad sp create --role parameter to acrpush. This will print an ID and password. Then follow the instructions at https://bit.ly/2ZqS3cB to create GitHub secrets named ACR_SP_ID and ACR_SP_PASSWORD. The release workflow will use those secrets to push the WASM module to ACR.

NOTE: during testing we sometimes see that GitHub workflows do not run on the initial commit, or if you tag the initial commit. It usually works - but you may need to push a change to main before the workflows will run.

Publishing to Hippo

Hippo publishing configuration is similar to OCI configuration except that it needs:

  • The Hippo URL in HIPPO_URL (in release.yml)
  • The Bindle URL in BINDLE_URL (in release.yml)
  • The Hippo credentials in HIPPO_USERNAME and HIPPO_PASSWORD (in repo secrets)

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.microsoft.com.

When you submit a pull request, a CLA-bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

Running from source

If you would like to run the generator from source, or modify it, you can clone the repo and run npm install && npm run compile && npm link to hook it up to Yeoman so that you can run yo wasm.

$ npm install -g yo
$ npm install
$ npm run compile
$ npm link

Adding New Languages

To add a new language, follow these steps:

  • Add a new language installer in languages, e.g. languages/swift.ts
  • Inside that file, implement the Language interface. The languages/rust.ts file is a great example.
  • Add any template files that yo wasm should install for you.
    • For example, Swift template files go in templates/swift
    • Good starting points are VS Code config files, a LICENSE, and a README.md
  • Make sure that your languages/ TypeScript is updated to point to those files.
  • Edit index.ts to modify the prompts there accordingly.
    • Given that this code is evolving, we suggest opening the file and looking for the term Rust. Then replicate the same behaviors for your desired language.
  • Test it out by following the instructions in the Running from source section above.