@commentray/render 0.0.6 → 0.0.9

package/dist/side-by-side-layout-css.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Inline layout stylesheet for {@link renderSideBySideHtml}.
+ * Kept in TypeScript (not a separate `.css` + emit step) so `tsc` and the CLI’s
+ * bundled CJS build never depend on `import.meta.url` or filesystem layout.
+ */
+export declare const SIDE_BY_SIDE_LAYOUT_CSS = ":root {\n  color-scheme: light dark;\n}\n\nhtml {\n  background: Canvas;\n  color: CanvasText;\n}\n\nbody {\n  margin: 0;\n  font-family:\n    system-ui,\n    -apple-system,\n    \"Segoe UI\",\n    Roboto,\n    sans-serif;\n  background: Canvas;\n  color: CanvasText;\n}\n\n.layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  min-height: 100vh;\n}\n\n.pane {\n  overflow: auto;\n  padding: 16px;\n  border-right: 1px solid color-mix(in oklab, CanvasText 20%, Canvas);\n}\n\n.pane:last-child {\n  border-right: none;\n}\n\n.pane h2 {\n  margin-top: 0;\n  font-size: 14px;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  opacity: 0.8;\n}\n\npre {\n  margin: 0;\n}\n\n.commentray {\n  font-size: 15px;\n  line-height: 1.45;\n}\n\n.commentray img {\n  max-width: 100%;\n  height: auto;\n}\n";
+//# sourceMappingURL=side-by-side-layout-css.d.ts.map

package/dist/side-by-side-layout-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-by-side-layout-css.d.ts","sourceRoot":"","sources":["../src/side-by-side-layout-css.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,u0BA0DnC,CAAC"}

package/dist/side-by-side-layout-css.js

@@ -0,0 +1,65 @@
+/**
+ * Inline layout stylesheet for {@link renderSideBySideHtml}.
+ * Kept in TypeScript (not a separate `.css` + emit step) so `tsc` and the CLI’s
+ * bundled CJS build never depend on `import.meta.url` or filesystem layout.
+ */
+export const SIDE_BY_SIDE_LAYOUT_CSS = `:root {
+  color-scheme: light dark;
+}
+
+html {
+  background: Canvas;
+  color: CanvasText;
+}
+
+body {
+  margin: 0;
+  font-family:
+    system-ui,
+    -apple-system,
+    "Segoe UI",
+    Roboto,
+    sans-serif;
+  background: Canvas;
+  color: CanvasText;
+}
+
+.layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  min-height: 100vh;
+}
+
+.pane {
+  overflow: auto;
+  padding: 16px;
+  border-right: 1px solid color-mix(in oklab, CanvasText 20%, Canvas);
+}
+
+.pane:last-child {
+  border-right: none;
+}
+
+.pane h2 {
+  margin-top: 0;
+  font-size: 14px;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  opacity: 0.8;
+}
+
+pre {
+  margin: 0;
+}
+
+.commentray {
+  font-size: 15px;
+  line-height: 1.45;
+}
+
+.commentray img {
+  max-width: 100%;
+  height: auto;
+}
+`;
+//# sourceMappingURL=side-by-side-layout-css.js.map

package/dist/side-by-side-layout-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-by-side-layout-css.js","sourceRoot":"","sources":["../src/side-by-side-layout-css.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DtC,CAAC"}

package/dist/side-by-side-layout.css

@@ -0,0 +1,58 @@
+:root {
+  color-scheme: light dark;
+}
+
+html {
+  background: Canvas;
+  color: CanvasText;
+}
+
+body {
+  margin: 0;
+  font-family:
+    system-ui,
+    -apple-system,
+    "Segoe UI",
+    Roboto,
+    sans-serif;
+  background: Canvas;
+  color: CanvasText;
+}
+
+.layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  min-height: 100vh;
+}
+
+.pane {
+  overflow: auto;
+  padding: 16px;
+  border-right: 1px solid color-mix(in oklab, CanvasText 20%, Canvas);
+}
+
+.pane:last-child {
+  border-right: none;
+}
+
+.pane h2 {
+  margin-top: 0;
+  font-size: 14px;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  opacity: 0.8;
+}
+
+pre {
+  margin: 0;
+}
+
+.commentray {
+  font-size: 15px;
+  line-height: 1.45;
+}
+
+.commentray img {
+  max-width: 100%;
+  height: auto;
+}

