Refactor build workflow to include WASM package upload step and updat…

…e interceptor artifact path

.github/workflows/build.yml → .github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: Build WASM Package
+name: Release
 on:
   release:
     types:
@@ -41,7 +41,7 @@ jobs:
           name: interceptor
           path: bin/
   s3:
-    name: Upload WASM Package to CDN
+    name: Upload WASM File to CDN
     needs: build
     runs-on: ubuntu-latest
     steps:
@@ -57,5 +57,24 @@ jobs:
           aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
           aws-region: ${{ vars.AWS_REGION }}
       - name: Upload WASM to S3
-        run: aws s3 cp bin/interceptor.wasm.br s3://layer8-interceptor/${{ github.sha }}.wasm.br --content-encoding br --content-type application/wasm
-
+        run: aws s3 cp bin/interceptor.wasm.br s3://layer8-interceptor/${{ github.sha }}.wasm.br --content-encoding br --content-type application/wasm --acl public-read
+  publish:
+    name: Publish Node Package
+    needs: s3
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          registry-url: https://npm.pkg.github.com/
+      - name: Install Utilities
+        run: apt-get install jq moreutils
+      - name: Setup WASM Config
+        run: jq '.wasm_url = "${{vars.CLOUDFRONT_CDN_DOMAIN}}/${{ github.sha }}"' config.json | sponge config.json
+      - name: Install Dependencies
+        run: npm install
+      - name: Publish Package
+        run: npm publish --access public
+

config.json

@@ -0,0 +1,3 @@
+{
+    "wasm_url": "https://d2063k79vh7a9d.cloudfront.net/b69c8172ef38807dec39fcfd7984b95a1b509c4f.wasm.br"
+}

index.js

@@ -1,22 +1,10 @@
-// IMPORTS
-import wasmBin from "./dist/interceptor.json";
-import "./dist/wasm_exec.js";
+import './wasm_exec.js';
+import { wasm_url} from './config.json'
 
-// GLOBALS
 let l8Ready = false;
 let callbackObjectArray = [];
 let layer8;
 
-// UTILITY FUNCS
-const decode = (encoded) => {
-  var str = atob(encoded);
-  var bytes = new Uint8Array(str.length);
-  for (var i = 0; i < str.length; i++) {
-    bytes[i] = str.charCodeAt(i);
-  }
-  return bytes.buffer;
-};
-
 function illGetBackToYou(_func_name, _resolve, _reject, _args) {
   callbackObjectArray.push({
     func_name: _func_name,
@@ -41,15 +29,16 @@ function triggerCallbacks() {
   });
 }
 
-// MODULE LOAD & INITIAZLIZE
-const go = new window.Go();
-const importObject = go.importObject;
-WebAssembly.instantiate(decode(wasmBin), importObject).then((result) => {
+
+const go = new Go();
+WebAssembly.instantiateStreaming(fetch(wasm_url), go.importObject).
+then((result) => {
   go.run(result.instance);
   l8Ready = true;
   layer8 = window.layer8;
   triggerCallbacks();
-});
+}); 
+
 
 // EXPORTS
 export default {

package.json

@@ -1,6 +1,7 @@
 {
-  "name": "layer8_interceptor",
-  "version": "0.0.18",
+  "name": "layer8interceptor",
+  "version": "0.1.0",
+  "type": "module",
   "description": "This package allows Layer8 clients to connect to the remote Layer8 Server. It povides the 1) stock WASM glue code 2) binary of the Interceptor, and 3) the index.js necessary to run it.   ",
   "main": "index.js",
   "types": "index.d.ts",
@@ -26,9 +27,11 @@
   },
   "homepage": "https://github.com/globe-and-citizen/layer8-interceptor#readme",
   "files": [
-    "./dist/interceptor.json",
-    "./dist/wasm_exec.js",
+    "index.js",
+    "wasm_exec.js",
     "index.d.ts",
-    "index.js"
-  ]
-}
+    "config.json"
+  ],
+  "dependencies": {
+  }
+}