JSPM

  • Created
  • Published
  • Downloads 137
  • Score
    100M100P100Q88078F
  • License Apache-2.0

WebNative Filesystem API (WebAssembly)

Package Exports

  • wnfs
  • wnfs/wasm_wnfs.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (wnfs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Wasm WNFS

This package implements the primitives for creating and manipulating IPLD graphs that encode WNFS.

The core of this project is a WebAssembly binary compiled from the Rust source code.

Outline

Usage

Creating a new public directory.

import { PublicDirectory } from "wnfs";

const time = new Date();
const dir = new PublicDirectory(time);

The in-memory files and directories you create with wnfs will need to be sealed and stored somewhere. For that, an object that implements the BlockStore interface like this one can be used.

import { MemoryBlockStore } from "./store";
import { PublicDirectory } from "wnfs";

const time = new Date();
const dir = new PublicDirectory(time);
const store = new MemoryBlockStore();

// ...

The WNFS API is immutable, therefore, we need to keep track of the updated root directory after every change.

Each fs operation returns a possibly updated root directory that subsequent changes can be applied on.

// ...

// Create a /pictures/cats directory.
var { rootDir } = await dir.mkdir(["pictures", "cats"], time, store);

// Get a sample CIDv1.
const cid = Uint8Array.from([
  1, 112, 18, 32, 195, 196, 115, 62, 200, 175, 253, 6, 207, 158, 159, 245, 15,
  252, 107, 205, 46, 200, 90, 97, 112, 0, 75, 183, 9, 102, 156, 49, 222, 148,
  57, 26,
]);

// Add a file to /pictures/cats.
var { rootDir } = await rootDir.write(
  ["pictures", "cats", "tabby.png"],
  cid,
  time,
  store
);

// Create and add a file to /pictures/dogs directory.
var { rootDir } = await root.write(
  ["pictures", "dogs", "billie.jpeg"],
  cid,
  time,
  store
);

// Delete /pictures/cats directory.
var { rootDir } = await rootDir.rm(["pictures", "cats"], store);

// List all files in /pictures directory.
var { result } = await rootDir.ls(["pictures"], store);

Setting up the Project

  • Install wasm-pack

    cargo install wasm-pack
  • Install dependencies

    yarn
  • Install playwright binaries

    npx playwright install
  • Build project

    wasm-pack build

Testing the Project

  • Run tests

    yarn playwright test

Publishing Package

  • Build the project

    wnfs build --wasm
  • Publish from the pkg directory

    wasm-pack publish --nodejs