@pretextbook/pretext-html 0.18.1 → 0.19.0

package/dist/assets.d.ts

@@ -45,3 +45,14 @@ export type AssetUrlResolver = (kind: AssetKind, relPath: string) => string | un
  * through `resolve`. Paths the resolver declines are left untouched.
  */
 export declare function rewriteAssetUrls(html: string, resolve: AssetUrlResolver): string;
+/** {@link AssetUrlResolver} for a host that has to look the file up first. */
+export type AsyncAssetUrlResolver = (kind: AssetKind, relPath: string) => Promise<string | undefined>;
+/**
+ * {@link rewriteAssetUrls} for an asynchronous resolver (one that stats the
+ * file through an async file system, say). The page is scanned once: every
+ * asset URL is handed to the resolver up front, the answers are awaited
+ * together, and the rewritten page is assembled from them. The resolver is
+ * called once per occurrence; a host wanting one lookup per file caches
+ * inside it.
+ */
+export declare function rewriteAssetUrlsAsync(html: string, resolve: AsyncAssetUrlResolver): Promise<string>;

package/dist/assets.js

@@ -1,4 +1,4 @@
-const l = {
+const h = {
   png: "image",
   jpg: "image",
   jpeg: "image",
@@ -15,62 +15,81 @@ const l = {
   ogg: "audio",
   pdf: "PDF"
 };
-function p(e, t) {
-  const n = t.split("/").filter(Boolean), i = n[n.length - 1] ?? t;
+function y(e, t) {
+  const n = t.split("/").filter(Boolean), r = n[n.length - 1] ?? t;
   if (e === "generated")
     return {
       kind: e,
       assetType: n.length > 1 ? n[0] : "generated",
-      fileName: i
+      fileName: r
     };
-  const r = i.split(".").pop()?.toLowerCase() ?? "";
-  return { kind: e, assetType: l[r] ?? "file", fileName: i };
+  const i = r.split(".").pop()?.toLowerCase() ?? "";
+  return { kind: e, assetType: h[i] ?? "file", fileName: r };
 }
-function o(e) {
+function a(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function g(e, t = 38) {
+function p(e, t = 38) {
   return e.length <= t ? e : `${e.slice(0, t - 1)}…`;
 }
-function f(e) {
+function x(e) {
   return e.kind === "generated" ? [
     "Asset not generated yet",
-    `${e.assetType} · ${g(e.fileName)}`,
+    `${e.assetType} · ${p(e.fileName)}`,
     `Run: pretext generate ${e.assetType}`
   ] : [
     "External asset not found",
-    `${e.assetType} · ${g(e.fileName)}`,
+    `${e.assetType} · ${p(e.fileName)}`,
     "Check @source and the external directory"
   ];
 }
-const d = "#fffbeb", u = "#f59e0b", m = "#92400e", s = "#b45309", a = "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif";
-function $(e) {
-  const [t, n, i] = f(e), r = `${t}: ${e.fileName}`;
-  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 130" role="img" aria-label="${o(r)}" data-ptx-missing="${o(`${e.kind}:${e.assetType}`)}"><rect x="1" y="1" width="418" height="128" rx="8" fill="${d}" stroke="${u}" stroke-width="2" stroke-dasharray="6 4"/><path d="M40 44 L60 80 L20 80 Z" fill="none" stroke="${s}" stroke-width="3" stroke-linejoin="round"/><rect x="38.5" y="56" width="3" height="12" fill="${s}"/><rect x="38.5" y="71" width="3" height="3" fill="${s}"/><text x="78" y="54" font-family="${a}" font-size="15" font-weight="600" fill="${m}">${o(t)}</text><text x="78" y="77" font-family="${a}" font-size="13" fill="${s}">${o(n)}</text><text x="78" y="99" font-family="${a}" font-size="12" fill="${s}" opacity="0.85">${o(i)}</text></svg>`;
+const v = "#fffbeb", w = "#f59e0b", b = "#92400e", c = "#b45309", l = "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif";
+function A(e) {
+  const [t, n, r] = x(e), i = `${t}: ${e.fileName}`;
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 130" role="img" aria-label="${a(i)}" data-ptx-missing="${a(`${e.kind}:${e.assetType}`)}"><rect x="1" y="1" width="418" height="128" rx="8" fill="${v}" stroke="${w}" stroke-width="2" stroke-dasharray="6 4"/><path d="M40 44 L60 80 L20 80 Z" fill="none" stroke="${c}" stroke-width="3" stroke-linejoin="round"/><rect x="38.5" y="56" width="3" height="12" fill="${c}"/><rect x="38.5" y="71" width="3" height="3" fill="${c}"/><text x="78" y="54" font-family="${l}" font-size="15" font-weight="600" fill="${b}">${a(t)}</text><text x="78" y="77" font-family="${l}" font-size="13" fill="${c}">${a(n)}</text><text x="78" y="99" font-family="${l}" font-size="12" fill="${c}" opacity="0.85">${a(r)}</text></svg>`;
 }
-function v(e, t) {
-  return `data:image/svg+xml,${$(p(e, t)).replace(/%/g, "%25").replace(/#/g, "%23").replace(/&/g, "%26").replace(/"/g, "%22").replace(/'/g, "%27").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ")}`;
+function T(e, t) {
+  return `data:image/svg+xml,${A(y(e, t)).replace(/%/g, "%25").replace(/#/g, "%23").replace(/&/g, "%26").replace(/"/g, "%22").replace(/'/g, "%27").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ")}`;
 }
-const h = /\bsrc="(external|generated)\/([^"]*)"/g;
-function x(e) {
+const d = /\bsrc="(external|generated)\/([^"]*)"/g;
+function u(e) {
   return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
 }
-function y(e) {
+function m(e) {
   try {
     return decodeURIComponent(e);
   } catch {
     return e;
   }
 }
-function w(e, t) {
-  return e.replace(h, (n, i, r) => {
-    const c = t(i, y(r));
-    return c === void 0 ? n : `src="${x(c)}"`;
+function E(e, t) {
+  return e.replace(d, (n, r, i) => {
+    const s = t(r, m(i));
+    return s === void 0 ? n : `src="${u(s)}"`;
   });
 }
+async function N(e, t) {
+  const n = [...e.matchAll(d)];
+  if (n.length === 0)
+    return e;
+  const r = await Promise.all(
+    n.map(
+      (o) => t(o[1], m(o[2]))
+    )
+  );
+  let i = "", s = 0;
+  return n.forEach((o, $) => {
+    const g = r[$];
+    if (g === void 0)
+      return;
+    const f = o.index ?? 0;
+    i += e.slice(s, f) + `src="${u(g)}"`, s = f + o[0].length;
+  }), i + e.slice(s);
+}
 export {
-  p as describeAsset,
-  v as missingAssetPlaceholder,
-  $ as missingAssetSvg,
-  w as rewriteAssetUrls
+  y as describeAsset,
+  T as missingAssetPlaceholder,
+  A as missingAssetSvg,
+  E as rewriteAssetUrls,
+  N as rewriteAssetUrlsAsync
 };

package/dist/index.browser.js

@@ -183,7 +183,7 @@ ${kt()}
 ${Rt}`;
   return r.replace(/<body([^>]*)>/i, `<body$1>${i}`);
 }
-const Dt = "https://cdn.jsdelivr.net/npm/@pretextbook/pretext-html@0.18.1/assets";
+const Dt = "https://cdn.jsdelivr.net/npm/@pretextbook/pretext-html@0.19.0/assets";
 let Je;
 function $r(e) {
   Je = e.replace(/\/+$/, "");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pretextbook/pretext-html",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "description": "Convert PreTeXt documents to HTML in pure JavaScript using the official PreTeXt XSLT stylesheets via libxslt-wasm. No Python or PreTeXt installation required.",
   "author": "Oscar Levin",
   "license": "MIT",