Basic JS test

.github/workflows/ci.yml

@@ -72,3 +72,8 @@ jobs:
           path: target
       - name: Run Rust tests
         run: scripts/test.sh
+      - uses: actions/setup-node@v4
+      - name: wasm-pack install
+        run: npm i -g wasm-pack
+      - name: Run JS tests
+        run: make -C js-api test

js-api/Makefile

@@ -0,0 +1,3 @@
+test:
+	wasm-pack build --target nodejs --dev --out-dir node_modules/lol-html
+	node test.js

js-api/README.md

@@ -5,7 +5,7 @@
 ```js
 'use strict';
 
-const { HTMLRewriter } = require('lol-html');
+const { HTMLRewriter } = require('lol-html'); // path/to/lol-html.js
 
 const chunks = [];
 const rewriter = new HTMLRewriter('utf8', (chunk) => {
@@ -34,3 +34,12 @@ rewriter.end();
 const output = Buffer.concat(chunks).toString('utf8');
 console.log(output);
 ```
+
+## Building
+
+```bash
+rustup update # https://rustup.rs
+cargo install wasm-pack
+
+wasm-pack build --target nodejs --release
+```

js-api/test.js

@@ -0,0 +1,32 @@
+'use strict';
+
+const { HTMLRewriter } = require('lol-html');
+
+const chunks = [];
+const rewriter = new HTMLRewriter('utf8', (chunk) => {
+  chunks.push(chunk);
+});
+
+rewriter.on('a[href]', {
+  element(el) {
+    const href = el
+      .getAttribute('href')
+      .replace('http:', 'https:');
+    el.setAttribute('href', href);
+  },
+});
+
+[
+  '<div><a href=',
+  'http://example.com>',
+  '</a></div>',
+].forEach((part) => {
+  rewriter.write(Buffer.from(part));
+});
+
+rewriter.end();
+
+const output = Buffer.concat(chunks).toString('utf8');
+if (output != '<div><a href="https://example.com"></a></div>') {
+  throw "fail";
+}