Add Wasm Stardust Client

bindings/wasm/.gitignore

@@ -11,6 +11,8 @@ wasm-node/
 web/
 node/
 pkg/
+**/dist/
+tmp/
 
 # cypress
 cypress/screenshots/

bindings/wasm/Cargo.toml

@@ -17,6 +17,7 @@ crate-type = ["cdylib", "rlib"]
 
 [dependencies]
 async-trait = { version = "0.1", default-features = false }
+bee-block = { version = "1.0.0-beta.5", default-features = false, features = ["dto"] }
 console_error_panic_hook = { version = "0.1" }
 futures = { version = "0.3" }
 js-sys = { version = "0.3" }
@@ -37,7 +38,7 @@ features = ["account", "storage-test-suite", "unstable-encryption", "revocation-
 version = "=0.6.0"
 path = "../../identity_stardust"
 default-features = false
-features = ["revocation-bitmap"]
+features = ["client", "revocation-bitmap"]
 
 [dev-dependencies]
 wasm-bindgen-test = { version = "0.3" }

bindings/wasm/README.md

@@ -107,7 +107,13 @@ import copy from 'rollup-plugin-copy'
 
 // Add the copy plugin to the `plugins` array of your rollup config:
 copy({
-  targets: [{
+  targets: [
+  {
+    src: 'node_modules/@cycraig/iota-client-wasm/web/wasm/client_wasm_bg.wasm',
+    dest: 'public',
+    rename: 'client_wasm_bg.wasm'
+  },
+  {
     src: 'node_modules/@iota/identity-wasm/web/identity_wasm_bg.wasm',
     dest: 'public',
     rename: 'identity_wasm_bg.wasm'
@@ -131,6 +137,10 @@ const CopyWebPlugin= require('copy-webpack-plugin');
 
 new CopyWebPlugin({
   patterns: [
+    {
+      from: 'node_modules/@cycraig/iota-client-wasm/web/wasm/client_wasm_bg.wasm',
+      to: 'client_wasm_bg.wasm'
+    },
     {
       from: 'node_modules/@iota/identity-wasm/web/identity_wasm_bg.wasm',
       to: 'identity_wasm_bg.wasm'
@@ -142,9 +152,10 @@ new CopyWebPlugin({
 ### Web Usage
 
 ```js
+import * as client from "@cycraig/iota-client-wasm/web";
 import * as identity from "@iota/identity-wasm/web";
 
-identity.init().then(() => {
+client.init().then(() => identity.init()).then(() => {
 
   // The creation step generates a keypair, builds an identity
   // and publishes it to the IOTA mainnet.
@@ -165,8 +176,8 @@ identity.init().then(() => {
 // or
 
 (async () => {
-
-  await identity.init()
+  await client.init();
+  await identity.init();
 
   // The creation step generates a keypair, builds an identity
   // and publishes it to the IOTA mainnet.
@@ -188,7 +199,7 @@ identity.init().then(() => {
 await identity.init("./static/identity_wasm_bg.wasm");
 ```
 
-`identity.init().then(<callback>)` or `await identity.init()` is required to load the wasm file (from the server if not available, because of that it will only be slow for the first time)
+Calling `identity.init().then(<callback>)` or `await identity.init()` is required to load the Wasm file from the server if not available, because of that it will only be slow for the first time.
 
 ## Examples in the Wild
 

bindings/wasm/build/node.js

@@ -26,9 +26,9 @@ fs.writeFileSync(
     changedFileNode
 );
 
+// Generate `package.json`.
 const newPackage = generatePackage({
-    main: 'identity_wasm.js',
-    types: 'identity_wasm.d.ts',
+    main: 'index.js',
+    types: 'index.d.ts',
 });
-
 fs.writeFileSync(path.join(RELEASE_FOLDER, 'package.json'), JSON.stringify(newPackage, null, 2));

bindings/wasm/build/utils/generatePackage.js

@@ -7,10 +7,10 @@ module.exports = (options) => {
         description: rootPackage.description,
         version: rootPackage.version,
         license: rootPackage.license,
+        homepage: rootPackage.homepage,
         repository: rootPackage.repository,
-        main: options.main,
         module: options.module,
-        homepage: rootPackage.homepage,
+        main: options.main,
         types: options.types,
     }
 
@@ -19,4 +19,4 @@ module.exports = (options) => {
 
     return newPackage;
 
-}
+}

bindings/wasm/build/web.js

@@ -1,6 +1,7 @@
-const path = require('path')
-const fs = require('fs')
-const { lintAll } = require('./lints')
+const path = require('path');
+const fs = require('fs');
+const fse = require('fs-extra');
+const { lintAll } = require('./lints');
 const generatePackage = require('./utils/generatePackage');
 
 const RELEASE_FOLDER = path.join(__dirname, '../web/');
@@ -48,9 +49,26 @@ fs.writeFileSync(
     changedFileTs
 );
 
+// Copy TypeScript to a temporary directory (to avoid overwriting it with changes).
+const tmpDir = path.join(__dirname, "..", "tmp");
+fse.copySync(path.join(__dirname, '..', 'lib'), tmpDir, { 'overwrite': true });
+
+// Replace `iota-client` import path in `stardust_identity_client.ts`.
+// `@iota/client-wasm/node` -> `@iota/client-wasm/web`.
+const clientFilePath = path.join(tmpDir, 'stardust_identity_client.ts');
+const clientFileTs = fs.readFileSync(clientFilePath).toString()
+    .replace(
+        /from '(.*)\/node';/i,
+        "from '$1/web';"
+    );
+fs.writeFileSync(
+    clientFilePath,
+    clientFileTs
+);
+
+// Generate `package.json`.
 const newPackage = generatePackage({
-    module: 'identity_wasm.js',
-    types: 'identity_wasm.d.ts',
+    module: 'index.js',
+    types: 'index.d.ts',
 });
-
-fs.writeFileSync(path.join(RELEASE_FOLDER, 'package.json'), JSON.stringify(newPackage, null, 2));
+fs.writeFileSync(path.join(RELEASE_FOLDER, 'package.json'), JSON.stringify(newPackage, null, 2));