feat(js): add basic webpack loader with example

2021-03-21 00:32:11 +07:00 · 2021-03-21 00:32:11 +07:00 · f19165c53d
parent 2946363e88
commit f19165c53d
14 changed files with 4756 additions and 2 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+node_modules
+example/node_modules
+.gocache
--- a/bridge.js
+++ b/bridge.js
@ -0,0 +1,61 @@
+const g = global || window || self
+if (!g.__go_wasm__) {
+    g.__go_wasm__ = {};
+}
+
+const maxTime = new Date()
+maxTime.setSeconds(maxTime.getSeconds() + 3) // if js does not initialize after 3 seconds, we allow it to start anyhow and print a warning
+
+const bridge = g.__go_wasm__;
+
+function sleep() {
+    return new Promise(requestAnimationFrame)
+}
+export default function (getBytes) {
+
+    async function init() {
+        const go = new g.Go();
+        let bytes = await getBytes
+        let result = await WebAssembly.instantiate(bytes, go.importObject);
+        go.run(result.instance);
+        setTimeout(() => {
+            if (bridge.__ready__ !== true) {
+                console.warn("Golang Wasm Bridge (__go_wasm__.__ready__) still not true after max time")
+            }
+        }, 3 * 1000)
+    }
+
+    init();
+
+
+    let proxy = new Proxy(
+        {},
+        {
+            get: (_, key) => {
+                return (...args) => {
+                    return new Promise(async (res, rej) => {
+                        while (bridge.__ready__ !== true) {
+                            console.log("waiting")
+                            await sleep()
+                        }
+                        console.log("done!")
+
+                        if (typeof bridge[key] !== 'function') {
+                            res(bridge[key]);
+                            return;
+                        }
+
+                        const returnObj = bridge[key].apply(undefined, args)
+                        if (returnObj.error) {
+                            rej(returnObj.error)
+                        } else {
+                            res(returnObj.result)
+                        }
+                    })
+                };
+            }
+        }
+    );
+
+    return proxy;
+}
--- a/example/dist/index.html
+++ b/example/dist/index.html
@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <title>Example</title>
+</head>
+
+<body>
+    <script src="main.js"></script>
+</body>
+
+</html>
--- a/example/dist/main.js
+++ b/example/dist/main.js
--- a/example/go.mod
+++ b/example/go.mod
@ -0,0 +1,5 @@
+module example
+
+go 1.16
+
+require gitea.teamortix.com/Team-Ortix/go-mod-wasm/wasm v0.0.0-20210320172655-205806929b8f
--- a/example/go.sum
+++ b/example/go.sum
@ -0,0 +1,6 @@
+gitea.teamortix.com/Team-Ortix/go-mod-wasm/wasm v0.0.0-20210320160445-87f4b612f08a h1:yP+ZWeFYr26sQbkjOZKlJvDdPNzxsdK3T9WeDDpRZ3Y=
+gitea.teamortix.com/Team-Ortix/go-mod-wasm/wasm v0.0.0-20210320160445-87f4b612f08a/go.mod h1:aXGSS5eQ84RFpINcZVu4y/MeaguTCZM9RvZct1OtsE0=
+gitea.teamortix.com/Team-Ortix/go-mod-wasm/wasm v0.0.0-20210320171600-df451aa899a5 h1:1obgUBM+Sx9Hi+2nv05MvPBR8qu/0ZDCRs8JIky8U2o=
+gitea.teamortix.com/Team-Ortix/go-mod-wasm/wasm v0.0.0-20210320171600-df451aa899a5/go.mod h1:aXGSS5eQ84RFpINcZVu4y/MeaguTCZM9RvZct1OtsE0=
+gitea.teamortix.com/Team-Ortix/go-mod-wasm/wasm v0.0.0-20210320172655-205806929b8f h1:A1ImTmMMUKGRvxCXO+hQh92DAsRz37ioQGlg8dpxFjc=
+gitea.teamortix.com/Team-Ortix/go-mod-wasm/wasm v0.0.0-20210320172655-205806929b8f/go.mod h1:aXGSS5eQ84RFpINcZVu4y/MeaguTCZM9RvZct1OtsE0=
--- a/example/package-lock.json
+++ b/example/package-lock.json
--- a/example/package.json
+++ b/example/package.json
@ -0,0 +1,20 @@
+{
+  "name": "example",
+  "version": "1.0.0",
+  "description": "",
+  "private": true,
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "GOROOT=`go env GOROOT` webpack"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "webpack": "^5.27.0",
+    "webpack-cli": "^4.5.0"
+  },
+  "dependencies": {
+    "crypto-browserify": "^3.12.0",
+    "loader-utils": "^2.0.0"
+  }
+}
--- a/example/src/index.js
+++ b/example/src/index.js
@ -0,0 +1,6 @@
+import wasm from './main.go';
+
+(async () => {
+    console.log(wasm)
+    console.log(await wasm.test(), "..")
+})()
--- a/example/src/main.go
+++ b/example/src/main.go
@ -0,0 +1,14 @@
+package main
+
+import (
+	"fmt"
+
+	"gitea.teamortix.com/Team-Ortix/go-mod-wasm/wasm"
+)
+
+func main() {
+	c := make(chan bool, 0)
+	fmt.Println("Hello Go!")
+	wasm.Ready()
+	<-c
+}
--- a/example/webpack.config.js
+++ b/example/webpack.config.js
@ -0,0 +1,39 @@
+const path = require('path');
+
+module.exports = {
+    entry: './src/index.js',
+    mode: "production",
+    output: {
+        filename: 'main.js',
+        path: path.resolve(__dirname, 'dist'),
+    },
+    resolve: {
+        extensions: [".go", ".tsx", ".ts", ".js"],
+        fallback: {
+            "fs": false,
+            "os": false,
+            "util": false,
+            "tls": false,
+            "net": false,
+            "path": false,
+            "zlib": false,
+            "http": false,
+            "https": false,
+            "stream": false,
+            "crypto": false,
+            "crypto-browserify": require.resolve('crypto-browserify'), //if you want to use this module also don't forget npm i crypto-browserify 
+        }
+    },
+    module: {
+        rules: [
+            {
+                test: /\.go$/,
+                use: [
+                    {
+                        loader: path.resolve(__dirname, '../index.js')
+                    }
+                ]
+            }
+        ]
+    },
+};
--- a/index.js
+++ b/index.js
@ -0,0 +1,78 @@
+const fs = require("fs")
+const { execSync, execFileSync } = require("child_process")
+const path = require("path")
+const { lookpath } = require("lookpath")
+const { executionAsyncResource } = require("async_hooks")
+
+const exists = async (dir, file) => {
+    return new Promise((res, rej) => {
+        fs.access(path.join(dir, file), fs.constants.F_OK, (err) => {
+            if (err) {
+                return res(false)
+            }
+            return res(true)
+        })
+    })
+}
+
+module.exports = function (source) {
+    const cb = this.async()
+
+    const goBin = lookpath("go");
+    if (!goBin) {
+        return cb(new Error("go bin not found in path."));
+    }
+
+    const parent = path.dirname(this.resourcePath)
+    const outFile = this.resourcePath.slice(0, -2) + "wasm"
+    let modDir = parent
+    let found = false;
+
+    const opts = {
+        cwd: parent,
+        env: {
+            GOPATH: process.env.GOPATH,
+            GOROOT: process.env.GOROOT,
+            GOCACHE: path.join(__dirname, ".gocache"),
+            GOOS: "js",
+            GOARCH: "wasm",
+        }
+    };
+
+    (async () => {
+        const root = path.resolve(path.sep)
+        while (path.resolve(modDir) != root) {
+            if (!(await exists(modDir, 'go.mod'))) {
+                modDir = path.join(modDir, '..');
+            } else {
+                found = true;
+                break;
+            }
+        }
+        if (!found) {
+            return cb(new Error("Could not find go.mod in any parent directory of " + this.resourcePath))
+        }
+
+        try {
+            execFileSync("go", ["build", "-o", outFile, parent], opts)
+        } catch (e) {
+            return cb(e)
+        }
+
+        const wasmPath = path.join(process.env.GOROOT, "misc", "wasm", "wasm_exec.js")
+
+        let contents = fs.readFileSync(outFile)
+        fs.unlinkSync(outFile)
+
+        const emitPath = path.basename(outFile)
+        this.emitFile(emitPath, contents)
+        this.addContextDependency(modDir)
+
+        cb(null,
+            `require('!${wasmPath}')
+import goWasm from '${path.join(__dirname, 'bridge.js')}';
+
+const wasm = fetch('${emitPath}').then(response => response.arrayBuffer())
+export default goWasm(wasm)`)
+    })()
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -18,5 +18,9 @@
    "webpack"
  ],
  "author": "hhhapz, chanbakjsd",
-  "license": "MIT"
-}
+  "license": "MIT",
+  "dependencies": {
+    "lookpath": "^1.2.0",
+    "webpack": "^5.27.0"
+  }
+}