@pretextbook/pretext-html 0.1.1 → 0.3.0

package/dist/assets.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Retargeting the asset URLs PreTeXt emits.
+ *
+ * A portable build inlines `latex-image` and `prefigure` SVGs directly into
+ * the page (pretext-html.xsl, mode="svg-embedded"), so those need nothing from
+ * us — they are read at transform time through the fetch shim. Everything else
+ * — author-supplied images and media, sageplot, asymptote — is emitted as a
+ * *runtime* URL under one of two fixed prefixes:
+ *
+ *     <img src="external/kitten.png">
+ *     <img src="generated/sageplot/plot.svg">
+ *
+ * Those prefixes (`$external-directory` / `$generated-directory` in
+ * publisher-variables.xsl) name directories a real build populates by copying
+ * files next to the output HTML. The preview has no output directory, so the
+ * URLs dangle and the assets silently fail to load.
+ *
+ * The prefixes are hardcoded rather than derived from the publication file,
+ * which is what makes retargeting reliable: find them, and hand each path to a
+ * host that knows how to serve it — `Webview.asWebviewUri` under VS Code, a
+ * blob or hosted URL in a browser. Mapping the prefix back to a real directory
+ * needs the publication file's `@external`/`@generated`, which the renderer
+ * reports as {@link RenderResult.assetDirs}.
+ */
+/** Which of PreTeXt's two asset directories a URL points into. */
+export type AssetKind = "external" | "generated";
+export { describeAsset, missingAssetPlaceholder, missingAssetSvg, } from './missing-asset.js';
+export type { MissingAsset } from './missing-asset.js';
+/**
+ * Maps one asset path to a URL the host can actually load.
+ *
+ * `relPath` is percent-decoded and relative to the directory `kind` names
+ * (e.g. `"kitten.png"`, `"sageplot/plot.svg"`). Return `undefined` to leave
+ * the URL untouched — appropriate when the file does not exist, so the page
+ * keeps PreTeXt's own broken-image markup rather than pointing at a URL that
+ * will 404 anyway.
+ */
+export type AssetUrlResolver = (kind: AssetKind, relPath: string) => string | undefined;
+/**
+ * Rewrite every `external/`- or `generated/`-prefixed asset URL in `html`
+ * through `resolve`. Paths the resolver declines are left untouched.
+ */
+export declare function rewriteAssetUrls(html: string, resolve: AssetUrlResolver): string;

package/dist/assets.js

@@ -0,0 +1,76 @@
+const l = {
+  png: "image",
+  jpg: "image",
+  jpeg: "image",
+  gif: "image",
+  svg: "image",
+  webp: "image",
+  avif: "image",
+  mp4: "video",
+  webm: "video",
+  ogv: "video",
+  mov: "video",
+  mp3: "audio",
+  wav: "audio",
+  ogg: "audio",
+  pdf: "PDF"
+};
+function p(e, t) {
+  const n = t.split("/").filter(Boolean), i = n[n.length - 1] ?? t;
+  if (e === "generated")
+    return {
+      kind: e,
+      assetType: n.length > 1 ? n[0] : "generated",
+      fileName: i
+    };
+  const r = i.split(".").pop()?.toLowerCase() ?? "";
+  return { kind: e, assetType: l[r] ?? "file", fileName: i };
+}
+function o(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function g(e, t = 38) {
+  return e.length <= t ? e : `${e.slice(0, t - 1)}…`;
+}
+function f(e) {
+  return e.kind === "generated" ? [
+    "Asset not generated yet",
+    `${e.assetType} · ${g(e.fileName)}`,
+    `Run: pretext generate ${e.assetType}`
+  ] : [
+    "External asset not found",
+    `${e.assetType} · ${g(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>`;
+}
+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, " ")}`;
+}
+const h = /\bsrc="(external|generated)\/([^"]*)"/g;
+function x(e) {
+  return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+}
+function y(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)}"`;
+  });
+}
+export {
+  p as describeAsset,
+  v as missingAssetPlaceholder,
+  $ as missingAssetSvg,
+  w as rewriteAssetUrls
+};