wasm-quickjs-dom 0.0.4 → 0.1.0

package/dist/index.js

@@ -1,5 +1,5 @@
 /**
- * A small JSDOM for runtimes without Node: a page's scripts run in QuickJS (compiled to WebAssembly) on a linkedom DOM.
+ * A small JSDOM for runtimes without Node: a page's scripts run in QuickJS (compiled to WebAssembly) on a DOM written in C.
  *
  * Runs wherever WebAssembly does, `eval` or not, so it also works on Cloudflare Workers, Vercel Edge, Deno, Bun and
  * browsers. The guest program (`dist/edge-js-payload.js`, built by `scripts/build-edge-js.mjs`) holds the DOM and the
@@ -134,7 +134,52 @@ export async function createDOM(source, options = {}) {
     // ES modules: QuickJS loads them synchronously, so the host fetches a module's whole import graph first
     // (static imports and `import("literal")`), then serves the sources from memory
     const modules = new Map();
+    // import maps (`<script type="importmap">`): specifier prefixes and scopes, with every address resolved against the page
+    const mapImports = [];
+    const mapScopes = [];
+    const mapEntries = (value) => value && typeof value === "object"
+        ? Object.entries(value).flatMap(([key, to]) => {
+            try {
+                return typeof to === "string" ? [[/^(\.{0,2}\/|[a-z][a-z0-9+.-]*:)/i.test(key) ? new URL(key, baseUrl).href : key, new URL(to, baseUrl).href]] : [];
+            }
+            catch {
+                return [];
+            }
+        })
+        : [];
+    const addImportMap = (json) => {
+        try {
+            const map = JSON.parse(json);
+            mapImports.push(...mapEntries(map.imports));
+            for (const [scope, entries] of Object.entries(map.scopes ?? {}))
+                mapScopes.push([new URL(scope, baseUrl).href, mapEntries(entries)]);
+        }
+        catch {
+            // an invalid import map is ignored, as a browser does
+        }
+    };
+    const mapped = (entries, name) => {
+        let best;
+        for (const e of entries) {
+            if (e[0] === name)
+                return e[1];
+            if (e[0].endsWith("/") && name.startsWith(e[0]) && (!best || e[0].length > best[0].length))
+                best = e;
+        }
+        return best && best[1] + name.slice(best[0].length);
+    };
     const resolveModule = (base, name) => {
+        if (mapImports.length || mapScopes.length) {
+            const scopes = mapScopes.filter(([s]) => s === base || (s.endsWith("/") && base.startsWith(s))).sort((a, b) => b[0].length - a[0].length);
+            for (const [, entries] of scopes) {
+                const hit = mapped(entries, name);
+                if (hit)
+                    return hit;
+            }
+            const hit = mapped(mapImports, name);
+            if (hit)
+                return hit;
+        }
         try {
             return new URL(name, base).href;
         }
@@ -240,9 +285,9 @@ export async function createDOM(source, options = {}) {
             const code = source.replace(/\bimport\.meta\.url\b/g, JSON.stringify(name));
             modules.set(name, code);
             const pending = [];
-            for (const m of code.matchAll(/(?:\bfrom\s*|\bimport\s*\(?\s*)(["'`])(\.{0,2}\/[^"'`$]+|https?:[^"'`$]+)\1/g)) {
+            for (const m of code.matchAll(/(?:\bfrom\s*|\bimport\s*\(?\s*)(["'`])([^"'`$\s]+)\1/g)) {
                 const target = resolveModule(name, m[2]);
-                if (!modules.has(target) && modules.size < MAX_MODULES) {
+                if (/^https?:/.test(target) && !modules.has(target) && modules.size < MAX_MODULES) {
                     modules.set(target, new Error(`could not load module ${target}`));
                     pending.push(target);
                 }
@@ -280,6 +325,10 @@ export async function createDOM(source, options = {}) {
                         .then((code) => ({ name, code }), () => undefined);
                 });
                 for (const [i, s] of list.entries()) {
+                    if (s.importmap) {
+                        addImportMap(s.text);
+                        continue;
+                    }
                     let code = s.text;
                     let name = "inline";
                     if (s.src) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wasm-quickjs-dom",
-  "version": "0.0.4",
-  "description": "A small JSDOM for runtimes without Node or eval: QuickJS-ng (WebAssembly) on a linkedom DOM, for Cloudflare Workers, Vercel Edge, Deno, Bun and browsers",
+  "version": "0.1.0",
+  "description": "A small JSDOM for runtimes without Node or eval: QuickJS-ng (WebAssembly) with a DOM written in C, for Cloudflare Workers, Vercel Edge, Deno, Bun and browsers",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -22,7 +22,6 @@
     "jsdom",
     "dom",
     "quickjs",
-    "linkedom",
     "wasm",
     "webassembly",
     "cloudflare-workers",
@@ -61,8 +60,10 @@
   ],
   "license": "MIT",
   "devDependencies": {
+    "@types/jsdom": "^30.0.0",
     "@types/node": "26.6.5",
-    "linkedom": "0.18.13",
+    "htmlparser2": "10.1.0",
+    "jsdom": "^26.1.0",
     "typescript": "^7.0.2",
     "vitest": "^5.0.5",
     "web-streams-polyfill": "4.3.0"