npmpackage.info

Gathering detailed insights and metrics for @pognetwork/vite-plugin-wasm-pack

@pognetwork/vite-plugin-wasm-pack - 0.1.8 | npmpackage.info

@pognetwork/vite-plugin-wasm-pack

🦀 Vite plugin for rust wasm-pack

0.1.8

254

MIT

TypeScript

18.32 kB

527 2.7

Installations

npm install @pognetwork/vite-plugin-wasm-pack

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

16.11.0

NPM Version

8.0.0 Pull Requests

Open

5

Total

16

Closed

4

Merged

7

Issues

Open

19

Total

25

Closed

6

Releases

🚀 RELEASE: v0.1.12

v0.1.12

Updated on May 20, 2022

Vite plugin for rust wasm-pack

0.1.7

Updated on Oct 14, 2021

Vite plugin for rust wasm-pack

0.1.2

Updated on Jun 24, 2021

View All 3 releases

Languages

TypeScript

Rust

HTML

TypeScript (80.39%)

Rust (9.92%)

HTML (9.69%)

Developer

nshen

Download Statistics

Total Downloads

527

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

254 Stars

56 Commits

39 Forks

3 Watchers

1 Branches

6 Contributors

Updated on May 06, 2025

Bundle Size

56.94 kB

Minified

18.32 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 6 Contributors

Package Meta Information

Latest Version

0.1.8

Package Id

@pognetwork/vite-plugin-wasm-pack@0.1.8

Unpacked Size

13.02 kB

Size

4.32 kB

File Count

NPM Version

8.0.0

Node Version

16.11.0

Total Downloads

Cumulative downloads

Total Downloads

527

Last Day

Compared to previous day

Last Week

50%

Compared to previous week

Last Month

8.3%

Compared to previous month

Last Year

-16%

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

chalk fs-extra narrowing

Dev Dependencies

@tsconfig/node12 @types/fs-extra @types/node prettier typescript vite

🦀 Vite plugin for rust wasm-pack, it's simple.

Quick start

Make sure wasm-pack installed correctly.

Clone this repo or download the zip file, extract the example folder.

example
  |
  |-- my-crate       # rust project folder, there is a Cargo.toml in it
  |-- src            # front end source code
  |   |-- index.ts   # entry point
  |-- index.html     # html entry
  |-- vite.config.ts # vite config file
  |__ package.json   # npm config file

Install npm develop dependencies, in example folder run:

1yarn install
2# or
3# npm install

After that you can build rust project to WebAassembly by using wasm-pack.

1wasm-pack build ./my-crate --target web

Now the my-crate module is ready, start vite dev server.

1yarn dev
2or
3#npm run dev

Done, if below is showing.

1  vite v2.6.5 dev server running at:
2
3  > Local: http://localhost:3000/
4
5  ready in 169ms.

Install manually

1yarn add vite vite-plugin-wasm-pack -D
2# or
3# npm i vite vite-plugin-wasm-pack vite -D

Usage

Add this plugin to vite.config.ts

1import { defineConfig } from 'vite';
2import wasmPack from 'vite-plugin-wasm-pack';
3
4export default defineConfig({
5  // pass your local crate path to the plugin
6  plugins: [wasmPack('./my-crate')]
7});

Add script to package.json

1"scripts": {
2  "dev": "vite",
3  "build": "vite build"
4}

⚠ Don't forget to build your wasm-pack crate first!

1wasm-pack build ./my-crate --target web

Tips: you can add a wasm script to package.json like this:

1"scripts": {
2    "wasm": "wasm-pack build ./my-crate --target web",
3    "dev": "yarn wasm && vite",
4    "build": "vite build"
5}

Then, run:

1yarn dev

This will start dev server, and install my-crate that you built earlier.

Use wasm-pack package installed via npm

If you want use a package from npm that built with wasm-pack, like this one test-npm-crate

you have to pass the package name to the second param of our plugin.

wasmPack(['./my-local-crate'],['test-npm-crate'])

full example is in ./npm-crate-example folder.

Examples

Quick starter is in ./example folder.
Game of life [demo] [source]
Photon-vite [demo] [source]

License

MIT, see the license file

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.7

/10

Last Scanned on 2025-05-05

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More