radiant-docs 0.1.34 → 0.1.38

package/template/src/styles/global.css

@@ -55,6 +55,9 @@
   --border-light: var(--color-neutral-100);
   --input: oklch(0.922 0 0);
   --ring: oklch(0.708 0 0);
+  --rd-code-surface: #ffffff;
+  --rd-code-tab-edge-bg: var(--rd-code-surface);
+  --rd-code-tab-edge-border: var(--color-neutral-200);
 }
 
 /* 3. Dark Mode */
@@ -77,6 +80,13 @@
   --border-light: color-mix(in srgb, var(--color-neutral-800) 50%, transparent);
   --input: oklch(1 0 0 / 15%);
   --ring: oklch(0.556 0 0);
+  --rd-code-surface: color-mix(
+    in srgb,
+    var(--color-neutral-800) 55%,
+    var(--color-neutral-900) 45%
+  );
+  --rd-code-tab-edge-bg: var(--rd-code-surface);
+  --rd-code-tab-edge-border: var(--color-neutral-800);
 }
 
 @variant dark (&:where(.dark, .dark *));
@@ -143,7 +153,17 @@
 
 /* Code single-line styling */
 :is(.prose, .prose-rules) :not(pre) > code {
-  @apply px-1 py-px bg-neutral-100/90 text-neutral-600 rounded-md font-mono font-medium border border-neutral-200/80 after:hidden before:hidden;
+  @apply px-1 py-px bg-neutral-100/90 text-neutral-600 rounded-md font-mono font-medium border border-neutral-200/80 after:hidden before:hidden dark:bg-neutral-800/80 dark:text-neutral-200 dark:border-neutral-700/80;
+}
+
+[data-rd-code-theme] [data-rd-token] {
+  color: var(--rd-token-color, currentColor);
+  background-color: var(--rd-token-bg, transparent);
+}
+
+.dark [data-rd-code-theme] [data-rd-token] {
+  color: var(--rd-token-color-dark, var(--rd-token-color, currentColor));
+  background-color: var(--rd-token-bg-dark, var(--rd-token-bg, transparent));
 }
 
 /* Keep nested blockquote content flush with the quote container edges */
@@ -203,22 +223,11 @@
   );
 }
 
