@tenphi/renderer 0.25.3 → 0.26.0

package/dist/overrides/ThemeSelect.astro

@@ -11,7 +11,11 @@ const id = `appearance-${crypto.randomUUID()}`;
 const schemes = [
   { value: "light", label: Astro.locals.t("themeSelect.light"), icon: "sun" },
   { value: "dark", label: Astro.locals.t("themeSelect.dark"), icon: "moon" },
-  { value: "auto", label: Astro.locals.t("themeSelect.auto"), icon: "laptop" },
+  {
+    value: "system",
+    label: Astro.locals.t("themeSelect.auto"),
+    icon: "laptop",
+  },
 ] as const;
 const contrasts = [
   { value: "normal", label: ui.normalContrast, icon: "normal" },
@@ -46,7 +50,7 @@ const contrasts = [
               name={`${id}-scheme`}
               value={value}
               data-appearance-scheme
-              checked={value === "auto"}
+              checked={value === "system"}
             />
             <Icon name={icon} />
             <span>{label}</span>
@@ -83,9 +87,11 @@ const contrasts = [
 
 <script>
   import {
+    APPEARANCE_KEY,
+    LEGACY_THEME_KEY,
     loadPreferences,
     storePreferences,
-    parseScheme,
+    parseTheme,
     parseContrast,
   } from "../components/appearance-preferences.js";
   import { initializePopoverMotion } from "../client/popover-motion.js";
@@ -95,11 +101,11 @@ const contrasts = [
 
   function applyPreferences(): void {
     document.documentElement.dataset.theme =
-      current.scheme === "auto"
+      current.theme === "system"
         ? systemScheme.matches
           ? "light"
           : "dark"
-        : current.scheme;
+        : current.theme;
     if (current.contrast === "system") {
       delete document.documentElement.dataset.contrast;
     } else {
@@ -108,7 +114,7 @@ const contrasts = [
     document
       .querySelectorAll<HTMLInputElement>("[data-appearance-scheme]")
       .forEach((input) => {
-        input.checked = input.value === current.scheme;
+        input.checked = input.value === current.theme;
       });
     document
       .querySelectorAll<HTMLInputElement>("[data-appearance-contrast]")
@@ -118,12 +124,13 @@ const contrasts = [
   }
 
   systemScheme.addEventListener("change", () => {
-    if (current.scheme === "auto") applyPreferences();
+    if (current.theme === "system") applyPreferences();
   });
   window.addEventListener("storage", (event) => {
     if (
       !event.key ||
-      ["cookbook-theme", "cookbook-appearance"].includes(event.key)
+      event.key === APPEARANCE_KEY ||
+      event.key === LEGACY_THEME_KEY
     ) {
       current = loadPreferences();
       applyPreferences();
@@ -139,7 +146,7 @@ const contrasts = [
         const input = event.target;
         if (!(input instanceof HTMLInputElement)) return;
         if (input.hasAttribute("data-appearance-scheme")) {
-          current.scheme = parseScheme(input.value);
+          current.theme = parseTheme(input.value);
         } else if (input.hasAttribute("data-appearance-contrast")) {
           current.contrast = parseContrast(input.value);
         } else return;

package/dist/preview-document.d.ts

@@ -0,0 +1,14 @@
+import { PreviewProps } from "./components/props.js";
+//#region src/preview-document.d.ts
+/**
+ * Build a Preview's frame document and its "View source" text. Public scripts
+ * are inlined so they run in the opaque-origin sandbox without a request.
+ */
+declare function buildPreview({ html, css, javascript, scripts }: Omit<PreviewProps, "title">, publicDir: string, page: string): Promise<{
+  document: string;
+  source: string;
+  sandbox: string;
+}>;
+//#endregion
+export { buildPreview };
+//# sourceMappingURL=preview-document.d.ts.map

package/dist/preview-document.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-document.d.ts","names":[],"sources":["../src/preview-document.ts"],"mappings":";;;;;;iBAQsB,eAElB,MACA,KACA,YACA,WACC,KAAK,wBACR,mBACA,eAAY"}

package/dist/preview-document.js

@@ -0,0 +1,33 @@
+import { readFile } from "node:fs/promises";
+import { join } from "node:path";
+//#region src/preview-document.ts
+/**
+* Build a Preview's frame document and its "View source" text. Public scripts
+* are inlined so they run in the opaque-origin sandbox without a request.
+*/
+async function buildPreview({ html = "", css = "", javascript, scripts = [] }, publicDir, page) {
+	const files = await Promise.all(scripts.map((src) => readPublicScript(src, publicDir, page)));
+	const markup = `<!doctype html><meta charset="utf-8"><style>${css}</style>${html}`;
+	const authored = javascript ? inlineScript(javascript) : "";
+	return {
+		document: markup + files.map(inlineScript).join("") + authored,
+		source: markup + scripts.map((src) => `<script src="${src}"><\/script>`).join("") + authored,
+		sandbox: scripts.length || javascript ? "allow-scripts" : ""
+	};
+}
+function inlineScript(code) {
+	return `<script>${code.replace(/<\/(script)/gi, "<\\/$1")}<\/script>`;
+}
+async function readPublicScript(src, publicDir, page) {
+	const error = `Preview on ${page}: script ${src} must be a readable file in the site's public directory, such as /demo/button.js.`;
+	if (!/^\/(?!\/)/.test(src) || src.split(/[\\/]/).includes("..")) throw Error(error);
+	try {
+		return await readFile(join(publicDir, src), "utf8");
+	} catch {
+		throw Error(error);
+	}
+}
+//#endregion
+export { buildPreview };
+
+//# sourceMappingURL=preview-document.js.map

package/dist/preview-document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-document.js","names":[],"sources":["../src/preview-document.ts"],"sourcesContent":["import { readFile } from \"node:fs/promises\";\nimport { join } from \"node:path\";\nimport type { PreviewProps } from \"./components/props.js\";\n\n/**\n * Build a Preview's frame document and its \"View source\" text. Public scripts\n * are inlined so they run in the opaque-origin sandbox without a request.\n */\nexport async function buildPreview(\n  {\n    html = \"\",\n    css = \"\",\n    javascript,\n    scripts = [],\n  }: Omit<PreviewProps, \"title\">,\n  publicDir: string,\n  page: string,\n) {\n  const files = await Promise.all(\n    scripts.map((src) => readPublicScript(src, publicDir, page)),\n  );\n  const markup = `<!doctype html><meta charset=\"utf-8\"><style>${css}</style>${html}`;\n  const authored = javascript ? inlineScript(javascript) : \"\";\n  return {\n    document: markup + files.map(inlineScript).join(\"\") + authored,\n    source:\n      markup +\n      scripts.map((src) => `<script src=\"${src}\"></script>`).join(\"\") +\n      authored,\n    sandbox: scripts.length || javascript ? \"allow-scripts\" : \"\",\n  };\n}\n\n// The HTML parser ends a script at the first `</script`, even inside a string.\nfunction inlineScript(code: string) {\n  return `<script>${code.replace(/<\\/(script)/gi, \"<\\\\/$1\")}</script>`;\n}\n\nasync function readPublicScript(src: string, publicDir: string, page: string) {\n  const error = `Preview on ${page}: script ${src} must be a readable file in the site's public directory, such as /demo/button.js.`;\n  if (!/^\\/(?!\\/)/.test(src) || src.split(/[\\\\/]/).includes(\"..\"))\n    throw Error(error);\n  try {\n    return await readFile(join(publicDir, src), \"utf8\");\n  } catch {\n    throw Error(error);\n  }\n}\n"],"mappings":";;;;;;;AAQA,eAAsB,aACpB,EACE,OAAO,IACP,MAAM,IACN,YACA,UAAU,CAAC,KAEb,WACA,MACA;CACA,MAAM,QAAQ,MAAM,QAAQ,IAC1B,QAAQ,KAAK,QAAQ,iBAAiB,KAAK,WAAW,IAAI,CAAC,CAC7D;CACA,MAAM,SAAS,+CAA+C,IAAI,UAAU;CAC5E,MAAM,WAAW,aAAa,aAAa,UAAU,IAAI;CACzD,OAAO;EACL,UAAU,SAAS,MAAM,IAAI,YAAY,CAAC,CAAC,KAAK,EAAE,IAAI;EACtD,QACE,SACA,QAAQ,KAAK,QAAQ,gBAAgB,IAAI,aAAY,CAAC,CAAC,KAAK,EAAE,IAC9D;EACF,SAAS,QAAQ,UAAU,aAAa,kBAAkB;CAC5D;AACF;AAGA,SAAS,aAAa,MAAc;CAClC,OAAO,WAAW,KAAK,QAAQ,iBAAiB,QAAQ,EAAE;AAC5D;AAEA,eAAe,iBAAiB,KAAa,WAAmB,MAAc;CAC5E,MAAM,QAAQ,cAAc,KAAK,WAAW,IAAI;CAChD,IAAI,CAAC,YAAY,KAAK,GAAG,KAAK,IAAI,MAAM,OAAO,CAAC,CAAC,SAAS,IAAI,GAC5D,MAAM,MAAM,KAAK;CACnB,IAAI;EACF,OAAO,MAAM,SAAS,KAAK,WAAW,GAAG,GAAG,MAAM;CACpD,QAAQ;EACN,MAAM,MAAM,KAAK;CACnB;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenphi/renderer",
-  "version": "0.25.3",
+  "version": "0.26.0",
   "description": "Astro renderer and Tasty theme for Cookbook",
   "type": "module",
   "sideEffects": [
@@ -61,7 +61,7 @@
     "@fontsource-variable/jetbrains-mono": "^5.3.0",
     "@fontsource-variable/onest": "^5.3.0",
     "@pagefind/default-ui": "1.5.2",
-    "@tenphi/docs": "0.25.3",
+    "@tenphi/docs": "0.26.0",
     "@tenphi/eslint-plugin-tasty": "1.6.0",
     "@tenphi/glaze": "2.0.1",
     "@tenphi/tasty": "3.9.10",