starlight-cannoli-plugins 2.14.0 → 2.14.1

package/README.md

@@ -231,28 +231,6 @@ The following attributes can be added to the opening fence:
 ```
 ````
 
-### Remark LaTeX Compile (low-level)
-
-The underlying remark plugin used by `astroLatexCompile`. Use this directly if you need to wire the transformer into a custom pipeline — most users should use `astroLatexCompile` instead.
-
-**Usage:**
-
-```ts
-// astro.config.mjs
-import { defineConfig } from "astro/config";
-import { remarkLatexCompile } from "starlight-cannoli-plugins/astro-latex-compile";
-
-export default defineConfig({
-  markdown: {
-    remarkPlugins: [
-      [remarkLatexCompile, { svgOutputDir: "public/static/tex-svgs" }],
-    ],
-  },
-});
-```
-
-Note: when used directly (without `astroLatexCompile`), the Starlight content layer cache is not cleared automatically, so SVGs may not recompile on repeat builds in Starlight projects.
-
 ### Rehype Validate Links
 
 A rehype plugin that validates all internal links in your Markdown/MDX files at build time. Links without matching files will cause the build to fail.

package/dist/index.d.ts

@@ -4,14 +4,13 @@ export { DomPatchesOptions, starlightDomPatches } from './plugins/starlight-dom-
 export { SyncDocsToPublicOptions, syncDocsToPublic } from './plugins/astro-sync-docs-to-public.js';
 export { rehypeValidateLinks } from './plugins/rehype-validate-links.js';
 export { astroNormalizePaths } from './plugins/astro-normalize-paths.js';
-import { RemarkLatexCompileOptions } from './plugins/astro-latex-compile.js';
-export { remarkLatexCompile } from './plugins/astro-latex-compile.js';
 export { expressiveCodeEmphasis } from './plugins/expressive-code-emphasis.js';
 import { AstroIntegration } from 'astro';
+import { RemarkLatexCompileOptions } from './plugins/astro-latex-compile.js';
 import 'hast';
 import 'vfile';
-import 'mdast';
 import 'expressive-code';
+import 'mdast';
 
 type TBadgeVariant = "note" | "danger" | "success" | "caution" | "tip" | "default";
 type TIndexMarker = {

package/dist/index.js

@@ -232,6 +232,26 @@ function starlightIndexSourcedSidebar(options) {
 import fs2 from "fs";
 import { readdir, rm } from "fs/promises";
 import { join as join3, resolve as resolve2 } from "path";
+var js = String.raw;
+var DARK_MODE_ROTATE = "178deg";
+var INJECTED_CSS = `
+:root {
+  --cannoli-error-low: hsl(0, 70%, 94%);
+  --cannoli-error: hsl(0, 72%, 42%);
+  --cannoli-error-high: hsl(0, 72%, 28%);
+}
+[data-theme="dark"] {
+  --cannoli-error-low: hsl(0, 55%, 16%);
+  --cannoli-error: hsl(0, 75%, 60%);
+  --cannoli-error-high: hsl(0, 80%, 82%);
+}
+.tex-compiled {
+  background-color: transparent;
+}
+html[data-theme="dark"] .tex-compiled {
+  filter: invert(1) hue-rotate(${DARK_MODE_ROTATE});
+}
+`;
 var DATA_STORE_FILE = "data-store.json";
 function getDataStoreFile(config) {
   return new URL(DATA_STORE_FILE, config.cacheDir);
@@ -249,8 +269,17 @@ function astroLatexCompile(options) {
   return {
     name: "astro-latex-compile",
     hooks: {
-      "astro:config:setup": async ({ command, config, updateConfig }) => {
+      "astro:config:setup": async ({
+        command,
+        config,
+        updateConfig,
+        injectScript
+      }) => {
         if (command !== "build" && command !== "dev") return;
+        injectScript(
+          "page",
+          js`{ const s = document.createElement("style"); s.textContent = ${JSON.stringify(INJECTED_CSS)}; document.head.appendChild(s); }`
+        );
         if (command === "build") {
           await clearContentLayerCache(config);
         }
@@ -299,7 +328,6 @@ export {
   astroNormalizePaths,
   expressiveCodeEmphasis,
   rehypeValidateLinks,
-  remarkLatexCompile,
   starlightDomPatches,
   starlightIndexOnlySidebar,
   starlightIndexSourcedSidebar,

package/dist/styles/_starlight.scss

@@ -2,21 +2,6 @@
 
 $DARK_MODE_ROTATE: 178deg;
 
-/********** Custom Error Colors **********/
-// Starlight's --sl-color-red-* sit at hsl(349°) which reads as pink/magenta.
-// These replacements use true red (0°) for a more conventional error appearance.
-:root {
-  --cannoli-error-low: hsl(0, 70%, 94%);
-  --cannoli-error: hsl(0, 72%, 42%);
-  --cannoli-error-high: hsl(0, 72%, 28%);
-}
-
-[data-theme="dark"] {
-  --cannoli-error-low: hsl(0, 55%, 16%);
-  --cannoli-error: hsl(0, 75%, 60%);
-  --cannoli-error-high: hsl(0, 80%, 82%);
-}
-
 .sl-container:where(.astro-7nkwcw3z) {
   max-width: 50rem;
 }
@@ -267,11 +252,3 @@ img.note-svg {
     filter: invert(1) hue-rotate($DARK_MODE_ROTATE);
   }
 }
-
-.tex-compiled {
-  background-color: transparent;
-
-  html[data-theme="dark"] & {
-    filter: invert(1) hue-rotate($DARK_MODE_ROTATE);
-  }
-}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "starlight-cannoli-plugins",
   "type": "module",
-  "version": "2.14.0",
+  "version": "2.14.1",
   "description": "Starlight plugins for automatic sidebar generation and link validation",
   "license": "ISC",
   "main": "./dist/index.js",