-:root {
-  --theme-transition: 0ms; /* Default is instant */
-}
-
-/* When the switching class is active, force ALL transitions 
-   to use our synchronized duration */
-.is-switching-theme * {
-  --theme-transition: 200ms; /* Set your desired sync speed */
-
-  transition-duration: var(--theme-transition) !important;
-  transition-property:
-    background-color, border-color, color, fill, stroke !important;
-}
-/* Ensure the pill slider is NOT affected by the forced color duration 
-   so its movement remains independent */
-.is-switching-theme .anchor-pill {
-  transition-duration: 200ms !important;
-  transition-property: left, width, background-color !important;
+/* While toggling the root theme class, disable transitions for one frame
+   so all dark/light styles flip atomically. */
+.is-switching-theme *,
+.is-switching-theme *::before,
+.is-switching-theme *::after {
+  transition-duration: 0ms !important;
+  transition-delay: 0ms !important;
 }

package/template/scripts/rewrite-static-asset-host.mjs

@@ -1,408 +0,0 @@
-import fs from "node:fs";
-import path from "node:path";
-
-const CWD = process.cwd();
-const DIST_DIR = path.join(CWD, "dist");
-const LOCAL_ORIGIN = "https://radiant.invalid";
-
-const STATIC_EXTENSIONS = new Set([
-  ".avif",
-  ".css",
-  ".eot",
-  ".gif",
-  ".ico",
-  ".jpeg",
-  ".jpg",
-  ".js",
-  ".json",
-  ".mjs",
-  ".mp4",
-  ".otf",
-  ".pdf",
-  ".png",
-  ".svg",
-  ".ttf",
-  ".txt",
-  ".wasm",
-  ".webmanifest",
-  ".webp",
-  ".woff",
-  ".woff2",
-  ".xml",
-]);
-
-const STATIC_PATH_PREFIXES = ["/_astro/", "/_og/", "/pagefind/"];
-
-function normalizeHostUrl(input) {
-  const withScheme = /^https?:\/\//i.test(input) ? input : `https://${input}`;
-  return new URL(withScheme);
-}
-
-function normalizePrefix(input) {
-  return input.replace(/^\/+/, "").replace(/\/+$/, "");
-}
-
-function findFilesByExtension(dir, extension, files = []) {
-  if (!fs.existsSync(dir)) return files;
-
-  const entries = fs.readdirSync(dir, { withFileTypes: true });
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-
-    if (entry.isDirectory()) {
-      findFilesByExtension(fullPath, extension, files);
-      continue;
-    }
-
-    if (entry.isFile() && entry.name.endsWith(extension)) {
-      files.push(fullPath);
-    }
-  }
-
-  return files;
-}
-
-function htmlBasePathname(filePath) {
-  const relative = path.relative(DIST_DIR, filePath).replace(/\\/g, "/");
-  if (relative === "index.html") return "/";
-
-  if (relative.endsWith("/index.html")) {
-    return `/${relative.slice(0, -"index.html".length)}`;
-  }
-
-  const slashIndex = relative.lastIndexOf("/");
-  if (slashIndex === -1) return "/";
-  return `/${relative.slice(0, slashIndex + 1)}`;
-}
-
-function decodeValue(value) {
-  return value.trim().replace(/&/g, "&");
-}
-
-function isSkippableUrl(value) {
-  return (
-    !value ||
-    value.startsWith("data:") ||
-    value.startsWith("blob:") ||
-    value.startsWith("mailto:") ||
-    value.startsWith("tel:") ||
-    value.startsWith("javascript:") ||
-    value.startsWith("//")
-  );
-}
-
-function isStaticAssetPath(pathname) {
-  const normalizedPath = pathname.toLowerCase();
-  if (STATIC_PATH_PREFIXES.some((prefix) => normalizedPath.startsWith(prefix))) {
-    return true;
-  }
-
-  const extension = path.extname(normalizedPath);
-  return STATIC_EXTENSIONS.has(extension);
-}
-
-function withPrefix(pathname, prefix) {
-  const normalizedPathname = pathname.startsWith("/") ? pathname : `/${pathname}`;
-  if (
-    normalizedPathname === `/${prefix}` ||
-    normalizedPathname.startsWith(`/${prefix}/`)
-  ) {
-    return normalizedPathname;
-  }
-
-  return `/${prefix}${normalizedPathname}`.replace(/\/+/g, "/");
-}
-
-function rewriteSingleUrl(value, filePath, hostUrl, prefix) {
-  const decoded = decodeValue(value);
-  if (isSkippableUrl(decoded)) {
-    return { value, changed: false };
-  }
-
-  let parsed;
-  try {
-    parsed = new URL(decoded, `${LOCAL_ORIGIN}${htmlBasePathname(filePath)}`);
-  } catch {
-    return { value, changed: false };
-  }
-
-  if (parsed.origin === hostUrl.origin) {
-    const prefixedPathname = withPrefix(parsed.pathname, prefix);
-    if (prefixedPathname === parsed.pathname) {
-      return { value, changed: false };
-    }
-
-    const updated = `${hostUrl.origin}${prefixedPathname}${parsed.search}${parsed.hash}`;
-    return {
-      value: updated.replace(/&/g, "&"),
-      changed: true,
-    };
-  }
-
-  if (parsed.origin !== LOCAL_ORIGIN) {
-    return { value, changed: false };
-  }
-
-  if (!isStaticAssetPath(parsed.pathname)) {
-    return { value, changed: false };
-  }
-
-  const prefixedPathname = withPrefix(parsed.pathname, prefix);
-  const updated = `${hostUrl.origin}${prefixedPathname}${parsed.search}${parsed.hash}`;
-
-  return {
-    value: updated.replace(/&/g, "&"),
-    changed: updated !== decoded,
-  };
-}
-
-function rewriteSrcset(value, filePath, hostUrl, prefix) {
-  const candidates = value.split(",");
-  let changed = false;
-
-  const rewritten = candidates.map((candidate) => {
-    const trimmed = candidate.trim();
-    if (!trimmed) return candidate;
-
-    const whitespaceIndex = trimmed.search(/\s/);
-    const urlPart =
-      whitespaceIndex === -1 ? trimmed : trimmed.slice(0, whitespaceIndex);
-    const descriptor = whitespaceIndex === -1 ? "" : trimmed.slice(whitespaceIndex);
-
-    const rewrittenCandidate = rewriteSingleUrl(urlPart, filePath, hostUrl, prefix);
-    if (rewrittenCandidate.changed) changed = true;
-
-    return `${rewrittenCandidate.value}${descriptor}`;
-  });
-
-  return {
-    value: changed ? rewritten.join(", ") : value,
-    changed,
-  };
-}
-
-function rewriteAttribute(html, filePath, tagName, attribute, hostUrl, prefix) {
-  const pattern = new RegExp(
-    `(<${tagName}\\b[^>]*\\b${attribute}\\s*=\\s*["'])([^"']*)(["'][^>]*>)`,
-    "gi",
-  );
-
-  let changed = false;
-
-  const rewritten = html.replace(pattern, (full, before, value, after) => {
-    const result =
-      attribute === "srcset"
-        ? rewriteSrcset(value, filePath, hostUrl, prefix)
-        : rewriteSingleUrl(value, filePath, hostUrl, prefix);
-
-    if (!result.changed) return full;
-    changed = true;
-    return `${before}${result.value}${after}`;
-  });
-
-  return { html: rewritten, changed };
-}
-
-function rewriteMetaImageContent(html, propertyName, hostUrl, prefix) {
-  const patterns = [
-    new RegExp(
-      `(<meta\\s+[^>]*property\\s*=\\s*["']${propertyName}["'][^>]*\\bcontent\\s*=\\s*["'])([^"']*)(["'][^>]*>)`,
-      "gi",
-    ),
-    new RegExp(
-      `(<meta\\s+[^>]*\\bcontent\\s*=\\s*["'])([^"']*)(["'][^>]*property\\s*=\\s*["']${propertyName}["'][^>]*>)`,
-      "gi",
-    ),
-  ];
-
-  let changed = false;
-  let nextHtml = html;
-
-  for (const pattern of patterns) {
-    nextHtml = nextHtml.replace(pattern, (full, before, value, after) => {
-      const result = rewriteSingleUrl(value, DIST_DIR, hostUrl, prefix);
-      if (!result.changed) return full;
-      changed = true;
-      return `${before}${result.value}${after}`;
-    });
-  }
-
-  return { html: nextHtml, changed };
-}
-
-function rewriteMetaNameContent(html, name, hostUrl, prefix) {
-  const patterns = [
-    new RegExp(
-      `(<meta\\s+[^>]*name\\s*=\\s*["']${name}["'][^>]*\\bcontent\\s*=\\s*["'])([^"']*)(["'][^>]*>)`,
-      "gi",
-    ),
-    new RegExp(
-      `(<meta\\s+[^>]*\\bcontent\\s*=\\s*["'])([^"']*)(["'][^>]*name\\s*=\\s*["']${name}["'][^>]*>)`,
-      "gi",
-    ),
-  ];
-
-  let changed = false;
-  let nextHtml = html;
-
-  for (const pattern of patterns) {
-    nextHtml = nextHtml.replace(pattern, (full, before, value, after) => {
-      const result = rewriteSingleUrl(value, DIST_DIR, hostUrl, prefix);
-      if (!result.changed) return full;
-      changed = true;
-      return `${before}${result.value}${after}`;
-    });
-  }
-
-  return { html: nextHtml, changed };
-}
-
-function rewriteInlinePagefindRuntimeImports(html, filePath, hostUrl, prefix) {
-  const pattern =
-    /(["'])(https?:\/\/[^"'`)]*\/pagefind\/pagefind\.js(?:\?[^"'`)]*)?|\/pagefind\/pagefind\.js(?:\?[^"'`)]*)?)\1/g;
-  let changed = false;
-
-  const rewritten = html.replace(pattern, (full, quote, urlValue) => {
-    const result = rewriteSingleUrl(urlValue, filePath, hostUrl, prefix);
-    if (!result.changed) return full;
-
-    changed = true;
-    return `${quote}${result.value}${quote}`;
-  });
-
-  return { html: rewritten, changed };
-}
-
-function rewriteCssUrls(css, filePath, hostUrl, prefix) {
-  const pattern = /url\(\s*(['"]?)([^"')]+)\1\s*\)/gi;
-  let changed = false;
-
-  const rewritten = css.replace(pattern, (full, quote, value) => {
-    const result = rewriteSingleUrl(value, filePath, hostUrl, prefix);
-    if (!result.changed) return full;
-
-    changed = true;
-    return `url(${quote}${result.value}${quote})`;
-  });
-
-  return { css: rewritten, changed };
-}
-
-function main() {
-  const staticAssetHostInput = process.env.STATIC_ASSET_HOST?.trim();
-  const staticAssetPrefixInput =
-    process.env.R2_BUCKET_PREFIX?.trim() ??
-    process.env.STATIC_ASSET_PREFIX?.trim();
-
-  if (!staticAssetHostInput) {
-    console.log(
-      "Skipping static asset host rewrite: STATIC_ASSET_HOST is not configured.",
-    );
-    return;
-  }
-
-  if (!staticAssetPrefixInput) {
-    console.log(
-      "Skipping static asset host rewrite: R2_BUCKET_PREFIX or STATIC_ASSET_PREFIX is not configured.",
-    );
-    return;
-  }
-
-  if (!fs.existsSync(DIST_DIR)) {
-    console.warn("Skipping static asset host rewrite: dist directory not found.");
-    return;
-  }
-
-  const hostUrl = normalizeHostUrl(staticAssetHostInput);
-  const prefix = normalizePrefix(staticAssetPrefixInput);
-  const htmlFiles = findFilesByExtension(DIST_DIR, ".html").sort();
-
-  if (htmlFiles.length === 0) {
-    console.warn("Skipping static asset host rewrite: no HTML files found in dist.");
-    return;
-  }
-
-  let updatedHtmlCount = 0;
-  let updatedCssCount = 0;
-
-  for (const htmlFile of htmlFiles) {
-    const sourceHtml = fs.readFileSync(htmlFile, "utf8");
-    let nextHtml = sourceHtml;
-    let fileChanged = false;
-
-    const rewrites = [
-      ["link", "href"],
-      ["script", "src"],
-      ["img", "src"],
-      ["img", "srcset"],
-      ["source", "src"],
-      ["source", "srcset"],
-      ["video", "src"],
-      ["video", "poster"],
-      ["audio", "src"],
-    ];
-
-    for (const [tagName, attribute] of rewrites) {
-      const result = rewriteAttribute(
-        nextHtml,
-        htmlFile,
-        tagName,
-        attribute,
-        hostUrl,
-        prefix,
-      );
-      nextHtml = result.html;
-      fileChanged = fileChanged || result.changed;
-    }
-
-    const ogResult = rewriteMetaImageContent(
-      nextHtml,
-      "og:image",
-      hostUrl,
-      prefix,
-    );
-    nextHtml = ogResult.html;
-    fileChanged = fileChanged || ogResult.changed;
-
-    const twitterResult = rewriteMetaNameContent(
-      nextHtml,
-      "twitter:image",
-      hostUrl,
-      prefix,
-    );
-    nextHtml = twitterResult.html;
-    fileChanged = fileChanged || twitterResult.changed;
-
-    const pagefindImportResult = rewriteInlinePagefindRuntimeImports(
-      nextHtml,
-      htmlFile,
-      hostUrl,
-      prefix,
-    );
-    nextHtml = pagefindImportResult.html;
-    fileChanged = fileChanged || pagefindImportResult.changed;
-
-    if (fileChanged) {
-      fs.writeFileSync(htmlFile, nextHtml, "utf8");
-      updatedHtmlCount += 1;
-    }
-  }
-
-  const cssFiles = findFilesByExtension(DIST_DIR, ".css").sort();
-
-  for (const cssFile of cssFiles) {
-    const sourceCss = fs.readFileSync(cssFile, "utf8");
-    const result = rewriteCssUrls(sourceCss, cssFile, hostUrl, prefix);
-
-    if (!result.changed) continue;
-
-    fs.writeFileSync(cssFile, result.css, "utf8");
-    updatedCssCount += 1;
-  }
-
-  console.log(
-    `✅ Static asset host rewrite complete. Updated HTML ${updatedHtmlCount}/${htmlFiles.length}, CSS ${updatedCssCount}/${cssFiles.length}.`,
-  );
-}
-
-main();