package/dist/side-by-side-layout.embedded.d.ts

@@ -0,0 +1,3 @@
+/** Generated by scripts/emit-side-by-side-layout-embedded.mjs — do not edit. */
+export declare const SIDE_BY_SIDE_LAYOUT_CSS_EMBEDDED: string;
+//# sourceMappingURL=side-by-side-layout.embedded.d.ts.map

package/dist/side-by-side-layout.embedded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-by-side-layout.embedded.d.ts","sourceRoot":"","sources":["../src/side-by-side-layout.embedded.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,eAAO,MAAM,gCAAgC,EAAE,MAA60B,CAAC"}

package/dist/side-by-side-layout.embedded.js

@@ -0,0 +1,3 @@
+/** Generated by scripts/emit-side-by-side-layout-embedded.mjs — do not edit. */
+export const SIDE_BY_SIDE_LAYOUT_CSS_EMBEDDED = ":root {\n  color-scheme: light dark;\n}\n\nhtml {\n  background: Canvas;\n  color: CanvasText;\n}\n\nbody {\n  margin: 0;\n  font-family:\n    system-ui,\n    -apple-system,\n    \"Segoe UI\",\n    Roboto,\n    sans-serif;\n  background: Canvas;\n  color: CanvasText;\n}\n\n.layout {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  min-height: 100vh;\n}\n\n.pane {\n  overflow: auto;\n  padding: 16px;\n  border-right: 1px solid color-mix(in oklab, CanvasText 20%, Canvas);\n}\n\n.pane:last-child {\n  border-right: none;\n}\n\n.pane h2 {\n  margin-top: 0;\n  font-size: 14px;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  opacity: 0.8;\n}\n\npre {\n  margin: 0;\n}\n\n.commentray {\n  font-size: 15px;\n  line-height: 1.45;\n}\n\n.commentray img {\n  max-width: 100%;\n  height: auto;\n}\n";
+//# sourceMappingURL=side-by-side-layout.embedded.js.map

package/dist/side-by-side-layout.embedded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-by-side-layout.embedded.js","sourceRoot":"","sources":["../src/side-by-side-layout.embedded.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,MAAM,CAAC,MAAM,gCAAgC,GAAW,o0BAAo0B,CAAC"}

