Additional information

Have a question? Come chat with us on Discord! 📣
Search…
Latest
Become a webnative jedi 🧘
Debugging
Version
Check the webnative version.
1
console.log(wn.VERSION)
Copied!
Debug Logs
Add the following to your code to enable webnative debug logging.
1
wn.setup.debug({ enabled: true })
Copied!
When webnative makes a change to the user's filesystem, it logs:
1
📓 Adding to the CID ledger
Copied!
Next, webnative links the change to make it available across the web.
1
🌊 Updating your DNSLink
Copied!
When linking completes, the change is published and available to other browsers.
1
🪴 DNSLink updated:
Copied!
Forcing a Logout
While you are testing an app, you may want to force a logout to check the NotAuthorised authentication state. The wn.leave() method will log out and completely remove a user from your app. The user will still be authenticated with Fission, and they can sign back into your app to re-authorize.
WNFS File System Roots
WNFS comes with three separate top-level file systems "roots": public, pretty, and private.
Public
Not encrypted. Full metadata support. Starts with /public.
Pretty
Not encrypted. No metadata. Represented simply as /p to be nice and short when creating public URLs like /p/path/to/file.img. It does not support versioning, use the Public or Private trees for that.
Private
Encrypted. Structured so that file metadata as well as contents are obscured. Starts with /private.
Default folders
We initialize WNFS with a set of default private folders, which should be familiar to people from working with desktop operating systems.
TODO: We'll be documenting and versioning these default folders in the webnative Github repo.
Additionally, in apps like Drive or in file pickers, the user sees a top level Public folder, which maps to the Public system root
More about roots. Learn more about roots in the Fission whitepaper.
​
Web Worker
Can I use my file system in a web worker? Yes, this only requires a slightly different setup.
1
// UI thread
2
// `state.fs` will now be `null`
3
const { permissions } = wn.initialise({ loadFileSystem: false })
4
worker.postMessage({ tag: "LOAD_FS", permissions })
5
​
6
// Web Worker
7
let fs
8
​
9
self.onMessage = async event => {
10
  switch (event.data.tag) {
11
    case "LOAD_FS":
12
      fs = await wn.loadFileSystem(event.data.permissions)
13
      break;
14
  }
15
}
Copied!
Versions
Since the file system may evolve over time, a "version" is associated with each node in the file system (tracked with semver).
Currently two versions exist:
1.0.0: file tree with metadata. Nodes in the file tree are structured as 2 layers where one layer contains "header" information (metadata, cache, etc), and the second layer contains data or links. This is the default version, use this unless you have a good reason not to.
0.0.0: legacy bare file tree of an early version.
Customization
Customization can be done using the setup module. Run these before anything else you do with the SDK.
1
// custom api, lobby, and/or user domain
2
// (no need to specify each one)
3
wn.setup.endpoints({
4
  api: "https://my.fission.api",
5
  lobby: "https://my.fission.lobby",
6
  user: "my.domain"
7
})
8
​
9
// js-ipfs options
10
// (see docs in src for more info)
11
wn.setup.ipfs({ init: { repo: "my-ipfs-repo" } })
Copied!
Building Blocks
Warning: Here be 🐉! Only use lower level utilities if you know what you're doing.
This library is built on top of js-ipfs and keystore-idb. If you have already integrated an ipfs daemon or keystore-idb into your web application, you probably don't want to have two instances floating around.
You can use one instance for your whole application by doing the following:
1
import * as ipfs from 'webnative/ipfs'
2
​
3
// get the ipfs instance that the Fission SDK is using
4
const ipfsInstance = await ipfs.get()
5
​
6
// OR set the ipfs to an instance that you already have
7
await ipfs.set(ipfsInstance)
Copied!
1
import * as keystore from 'webnative/keystore'
2
​
3
// get the keystore instance that the Fission SDK is using
4
const keystoreInstance = await keystore.get()
5
​
6
// OR set the keystore to an instance that you already have
7
await keystore.set(keystoreInstance)
Copied!
Platform APIs
Migration
Last modified 5mo ago
Export as PDF
Copy link
Contents
WNFS File System Roots