feat: web wasm sdk rhp4

.github/actions/setup/action.yml

@@ -24,7 +24,10 @@ runs:
         registry-url: https://registry.npmjs.org
     - uses: actions/setup-go@v4
       with:
-        go-version: 'stable'
+        go-version: '1.20'
+    - uses: acifani/setup-tinygo@v2
+      with:
+        tinygo-version: '0.30.0'
     - name: Set up node cache
       uses: actions/cache@v3
       with:

.vscode/settings.json

@@ -6,5 +6,11 @@
   ],
   "[go]": {
     "editor.defaultFormatter": "golang.go"
+  },
+  "gopls": {
+    "build.env": {
+      "GOOS": "js",
+      "GOARCH": "wasm"
+    }
   }
 }

README.md

@@ -8,35 +8,16 @@ Web packages for the Sia project and ecosystem.
 
 User interfaces for the Sia software. The latest Sia software takes a modular approach, with separate daemons and user interfaces for renting, hosting, the explorer, and advanced wallet functionality.
 
-### [renterd](apps/renterd)
-
-![stability-mature](https://img.shields.io/badge/stability-mature-008000.svg)
-
-The [`renterd`](https://github.com/siafoundation/renterd) user interface, focused on renting functionality.
-
-### [hostd](apps/hostd)
-
-![stability-mature](https://img.shields.io/badge/stability-mature-008000.svg)
-
-The [`hostd`](https://github.com/siafoundation/hostd) user interface, focused on hosting functionality.
-
-### [walletd](apps/walletd)
-
-![stability-alpha](https://img.shields.io/badge/stability-alpha-orange.svg)
-
-The [`walletd`](https://github.com/siafoundation/walletd) user interface, includes a wallet with support for hot, cold, and hardware wallets.
-
-### [explorer](apps/explorer)
-
-![stability-mature](https://img.shields.io/badge/stability-mature-008000.svg)
-
-The `explorer` user interface, a Sia blockchain explorer interface that powers [siascan.com](https://siascan.com) and [zen.siascan.com](https://zen.siascan.com).
+- [renterd](apps/renterd) - The [`renterd`](https://github.com/siafoundation/renterd) user interface, focused on renting functionality.
+- [hostd](apps/hostd) - The [`hostd`](https://github.com/siafoundation/hostd) user interface, focused on hosting functionality.
+- [walletd](apps/walletd) - The [`walletd`](https://github.com/siafoundation/walletd) user interface, includes a wallet with support for hot, cold, and hardware wallets.
+- [explorer](apps/explorer) - The `explorer` user interface, a Sia blockchain explorer interface that powers [siascan.com](https://siascan.com) and [zen.siascan.com](https://zen.siascan.com).
 
 ## Libraries
 
-![stability-wip](https://img.shields.io/badge/stability-work_in_progress-orange.svg)
+![stability-beta](https://img.shields.io/badge/stability-beta-yellow.svg)
 
-> ⚠️ Please note that all libraries are currently unstable and subject to change or completely move. Do not depend on these libraries until version 1.0.0.
+### TypeScript
 
 The Sia web libraries provide developers with convenient TypeScript SDKs for using Sia core types, blockchain utilities, data fetching, daemon-specific React hooks, and components for common functionality such as Siacoin/fiat input fields, transaction lists, files, and more.
 
@@ -53,6 +34,15 @@ The Sia web libraries provide developers with convenient TypeScript SDKs for usi
 - [@siafoundation/units](libs/units) - Methods and types for converting and displaying units.
 - [@siafoundation/types](libs/types) - Core Sia types and library methods.
 
+### Go
+
+- [go.sia.tech/web/ui](ui) - Library for embedding NextJS applications in Go.
+- [go.sia.tech/web/sdk](sdk) - SDK for encoding RPCs, computing merkle proofs, and more. Compiled with WASM for use in the TypeScript SDK.
+- [go.sia.tech/web/walletd/wasm](walletd/wasm) - Wallet library for signing transactions. Compiled with WASM for use in the `walletd` application.
+- [go.sia.tech/web/walletd](walletd) - HTTP handler with embedded `walletd` application.
+- [go.sia.tech/web/renterd](renterd) - HTTP handler with embedded `renterd` application.
+- [go.sia.tech/web/hostd](hostd) - HTTP handler with embedded `hostd` application.
+
 ## Internal
 
 - [website](apps/website) - The main [sia.tech](https://sia.tech) website with information on the Sia project and the Sia Foundation.

apps/renterd/next.config.js

@@ -1,4 +1,4 @@
-const { composePlugins, withNx } = require('@nx/next');
+const { composePlugins, withNx } = require('@nx/next')
 
 /**
  * @type {import('@nx/next/plugins/with-nx').WithNxOptions}
@@ -32,10 +32,10 @@ const nextConfigExport = {
   output: 'export',
 }
 
-const nextConfig = process.env.NEXT_OUTPUT_EXPORT ? nextConfigExport : nextConfigServe
+const nextConfig = process.env.NEXT_OUTPUT_EXPORT
+  ? nextConfigExport
+  : nextConfigServe
 
-const plugins = [
-  withNx,
-];
+const plugins = [withNx]
 
-module.exports = composePlugins(...plugins)(nextConfig);
+module.exports = composePlugins(...plugins)(nextConfig)

apps/renterd/project.json

@@ -8,6 +8,7 @@
       "executor": "@nx/next:build",
       "outputs": ["{options.outputPath}"],
       "defaultConfiguration": "production",
+      "dependsOn": ["^compile", "^build"],
       "options": {
         "outputPath": "dist/apps/renterd",
         "postcssConfig": "apps/renterd/postcss.config.js"

go.work

@@ -5,4 +5,5 @@ use (
 	./hostd
 	./renterd
 	./walletd
+	./sdk
 )

libs/sdk/.eslintrc.json

@@ -5,7 +5,8 @@
     "@nx/dependency-checks": [
       "error",
       {
-        "ignoredFiles": ["libs/sdk/rollup.config.js"]
+        "ignoredFiles": ["libs/sdk/rollup.config.js"],
+        "ignoredDependencies": ["util"]
       }
     ]
   },

libs/sdk/.gitignore

@@ -0,0 +1 @@
+*.wasm

libs/sdk/project.json

@@ -4,10 +4,26 @@
   "sourceRoot": "libs/sdk/src",
   "projectType": "library",
   "tags": [],
+  "namedInputs": {
+    "go": ["{workspaceRoot}/sdk/**/*"],
+    "production": ["default", "go"]
+  },
   "targets": {
+    "compile": {
+      "executor": "nx:run-commands",
+      "inputs": ["go"],
+      "cache": true,
+      "options": {
+        "commands": [
+          "tinygo build -o libs/sdk/src/wasm/resources/sdk.wasm -target wasm ./sdk"
+        ]
+      }
+    },
     "build": {
-      "executor": "@nrwl/rollup:rollup",
+      "executor": "@nx/rollup:rollup",
       "outputs": ["{options.outputPath}"],
+      "dependsOn": ["compile", "^build"],
+      "inputs": ["production", "^production"],
       "options": {
         "outputPath": "dist/libs/sdk",
         "tsConfig": "libs/sdk/tsconfig.lib.json",

libs/sdk/rollup.config.js

@@ -1,5 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const preserveDirectives = require('rollup-plugin-preserve-directives')
+const { wasm } = require('@rollup/plugin-wasm')
 
 // https://github.com/rollup/rollup/issues/4699#issuecomment-1465302665
 function getRollupOptions(options) {
@@ -11,7 +12,13 @@ function getRollupOptions(options) {
       format: 'esm',
       sourcemap: true,
     },
-    plugins: options.plugins.concat(preserveDirectives.default()),
+    plugins: options.plugins
+      .concat(
+        wasm({
+          targetEnv: 'auto-inline',
+        })
+      )
+      .concat(preserveDirectives.default()),
   }
 }
 

libs/sdk/src/index.ts

@@ -1,2 +1,2 @@
 export * from './types'
-export * from './transport'
+export * from './wasm'

libs/sdk/src/encoding.spec.ts → libs/sdk/src/js/encoding.spec.ts

@@ -5,7 +5,7 @@ import {
   decodeHostSettings,
 } from './encoding'
 import { newEncoder, newDecoder } from './encoder'
-import { HostPrices, HostSettings } from './types'
+import { HostPrices, HostSettings } from '../types'
 import { TextDecoder, TextEncoder } from 'node:util'
 
 Object.defineProperties(globalThis, {

libs/sdk/src/encoding.ts → libs/sdk/src/js/encoding.ts

@@ -20,7 +20,7 @@ import {
   Encoder,
   Decoder,
 } from './encoder'
-import { HostPrices, HostSettings, NetAddress } from './types'
+import { HostPrices, HostSettings, NetAddress } from '../types'
 
 export function encodeHostPrices(e: Encoder, hostPrices: HostPrices) {
   encodeCurrency(e, hostPrices.contractPrice)

libs/sdk/src/rpc.spec.ts → libs/sdk/src/js/rpc.spec.ts

@@ -9,7 +9,7 @@ import {
   RPCSettingsResponse,
   RPCWriteSectorRequest,
   RPCWriteSectorResponse,
-} from './types'
+} from '../types'
 import { TextDecoder, TextEncoder } from 'node:util'
 import {
   decodeRpcRequestReadSector,

libs/sdk/src/rpc.ts → libs/sdk/src/js/rpc.ts

@@ -27,7 +27,11 @@ import {
   RPCSettingsResponse,
   RPCWriteSectorRequest,
   RPCWriteSectorResponse,
-} from './types'
+} from '../types'
+
+// NOTE: This JavaScript RPC and encoding implementations is not currently used
+// and may be incomplete or incorrect. It was written as a comparison to the WASM
+// RPC and encoding implementations which are used and exported from the SDK.
 
 // settings request
 

libs/sdk/src/transport.ts → libs/sdk/src/js/transport.ts

@@ -17,16 +17,7 @@ import {
   RPCReadSector,
   RPCWriteSector,
   RPCSettings,
-} from './types'
-
-function base64ToArrayBuffer(base64: string) {
-  const binaryString = window.atob(base64)
-  const bytes = new Uint8Array(binaryString.length)
-  for (let i = 0; i < binaryString.length; i++) {
-    bytes[i] = binaryString.charCodeAt(i)
-  }
-  return bytes.buffer
-}
+} from '../types'
 
 export class WebTransportClient {
   private transport!: WebTransport
@@ -134,3 +125,12 @@ export class WebTransportClient {
     )
   }
 }
+
+function base64ToArrayBuffer(base64: string) {
+  const binaryString = window.atob(base64)
+  const bytes = new Uint8Array(binaryString.length)
+  for (let i = 0; i < binaryString.length; i++) {
+    bytes[i] = binaryString.charCodeAt(i)
+  }
+  return bytes.buffer
+}

libs/sdk/src/wasm/global.d.ts

@@ -0,0 +1,10 @@
+declare module '*.wasm' {
+  const func: (
+    imports: WebAssembly.Imports
+  ) => Promise<WebAssembly.WebAssemblyInstantiatedSource>
+  export default func
+}
+
+interface Window {
+  Go: typeof Go
+}

libs/sdk/src/wasm/index.ts

@@ -0,0 +1,24 @@
+import './utils/wasm_exec_tinygo'
+import wasm from './resources/sdk.wasm'
+import { SDK } from './types'
+
+export function getSDK() {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return (global as any).sdk as SDK
+}
+
+export async function initSDK(): Promise<{ sdk?: SDK; error?: string }> {
+  try {
+    const go = new window.Go()
+    const source = await wasm(go.importObject)
+    await go.run(source.instance)
+    return {
+      sdk: getSDK(),
+    }
+  } catch (e) {
+    console.log(e)
+    return {
+      error: (e as Error).message,
+    }
+  }
+}

libs/sdk/src/wasm/types.ts

@@ -0,0 +1,68 @@
+import {
+  RPCReadSectorRequest,
+  RPCReadSectorResponse,
+  RPCSettingsRequest,
+  RPCSettingsResponse,
+  RPCWriteSectorRequest,
+  RPCWriteSectorResponse,
+} from '../types'
+
+export type SDK = {
+  rhp: {
+    // settings
+    encodeSettingsRequest: () => {
+      rpc?: Uint8Array
+      error?: string
+    }
+    decodeSettingsRequest: () => {
+      data?: RPCSettingsRequest
+      error?: string
+    }
+    encodeSettingsResponse: () => {
+      rpc?: Uint8Array
+      error?: string
+    }
+    decodeSettingsResponse: () => {
+      data?: RPCSettingsResponse
+      error?: string
+    }
+    // read sector
+    encodeReadSectorRequest: () => {
+      rpc?: Uint8Array
+      error?: string
+    }
+    decodeReadSectorRequest: () => {
+      data?: RPCReadSectorRequest
+      error?: string
+    }
+    encodeReadSectorResponse: () => {
+      rpc?: Uint8Array
+      error?: string
+    }
+    decodeReadSectorResponse: () => {
+      data?: RPCReadSectorResponse
+      error?: string
+    }
+    // read sector
+    encodeWriteSectorRequest: () => {
+      rpc?: Uint8Array
+      error?: string
+    }
+    decodeWriteSectorRequest: () => {
+      data?: RPCWriteSectorRequest
+      error?: string
+    }
+    encodeWriteSectorResponse: () => {
+      rpc?: Uint8Array
+      error?: string
+    }
+    decodeWriteSectorResponse: () => {
+      data?: RPCWriteSectorResponse
+      error?: string
+    }
+  }
+  generateAccountID: () => {
+    accountID?: string
+    error?: string
+  }
+}

libs/sdk/src/wasm/utils/wasm_exec.d.ts

@@ -0,0 +1,10 @@
+declare class Go {
+  constructor()
+  argv: string[]
+  env: { [envKey: string]: string }
+  exit: (code: number) => void
+  importObject: WebAssembly.Imports
+  exited: boolean
+  mem: DataView
+  run(instance: WebAssembly.Instance): Promise<void>
+}