@unterberg/nivel 0.0.2 → 0.0.3

package/README.md

@@ -84,7 +84,8 @@ Then the consumer wires:
 - `@unterberg/nivel/vike` into Vike config
 - `MetaHead` in global `+Head`
 - `AppLayout` in global `+Layout`
-- `syncGeneratedDocsPages()` before dev/build/typecheck
+- `nivel prepare` before dev/build/typecheck
+- `@import '@unterberg/nivel/tailwind-sources.css'` in the consumer Tailwind entry
 
 Algolia search is optional. When configured, `apiKey` must be a search-only public key because requests are made from the browser.
 

package/bin/nivel.mjs

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import '../dist/cli.js'

package/dist/{chunk-HXZEI3YF.js → chunk-DNCQR5NH.js}

@@ -3,9 +3,6 @@ import {
   getResolvedPageById,
   resolveDocsConfig
 } from "./chunk-D7IAGT53.js";
-import {
-  nivelPublicRoute
-} from "./chunk-PYYPYIBD.js";
 
 // src/runtime/node/codegen.ts
 import fs from "fs";
@@ -193,167 +190,42 @@ var isDocsSourcePath = (filePath, rootDir) => {
   return normalized === docsConfigPath || normalized.startsWith(`${docsRoot}/`);
 };
 
-// src/runtime/node/plugin.ts
-import fs3 from "fs";
-import path3 from "path";
-
-// src/runtime/node/publicAssets.ts
-import fs2 from "fs";
+// src/runtime/node/loadDocsConfig.ts
 import path2 from "path";
