Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/DrSensor/rollup-plugin-rust
A rollup plugin that compile Rust code into WebAssembly modules
https://github.com/DrSensor/rollup-plugin-rust
my-experiment rollup rollup-plugin rust webassembly
Last synced: about 1 month ago
JSON representation
A rollup plugin that compile Rust code into WebAssembly modules
- Host: GitHub
- URL: https://github.com/DrSensor/rollup-plugin-rust
- Owner: DrSensor
- License: mit
- Created: 2018-08-09T07:48:51.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T22:38:40.000Z (over 1 year ago)
- Last Synced: 2024-05-14T14:05:14.272Z (about 2 months ago)
- Topics: my-experiment, rollup, rollup-plugin, rust, webassembly
- Language: JavaScript
- Size: 1.97 MB
- Stars: 38
- Watchers: 3
- Forks: 1
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE.md
Lists
- awesome - rust - Compile Rust as WebAssembly or a Node.js Add-on. (Plugins / Other File Imports)
- awesome-rust-and-webassembly - rollup-plugin-rust - plugin-rust.svg)](https://www.npmjs.com/package/rollup-plugin-rust) [](https://circleci.com/gh/DrSensor/rollup-plugin-rust) — A Rollup plugin that loads Rust code so it can be interop with Javascript base project. (Development Tools / JavaScript Toolchains and Bundler Plugins)
README
[![npm][npm]][npm-url]
[![size][size]][size-url]
[![npm][npm-download]][npm-url]
[![deps][deps]][deps-url]
[![tests][tests]][tests-url]
[![cover][cover]][cover-url]
# rollup-plugin-rust
tl;dr -- see [examples](#examples)
This is a rollup plugin that loads Rust code so it can be interop with Javascript base project. Currently, the Rust code will be compiled as:
- [x] WebAssembly module/instance
- [ ] Node.js addon/ffi
## Requirements
- Node v8 or later
- Rollup v0.64 or later
-
Rust v1.28.0 with wasm32-uknown-unknown installed```console
rustup default 1.28.0
rustup target add wasm32-unknown-unknown
```
This module requires a minimum of Node v8.9.0, Rollup v0.64.0, and Rust in [nightly channel][].
## Getting Started
To begin, you'll need to install `rollup-plugin-rust`:
```console
npm install rollup-plugin-rust --save-dev
```
Then add the plugin to your `rollup` config. For example:
rollup.config.js
```js
import rust from "rollup-plugin-rust";
export default [
{
input: "src/main.js",
output: {
file: "dist.index.js",
format: "esm"
},
plugins: [rust()]
}
];
```
quick usage
lib.rs
```rust
#[no_mangle]
pub fn add(a: i32, b: i32) -> i32 {
a + b
}
```
index.js
```js
import wasm from "lib.rs";
export async function increment(a) {
const { instance } = await wasm;
return instance.exports.add(1, a);
}
```
And run `rollup` via your preferred method.
## Options
export
How wasm code would be exported. This options is identical with [option `export` in webassembly-loader][webassembly-loader]. (see [examples](#examples))
```js
// in your rollup.config.js
{
plugins: [rust({ export: "instance" })];
}
```
target
- Type: `String`
- Default: `wasm32-unknown-unknown`
- Expected value: see [supported platform](https://forge.rust-lang.org/platform-support.html)
The Rust target to use. Currently it **only support [wasm related target](https://kripken.github.io/blog/binaryen/2018/04/18/rust-emscripten.html)**
```js
// in your rollup.config.js
{
plugins: [rust({ target: "wasm32-unknown-emscripten" })];
}
```
release
- Type: `Boolean`
- Default: `true`
Whether to compile the Rust code in debug or release mode.
```js
// in your rollup.config.js
{
plugins: [rust({ release: false })]; // preserve debug symbol
}
```
include
- Type: `Array` or `string`
- Default: `['**/*.rs']`
A single file, or array of files, to include when compiling.
```js
// in your rollup.config.js
{
plugins: [
rust({
include: ["src/**/*.rs", "test/**/*.rs"]
})
];
}
```
exclude
- Type: `Array` or `string`
- Default: `['node_modules/**', 'target/**']`
A single file, or array of files, to exclude when linting.
```js
// in your rollup.config.js
{
plugins: [
rust({
exclude: ["**/node_modules/**", "**/target/**", "**/__caches__/**"]
})
];
}
```
## Examples
See the test cases and example projects in [fixtures](./test/fixtures) and [examples](./examples/) for more insight.
TL;DR
### Given this Rust code
lib.rs
```rust
#[no_mangle]
pub fn add(a: i32, b: i32) -> i32 {
a + b
}
```
Cargo.toml
```toml
[package]
name = "adder"
version = "0.1.0"
authors = ["Full Name "]
[lib]
crate-type = ["cdylib"]
path = "lib.rs"
```
### With options
#### `{export: 'buffer'}`
```js
import wasmCode from "./lib.rs";
WebAssembly.compile(wasmCode).then(module => {
const instance = new WebAssembly.Instance(module);
console(instance.exports.add(1, 2)); // 3
});
```
---
#### `{export: 'module'}`
```js
import wasmModule from "./lib.rs";
const instance = new WebAssembly.Instance(wasmModule);
console(instance.exports.add(1, 2)); // 3
```
---
#### `{export: 'instance'}`
```js
import wasm from "./lib.rs";
console(wasm.exports.add(1, 2)); // 3
```
---
#### `{export: 'async'}`
```rust
extern {
fn hook(c: i32);
}
#[no_mangle]
pub fn add(a: i32, b: i32) -> i32 {
hook(a + b)
}
```
```js
import wasmInstantiate from "./lib.rs";
wasmInstantiate(importObject | undefined).then(({ instance, module }) => {
console(instance.exports.add(1, 2)); // 3
// create different instance, extra will be called in different environment
const differentInstance = new WebAssembly.Instance(module, {
env: {
hook: result => result * 2
}
});
console(differentInstance.exports.add(1, 2)); // 6
});
```
---
#### `{export: 'async-instance'}`
```js
import wasmInstantiate from "./lib.rs";
wasmInstantiate(importObject | undefined).then(instance => {
console(instance.exports.add(1, 2)); // 3
});
```
---
#### `{export: 'async-module'}`
```js
import wasmInstantiate from "./lib.rs";
wasmCompile(importObject | undefined).then(module => {
const differentInstance = new WebAssembly.Instance(module);
console(differentInstance.exports.add(1, 2)); // 3
});
```
---
## You may also want to look at
- [rs-jest](https://github.com/DrSensor/rs-jest)
## Who use this?
- [example-stencil-rust](https://github.com/DrSensor/example-stencil-rust)
- [add yours 😉]
## Contributing
- [CONTRIBUTING.md](./.github/CONTRIBUTING.md) for how you can make contribution
- [HACKING.md](./.github/HACKING.md) for technical details
## Credits
- [webassembly-loader](https://github.com/DrSensor/webassembly-loader)
- [rust-native-wasm-loader](https://github.com/dflemstr/rust-native-wasm-loader)
- [webpack-defaults](https://github.com/webpack-contrib/webpack-defaults)
- [typescript-library-starter](https://github.com/alexjoverm/typescript-library-starter)
---
## License
[](https://app.fossa.io/projects/git%2Bgithub.com%2FDrSensor%2Frollup-plugin-rust?ref=badge_large)
[webassembly-loader]: https://github.com/DrSensor/webassembly-loader#export
[npm]: https://img.shields.io/npm/v/rollup-plugin-rust.svg
[npm-url]: https://npmjs.com/package/rollup-plugin-rust
[npm-download]: https://img.shields.io/npm/dm/rollup-plugin-rust.svg
[deps]: https://david-dm.org/DrSensor/rollup-plugin-rust.svg
[deps-url]: https://david-dm.org/DrSensor/rollup-plugin-rust
[tests]: https://img.shields.io/circleci/project/github/DrSensor/rollup-plugin-rust.svg
[tests-url]: https://circleci.com/gh/DrSensor/rollup-plugin-rust
[stencil]: https://img.shields.io/travis/DrSensor/rollup-plugin-rust.svg?label=smoke%20stencil
[stencil-url]: https://travis-ci.org/DrSensor/rollup-plugin-rust
[cover]: https://codecov.io/gh/DrSensor/rollup-plugin-rust/branch/master/graph/badge.svg
[cover-url]: https://codecov.io/gh/DrSensor/rollup-plugin-rust
[size]: https://packagephobia.now.sh/badge?p=rollup-plugin-rust
[size-url]: https://packagephobia.now.sh/result?p=rollup-plugin-rust