htmlemmurt 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Vito Esposito
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,40 @@
+# htmlemmurt
+
+Il compilatore di [htmlemmurt](https://github.com/bitoesposito/htmlemmurt) (HTML in napoletano) in WebAssembly, con un plugin Vite e un runtime per il browser.
+
+```bash
+npm i -D htmlemmurt
+```
+
+## Da Node
+
+```js
+import { compile, compileFratm, formatError } from 'htmlemmurt';
+
+const { html, dependencies, errors } = compile('<cascett classe="a">Uè</cascett>', {
+  filename: 'index.emmurt',
+});
+// html → '<div class="a">Uè</div>'
+```
+
+`compile` non lancia mai eccezioni: gli errori stanno in `errors`, con `message`, `file`, `line`, `column` e `suggestion`, in napoletano. Le opzioni sono `filename`, `root` (la cartella per i percorsi che cominciano con `/`), `read` (per leggere i file in un altro modo) e `inline` (incolla nella pagina i file di `<fratm da>`). `compileFratm` compila un modulo FratmScript.
+
+## Con Vite
+
+```js
+// vite.config.js
+import htmlemmurt from 'htmlemmurt/vite';
+
+export default { plugins: [htmlemmurt()] };
+```
+
+Ogni `x.emmurt` che comincia con `<cristian>` diventa `x.html`, in sviluppo e in build. Anche i moduli `.fratm` passano dal plugin.
+
+## Nel browser
+
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/htmlemmurt@0.1/browser.js"></script>
+<script type="text/htmlemmurt" src="index.emmurt"></script>
+```
+
+Da JavaScript: `import { init, compile } from 'htmlemmurt/web'`, poi `await init()`.

package/browser.d.ts

@@ -0,0 +1,2 @@
+/** Resolves when every `<script type="text/htmlemmurt">` of the page has been compiled and shown. */
+export const ready: Promise<void>;

package/browser.js

@@ -0,0 +1,75 @@
+// Runs htmlemmurt in a web page, no build step:
+//
+//   <script type="module" src="…/htmlemmurt/browser.js"></script>
+//   <script type="text/htmlemmurt" src="index.emmurt"></script>
+//
+// Each <script type="text/htmlemmurt"> (inline or with src) is compiled and
+// takes the place of the tag; a whole page (<cristian>) replaces the document.
+// Errors are shown in the page and in the console, in Neapolitan. `ready`
+// resolves when every script has been shown.
+import { init, compile, runtimeError, formatError } from './web.js';
+import { SCRIPT_TYPE, compileWithFiles, scriptName } from './lib/runtime.js';
+
+async function load(path) {
+  const response = await fetch(new URL(path, document.baseURI));
+  if (!response.ok) throw new Error(`${response.status} ${response.statusText}`);
+  return response.text();
+}
+
+function domReady() {
+  if (document.readyState !== 'loading') return Promise.resolve();
+  return new Promise((resolve) => document.addEventListener('DOMContentLoaded', resolve, { once: true }));
+}
+
+function report(script, message) {
+  console.error(`🤌 htmlemmurt ${message}`);
+  const box = document.createElement('pre');
+  box.style.cssText = 'color:#7a1f1f;background:#fff4f4;padding:1rem;border:1px solid #e3b4ae;border-radius:6px;white-space:pre-wrap';
+  box.textContent = `Uh, mannaggia! ${message}`;
+  script.replaceWith(box);
+}
+
+function show(html, script) {
+  if (html.startsWith('<!DOCTYPE html>')) {
+    document.open();
+    document.write(html);
+    document.close();
+    return;
+  }
+  const template = document.createElement('template');
+  template.innerHTML = html;
+  const scripts = [...template.content.querySelectorAll('script')];
+  script.replaceWith(template.content);
+  // Scripts parsed by innerHTML never run: swap each for a fresh copy
+  for (const old of scripts) {
+    const fresh = document.createElement('script');
+    for (const { name, value } of old.attributes) fresh.setAttribute(name, value);
+    fresh.textContent = old.textContent;
+    old.replaceWith(fresh);
+  }
+}
+
+window.addEventListener('error', (event) => {
+  if (event.error instanceof Error) console.error(`🤌 ${runtimeError(event.error)}`);
+});
+window.addEventListener('unhandledrejection', (event) => {
+  if (event.reason instanceof Error) console.error(`🤌 ${runtimeError(event.reason)}`);
+});
+
+export const ready = Promise.all([init(), domReady()]).then(async () => {
+  const scripts = [...document.querySelectorAll(`script[type="${SCRIPT_TYPE}"]`)];
+  for (const [index, script] of scripts.entries()) {
+    const src = script.getAttribute('src');
+    const filename = scriptName(src, index);
+    let source;
+    try {
+      source = src ? await load(src) : script.textContent;
+    } catch (error) {
+      report(script, `nun riesco a caricà ${filename} (${error.message})`);
+      continue;
+    }
+    const { html, errors } = await compileWithFiles(source, filename, load, compile);
+    if (errors.length > 0) report(script, formatError(errors[0]));
+    else show(html, script);
+  }
+});

package/index.d.ts

@@ -0,0 +1,64 @@
+export interface EmmurtError {
+  /** Error message, in Neapolitan */
+  message: string;
+  /** File the error is in: the page or a file it includes */
+  file: string;
+  /** 1-based line */
+  line: number;
+  /** 1-based column */
+  column: number;
+  /** A hint on how to fix it, when there is one */
+  suggestion: string | null;
+}
+
+export interface CompileOptions {
+  /** Name of the page, for errors and to resolve relative paths (default: "input.emmurt"). */
+  filename?: string;
+  /**
+   * Reads a file named by `<chiamm da>` or an inlined `<fratm da>`: its text, or null when it
+   * does not exist. Default in Node: from disk, `/…` paths from `root`.
+   */
+  read?: (path: string) => string | null;
+  /** Folder for paths that start with `/` (Node only, default: the working directory). */
+  root?: string;
+  /**
+   * Write `<fratm da="file.fratm">` files into the page instead of leaving
+   * `<script type="module" src>` for a bundler (default: false).
+   */
+  inline?: boolean;
+}
+
+export interface CompileResult {
+  /** The HTML, or null when there are errors */
+  html: string | null;
+  /** Files read while compiling */
+  dependencies: string[];
+  errors: EmmurtError[];
+}
+
+export interface FratmResult {
+  /** The JavaScript, or null when there are errors */
+  code: string | null;
+  /** Source map (v3) back to the .fratm file */
+  map: { version: number; file: string; sources: string[]; sourcesContent: string[]; names: string[]; mappings: string } | null;
+  errors: EmmurtError[];
+}
+
+export interface Vocabulary {
+  tags: [string, string][];
+  attributes: { nap: string; html: string; only?: string[]; values?: [string, string][] }[];
+  events: [string, string][];
+}
+
+/** Compiles htmlemmurt to HTML. Never throws on invalid source: check `errors`. */
+export function compile(source: string, options?: CompileOptions): CompileResult;
+/** Compiles a FratmScript module to JavaScript. */
+export function compileFratm(source: string, options?: { filename?: string }): FratmResult;
+/** Every Neapolitan name and its HTML. */
+export function vocabulary(): Vocabulary;
+/** Version of the compiler. */
+export function version(): string;
+/** A JavaScript runtime error in Neapolitan, with the original in brackets. */
+export function runtimeError(error: unknown): string;
+/** `file:line:column: message`, then the hint. */
+export function formatError(error: EmmurtError): string;

package/index.js

@@ -0,0 +1,25 @@
+// htmlemmurt compiler for Node.js (and bundlers that run in Node).
+import { existsSync, readFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import { join } from 'node:path';
+import { createApi } from './lib/api.js';
+
+const wasm = createRequire(import.meta.url)('./wasm/node/emmurt_wasm.js');
+const api = createApi(wasm);
+
+export const { compileFratm, vocabulary, version, runtimeError } = api;
+export { formatError } from './lib/api.js';
+
+/**
+ * Compiles a page. Included files are read from disk: paths starting with
+ * `/` that are not absolute paths on disk are taken from `root`.
+ */
+export function compile(source, options = {}) {
+  const { root = process.cwd(), read = (path) => readFrom(root, path), ...rest } = options;
+  return api.compile(source, { ...rest, read });
+}
+
+function readFrom(root, path) {
+  const file = path.startsWith('/') && !existsSync(path) ? join(root, path) : path;
+  return existsSync(file) ? readFileSync(file, 'utf8') : null;
+}

package/lib/api.js

@@ -0,0 +1,42 @@
+// Turns the raw responses of the WASM bindings into the public API.
+
+/** @param {any} wasm */
+export function createApi(wasm) {
+  function compile(source, options = {}) {
+    const { filename = 'input.emmurt', read, inline = false } = options;
+    // The bindings take a missing file as anything that is not a string
+    const response = wasm.compile(String(source), filename, read ? (path) => read(path) : undefined, inline);
+    return { html: response.code, dependencies: response.dependencies, errors: response.errors };
+  }
+
+  function compileFratm(source, options = {}) {
+    const filename = options.filename ?? 'input.fratm';
+    const response = wasm.compileFratm(String(source), filename);
+    let map = null;
+    if (response.map) {
+      map = JSON.parse(response.map);
+      map.sources = [filename];
+      map.sourcesContent = [String(source)];
+      map.file = filename.replace(/\.fratm$/, '') + '.js';
+    }
+    return { code: response.code, map, errors: response.errors };
+  }
+
+  function vocabulary() {
+    return JSON.parse(wasm.vocabulary());
+  }
+
+  function runtimeError(error) {
+    const name = error && error.name ? String(error.name) : 'Error';
+    const message = error && error.message !== undefined ? String(error.message) : String(error);
+    return wasm.runtimeError(name, message);
+  }
+
+  return { compile, compileFratm, vocabulary, version: wasm.version, runtimeError };
+}
+
+/** `file:line:column: message`, then the hint on its own line. */
+export function formatError(error) {
+  const hint = error.suggestion ? `\n  ${error.suggestion}` : '';
+  return `${error.file}:${error.line}:${error.column}: ${error.message}${hint}`;
+}

package/lib/runtime.js

@@ -0,0 +1,40 @@
+// The parts of the browser runtime that need no DOM, so tests can run them in Node.
+
+export const SCRIPT_TYPE = 'text/htmlemmurt';
+
+/**
+ * Compiles a page, fetching the files it includes. The compiler reads files
+ * synchronously, so each round compiles with the files fetched so far and
+ * fetches the one it was missing, until nothing is missing.
+ *
+ * @param {string} source
+ * @param {string} filename  paths in the page are relative to it
+ * @param {(path: string) => Promise<string>} load  rejects when the file is missing
+ * @param {(source: string, options: object) => any} compile  the htmlemmurt compile()
+ */
+export async function compileWithFiles(source, filename, load, compile) {
+  const files = new Map();
+  for (;;) {
+    const wanted = [];
+    const result = compile(source, {
+      filename,
+      inline: true,
+      read: (path) => {
+        if (files.has(path)) return files.get(path);
+        wanted.push(path);
+        return null;
+      },
+    });
+    if (wanted.length === 0) return result;
+    await Promise.all(
+      wanted.map(async (path) => {
+        files.set(path, await load(path).catch(() => null));
+      }),
+    );
+  }
+}
+
+/** Name of a page in errors: its `src`, or `pagina-N.emmurt` when inline. */
+export function scriptName(src, index) {
+  return src ? src.split(/[?#]/)[0] : `pagina-${index + 1}.emmurt`;
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "htmlemmurt",
+  "version": "0.1.1",
+  "description": "htmlemmurt compiler (WebAssembly), Vite plugin and browser runtime: HTML, ma comme si deve 🤌",
+  "license": "MIT",
+  "author": "Vito Esposito",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bitoesposito/htmlemmurt.git",
+    "directory": "packages/htmlemmurt"
+  },
+  "homepage": "https://github.com/bitoesposito/htmlemmurt#readme",
+  "bugs": {
+    "url": "https://github.com/bitoesposito/htmlemmurt/issues"
+  },
+  "keywords": [
+    "htmlemmurt",
+    "fratmscript",
+    "napoletano",
+    "html",
+    "compiler",
+    "wasm",
+    "vite-plugin"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./vite": {
+      "types": "./vite.d.ts",
+      "default": "./vite.js"
+    },
+    "./web": {
+      "types": "./web.d.ts",
+      "default": "./web.js"
+    },
+    "./browser": {
+      "types": "./browser.d.ts",
+      "default": "./browser.js"
+    }
+  },
+  "files": [
+    "index.js",
+    "index.d.ts",
+    "vite.js",
+    "vite.d.ts",
+    "web.js",
+    "web.d.ts",
+    "browser.js",
+    "browser.d.ts",
+    "lib/",
+    "wasm/node/package.json",
+    "wasm/node/emmurt_wasm.js",
+    "wasm/node/emmurt_wasm_bg.wasm",
+    "wasm/web/emmurt_wasm.js",
+    "wasm/web/emmurt_wasm_bg.wasm"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "build": "node scripts/build-wasm.js",
+    "test": "node --test test/*.test.js"
+  }
+}

package/vite.d.ts

@@ -0,0 +1,9 @@
+import type { Plugin } from 'vite';
+
+/**
+ * Serves and builds every `x.emmurt` page as `x.html` and compiles `.fratm`
+ * modules. Pages are the .emmurt files that start with `<cristian>`; set
+ * `build.rollupOptions.input` to choose them yourself.
+ */
+export default function htmlemmurt(): Plugin;
+export { htmlemmurt };

package/vite.js

@@ -0,0 +1,147 @@
+// Vite plugin: .emmurt pages are the app's HTML entries, .fratm files its
+// modules. `x.emmurt` is served and built as `x.html`.
+import { existsSync, readFileSync, readdirSync } from 'node:fs';
+import { join, relative, resolve, sep } from 'node:path';
+import { compile, compileFratm, formatError } from './index.js';
+
+const FRATM = /\.fratm$/;
+// A request for a .fratm file that Vite would serve as it is
+const RAW_FRATM_REQUEST = /^[^?#]*\.fratm(?:$|[?#])/;
+// A page starts with <cristian>, maybe after comments
+const PAGE = /^\s*(?:<!--[\s\S]*?-->\s*)*<cristian[\s>/]/i;
+const SKIP_DIRS = new Set(['node_modules', 'dist', 'public']);
+
+export default function htmlemmurt() {
+  let root = process.cwd();
+
+  /** The .emmurt source of an .html path that is not on disk. */
+  const sourceOf = (htmlPath) => {
+    if (!htmlPath.endsWith('.html') || existsSync(htmlPath)) return null;
+    const source = htmlPath.slice(0, -'.html'.length) + '.emmurt';
+    return existsSync(source) ? source : null;
+  };
+
+  const compilePage = (file) =>
+    compile(readFileSync(file, 'utf8'), { filename: file, root });
+
+  return {
+    name: 'htmlemmurt',
+    enforce: 'pre',
+
+    config(config) {
+      root = resolve(config.root ?? process.cwd());
+      if (config.build?.rollupOptions?.input) return;
+      const pages = findPages(root);
+      if (pages.length === 0) return;
+      const input = Object.fromEntries(
+        pages.map((page) => [
+          relative(root, page).slice(0, -'.emmurt'.length).split(sep).join('/'),
+          page.slice(0, -'.emmurt'.length) + '.html',
+        ]),
+      );
+      return { build: { rollupOptions: { input } } };
+    },
+
+    configResolved(config) {
+      root = config.root;
+    },
+
+    resolveId(id) {
+      return sourceOf(id) ? id : null;
+    },
+
+    load(id) {
+      const file = sourceOf(id);
+      if (!file) return null;
+      const { html, dependencies, errors } = compilePage(file);
+      if (errors.length > 0) this.error(errorFor(errors[0]));
+      for (const dependency of dependencies) this.addWatchFile(resolve(root, dependency));
+      return html;
+    },
+
+    transform(source, id) {
+      const file = id.split('?', 1)[0];
+      if (!FRATM.test(file)) return null;
+      const { code, map, errors } = compileFratm(source, { filename: file });
+      if (errors.length > 0) this.error(errorFor(errors[0]));
+      return { code, map };
+    },
+
+    configureServer(server) {
+      const reload = (file) => {
+        if (file.endsWith('.emmurt')) server.ws.send({ type: 'full-reload' });
+      };
+      server.watcher.on('change', reload);
+      server.watcher.on('add', reload);
+      server.watcher.on('unlink', reload);
+
+      server.middlewares.use(async (req, res, next) => {
+        if (!req.url) return next();
+        // The dev server only compiles requests it knows are modules. Imports
+        // between modules get `?import`, the <script src> of a page does not
+        if (RAW_FRATM_REQUEST.test(req.url) && !/[?&]import(?:[=&#]|$)/.test(req.url)) {
+          req.url += req.url.includes('?') ? '&import' : '?import';
+          return next();
+        }
+        if (req.method !== 'GET' && req.method !== 'HEAD') return next();
+        let path = decodeURIComponent(req.url.split(/[?#]/, 1)[0]);
+        if (path.endsWith('/')) path += 'index.html';
+        else if (!/\.[^/]*$/.test(path)) path += '.html';
+        const file = sourceOf(join(root, path));
+        if (!file) return next();
+        res.setHeader('Content-Type', 'text/html; charset=utf-8');
+        const { html, errors } = compilePage(file);
+        if (errors.length > 0) {
+          const message = formatError({ ...errors[0], file: relative(root, errors[0].file) });
+          server.config.logger.error(`🤌 ${message}`);
+          res.statusCode = 500;
+          res.end(errorPage(message));
+          return;
+        }
+        try {
+          res.end(await server.transformIndexHtml(path, html, req.originalUrl));
+        } catch (error) {
+          next(error);
+        }
+      });
+    },
+  };
+}
+
+/** Every .emmurt file under `dir` that is a page, not a piece for <chiamm>. */
+function findPages(dir) {
+  const pages = [];
+  for (const entry of readdirSync(dir, { withFileTypes: true })) {
+    const path = join(dir, entry.name);
+    if (entry.isDirectory()) {
+      if (!entry.name.startsWith('.') && !SKIP_DIRS.has(entry.name)) pages.push(...findPages(path));
+    } else if (entry.name.endsWith('.emmurt') && PAGE.test(readFileSync(path, 'utf8'))) {
+      pages.push(path);
+    }
+  }
+  return pages.sort();
+}
+
+function errorFor(error) {
+  return {
+    message: error.suggestion ? `${error.message}\n${error.suggestion}` : error.message,
+    id: error.file,
+    loc: { file: error.file, line: error.line, column: error.column - 1 },
+  };
+}
+
+// The Vite client reloads the page when the file is saved again
+function errorPage(message) {
+  const escaped = message.replace(/&/g, '&amp;').replace(/</g, '&lt;');
+  return `<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Uh, mannaggia</title>
+<script type="module" src="/@vite/client"></script>
+<style>body{font:16px/1.5 system-ui;margin:2rem;color:#7a1f1f}pre{background:#fff4f4;padding:1rem;border:1px solid #e3b4ae;border-radius:6px;white-space:pre-wrap}</style>
+<h1>Uh, mannaggia! 🤌</h1>
+<pre>${escaped}</pre>
+<p>Aggiusta 'o file e salva: 'a paggena se ricarica sola.</p>
+`;
+}
+
+export { htmlemmurt };

package/wasm/node/emmurt_wasm.js

@@ -0,0 +1,266 @@
+/* @ts-self-types="./emmurt_wasm.d.ts" */
+
+/**
+ * Compiles a page. `read(path)` returns the text of an included file, or
+ * null when it does not exist. `inline` writes `<fratm da>` files into the
+ * page instead of leaving them to a bundler.
+ * @param {string} source
+ * @param {string} filename
+ * @param {Function | null | undefined} read
+ * @param {boolean} inline
+ * @returns {any}
+ */
+function compile(source, filename, read, inline) {
+    const ptr0 = passStringToWasm0(source, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len0 = WASM_VECTOR_LEN;
+    const ptr1 = passStringToWasm0(filename, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len1 = WASM_VECTOR_LEN;
+    const ret = wasm.compile(ptr0, len0, ptr1, len1, isLikeNone(read) ? 0 : addToExternrefTable0(read), inline);
+    return ret;
+}
+exports.compile = compile;
+
+/**
+ * Compiles a `.fratm` module to JavaScript.
+ * @param {string} source
+ * @param {string} filename
+ * @returns {any}
+ */
+function compileFratm(source, filename) {
+    const ptr0 = passStringToWasm0(source, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len0 = WASM_VECTOR_LEN;
+    const ptr1 = passStringToWasm0(filename, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len1 = WASM_VECTOR_LEN;
+    const ret = wasm.compileFratm(ptr0, len0, ptr1, len1);
+    return ret;
+}
+exports.compileFratm = compileFratm;
+
+/**
+ * A JavaScript runtime error in Neapolitan, as FratmScript says it.
+ * @param {string} name
+ * @param {string} message
+ * @returns {string}
+ */
+function runtimeError(name, message) {
+    let deferred3_0;
+    let deferred3_1;
+    try {
+        const ptr0 = passStringToWasm0(name, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ptr1 = passStringToWasm0(message, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len1 = WASM_VECTOR_LEN;
+        const ret = wasm.runtimeError(ptr0, len0, ptr1, len1);
+        deferred3_0 = ret[0];
+        deferred3_1 = ret[1];
+        return getStringFromWasm0(ret[0], ret[1]);
+    } finally {
+        wasm.__wbindgen_free(deferred3_0, deferred3_1, 1);
+    }
+}
+exports.runtimeError = runtimeError;
+
+/**
+ * @returns {string}
+ */
+function version() {
+    let deferred1_0;
+    let deferred1_1;
+    try {
+        const ret = wasm.version();
+        deferred1_0 = ret[0];
+        deferred1_1 = ret[1];
+        return getStringFromWasm0(ret[0], ret[1]);
+    } finally {
+        wasm.__wbindgen_free(deferred1_0, deferred1_1, 1);
+    }
+}
+exports.version = version;
+
+/**
+ * Tags, attributes and events, as JSON.
+ * @returns {string}
+ */
+function vocabulary() {
+    let deferred1_0;
+    let deferred1_1;
+    try {
+        const ret = wasm.vocabulary();
+        deferred1_0 = ret[0];
+        deferred1_1 = ret[1];
+        return getStringFromWasm0(ret[0], ret[1]);
+    } finally {
+        wasm.__wbindgen_free(deferred1_0, deferred1_1, 1);
+    }
+}
+exports.vocabulary = vocabulary;
+function __wbg_get_imports() {
+    const import0 = {
+        __proto__: null,
+        __wbg_Error_30c8987f7c2ed4e2: function(arg0, arg1) {
+            const ret = Error(getStringFromWasm0(arg0, arg1));
+            return ret;
+        },
+        __wbg___wbindgen_string_get_0380ccaa2f57f0d9: function(arg0, arg1) {
+            const obj = arg1;
+            const ret = typeof(obj) === 'string' ? obj : undefined;
+            var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+            var len1 = WASM_VECTOR_LEN;
+            getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+            getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+        },
+        __wbg___wbindgen_throw_41e9ee4f547fc59a: function(arg0, arg1) {
+            throw new Error(getStringFromWasm0(arg0, arg1));
+        },
+        __wbg_call_187d372bd5fdd4aa: function() { return handleError(function (arg0, arg1, arg2) {
+            const ret = arg0.call(arg1, arg2);
+            return ret;
+        }, arguments); },
+        __wbg_new_617a8cdb8bb1130e: function() {
+            const ret = new Object();
+            return ret;
+        },
+        __wbg_new_ee2291f50781bf1d: function() {
+            const ret = new Array();
+            return ret;
+        },
+        __wbg_set_6be42768c690e380: function(arg0, arg1, arg2) {
+            arg0[arg1] = arg2;
+        },
+        __wbg_set_bea140a88be9b277: function(arg0, arg1, arg2) {
+            arg0[arg1 >>> 0] = arg2;
+        },
+        __wbindgen_generic_0000000000000001: function(arg0) {
+            // Cast intrinsic for `F64 -> Externref`.
+            const ret = arg0;
+            return ret;
+        },
+        __wbindgen_generic_0000000000000002: function(arg0, arg1) {
+            // Cast intrinsic for `Ref(String) -> Externref`.
+            const ret = getStringFromWasm0(arg0, arg1);
+            return ret;
+        },
+        __wbindgen_generic_0000000000000003: function(arg0) {
+            // Cast intrinsic for `U64 -> Externref`.
+            const ret = BigInt.asUintN(64, arg0);
+            return ret;
+        },
+        __wbindgen_init_externref_table: function() {
+            const table = wasm.__wbindgen_externrefs;
+            const offset = table.grow(4);
+            table.set(0, undefined);
+            table.set(offset + 0, undefined);
+            table.set(offset + 1, null);
+            table.set(offset + 2, true);
+            table.set(offset + 3, false);
+        },
+    };
+    return {
+        __proto__: null,
+        "./emmurt_wasm_bg.js": import0,
+    };
+}
+
+function addToExternrefTable0(obj) {
+    const idx = wasm.__externref_table_alloc();
+    wasm.__wbindgen_externrefs.set(idx, obj);
+    return idx;
+}
+
+let cachedDataViewMemory0 = null;
+function getDataViewMemory0() {
+    if (cachedDataViewMemory0 === null || cachedDataViewMemory0.buffer.detached === true || (cachedDataViewMemory0.buffer.detached === undefined && cachedDataViewMemory0.buffer !== wasm.memory.buffer)) {
+        cachedDataViewMemory0 = new DataView(wasm.memory.buffer);
+    }
+    return cachedDataViewMemory0;
+}
+
+function getStringFromWasm0(ptr, len) {
+    return decodeText(ptr >>> 0, len);
+}
+
+let cachedUint8ArrayMemory0 = null;
+function getUint8ArrayMemory0() {
+    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
+        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
+    }
+    return cachedUint8ArrayMemory0;
+}
+
+function handleError(f, args) {
+    try {
+        return f.apply(this, args);
+    } catch (e) {
+        const idx = addToExternrefTable0(e);
+        wasm.__wbindgen_exn_store(idx);
+    }
+}
+
+function isLikeNone(x) {
+    return x === undefined || x === null;
+}
+
+function passStringToWasm0(arg, malloc, realloc) {
+    if (realloc === undefined) {
+        const buf = cachedTextEncoder.encode(arg);
+        const ptr = malloc(buf.length, 1) >>> 0;
+        getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);
+        WASM_VECTOR_LEN = buf.length;
+        return ptr;
+    }
+
+    let len = arg.length;
+    let ptr = malloc(len, 1) >>> 0;
+
+    const mem = getUint8ArrayMemory0();
+
+    let offset = 0;
+
+    for (; offset < len; offset++) {
+        const code = arg.charCodeAt(offset);
+        if (code > 0x7F) break;
+        mem[ptr + offset] = code;
+    }
+    if (offset !== len) {
+        if (offset !== 0) {
+            arg = arg.slice(offset);
+        }
+        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
+        const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
+        const ret = cachedTextEncoder.encodeInto(arg, view);
+
+        offset += ret.written;
+        ptr = realloc(ptr, len, offset, 1) >>> 0;
+    }
+
+    WASM_VECTOR_LEN = offset;
+    return ptr;
+}
+
+let cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+cachedTextDecoder.decode();
+function decodeText(ptr, len) {
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
+const cachedTextEncoder = new TextEncoder();
+
+if (!('encodeInto' in cachedTextEncoder)) {
+    cachedTextEncoder.encodeInto = function (arg, view) {
+        const buf = cachedTextEncoder.encode(arg);
+        view.set(buf);
+        return {
+            read: arg.length,
+            written: buf.length
+        };
+    };
+}
+
+let WASM_VECTOR_LEN = 0;
+
+const wasmPath = `${__dirname}/emmurt_wasm_bg.wasm`;
+const wasmBytes = require('fs').readFileSync(wasmPath);
+const wasmModule = new WebAssembly.Module(wasmBytes);
+let wasmInstance = new WebAssembly.Instance(wasmModule, __wbg_get_imports());
+let wasm = wasmInstance.exports;
+wasm.__wbindgen_start();

package/wasm/node/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/wasm/web/emmurt_wasm.js

@@ -0,0 +1,360 @@
+/* @ts-self-types="./emmurt_wasm.d.ts" */
+
+/**
+ * Compiles a page. `read(path)` returns the text of an included file, or
+ * null when it does not exist. `inline` writes `<fratm da>` files into the
+ * page instead of leaving them to a bundler.
+ * @param {string} source
+ * @param {string} filename
+ * @param {Function | null | undefined} read
+ * @param {boolean} inline
+ * @returns {any}
+ */
+export function compile(source, filename, read, inline) {
+    const ptr0 = passStringToWasm0(source, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len0 = WASM_VECTOR_LEN;
+    const ptr1 = passStringToWasm0(filename, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len1 = WASM_VECTOR_LEN;
+    const ret = wasm.compile(ptr0, len0, ptr1, len1, isLikeNone(read) ? 0 : addToExternrefTable0(read), inline);
+    return ret;
+}
+
+/**
+ * Compiles a `.fratm` module to JavaScript.
+ * @param {string} source
+ * @param {string} filename
+ * @returns {any}
+ */
+export function compileFratm(source, filename) {
+    const ptr0 = passStringToWasm0(source, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len0 = WASM_VECTOR_LEN;
+    const ptr1 = passStringToWasm0(filename, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len1 = WASM_VECTOR_LEN;
+    const ret = wasm.compileFratm(ptr0, len0, ptr1, len1);
+    return ret;
+}
+
+/**
+ * A JavaScript runtime error in Neapolitan, as FratmScript says it.
+ * @param {string} name
+ * @param {string} message
+ * @returns {string}
+ */
+export function runtimeError(name, message) {
+    let deferred3_0;
+    let deferred3_1;
+    try {
+        const ptr0 = passStringToWasm0(name, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ptr1 = passStringToWasm0(message, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len1 = WASM_VECTOR_LEN;
+        const ret = wasm.runtimeError(ptr0, len0, ptr1, len1);
+        deferred3_0 = ret[0];
+        deferred3_1 = ret[1];
+        return getStringFromWasm0(ret[0], ret[1]);
+    } finally {
+        wasm.__wbindgen_free(deferred3_0, deferred3_1, 1);
+    }
+}
+
+/**
+ * @returns {string}
+ */
+export function version() {
+    let deferred1_0;
+    let deferred1_1;
+    try {
+        const ret = wasm.version();
+        deferred1_0 = ret[0];
+        deferred1_1 = ret[1];
+        return getStringFromWasm0(ret[0], ret[1]);
+    } finally {
+        wasm.__wbindgen_free(deferred1_0, deferred1_1, 1);
+    }
+}
+
+/**
+ * Tags, attributes and events, as JSON.
+ * @returns {string}
+ */
+export function vocabulary() {
+    let deferred1_0;
+    let deferred1_1;
+    try {
+        const ret = wasm.vocabulary();
+        deferred1_0 = ret[0];
+        deferred1_1 = ret[1];
+        return getStringFromWasm0(ret[0], ret[1]);
+    } finally {
+        wasm.__wbindgen_free(deferred1_0, deferred1_1, 1);
+    }
+}
+function __wbg_get_imports() {
+    const import0 = {
+        __proto__: null,
+        __wbg_Error_30c8987f7c2ed4e2: function(arg0, arg1) {
+            const ret = Error(getStringFromWasm0(arg0, arg1));
+            return ret;
+        },
+        __wbg___wbindgen_string_get_0380ccaa2f57f0d9: function(arg0, arg1) {
+            const obj = arg1;
+            const ret = typeof(obj) === 'string' ? obj : undefined;
+            var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+            var len1 = WASM_VECTOR_LEN;
+            getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+            getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+        },
+        __wbg___wbindgen_throw_41e9ee4f547fc59a: function(arg0, arg1) {
+            throw new Error(getStringFromWasm0(arg0, arg1));
+        },
+        __wbg_call_187d372bd5fdd4aa: function() { return handleError(function (arg0, arg1, arg2) {
+            const ret = arg0.call(arg1, arg2);
+            return ret;
+        }, arguments); },
+        __wbg_new_617a8cdb8bb1130e: function() {
+            const ret = new Object();
+            return ret;
+        },
+        __wbg_new_ee2291f50781bf1d: function() {
+            const ret = new Array();
+            return ret;
+        },
+        __wbg_set_6be42768c690e380: function(arg0, arg1, arg2) {
+            arg0[arg1] = arg2;
+        },
+        __wbg_set_bea140a88be9b277: function(arg0, arg1, arg2) {
+            arg0[arg1 >>> 0] = arg2;
+        },
+        __wbindgen_generic_0000000000000001: function(arg0) {
+            // Cast intrinsic for `F64 -> Externref`.
+            const ret = arg0;
+            return ret;
+        },
+        __wbindgen_generic_0000000000000002: function(arg0, arg1) {
+            // Cast intrinsic for `Ref(String) -> Externref`.
+            const ret = getStringFromWasm0(arg0, arg1);
+            return ret;
+        },
+        __wbindgen_generic_0000000000000003: function(arg0) {
+            // Cast intrinsic for `U64 -> Externref`.
+            const ret = BigInt.asUintN(64, arg0);
+            return ret;
+        },
+        __wbindgen_init_externref_table: function() {
+            const table = wasm.__wbindgen_externrefs;
+            const offset = table.grow(4);
+            table.set(0, undefined);
+            table.set(offset + 0, undefined);
+            table.set(offset + 1, null);
+            table.set(offset + 2, true);
+            table.set(offset + 3, false);
+        },
+    };
+    return {
+        __proto__: null,
+        "./emmurt_wasm_bg.js": import0,
+    };
+}
+
+function addToExternrefTable0(obj) {
+    const idx = wasm.__externref_table_alloc();
+    wasm.__wbindgen_externrefs.set(idx, obj);
+    return idx;
+}
+
+let cachedDataViewMemory0 = null;
+function getDataViewMemory0() {
+    if (cachedDataViewMemory0 === null || cachedDataViewMemory0.buffer.detached === true || (cachedDataViewMemory0.buffer.detached === undefined && cachedDataViewMemory0.buffer !== wasm.memory.buffer)) {
+        cachedDataViewMemory0 = new DataView(wasm.memory.buffer);
+    }
+    return cachedDataViewMemory0;
+}
+
+function getStringFromWasm0(ptr, len) {
+    return decodeText(ptr >>> 0, len);
+}
+
+let cachedUint8ArrayMemory0 = null;
+function getUint8ArrayMemory0() {
+    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
+        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
+    }
+    return cachedUint8ArrayMemory0;
+}
+
+function handleError(f, args) {
+    try {
+        return f.apply(this, args);
+    } catch (e) {
+        const idx = addToExternrefTable0(e);
+        wasm.__wbindgen_exn_store(idx);
+    }
+}
+
+function isLikeNone(x) {
+    return x === undefined || x === null;
+}
+
+function passStringToWasm0(arg, malloc, realloc) {
+    if (realloc === undefined) {
+        const buf = cachedTextEncoder.encode(arg);
+        const ptr = malloc(buf.length, 1) >>> 0;
+        getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);
+        WASM_VECTOR_LEN = buf.length;
+        return ptr;
+    }
+
+    let len = arg.length;
+    let ptr = malloc(len, 1) >>> 0;
+
+    const mem = getUint8ArrayMemory0();
+
+    let offset = 0;
+
+    for (; offset < len; offset++) {
+        const code = arg.charCodeAt(offset);
+        if (code > 0x7F) break;
+        mem[ptr + offset] = code;
+    }
+    if (offset !== len) {
+        if (offset !== 0) {
+            arg = arg.slice(offset);
+        }
+        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
+        const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
+        const ret = cachedTextEncoder.encodeInto(arg, view);
+
+        offset += ret.written;
+        ptr = realloc(ptr, len, offset, 1) >>> 0;
+    }
+
+    WASM_VECTOR_LEN = offset;
+    return ptr;
+}
+
+let cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+cachedTextDecoder.decode();
+const MAX_SAFARI_DECODE_BYTES = 2146435072;
+let numBytesDecoded = 0;
+function decodeText(ptr, len) {
+    numBytesDecoded += len;
+    if (numBytesDecoded >= MAX_SAFARI_DECODE_BYTES) {
+        cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+        cachedTextDecoder.decode();
+        numBytesDecoded = len;
+    }
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
+const cachedTextEncoder = new TextEncoder();
+
+if (!('encodeInto' in cachedTextEncoder)) {
+    cachedTextEncoder.encodeInto = function (arg, view) {
+        const buf = cachedTextEncoder.encode(arg);
+        view.set(buf);
+        return {
+            read: arg.length,
+            written: buf.length
+        };
+    };
+}
+
+let WASM_VECTOR_LEN = 0;
+
+let wasmModule, wasmInstance, wasm;
+function __wbg_finalize_init(instance, module) {
+    wasmInstance = instance;
+    wasm = instance.exports;
+    wasmModule = module;
+    cachedDataViewMemory0 = null;
+    cachedUint8ArrayMemory0 = null;
+    wasm.__wbindgen_start();
+    return wasm;
+}
+
+async function __wbg_load(module, imports) {
+    if (typeof Response === 'function' && module instanceof Response) {
+        if (!module.ok) {
+            throw new Error(`failed to fetch Wasm: ${module.status} ${module.statusText} fetching '${module.url}'`);
+        }
+
+        if (typeof WebAssembly.instantiateStreaming === 'function') {
+            try {
+                return await WebAssembly.instantiateStreaming(module, imports);
+            } catch (e) {
+                const validResponse = expectedResponseType(module.type);
+
+                if (validResponse && module.headers.get('Content-Type') !== 'application/wasm') {
+                    console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
+
+                } else { throw e; }
+            }
+        }
+
+        const bytes = await module.arrayBuffer();
+        return await WebAssembly.instantiate(bytes, imports);
+    } else {
+        const instance = await WebAssembly.instantiate(module, imports);
+
+        if (instance instanceof WebAssembly.Instance) {
+            return { instance, module };
+        } else {
+            return instance;
+        }
+    }
+
+    function expectedResponseType(type) {
+        switch (type) {
+            case 'basic': case 'cors': case 'default': return true;
+        }
+        return false;
+    }
+}
+
+function initSync(module) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (module !== undefined) {
+        if (Object.getPrototypeOf(module) === Object.prototype) {
+            ({module} = module)
+        } else {
+            console.warn('using deprecated parameters for `initSync()`; pass a single object instead')
+        }
+    }
+
+    const imports = __wbg_get_imports();
+    if (!(module instanceof WebAssembly.Module)) {
+        module = new WebAssembly.Module(module);
+    }
+    const instance = new WebAssembly.Instance(module, imports);
+    return __wbg_finalize_init(instance, module);
+}
+
+async function __wbg_init(module_or_path) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (module_or_path !== undefined) {
+        if (Object.getPrototypeOf(module_or_path) === Object.prototype) {
+            ({module_or_path} = module_or_path)
+        } else {
+            console.warn('using deprecated parameters for the initialization function; pass a single object instead')
+        }
+    }
+
+    if (module_or_path === undefined) {
+        module_or_path = new URL('emmurt_wasm_bg.wasm', import.meta.url);
+    }
+    const imports = __wbg_get_imports();
+
+    if (typeof module_or_path === 'string' || (typeof Request === 'function' && module_or_path instanceof Request) || (typeof URL === 'function' && module_or_path instanceof URL)) {
+        module_or_path = fetch(module_or_path);
+    }
+
+    const { instance, module } = await __wbg_load(await module_or_path, imports);
+
+    return __wbg_finalize_init(instance, module);
+}
+
+export { initSync, __wbg_init as default };

package/web.d.ts

@@ -0,0 +1,12 @@
+export type { EmmurtError, CompileResult, FratmResult, Vocabulary } from './index.js';
+import type { CompileOptions, CompileResult, FratmResult, Vocabulary, EmmurtError } from './index.js';
+
+/** Loads the WebAssembly module (by default the .wasm file next to this one). Call once, await it. */
+export function init(input?: string | URL | Request | Response | BufferSource | WebAssembly.Module): Promise<void>;
+/** Compiles htmlemmurt to HTML. Without `read`, includes cannot be resolved. */
+export function compile(source: string, options?: Omit<CompileOptions, 'root'>): CompileResult;
+export function compileFratm(source: string, options?: { filename?: string }): FratmResult;
+export function vocabulary(): Vocabulary;
+export function version(): string;
+export function runtimeError(error: unknown): string;
+export function formatError(error: EmmurtError): string;

package/web.js

@@ -0,0 +1,26 @@
+// htmlemmurt compiler for browsers. Call `init()` once before the rest.
+import initWasm, * as wasm from './wasm/web/emmurt_wasm.js';
+import { createApi } from './lib/api.js';
+
+const api = createApi(wasm);
+let ready = null;
+let loaded = false;
+
+export function init(input) {
+  ready ??= initWasm(input === undefined ? undefined : { module_or_path: input }).then(() => {
+    loaded = true;
+  });
+  return ready;
+}
+
+function loadedApi() {
+  if (!loaded) throw new Error('htmlemmurt/web: await init() before using the compiler');
+  return api;
+}
+
+export const compile = (source, options) => loadedApi().compile(source, options);
+export const compileFratm = (source, options) => loadedApi().compileFratm(source, options);
+export const vocabulary = () => loadedApi().vocabulary();
+export const version = () => loadedApi().version();
+export const runtimeError = (error) => loadedApi().runtimeError(error);
+export { formatError } from './lib/api.js';