-import { fileURLToPath, pathToFileURL } from "url";
-var toPosix2 = (value) => value.split(path2.sep).join(path2.posix.sep);
-var getRequestPathname = (requestUrl) => {
-  return requestUrl?.split("?")[0]?.split("#")[0] ?? "";
-};
-var normalizeNivelAssetPathname = (pathname) => {
-  if (pathname === nivelPublicRoute) {
-    return pathname;
-  }
-  if (!pathname.startsWith(`${nivelPublicRoute}/`)) {
-    return null;
-  }
-  const trimmedPathname = pathname.replace(/\/+$/g, "");
-  if (trimmedPathname !== pathname && path2.extname(trimmedPathname)) {
-    return trimmedPathname;
-  }
-  return pathname;
-};
-var getPublicAssetsRootCandidates = (runtimeDir) => {
-  let packageRoot = null;
-  try {
-    const nivelConfigUrl = import.meta.resolve("@unterberg/nivel/vike");
-    const nivelConfigPath = fileURLToPath(nivelConfigUrl);
-    packageRoot = path2.resolve(path2.dirname(nivelConfigPath), "..");
-  } catch {
-    packageRoot = null;
-  }
-  return [
-    ...packageRoot ? [path2.join(packageRoot, "assets")] : [],
-    path2.resolve(runtimeDir, "../assets"),
-    path2.resolve(runtimeDir, "../../assets")
-  ];
-};
-var getNivelPublicAssetsRoot = () => {
-  const runtimeUrl = import.meta.url.startsWith("/") ? pathToFileURL(import.meta.url).href : import.meta.url;
-  const runtimeDir = path2.dirname(fileURLToPath(runtimeUrl));
-  for (const candidate of getPublicAssetsRootCandidates(runtimeDir)) {
-    if (fs2.existsSync(candidate) && fs2.statSync(candidate).isDirectory()) {
-      return candidate;
-    }
-  }
-  throw new Error(`Unable to locate nivel public assets from ${runtimeDir}.`);
+import { pathToFileURL } from "url";
+import { register } from "tsx/esm/api";
+var getDocsConfigModulePath = (rootDir) => {
+  return path2.join(rootDir, "pages", "+docs.ts");
 };
-var getNivelPublicAssetFilePath = (requestUrl) => {
-  const pathname = normalizeNivelAssetPathname(getRequestPathname(requestUrl));
-  if (!pathname) {
-    return null;
-  }
-  const assetsRoot = getNivelPublicAssetsRoot();
-  const relativePath = pathname.replace(/^\/+/, "");
-  const filePath = path2.resolve(assetsRoot, relativePath);
-  const relativeToRoot = path2.relative(assetsRoot, filePath);
-  if (relativeToRoot.startsWith("..") || path2.isAbsolute(relativeToRoot) || !fs2.existsSync(filePath) || !fs2.statSync(filePath).isFile()) {
-    return null;
-  }
-  return filePath;
-};
-var getNivelPublicAssetContentType = (filePath) => {
-  switch (path2.extname(filePath)) {
-    case ".css":
-      return "text/css; charset=utf-8";
-    case ".svg":
-      return "image/svg+xml";
-    case ".png":
-      return "image/png";
-    case ".ico":
-      return "image/x-icon";
-    case ".woff2":
-      return "font/woff2";
-    default:
-      return "application/octet-stream";
-  }
-};
-var isNivelAssetRequestUrl = (requestUrl) => {
-  return normalizeNivelAssetPathname(getRequestPathname(requestUrl)) !== null;
-};
-var isNivelAssetPath = (filePath) => {
-  const normalizedFilePath = toPosix2(path2.resolve(filePath));
-  const assetsRoot = toPosix2(getNivelPublicAssetsRoot());
-  return normalizedFilePath.startsWith(`${assetsRoot}/`);
-};
-
-// src/runtime/node/plugin.ts
-var loadDocsConfig = async (server, rootDir) => {
-  const modulePath = path3.join(rootDir, "pages", "+docs.ts");
-  const loaded = await server.ssrLoadModule(modulePath);
+var getDocsConfigFromLoadedModule = (loaded, modulePath) => {
   const docsConfig = loaded.default;
   if (!docsConfig) {
     throw new Error(`Expected default export from ${modulePath}`);
   }
   return docsConfig;
 };
-var syncAndRestart = async (server, rootDir) => {
-  const docsConfig = await loadDocsConfig(server, rootDir);
-  syncGeneratedDocsPages({ rootDir, docsConfig });
-  await server.restart();
+var loadDocsConfig = async (options) => {
+  const modulePath = getDocsConfigModulePath(options.rootDir);
+  const loaded = await options.loadModule(modulePath);
+  return getDocsConfigFromLoadedModule(loaded, modulePath);
 };
-var nivelPagesPlugin = () => {
-  return {
-    name: "nivel-pages-plugin",
-    enforce: "pre",
-    configureServer(server) {
-      const rootDir = server.config.root;
-      const assetsRoot = getNivelPublicAssetsRoot();
-      server.watcher.add(assetsRoot);
-      const onChange = async (filePath) => {
-        if (!isDocsSourcePath(filePath, rootDir)) {
-          return;
-        }
-        await syncAndRestart(server, rootDir);
-      };
-      server.watcher.on("add", onChange);
-      server.watcher.on("change", onChange);
-      server.watcher.on("unlink", onChange);
-      server.watcher.on("change", (filePath) => {
-        if (!isNivelAssetPath(filePath)) {
-          return;
-        }
-        server.ws.send({ type: "full-reload" });
-      });
-      server.middlewares.use((req, res, next) => {
-        const filePath = getNivelPublicAssetFilePath(req.url);
-        if (filePath) {
-          res.setHeader("Content-Type", getNivelPublicAssetContentType(filePath));
-          res.setHeader("Cache-Control", "no-store");
-          res.end(fs3.readFileSync(filePath));
-          return;
-        }
-        if (isNivelAssetRequestUrl(req.url)) {
-          res.statusCode = 404;
-          res.setHeader("Cache-Control", "no-store");
-          res.end();
-          return;
-        }
-        next();
-      });
-    },
-    handleHotUpdate(ctx) {
-      if (isNivelAssetPath(ctx.file)) {
-        ctx.server.ws.send({ type: "full-reload" });
-        return [];
-      }
-      if (!isDocsSourcePath(ctx.file, ctx.server.config.root)) {
-        return;
-      }
-      ctx.server.ws.send({ type: "full-reload" });
-      return [];
-    }
-  };
+var loadDocsConfigWithVite = async (rootDir) => {
+  const unregister = register();
+  const modulePath = getDocsConfigModulePath(rootDir);
+  const moduleUrl = pathToFileURL(modulePath).href;
+  try {
+    const loaded = await import(moduleUrl);
+    return getDocsConfigFromLoadedModule(loaded, modulePath);
+  } finally {
+    await unregister();
+  }
 };
 
 export {
   getGeneratedPagesRoot,
   syncGeneratedDocsPages,
-  nivelPagesPlugin
+  isDocsSourcePath,
+  loadDocsConfig,
+  loadDocsConfigWithVite
 };
-//# sourceMappingURL=chunk-HXZEI3YF.js.map
+//# sourceMappingURL=chunk-DNCQR5NH.js.map

package/dist/chunk-DNCQR5NH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/runtime/node/codegen.ts","../src/runtime/node/loadDocsConfig.ts"],"sourcesContent":["import fs from 'node:fs'\nimport path from 'node:path'\nimport type { DocPageData, DocPageLinkData, DocsConfig, DocsGlobalContextData } from '../../docs/types.js'\nimport { extractDocHeadings } from '../../docs/docHeadings.js'\nimport { getResolvedPageById, resolveDocsConfig } from '../../docs/resolveDocsConfig.js'\n\nconst GENERATED_DIRNAME = '(nivel-generated)'\n\nconst writeFileIfChanged = (filePath: string, source: string) => {\n  const current = fs.existsSync(filePath) ? fs.readFileSync(filePath, 'utf8') : null\n  if (current === source) {\n    return\n  }\n\n  fs.mkdirSync(path.dirname(filePath), { recursive: true })\n  fs.writeFileSync(filePath, source)\n}\n\nconst toPosix = (value: string) => value.split(path.sep).join(path.posix.sep)\n\nconst getRelativeImportPath = (fromDirectory: string, toFile: string) => {\n  const relativePath = toPosix(path.relative(fromDirectory, toFile))\n  if (relativePath.startsWith('.')) {\n    return relativePath\n  }\n  return `./${relativePath}`\n}\n\nconst serializeData = (data: DocPageData | DocsGlobalContextData) => JSON.stringify(data, null, 2)\n\nconst collectFiles = (directoryPath: string): string[] => {\n  if (!fs.existsSync(directoryPath)) {\n    return []\n  }\n\n  const entries = fs.readdirSync(directoryPath, { withFileTypes: true })\n\n  return entries.flatMap((entry) => {\n    const entryPath = path.join(directoryPath, entry.name)\n    return entry.isDirectory() ? collectFiles(entryPath) : [entryPath]\n  })\n}\n\nconst removeEmptyDirectories = (directoryPath: string, rootPath: string) => {\n  if (!fs.existsSync(directoryPath)) {\n    return\n  }\n\n  for (const entry of fs.readdirSync(directoryPath, { withFileTypes: true })) {\n    if (!entry.isDirectory()) {\n      continue\n    }\n\n    removeEmptyDirectories(path.join(directoryPath, entry.name), rootPath)\n  }\n\n  if (directoryPath === rootPath) {\n    return\n  }\n\n  if (fs.readdirSync(directoryPath).length === 0) {\n    fs.rmdirSync(directoryPath)\n  }\n}\n\nconst getGeneratedPageSource = (contentImportPath: string) => {\n  return [\n    \"import { DocsPage } from '@unterberg/nivel/client'\",\n    `import Content from ${JSON.stringify(contentImportPath)}`,\n    '',\n    'const Page = () => {',\n    '  return <DocsPage Content={Content} />',\n    '}',\n    '',\n    'export default Page',\n    '',\n  ].join('\\n')\n}\n\nconst getGeneratedDataSource = (data: DocPageData) => {\n  return [\n    \"import type { DocPageData } from '@unterberg/nivel'\",\n    '',\n    `const data: DocPageData = ${serializeData(data)}`,\n    '',\n    'const pageData = () => {',\n    '  return data',\n    '}',\n    '',\n    'export default pageData',\n    '',\n  ].join('\\n')\n}\n\nconst getGeneratedGlobalContextSource = (data: DocsGlobalContextData) => {\n  return [\n    \"import type { DocsGlobalContextData } from '@unterberg/nivel'\",\n    '',\n    `const docsGlobalContextData: DocsGlobalContextData = ${serializeData(data)}`,\n    '',\n    'export { docsGlobalContextData }',\n    '',\n  ].join('\\n')\n}\n\nconst getRouteString = (href: string) => {\n  if (href === '/') {\n    return href\n  }\n\n  return href.replace(/\\/+$/g, '')\n}\n\nconst getGeneratedRouteSource = (href: string) => {\n  return [`export default ${JSON.stringify(getRouteString(href))}`, ''].join('\\n')\n}\n\nconst getGeneratedTextExport = (value: string) => {\n  return [`export default ${JSON.stringify(value)}`, ''].join('\\n')\n}\n\nconst toDocPageLinkData = (\n  page:\n    | {\n        id: string\n        title: string\n        href: string\n        documentTitle: string\n      }\n    | undefined,\n): DocPageLinkData | null => {\n  if (!page) {\n    return null\n  }\n\n  return {\n    id: page.id,\n    title: page.title,\n    href: page.href,\n    documentTitle: page.documentTitle,\n  }\n}\n\nexport const getGeneratedPagesRoot = (rootDir: string) => path.join(rootDir, 'pages', GENERATED_DIRNAME)\n\nexport const syncGeneratedDocsPages = (options: { rootDir: string; docsConfig: DocsConfig }) => {\n  const { rootDir, docsConfig } = options\n  const resolved = resolveDocsConfig(docsConfig)\n  const generatedPagesRoot = getGeneratedPagesRoot(rootDir)\n  const docsRoot = path.join(rootDir, 'docs')\n  const expectedFiles = new Set<string>()\n  const globalContextFilePath = path.join(generatedPagesRoot, '_docsGlobalContext.ts')\n\n  fs.mkdirSync(generatedPagesRoot, { recursive: true })\n\n  const globalContextData: DocsGlobalContextData = {\n    siteTitle: resolved.siteTitle,\n    basePath: resolved.basePath,\n    theme: resolved.theme,\n    footer: resolved.footer,\n    brand: resolved.brand,\n    head: resolved.head,\n    partners: resolved.partners,\n    algolia: resolved.algolia,\n    pages: resolved.pages,\n    navbarItems: resolved.navbarItems,\n    sidebarSections: resolved.sections,\n  }\n\n  writeFileIfChanged(globalContextFilePath, getGeneratedGlobalContextSource(globalContextData))\n  expectedFiles.add(globalContextFilePath)\n\n  for (const [pageIndex, page] of resolved.pages.entries()) {\n    const contentFilePath = path.join(docsRoot, page.source)\n\n    if (!fs.existsSync(contentFilePath)) {\n      throw new Error(`Docs page \"${page.id}\" points to missing source file: ${contentFilePath}`)\n    }\n\n    const pageSource = fs.readFileSync(contentFilePath, 'utf8')\n    const data: DocPageData = {\n      page: getResolvedPageById(resolved, page.id),\n      headings: extractDocHeadings(pageSource),\n      previousPage: toDocPageLinkData(resolved.pages[pageIndex - 1]),\n      nextPage: toDocPageLinkData(resolved.pages[pageIndex + 1]),\n    }\n\n    for (const routeHref of [page.href, ...page.aliasHrefs]) {\n      const routeSlug = routeHref.replace(/^\\/docs\\//, '').replace(/\\/+$/g, '')\n      const pageDir = path.join(generatedPagesRoot, ...routeSlug.split('/'))\n      const contentImportPath = getRelativeImportPath(pageDir, contentFilePath)\n\n      const pageFilePath = path.join(pageDir, '+Page.tsx')\n      const dataFilePath = path.join(pageDir, '+data.ts')\n      const routeFilePath = path.join(pageDir, '+route.ts')\n      const titleFilePath = path.join(pageDir, '+title.ts')\n\n      writeFileIfChanged(pageFilePath, getGeneratedPageSource(contentImportPath))\n      writeFileIfChanged(dataFilePath, getGeneratedDataSource(data))\n      writeFileIfChanged(routeFilePath, getGeneratedRouteSource(routeHref))\n      writeFileIfChanged(titleFilePath, getGeneratedTextExport(page.documentTitle))\n\n      expectedFiles.add(pageFilePath)\n      expectedFiles.add(dataFilePath)\n      expectedFiles.add(routeFilePath)\n      expectedFiles.add(titleFilePath)\n\n      if (page.description) {\n        const descriptionFilePath = path.join(pageDir, '+description.ts')\n        writeFileIfChanged(descriptionFilePath, getGeneratedTextExport(page.description))\n        expectedFiles.add(descriptionFilePath)\n      }\n    }\n  }\n\n  for (const filePath of collectFiles(generatedPagesRoot)) {\n    if (expectedFiles.has(filePath)) {\n      continue\n    }\n\n    fs.rmSync(filePath, { force: true })\n  }\n\n  removeEmptyDirectories(generatedPagesRoot, generatedPagesRoot)\n}\n\nexport const isDocsSourcePath = (filePath: string, rootDir: string) => {\n  const normalized = toPosix(filePath)\n  const docsRoot = toPosix(path.join(rootDir, 'docs'))\n  const docsConfigPath = toPosix(path.join(rootDir, 'pages', '+docs.ts'))\n  const generatedRoot = toPosix(getGeneratedPagesRoot(rootDir))\n\n  if (normalized.startsWith(generatedRoot)) {\n    return false\n  }\n\n  return normalized === docsConfigPath || normalized.startsWith(`${docsRoot}/`)\n}\n","import path from 'node:path'\nimport { pathToFileURL } from 'node:url'\nimport { register } from 'tsx/esm/api'\nimport type { DocsConfig } from '../../docs/types.js'\n\nconst getDocsConfigModulePath = (rootDir: string) => {\n  return path.join(rootDir, 'pages', '+docs.ts')\n}\n\nconst getDocsConfigFromLoadedModule = (loaded: unknown, modulePath: string) => {\n  const docsConfig = (loaded as { default?: DocsConfig }).default\n\n  if (!docsConfig) {\n    throw new Error(`Expected default export from ${modulePath}`)\n  }\n\n  return docsConfig\n}\n\nexport const loadDocsConfig = async (options: {\n  rootDir: string\n  loadModule: (modulePath: string) => Promise<unknown>\n}) => {\n  const modulePath = getDocsConfigModulePath(options.rootDir)\n  const loaded = await options.loadModule(modulePath)\n  return getDocsConfigFromLoadedModule(loaded, modulePath)\n}\n\nexport const loadDocsConfigWithVite = async (rootDir: string) => {\n  const unregister = register()\n  const modulePath = getDocsConfigModulePath(rootDir)\n  const moduleUrl = pathToFileURL(modulePath).href\n\n  try {\n    const loaded = await import(moduleUrl)\n    return getDocsConfigFromLoadedModule(loaded, modulePath)\n  } finally {\n    await unregister()\n  }\n}\n"],"mappings":"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","names":["path"]}

package/dist/{chunk-G37565OX.js → chunk-FARXFRHG.js}

@@ -74,11 +74,54 @@ var AlertHeading = cm.header`
 // src/mdx/code-blocks/ChoiceGroup.tsx
 import { Children, isValidElement, useRef as useRef2 } from "react";
 
+// src/mdx/code-blocks/CodeBlockHeaderMeta.tsx
+import cm2 from "@classmatejs/react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CodeBlockHeaderMeta = ({ env, label }) => {
+  const effectiveEnv = env === "server" || env === "client" ? env : void 0;
+  return /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2", children: [
+    env && /* @__PURE__ */ jsx2(StyledDivider, { $env: env === "server" || env === "client" ? env : void 0 }),
+    env && /* @__PURE__ */ jsx2(StyledBgShade, { $env: env === "server" || env === "client" ? env : void 0 }),
+    /* @__PURE__ */ jsx2("div", { className: "font-mono text-xs font-semibold text-base-muted", children: label }),
+    env && /* @__PURE__ */ jsx2(StyledBadge, { $env: effectiveEnv, children: env })
+  ] });
+};
+var StyledDivider = cm2.div.variants({
+  base: "absolute h-1 -bottom-px left-0 w-full pointer-events-none",
+  variants: {
+    $env: {
+      server: "border-info/50 border-b ",
+      client: "border-success/50 border-b"
+    }
+  },
+  defaultVariants: { $env: "server" }
+});
+var StyledBadge = cm2.div.variants({
+  base: "shrink-0 badge badge-sm rounded-field badge-soft border pointer-events-none",
+  variants: {
+    $env: {
+      server: "badge-info border-info",
+      client: "badge-success border-success"
+    }
+  },
+  defaultVariants: { $env: "server" }
+});
+var StyledBgShade = cm2.div.variants({
+  base: "absolute inset-0 opacity-5 bg-linear-to-t via-40% via-transparent pointer-events-none",
+  variants: {
+    $env: {
+      server: "from-info",
+      client: "from-success"
+    }
+  },
+  defaultVariants: { $env: "server" }
+});
+
 // src/mdx/code-blocks/CopyButton.tsx
 import { cmMerge as cmMerge2 } from "@classmatejs/react";
 import { Check as Check2, Copy } from "lucide-react";
 import { useState } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var trimTrailingWhitespace = (text) => {
   return text.split("\n").map((line) => line.trimEnd()).join("\n");
 };
@@ -87,7 +130,7 @@ var CodeBlockCopyButton = ({
   className = ""
 }) => {
   const [copyState, setCopyState] = useState("idle");
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       type: "button",
@@ -98,7 +141,7 @@ var CodeBlockCopyButton = ({
         window.setTimeout(() => setCopyState("idle"), 900);
       },
       "aria-label": copyState === "idle" ? "Copy to clipboard" : copyState === "success" ? "Copied" : "Copy failed",
-      children: copyState === "success" ? /* @__PURE__ */ jsx2(Check2, { size: 14 }) : /* @__PURE__ */ jsx2(Copy, { size: 14 })
+      children: copyState === "success" ? /* @__PURE__ */ jsx3(Check2, { size: 14 }) : /* @__PURE__ */ jsx3(Copy, { size: 14 })
     }
   );
 };
@@ -157,7 +200,7 @@ var useSelectedChoice = (choiceGroupName, defaultValue) => {
 };
 
 // src/mdx/code-blocks/ChoiceGroup.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var isChoiceElement = (node) => {
   return isValidElement(node) && typeof node.props?.["data-choice-value"] === "string";
 };
@@ -170,17 +213,18 @@ var getActiveCodeBlockMeta = (node) => {
       continue;
     }
     const props = child.props;
+    const env = asTrimmedString(props["data-code-env"]);
     const title = asTrimmedString(props["data-code-title"]);
     const hideCopy = props["hide-menu"] === "true";
-    if (title || hideCopy) {
-      return { hideCopy, title };
+    if (title || env || hideCopy) {
+      return { env, hideCopy, title };
     }
     const nestedMeta = getActiveCodeBlockMeta(props.children);
-    if (nestedMeta.title || nestedMeta.hideCopy) {
+    if (nestedMeta.title || nestedMeta.env || nestedMeta.hideCopy) {
       return nestedMeta;
     }
   }
-  return { hideCopy: false, title: null };
+  return { env: null, hideCopy: false, title: null };
 };
 var ChoiceGroup = ({
   children,
@@ -193,28 +237,28 @@ var ChoiceGroup = ({
   const choiceElements = Children.toArray(children).filter(isChoiceElement);
   const activeChoiceElement = choiceElements.find((choiceElement) => choiceElement.props["data-choice-value"] === selectedChoice) ?? choiceElements[0];
   if (!activeChoiceElement) {
-    return /* @__PURE__ */ jsx3(Fragment2, { children });
+    return /* @__PURE__ */ jsx4(Fragment2, { children });
   }
   const activeCodeBlockMeta = getActiveCodeBlockMeta(activeChoiceElement.props.children);
-  const headerLabel = activeCodeBlockMeta.title ?? activeChoiceElement.props["data-choice-value"];
+  const headerLabel = activeCodeBlockMeta.title ?? activeChoiceElement.props["data-choice-value"] ?? "";
   if (hide) {
-    return /* @__PURE__ */ jsx3(Fragment2, { children: activeChoiceElement.props.children });
+    return /* @__PURE__ */ jsx4(Fragment2, { children: activeChoiceElement.props.children });
   }
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       "data-choice-group-outer": true,
       className: "mt-5 mb-5 flex h-full flex-col overflow-hidden rounded-box border border-base-muted-light",
       children: [
-        /* @__PURE__ */ jsxs2(
+        /* @__PURE__ */ jsxs3(
           "div",
           {
-            className: "not-prose flex min-h-10 items-center justify-between gap-3 border-b border-base-muted-light bg-base-muted-superlight px-4",
+            className: "not-prose flex min-h-10 items-center relative justify-between gap-3 border-b border-base-muted-light bg-base-muted-superlight px-4",
             "data-choice-group-header": true,
             children: [
-              /* @__PURE__ */ jsx3("div", { className: "font-mono text-xs font-semibold tracking-[0.08em] text-base-muted", children: headerLabel }),
-              /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx3("label", { className: "select select-xs min-w-28 w-fit", children: /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(CodeBlockHeaderMeta, { label: headerLabel, env: activeCodeBlockMeta.env }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx4("label", { className: "select select-xs min-w-28 w-fit", children: /* @__PURE__ */ jsx4(
                   "select",
                   {
                     name: `choicesFor-${choiceGroup.name}`,
@@ -226,10 +270,10 @@ var ChoiceGroup = ({
                       };
                       setSelectedChoice(event.currentTarget.value);
                     },
-                    children: choiceGroup.choices.map((choice) => /* @__PURE__ */ jsx3("option", { value: choice, disabled: choiceGroup.disabled.includes(choice), children: choice }, choice))
+                    children: choiceGroup.choices.map((choice) => /* @__PURE__ */ jsx4("option", { value: choice, disabled: choiceGroup.disabled.includes(choice), children: choice }, choice))
                   }
                 ) }),
-                !activeCodeBlockMeta.hideCopy && /* @__PURE__ */ jsx3(
+                !activeCodeBlockMeta.hideCopy && /* @__PURE__ */ jsx4(
                   CodeBlockCopyButton,
                   {
                     onCopy: async () => {
@@ -247,26 +291,26 @@ var ChoiceGroup = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx3("div", { ref: bodyRef, className: "h-full flex-1 bg-base-200! [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", children: /* @__PURE__ */ jsx3(CodeBlockGroupProvider, { value: true, children: activeChoiceElement.props.children }) })
+        /* @__PURE__ */ jsx4("div", { ref: bodyRef, className: "h-full flex-1 bg-base-200! [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", children: /* @__PURE__ */ jsx4(CodeBlockGroupProvider, { value: true, children: activeChoiceElement.props.children }) })
       ]
     }
   );
 };
 
 // src/mdx/code-blocks/CodeBlockTransformer.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var CodeBlockTransformer = ({ children, lineBreak }) => {
   const className = `with-line-break_${lineBreak}`;
-  return /* @__PURE__ */ jsx4("div", { className, children });
+  return /* @__PURE__ */ jsx5("div", { className, children });
 };
 
 // src/mdx/code-blocks/FileState.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var FileAdded = ({ children }) => {
-  return /* @__PURE__ */ jsx5("div", { className: "doc-code-file-state doc-code-file-added", children });
+  return /* @__PURE__ */ jsx6("div", { className: "doc-code-file-state doc-code-file-added", children });
 };
 var FileRemoved = ({ children }) => {
-  return /* @__PURE__ */ jsx5("div", { className: "doc-code-file-state doc-code-file-removed", children });
+  return /* @__PURE__ */ jsx6("div", { className: "doc-code-file-state doc-code-file-removed", children });
 };
 
 // src/mdx/code-blocks/Pre.tsx
@@ -276,7 +320,7 @@ import {
   isValidElement as isValidElement2,
   useRef as useRef3
 } from "react";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var asTrimmedString2 = (value) => {
   return typeof value === "string" && value.trim() ? value.trim() : null;
 };
@@ -306,9 +350,10 @@ var Pre = ({ children, className, ...props }) => {
   const preRef = useRef3(null);
   const isInChoiceGroup = useIsInCodeBlockGroup();
   const label = asTrimmedString2(props["data-code-title"]) ?? getLanguageLabel(props);
+  const env = asTrimmedString2(props["data-code-env"]);
   const fileState = props["file-added"] ? "added" : props["file-removed"] ? "removed" : null;
   const hideMenu = props["hide-menu"] === "true";
-  const copyButton = hideMenu || isInChoiceGroup ? null : /* @__PURE__ */ jsx6(
+  const copyButton = hideMenu || isInChoiceGroup ? null : /* @__PURE__ */ jsx7(
     CodeBlockCopyButton,
     {
       onCopy: async () => {
@@ -322,29 +367,29 @@ var Pre = ({ children, className, ...props }) => {
       }
     }
   );
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: cmMerge3(
         "group relative h-full not-prose overflow-hidden",
-        isInChoiceGroup ? "" : "mb-6 rounded-box border border-base-muted-light bg-base-100/60",
+        isInChoiceGroup ? "" : "mb-6 rounded-box border border-base-muted-light",
         className
       ),
       "data-code-block-frame": "",
       "data-file-state": fileState ?? void 0,
       children: [
-        !isInChoiceGroup && /* @__PURE__ */ jsxs3(
+        !isInChoiceGroup && /* @__PURE__ */ jsxs4(
           "div",
           {
-            className: "flex min-h-10 items-center justify-between gap-3 border-b border-base-muted-light bg-base-muted-superlight! px-4",
+            className: "flex min-h-10 relative items-center justify-between gap-3 border-b border-base-muted-light bg-base-muted-superlight! px-4",
             "data-code-block-header": "",
             children: [
-              /* @__PURE__ */ jsx6("div", { className: "font-mono text-xs font-semibold tracking-[0.08em] text-base-muted", children: label }),
+              /* @__PURE__ */ jsx7(CodeBlockHeaderMeta, { label, env }),
               copyButton
             ]
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           "pre",
           {
             ...props,
@@ -361,7 +406,7 @@ var Pre = ({ children, className, ...props }) => {
 
 // src/mdx/components/Link.tsx
 import { cmMerge as cmMerge4 } from "@classmatejs/react";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function assertUsage(condition, message) {
   if (!condition) {
     throw new Error(`[UniversalMdxMods][Wrong Usage] ${message}`);
@@ -396,8 +441,8 @@ var parseMarkdownMini = (markdown) => {
   if (current) {
     parts.push(current);
   }
-  return /* @__PURE__ */ jsx7(Fragment3, { children: parts.map(
-    (part, index) => part.nodeType === "code" ? /* @__PURE__ */ jsx7("code", { children: part.content }, index) : /* @__PURE__ */ jsx7("span", { children: part.content }, index)
+  return /* @__PURE__ */ jsx8(Fragment3, { children: parts.map(
+    (part, index) => part.nodeType === "code" ? /* @__PURE__ */ jsx8("code", { children: part.content }, index) : /* @__PURE__ */ jsx8("span", { children: part.content }, index)
   ) });
 };
 var determineSectionTitle = (href) => {
@@ -433,7 +478,7 @@ var getLinkText = ({
   if (noBreadcrumb || isCurrentPage) {
     return breadcrumbParts[breadcrumbParts.length - 1] ?? null;
   }
-  return /* @__PURE__ */ jsx7(Fragment3, { children: breadcrumbParts.map((part, index) => /* @__PURE__ */ jsxs4("span", { children: [
+  return /* @__PURE__ */ jsx8(Fragment3, { children: breadcrumbParts.map((part, index) => /* @__PURE__ */ jsxs5("span", { children: [
     index > 0 ? " > " : null,
     part
   ] }, index)) });
@@ -451,7 +496,7 @@ var Link = ({
   const runtime = useUniversalMdxRuntime();
   if (typeof href !== "string" || href === "") {
     assertWarning(false, "<Link /> is missing `href`.");
-    return /* @__PURE__ */ jsx7("a", { className: cmMerge4(className, "inline-flex gap-1 items-center"), ...props, children: text ?? children ?? "LINK-TARGET-NOT-FOUND" });
+    return /* @__PURE__ */ jsx8("a", { className: cmMerge4(className, "inline-flex gap-1 items-center"), ...props, children: text ?? children ?? "LINK-TARGET-NOT-FOUND" });
   }
   assertUsage(
     href.startsWith("/") || href.startsWith("#") || isExternalHref(href),
@@ -473,11 +518,11 @@ var Link = ({
     sectionTitle: inferredSectionTitle ?? void 0,
     title: resolvedDocLink.title
   }) : isExternalHref(href) ? href : inferredSectionTitle ?? "LINK-TARGET-NOT-FOUND");
-  return /* @__PURE__ */ jsx7("a", { href: localizedHref, className: cmMerge4(className, ""), ...props, children: inferredText });
+  return /* @__PURE__ */ jsx8("a", { href: localizedHref, className: cmMerge4(className, ""), ...props, children: inferredText });
 };
 
 // src/mdx/components/Overview.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 import { createElement } from "react";
 var isOverviewDividerItem = (item) => typeof item === "object" && item !== null && "dividerText" in item;
 function assertUsage2(condition, message) {
@@ -510,14 +555,14 @@ var groupOverviewItems = (items) => {
   return groups;
 };
 var OverviewCard = ({ excerpt, href, title }) => {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "a",
     {
       href: withSiteBaseUrl(href),
       className: "group flex h-full flex-col gap-3 rounded-box border border-base-muted-light bg-base-muted-superlight p-5 no-underline hover:border-primary-muted-medium hover:bg-base-muted-superlight/50",
       children: [
-        /* @__PURE__ */ jsx8("h3", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(title) }),
-        excerpt ? /* @__PURE__ */ jsx8("p", { className: "text-sm leading-relaxed text-base-muted", children: renderInlineMarkdown(excerpt) }) : null
+        /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold text-base-content", children: renderInlineMarkdown(title) }),
+        excerpt ? /* @__PURE__ */ jsx9("p", { className: "text-sm leading-relaxed text-base-muted", children: renderInlineMarkdown(excerpt) }) : null
       ]
     }
   );
@@ -541,37 +586,37 @@ var Overview = ({ items }) => {
   if (groups.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx8("div", { className: "prose-headings:my-0 prose-p:my-0 my-5 flex flex-col gap-8", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs5("section", { className: "flex flex-col gap-4", children: [
-    group.dividerText ? /* @__PURE__ */ jsx8("p", { className: "text-sm font-semibold uppercase tracking-wide", children: renderInlineMarkdown(group.dividerText) }) : null,
-    /* @__PURE__ */ jsx8("div", { className: "grid gap-4 sm:grid-cols-2", children: group.items.map((item, itemIndex) => /* @__PURE__ */ createElement(OverviewCard, { ...item, key: item.href || itemIndex })) })
+  return /* @__PURE__ */ jsx9("div", { className: "prose-headings:my-0 prose-p:my-0 my-5 flex flex-col gap-8", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs6("section", { className: "flex flex-col gap-4", children: [
+    group.dividerText ? /* @__PURE__ */ jsx9("p", { className: "text-sm font-semibold uppercase tracking-wide", children: renderInlineMarkdown(group.dividerText) }) : null,
+    /* @__PURE__ */ jsx9("div", { className: "grid gap-4 sm:grid-cols-2", children: group.items.map((item, itemIndex) => /* @__PURE__ */ createElement(OverviewCard, { ...item, key: item.href || itemIndex })) })
   ] }, groupIndex)) });
 };
 
 // src/mdx/components/RepoLink.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var RepoLink = ({ repo, timestamp }) => {
   if (!repo || repo.split("/").length !== 2) {
     throw new Error("Invalid repo");
   }
-  return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-1", children: [
-    /* @__PURE__ */ jsx9("span", { className: "bg-white font-mono font-bold h-fit px-1 text-sm!", children: timestamp }),
-    /* @__PURE__ */ jsxs6("a", { href: `https://github.com/${repo}`, target: "_blank", rel: "noopener", children: [
+  return /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx10("span", { className: "bg-white font-mono font-bold h-fit px-1 text-sm!", children: timestamp }),
+    /* @__PURE__ */ jsxs7("a", { href: `https://github.com/${repo}`, target: "_blank", rel: "noopener", children: [
       "GitHub > ",
-      /* @__PURE__ */ jsx9("code", { children: repo })
+      /* @__PURE__ */ jsx10("code", { children: repo })
     ] })
   ] });
 };
 
 // src/mdx/components/Table.tsx
