Add vite tests

Author: jonluca

.gitignore

@@ -106,4 +106,5 @@ dist
 # Rust:
 /target
 /pkg
-/pkg.*/
+/pkg.*/
+.idea/

README.md

@@ -53,6 +53,64 @@ You'll need a [browser Buffer polyfill](https://www.npmjs.com/package/browserify
 
 If you want to support node & browsers with the same code, you can use the latter `await` form here everywhere (since awaiting the fixed value in node just returns the value as-is).
 
+
+## Vite and Rollup
+
+For usage in Vite, you have to use the `vite-plugin-wasm` and `static-files` plugins. The config looks like this:
+
+```javascript
+import { defineConfig } from "vite";
+import wasm from "vite-plugin-wasm";
+import { wasm as rollupWasm } from "@rollup/plugin-wasm";
+import { viteStaticCopy } from "vite-plugin-static-copy";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [
+        viteStaticCopy({
+            targets: [
+                {
+                    src: require.resolve("brotli-wasm/pkg.web/brotli_wasm_bg.wasm"),
+                    dest: "."
+                }
+            ]
+        }),
+        wasm(),
+        topLevelAwait()
+    ],
+    build: {
+        minify: false,
+        target: ["esnext"],
+        sourcemap: true,
+        rollupOptions: {
+            treeshake: false,
+            plugins: [rollupWasm()]
+        },
+        ssr: false
+    }
+});
+```
+
+and you can call it in your code like this:
+
+```typescript
+import init, { decompress } from "brotli-wasm/pkg.web/brotli_wasm";
+
+const initPromise = init("brotli_wasm_bg.wasm");
+export const brotliDecompress = zlib.brotliDecompress
+    ? promisify(zlib.brotliDecompress)
+    : async (buffer: Uint8Array): Promise<Uint8Array | undefined> => {
+          try {
+              await initPromise;
+              const output = decompress(buffer);
+              return output;
+          } catch (e) {
+              console.error(e);
+              return;
+          }
+      };
+```
+
 ## Alternatives
 
 There's a few other packages that do similar things, but I found they were all unusable and/or unmaintained:

build.js

@@ -19,4 +19,10 @@ shell.rm('pkg.bundler/{LICENSE,package.json,README.md,.gitignore}');
 shell.rm('-rf', 'pkg');
 shell.exec('wasm-pack build --target nodejs');
 shell.mv('pkg', 'pkg.node');
-shell.rm('pkg.node/{LICENSE,package.json,README.md,.gitignore}');
+shell.rm('pkg.node/{LICENSE,package.json,README.md,.gitignore}');
+
+// Create the web output
+shell.rm('-rf', 'pkg');
+shell.exec('wasm-pack build --target web');
+shell.mv('pkg', 'pkg.web');
+shell.rm('pkg.web/{LICENSE,package.json,README.md,.gitignore}');

karma.conf.js

@@ -38,15 +38,19 @@ module.exports = function(config) {
             resolve: {
                 extensions: ['.ts', '.js'],
                 fallback: {
-                    buffer: require.resolve('buffer/')
+                    buffer: require.resolve('buffer/'),
+                    fs: require.resolve('graceful-fs/graceful-fs'),
+                    path: require.resolve('path-browserify/'),
+                    constants: require.resolve('constants-browserify/'),
+                    stream: require.resolve('stream-browserify/'),
                 }
             },
             experiments: {
                 asyncWebAssembly: true
             },
             plugins: [
                 new webpack.ProvidePlugin({
-                    Buffer: ['buffer', 'Buffer'],
+                    Buffer: ['buffer', 'Buffer'],process: 'process/browser',
                 })
             ],
             output: {

package.json

@@ -9,13 +9,14 @@
   "files": [
     "pkg.node",
     "pkg.bundler",
+    "pkg.web",
     "index.browser.js"
   ],
   "scripts": {
     "build": "node ./build.js",
     "pretest": "npm run build",
     "test": "npm run test:node && npm run test:browser",
-    "test:node": "TS_NODE_FILES=true mocha -r ts-node/register 'test/**/*.spec.ts'",
+    "test:node": "ts-mocha -r esm -p test/tsconfig.json 'test/**/*.spec.ts'",
     "test:browser": "karma start",
     "test:browser:debug": "npm run test:browser -- --single-run=false --browsers Chrome"
   },
@@ -39,6 +40,7 @@
     "@types/chai": "^4.2.18",
     "@types/mocha": "^8.2.2",
     "@types/node": "^15.6.0",
+    "@types/text-encoding": "0.0.36",
     "buffer": "^6.0.3",
     "chai": "^4.3.4",
     "karma": "^6.3.2",
@@ -54,7 +56,10 @@
     "ts-loader": "^9.2.1",
     "ts-node": "^9.1.1",
     "typescript": "^4.2.4",
-    "wasm-pack": "^0.9.1",
-    "webpack": "^5.37.1"
+    "wasm-pack": "^0.10.3",
+    "webpack": "^5.37.1",
+    "esm": "^3.2.25",
+    "text-encoding": "^0.7.0",
+    "ts-mocha": "^10.0.0"
   }
 }