feat(js): add basic webpack loader with example
parent
2946363e88
commit
f19165c53d
GPG Key ID:
22473A32291F8CB6
@ -0,0 +1,3 @@
|
|||||||
|
node_modules
|
||||||
|
example/node_modules
|
||||||
|
.gocache
|
||||||
@ -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;
|
||||||
|
}
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<title>Example</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<script src="main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@
|
|||||||
|
module example
|
||||||
|
|
||||||
|
go 1.16
|
||||||
|
|
||||||
|
require gitea.teamortix.com/Team-Ortix/go-mod-wasm/wasm v0.0.0-20210320172655-205806929b8f
|
||||||
@ -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=
|
||||||
File diff suppressed because it is too large
Load Diff
@ -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"
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
import wasm from './main.go';
|
||||||
|
|
||||||
|
(async () => {
|
||||||
|
console.log(wasm)
|
||||||
|
console.log(await wasm.test(), "..")
|
||||||
|
})()
|
||||||
@ -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
|
||||||
|
}
|
||||||
@ -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')
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
};
|
||||||
@ -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)`)
|
||||||
|
})()
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue