@gmickel/gno 0.27.1 → 0.27.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gmickel/gno",
-  "version": "0.27.1",
+  "version": "0.27.3",
   "description": "Local semantic search for your documents. Index Markdown, PDF, and Office files with hybrid BM25 + vector search.",
   "keywords": [
     "embeddings",

package/src/serve/public/components/ai-elements/code-block.tsx

@@ -8,14 +8,15 @@ import {
   useRef,
   useState,
 } from "react";
-import { type BundledLanguage, codeToHtml, type ShikiTransformer } from "shiki";
+import { codeToHtml, type ShikiTransformer } from "shiki";
 
+import { resolveCodeLanguage } from "../../lib/code-language";
 import { cn } from "../../lib/utils";
 import { Button } from "../ui/button";
 
 type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
   code: string;
-  language: BundledLanguage;
+  language: string;
   showLineNumbers?: boolean;
   highlightedLines?: number[];
   scrollToLine?: number;
@@ -78,27 +79,43 @@ function createLineTransformer(
 
 export async function highlightCode(
   code: string,
-  language: BundledLanguage,
+  language: string,
   showLineNumbers = false,
   highlightedLines: number[] = []
 ) {
+  const resolvedLanguage = resolveCodeLanguage(language);
   const transformers: ShikiTransformer[] =
     showLineNumbers || highlightedLines.length > 0
       ? [createLineTransformer(showLineNumbers, highlightedLines)]
       : [];
 
-  return await Promise.all([
-    codeToHtml(code, {
-      lang: language,
-      theme: "one-light",
-      transformers,
-    }),
-    codeToHtml(code, {
-      lang: language,
-      theme: "one-dark-pro",
-      transformers,
-    }),
-  ]);
+  try {
+    return await Promise.all([
+      codeToHtml(code, {
+        lang: resolvedLanguage,
+        theme: "one-light",
+        transformers,
+      }),
+      codeToHtml(code, {
+        lang: resolvedLanguage,
+        theme: "one-dark-pro",
+        transformers,
+      }),
+    ]);
+  } catch {
+    return await Promise.all([
+      codeToHtml(code, {
+        lang: "text",
+        theme: "one-light",
+        transformers,
+      }),
+      codeToHtml(code, {
+        lang: "text",
+        theme: "one-dark-pro",
+        transformers,
+      }),
+    ]);
+  }
 }
 
 export const CodeBlock = ({

package/src/serve/public/components/editor/MarkdownPreview.tsx

@@ -6,7 +6,6 @@
  */
 
 import type { ComponentProps, FC, ReactNode } from "react";
-import type { BundledLanguage } from "shiki";
 
 import { ExternalLinkIcon } from "lucide-react";
 import { memo } from "react";
@@ -14,6 +13,10 @@ import ReactMarkdown from "react-markdown";
 import rehypeSanitize from "rehype-sanitize";
 import remarkGfm from "remark-gfm";
 
+import {
+  extractMarkdownCodeLanguage,
+  resolveCodeLanguage,
+} from "../../lib/code-language";
 import { cn } from "../../lib/utils";
 import { CodeBlock, CodeBlockCopyButton } from "../ai-elements/code-block";
 
@@ -106,8 +109,7 @@ const Pre: FC<ComponentProps<"pre">> = ({ children, ...props }) => {
   const code = String(codeElement.props.children ?? "").trim();
 
   // Extract language from className (e.g., "language-typescript")
-  const match = /language-(\w+)/.exec(className);
-  const language = (match?.[1] ?? "plaintext") as BundledLanguage;
+  const language = resolveCodeLanguage(extractMarkdownCodeLanguage(className));
 
   return (
     <div className="group/code my-4">

package/src/serve/public/lib/code-language.ts

@@ -0,0 +1,49 @@
+import { bundledLanguages, type BundledLanguage } from "shiki";
+
+export type CodeLanguage = BundledLanguage | "text";
+
+const LANGUAGE_CLASS_PATTERN = /language-([A-Za-z0-9_+-]+)/;
+
+const LANGUAGE_ALIASES = {
+  cjs: "javascript",
+  js: "javascript",
+  md: "markdown",
+  mts: "typescript",
+  plain: "text",
+  plaintext: "text",
+  py: "python",
+  shell: "bash",
+  tasks: "markdown",
+  text: "text",
+  ts: "typescript",
+  txt: "text",
+  yml: "yaml",
+  zsh: "bash",
+} as const satisfies Record<string, CodeLanguage>;
+
+export function extractMarkdownCodeLanguage(
+  className: string | undefined
+): string {
+  return className?.match(LANGUAGE_CLASS_PATTERN)?.[1]?.toLowerCase() ?? "text";
+}
+
+export function resolveCodeLanguage(
+  language: string | null | undefined
+): CodeLanguage {
+  const normalized = language?.trim().toLowerCase();
+  if (!normalized) {
+    return "text";
+  }
+
+  const aliased =
+    LANGUAGE_ALIASES[normalized as keyof typeof LANGUAGE_ALIASES] ?? normalized;
+  if (aliased === "text") {
+    return "text";
+  }
+
+  if (aliased in bundledLanguages) {
+    return aliased as BundledLanguage;
+  }
+
+  return "text";
+}