frewsxcv / wasm-pack

📦✨ pack up the wasm and publish it to npm!

📦✨ wasm-pack

pack up the wasm and publish it to npm!

the goal of this project is to create a portable command line tool for publishing compiled wasm projects to the npm registry for the consumption of js devs using the npm CLI, yarn, or any other CLI tool that interfaces with the npm registry.

this project is a part of the rust-wasm group. you can find more info by visiting that repo!

🔮 prerequisities

this project is written in rust. get rust to work on this project.

🏃‍♀️ up and running

1. fork and clone this repository
2. cd wasm-pack
3. cargo run

💃 commands

• help: display available commands
• 🐣 init: create necessary files for js interop and npm publishing
  • optionally pass a path to a dir that contains a Cargo.toml, e.g.:

    wasm-pack init examples/js-hello-world
    

  • optionally pass a scope name to generate a package.json for a scoped pkg, e.g.:

    wasm-pack init examples/scopes-hello-world --scope test
    

    generates a package.json for an npm package called @test/scopes-hello-world

to be implemented

• 🍱 pack: create a tarball but don't push to the npm registry [NOT IMPLEMENTED]
• 🎆 publish: create a tarball and publish to the npm registry [NOT IMPLEMENTED]

⚙️ how to use

1. write a crate in Rust.
2. add wasm-bindgen to your Cargo.toml:

  [lib]
  crate-type = ["cdylib"]

  [dependencies]
  wasm-bindgen = { git = 'https://github.com/alexcrichton/wasm-bindgen' }

3. add this to the top of your src/lib.rs:

  #![feature(proc_macro)]

  extern crate wasm_bindgen;

  use wasm_bindgen::prelude::*;

4. annotate your public functions with #[wasm_bindgen], for example:

#[wasm_bindgen]
extern {
    fn alert(s: &str);
}

#[wasm_bindgen]
pub fn greet(name: &str) {
    alert(&format!("Hello, {}!", name));
}

5. install this tool: cargo install wasm-pack
6. run wasm-pack init, optionally, pass a path to a dir or a scope (see above for details)
7. this tool generates files in a pkg dir. to publish to npm, cd pkg and then npm publish (in the future you'll be able to use this tool to publish)