fix: convert the examples to ES modules

Author: aminya

examples/quickstart/browser-puppeteer.js renamed to examples/quickstart/browser-puppeteer.mjs

@@ -1,14 +1,17 @@
 // Use pupeteer to run in the browser
-const puppeteer = require("puppeteer");
+import puppeteer from "puppeteer";
 
-// Require rollup to compile our browser.js
-const rollup = require("rollup");
-const { nodeResolve } = require("@rollup/plugin-node-resolve");
+// Import rollup to compile our browser.js
+import { rollup } from "rollup";
+import { nodeResolve } from "@rollup/plugin-node-resolve";
+import desm from "desm";
 
 // Get some native node libs, in order to host a static server
-const path = require("path");
-const fs = require("fs");
-const http = require("http");
+import path from "path";
+import fs from "fs";
+import http from "http";
+
+const __dirname = desm(import.meta.url);
 
 // Host a static server of the local directory
 // https://nodejs.org/en/knowledge/HTTP/servers/how-to-serve-static-files/
@@ -28,16 +31,16 @@ http
 
 (async () => {
   // Create a rollup bundle and get our compiled browser.js as a string
-  const bundle = await rollup.rollup({
-    input: "./browser.js",
+  const bundle = await rollup({
+    input: `${__dirname}/browser.mjs`,
     plugins: [nodeResolve()]
   });
   const { output } = await bundle.generate({
     format: "iife"
   });
   const browserQuickstartJs = output[0].code;
 
-  // Launch the pupeteer browser and page
+  console.log("Launching the pupeteer browser and page...");
   const browser = await puppeteer.launch();
   const page = await browser.newPage();
   await page.goto("http://localhost:8000/browser.html");

examples/quickstart/browser.js renamed to examples/quickstart/browser.mjs

@@ -8,6 +8,7 @@ import * as AsBind from "as-bind";
 const wasm = fetch("./path-to-my-wasm.wasm");
 
 const asyncTask = async () => {
+  console.log(wasm);
   // There is a buge with WebAssembly.compileStreaming with pupeteer, so going to
   // Get the Wasm Binary here and instantiate sync. This is slightly different
   // from the README unfortunately
@@ -21,4 +22,6 @@ const asyncTask = async () => {
     asBindInstance.exports.myExportedFunctionThatTakesAString("Hello World!");
   console.log(response); // AsBind: Hello World!
 };
-asyncTask();
+asyncTask().catch(e => {
+  throw e;
+});

examples/quickstart/nodejs.js renamed to examples/quickstart/nodejs.cjs

@@ -0,0 +1,17 @@
+// We need to import the direct as-bind.cjs.js for Node applications.
+// This is because the default "main" key in the `package.json`,
+// is the as-bind transform script
+import AsBind from "as-bind/dist/as-bind.cjs.js";
+import fs from "fs";
+
+const wasm = fs.readFileSync("./path-to-my-wasm.wasm");
+
+const asyncTask = async () => {
+  const asBindInstance = await AsBind.instantiate(wasm);
+
+  // You can now use your wasm / as-bind instance!
+  const response =
+    asBindInstance.exports.myExportedFunctionThatTakesAString("Hello World!");
+  console.log(response); // AsBind: Hello World!
+};
+asyncTask();

examples/quickstart/nodejs.mjs

@@ -2,12 +2,12 @@
   "name": "as-bind-quickstart",
   "version": "0.0.1",
   "description": "Project that tests the README QuickStart examples to ensure that the README works. This depends on node modules from the root package.json",
-  "main": "index.js",
   "scripts": {
     "build": "asc your-entryfile.ts --exportRuntime --transform as-bind -b path-to-my-wasm.wasm",
     "test": "npm run build && npm run test:node && npm run test:browser",
-    "test:node": "node nodejs.js",
-    "test:browser": "node browser-puppeteer.js"
+    "test:node": "node nodejs.mjs",
+    "test:node:cjs": "node nodejs.cjs",
+    "test:browser": "node browser-puppeteer.mjs"
   },
   "author": "Aaron Turner",
   "license": "MIT",

examples/quickstart/package-lock.json

@@ -59,6 +59,7 @@
     "assemblyscript": "~0.19.8",
     "chokidar-cli": "^2.0.0",
     "cpy-cli": "^3.1.1",
+    "desm": "^1.3.0",
     "express": "^4.17.1",
     "gh-pages": "^2.1.1",
     "glob": "^7.1.6",