-import cm2 from "@classmatejs/react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import cm3 from "@classmatejs/react";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var Table = ({ size = "md", data }) => {
-  return /* @__PURE__ */ jsxs7(StyledTable, { $size: size, children: [
-    /* @__PURE__ */ jsx10("thead", { className: "overflow-hidden rounded-t-box bg-base-200", children: /* @__PURE__ */ jsx10("tr", { children: data.headers.map((header, index) => /* @__PURE__ */ jsx10("th", { children: header }, index)) }) }),
-    /* @__PURE__ */ jsx10("tbody", { children: data.rows.map((row, rowIndex) => /* @__PURE__ */ jsx10("tr", { children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx10("td", { children: cell }, cellIndex)) }, rowIndex)) })
+  return /* @__PURE__ */ jsxs8(StyledTable, { $size: size, children: [
+    /* @__PURE__ */ jsx11("thead", { className: "overflow-hidden rounded-t-box bg-base-200", children: /* @__PURE__ */ jsx11("tr", { children: data.headers.map((header, index) => /* @__PURE__ */ jsx11("th", { children: header }, index)) }) }),
+    /* @__PURE__ */ jsx11("tbody", { children: data.rows.map((row, rowIndex) => /* @__PURE__ */ jsx11("tr", { children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx11("td", { children: cell }, cellIndex)) }, rowIndex)) })
   ] });
 };
-var StyledTable = cm2.table.variants({
+var StyledTable = cm3.table.variants({
   base: `
     not-prose
     table
@@ -603,4 +648,4 @@ export {
   RepoLink,
   Table
 };
-//# sourceMappingURL=chunk-G37565OX.js.map
+//# sourceMappingURL=chunk-FARXFRHG.js.map