package/dist/side-by-side.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-by-side.d.ts","sourceRoot":"","sources":["../src/side-by-side.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,0BAA0B,EAGhC,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gGAAgG;IAChG,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;CACnD,CAAC;AAEF,wBAAsB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,CAkDnF"}
+{"version":3,"file":"side-by-side.d.ts","sourceRoot":"","sources":["../src/side-by-side.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,0BAA0B,EAGhC,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gGAAgG;IAChG,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;CACnD,CAAC;AAEF,wBAAsB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,CA0CnF"}

package/dist/side-by-side.js

@@ -1,4 +1,7 @@
 import { escapeHtml } from "./html-utils.js";
+import { COMMENTRAY_FAVICON_LINK_HTML } from "./inline-favicon.js";
+import { hljsStylesheetThemes } from "./hljs-stylesheet-themes.js";
+import { SIDE_BY_SIDE_LAYOUT_CSS } from "./side-by-side-layout-css.js";
 import { renderFencedCode, renderMarkdownToHtml, } from "./markdown-pipeline.js";
 import { mermaidRuntimeScriptHtml } from "./mermaid-runtime-html.js";
 export async function renderSideBySideHtml(opts) {
@@ -11,27 +14,19 @@ export async function renderSideBySideHtml(opts) {
     ]);
     const mermaidScript = mermaidRuntimeScriptHtml(opts.includeMermaidRuntime);
     const title = opts.title ?? "Commentray";
-    const hljs = opts.hljsTheme ?? "github";
-    const hljsDark = opts.hljsTheme?.includes("dark") ? opts.hljsTheme : "github-dark";
+    const { hljsLight, hljsDark } = hljsStylesheetThemes(opts.hljsTheme);
     const hljsCdnBase = "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.11.1/build/styles";
     return `<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    ${COMMENTRAY_FAVICON_LINK_HTML}
     <title>${escapeHtml(title)}</title>
-    <link rel="stylesheet" href="${hljsCdnBase}/${escapeHtml(hljs)}.min.css" media="(prefers-color-scheme: light)" />
+    <link rel="stylesheet" href="${hljsCdnBase}/${escapeHtml(hljsLight)}.min.css" media="(prefers-color-scheme: light)" />
     <link rel="stylesheet" href="${hljsCdnBase}/${escapeHtml(hljsDark)}.min.css" media="(prefers-color-scheme: dark)" />
     <style>
-      :root { color-scheme: light dark; }
-      body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
-      .layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100vh; }
-      .pane { overflow: auto; padding: 16px; border-right: 1px solid color-mix(in oklab, CanvasText 20%, Canvas); }
-      .pane:last-child { border-right: none; }
-      .pane h2 { margin-top: 0; font-size: 14px; letter-spacing: 0.02em; text-transform: uppercase; opacity: 0.8; }
-      pre { margin: 0; }
-      .commentray { font-size: 15px; line-height: 1.45; }
-      .commentray img { max-width: 100%; height: auto; }
+${SIDE_BY_SIDE_LAYOUT_CSS}
     </style>
   </head>
   <body>

package/dist/side-by-side.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-by-side.js","sourceRoot":"","sources":["../src/side-by-side.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAEL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAkBrE,MAAM,CAAC,KAAK,UAAU,oBAAoB,CAAC,IAAuB;IAChE,MAAM,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;IACnE,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACnD,gBAAgB,CAAC,KAAK,CAAC;QACvB,oBAAoB,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5C,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;SAChD,CAAC;KACH,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,wBAAwB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAE3E,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,YAAY,CAAC;IACzC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC;IACnF,MAAM,WAAW,GAAG,0EAA0E,CAAC;IAE/F,OAAO;;;;;aAKI,UAAU,CAAC,KAAK,CAAC;mCACK,WAAW,IAAI,UAAU,CAAC,IAAI,CAAC;mCAC/B,WAAW,IAAI,UAAU,CAAC,QAAQ,CAAC;;;;;;;;;;;;;;;;;UAiB5D,QAAQ;;;;UAIR,cAAc;;;MAGlB,aAAa;;QAEX,CAAC;AACT,CAAC"}
+{"version":3,"file":"side-by-side.js","sourceRoot":"","sources":["../src/side-by-side.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAEL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAkBrE,MAAM,CAAC,KAAK,UAAU,oBAAoB,CAAC,IAAuB;IAChE,MAAM,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;IACnE,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QACnD,gBAAgB,CAAC,KAAK,CAAC;QACvB,oBAAoB,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5C,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;SAChD,CAAC;KACH,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,wBAAwB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAE3E,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,YAAY,CAAC;IACzC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrE,MAAM,WAAW,GAAG,0EAA0E,CAAC;IAE/F,OAAO;;;;;MAKH,4BAA4B;aACrB,UAAU,CAAC,KAAK,CAAC;mCACK,WAAW,IAAI,UAAU,CAAC,SAAS,CAAC;mCACpC,WAAW,IAAI,UAAU,CAAC,QAAQ,CAAC;;EAEpE,uBAAuB;;;;;;;UAOf,QAAQ;;;;UAIR,cAAc;;;MAGlB,aAAa;;QAEX,CAAC;AACT,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commentray/render",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "publishConfig": {
     "access": "public"
   },
@@ -25,7 +25,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@commentray/core": "0.0.6",
+    "@commentray/core": "0.0.9",
     "@m31coding/fuzzy-search": "^2.0.0",
     "rehype-highlight": "^7.0.2",
     "rehype-raw": "^7.0.0",