@almadar/ui 5.122.11 → 5.122.13

package/dist/runtime/index.js

@@ -35,6 +35,35 @@ import langDiff from 'react-syntax-highlighter/dist/esm/languages/prism/diff.js'
 import langToml from 'react-syntax-highlighter/dist/esm/languages/prism/toml.js';
 import langGo from 'react-syntax-highlighter/dist/esm/languages/prism/go.js';
 import langGraphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql.js';
+import langClojure from 'react-syntax-highlighter/dist/esm/languages/prism/clojure.js';
+import langHaskell from 'react-syntax-highlighter/dist/esm/languages/prism/haskell.js';
+import langLisp from 'react-syntax-highlighter/dist/esm/languages/prism/lisp.js';
+import langScheme from 'react-syntax-highlighter/dist/esm/languages/prism/scheme.js';
+import langScala from 'react-syntax-highlighter/dist/esm/languages/prism/scala.js';
+import langElixir from 'react-syntax-highlighter/dist/esm/languages/prism/elixir.js';
+import langErlang from 'react-syntax-highlighter/dist/esm/languages/prism/erlang.js';
+import langElm from 'react-syntax-highlighter/dist/esm/languages/prism/elm.js';
+import langFsharp from 'react-syntax-highlighter/dist/esm/languages/prism/fsharp.js';
+import langOcaml from 'react-syntax-highlighter/dist/esm/languages/prism/ocaml.js';
+import langJava from 'react-syntax-highlighter/dist/esm/languages/prism/java.js';
+import langC from 'react-syntax-highlighter/dist/esm/languages/prism/c.js';
+import langCpp from 'react-syntax-highlighter/dist/esm/languages/prism/cpp.js';
+import langCsharp from 'react-syntax-highlighter/dist/esm/languages/prism/csharp.js';
+import langObjectivec from 'react-syntax-highlighter/dist/esm/languages/prism/objectivec.js';
+import langPhp from 'react-syntax-highlighter/dist/esm/languages/prism/php.js';
+import langRuby from 'react-syntax-highlighter/dist/esm/languages/prism/ruby.js';
+import langSwift from 'react-syntax-highlighter/dist/esm/languages/prism/swift.js';
+import langKotlin from 'react-syntax-highlighter/dist/esm/languages/prism/kotlin.js';
+import langLua from 'react-syntax-highlighter/dist/esm/languages/prism/lua.js';
+import langR from 'react-syntax-highlighter/dist/esm/languages/prism/r.js';
+import langDart from 'react-syntax-highlighter/dist/esm/languages/prism/dart.js';
+import langJulia from 'react-syntax-highlighter/dist/esm/languages/prism/julia.js';
+import langFortran from 'react-syntax-highlighter/dist/esm/languages/prism/fortran.js';
+import langPerl from 'react-syntax-highlighter/dist/esm/languages/prism/perl.js';
+import langPowershell from 'react-syntax-highlighter/dist/esm/languages/prism/powershell.js';
+import langMakefile from 'react-syntax-highlighter/dist/esm/languages/prism/makefile.js';
+import langNginx from 'react-syntax-highlighter/dist/esm/languages/prism/nginx.js';
+import langIni from 'react-syntax-highlighter/dist/esm/languages/prism/ini.js';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
@@ -14055,6 +14084,19 @@ var init_EmptyState = __esm({
     EmptyState.displayName = "EmptyState";
   }
 });
+function isLanguageRegistered(lang) {
+  return CODE_LANGUAGE_SET.has(lang) || dynamicallyLoaded.has(lang);
+}
+async function loadPrismLanguage(lang) {
+  if (isLanguageRegistered(lang)) return;
+  try {
+    const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
+    if (grammar) SyntaxHighlighter.registerLanguage(lang, grammar);
+    dynamicallyLoaded.add(lang);
+  } catch {
+    dynamicallyLoaded.add(lang);
+  }
+}
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -14090,7 +14132,8 @@ function computeFoldRegions(code) {
   return regions.sort((a, b) => a.start - b.start);
 }
 function toCodeLanguage(value) {
-  return value && CODE_LANGUAGE_SET.has(value) ? value : "text";
+  if (!value) return "text";
+  return value.toLowerCase();
 }
 function generateDiff(oldVal, newVal) {
   const oldLines = oldVal.split("\n");
@@ -14109,7 +14152,24 @@ function generateDiff(oldVal, newVal) {
   }
   return diff;
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+function useLanguageReady(language) {
+  const [ready, setReady] = useState(() => isLanguageRegistered(language));
+  useEffect(() => {
+    if (isLanguageRegistered(language)) {
+      if (!ready) setReady(true);
+      return;
+    }
+    let active = true;
+    loadPrismLanguage(language).then(() => {
+      if (active) setReady(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [language]);
+  return ready;
+}
+var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -14148,8 +14208,62 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter.registerLanguage("toml", langToml);
     SyntaxHighlighter.registerLanguage("go", langGo);
     SyntaxHighlighter.registerLanguage("graphql", langGraphql);
+    SyntaxHighlighter.registerLanguage("clojure", langClojure);
+    SyntaxHighlighter.registerLanguage("clj", langClojure);
+    SyntaxHighlighter.registerLanguage("edn", langClojure);
+    SyntaxHighlighter.registerLanguage("haskell", langHaskell);
+    SyntaxHighlighter.registerLanguage("hs", langHaskell);
+    SyntaxHighlighter.registerLanguage("lisp", langLisp);
+    SyntaxHighlighter.registerLanguage("scheme", langScheme);
+    SyntaxHighlighter.registerLanguage("scala", langScala);
+    SyntaxHighlighter.registerLanguage("elixir", langElixir);
+    SyntaxHighlighter.registerLanguage("ex", langElixir);
+    SyntaxHighlighter.registerLanguage("exs", langElixir);
+    SyntaxHighlighter.registerLanguage("erlang", langErlang);
+    SyntaxHighlighter.registerLanguage("erl", langErlang);
+    SyntaxHighlighter.registerLanguage("elm", langElm);
+    SyntaxHighlighter.registerLanguage("fsharp", langFsharp);
+    SyntaxHighlighter.registerLanguage("fs", langFsharp);
+    SyntaxHighlighter.registerLanguage("fsx", langFsharp);
+    SyntaxHighlighter.registerLanguage("ocaml", langOcaml);
+    SyntaxHighlighter.registerLanguage("ml", langOcaml);
+    SyntaxHighlighter.registerLanguage("java", langJava);
+    SyntaxHighlighter.registerLanguage("c", langC);
+    SyntaxHighlighter.registerLanguage("cpp", langCpp);
+    SyntaxHighlighter.registerLanguage("c++", langCpp);
+    SyntaxHighlighter.registerLanguage("cc", langCpp);
+    SyntaxHighlighter.registerLanguage("cxx", langCpp);
+    SyntaxHighlighter.registerLanguage("hpp", langCpp);
+    SyntaxHighlighter.registerLanguage("h", langCpp);
+    SyntaxHighlighter.registerLanguage("csharp", langCsharp);
+    SyntaxHighlighter.registerLanguage("cs", langCsharp);
+    SyntaxHighlighter.registerLanguage("objectivec", langObjectivec);
+    SyntaxHighlighter.registerLanguage("objc", langObjectivec);
+    SyntaxHighlighter.registerLanguage("php", langPhp);
+    SyntaxHighlighter.registerLanguage("ruby", langRuby);
+    SyntaxHighlighter.registerLanguage("rb", langRuby);
+    SyntaxHighlighter.registerLanguage("swift", langSwift);
+    SyntaxHighlighter.registerLanguage("kotlin", langKotlin);
+    SyntaxHighlighter.registerLanguage("kt", langKotlin);
+    SyntaxHighlighter.registerLanguage("lua", langLua);
+    SyntaxHighlighter.registerLanguage("r", langR);
+    SyntaxHighlighter.registerLanguage("dart", langDart);
+    SyntaxHighlighter.registerLanguage("julia", langJulia);
+    SyntaxHighlighter.registerLanguage("fortran", langFortran);
+    SyntaxHighlighter.registerLanguage("f90", langFortran);
+    SyntaxHighlighter.registerLanguage("f95", langFortran);
+    SyntaxHighlighter.registerLanguage("perl", langPerl);
+    SyntaxHighlighter.registerLanguage("pl", langPerl);
+    SyntaxHighlighter.registerLanguage("powershell", langPowershell);
+    SyntaxHighlighter.registerLanguage("ps1", langPowershell);
+    SyntaxHighlighter.registerLanguage("makefile", langMakefile);
+    SyntaxHighlighter.registerLanguage("make", langMakefile);
+    SyntaxHighlighter.registerLanguage("nginx", langNginx);
+    SyntaxHighlighter.registerLanguage("ini", langIni);
     SyntaxHighlighter.registerLanguage("orb", orbLanguage);
     SyntaxHighlighter.registerLanguage("lolo", loloLanguage);
+    dynamicallyLoaded = /* @__PURE__ */ new Set();
+    codeLanguageLoader = null;
     orbStyleOverrides = {
       "orb-binding": { color: ORB_COLORS.dark.binding, fontWeight: "bold" },
       "orb-effect": { color: ORB_COLORS.dark.effect, fontWeight: "bold" },
@@ -14220,6 +14334,58 @@ var init_CodeBlock = __esm({
       "graphql",
       "html",
       "xml",
+      "clojure",
+      "clj",
+      "edn",
+      "haskell",
+      "hs",
+      "lisp",
+      "scheme",
+      "scala",
+      "elixir",
+      "ex",
+      "exs",
+      "erlang",
+      "erl",
+      "elm",
+      "fsharp",
+      "fs",
+      "fsx",
+      "ocaml",
+      "ml",
+      "java",
+      "c",
+      "cpp",
+      "c++",
+      "cc",
+      "cxx",
+      "hpp",
+      "h",
+      "csharp",
+      "cs",
+      "objectivec",
+      "objc",
+      "php",
+      "ruby",
+      "rb",
+      "swift",
+      "kotlin",
+      "kt",
+      "lua",
+      "r",
+      "dart",
+      "julia",
+      "fortran",
+      "f90",
+      "f95",
+      "perl",
+      "pl",
+      "powershell",
+      "ps1",
+      "makefile",
+      "make",
+      "nginx",
+      "ini",
       "orb",
       "lolo"
     ];
@@ -14265,6 +14431,7 @@ var init_CodeBlock = __esm({
         const isOrb = language === "orb";
         const isLolo = language === "lolo";
         const activeStyle = isOrb ? orbStyle : isLolo ? loloStyle : dark;
+        const languageReady = useLanguageReady(language);
         const eventBus = useEventBus();
         const { t } = useTranslate();
         const scrollRef = useRef(null);
@@ -14388,7 +14555,7 @@ var init_CodeBlock = __esm({
               children: code
             }
           ),
-          [code, language, activeStyle]
+          [code, language, activeStyle, languageReady]
         );
         useLayoutEffect(() => {
           const container = codeRef.current;
@@ -14988,10 +15155,10 @@ var init_MarkdownContent = __esm({
   }
 });
 
-// components/core/molecules/lessonSegmentUtils.ts
+// lib/lessonSegmentUtils.ts
 function parseMarkdownWithCodeBlocks(content) {
   const segments = [];
-  const codeBlockRegex = /```([\w-]+)?(?:\s+(run))?\n([\s\S]*?)```/g;
+  const codeBlockRegex = /```([^\n\r]*)\r?\n([\s\S]*?)```/g;
   let lastIndex = 0;
   let match;
   while ((match = codeBlockRegex.exec(content)) !== null) {
@@ -14999,12 +15166,12 @@ function parseMarkdownWithCodeBlocks(content) {
     if (before.trim()) {
       segments.push({ type: "markdown", content: before });
     }
-    const rawLanguage = match[1] ?? "text";
-    const runModifier = !!match[2];
+    const tokens = match[1].trim().split(/\s+/).filter(Boolean);
+    let rawLanguage = tokens[0] ?? "text";
     const suffixRunnable = rawLanguage.endsWith("-runnable");
-    const runnable = runModifier || suffixRunnable;
+    const runnable = suffixRunnable || tokens.includes("run");
     const baseLanguage = suffixRunnable ? rawLanguage.slice(0, -"-runnable".length) || "text" : rawLanguage;
-    segments.push({ type: "code", language: baseLanguage, content: match[3].trim(), runnable });
+    segments.push({ type: "code", language: baseLanguage, content: match[2].trim(), runnable });
     lastIndex = codeBlockRegex.lastIndex;
   }
   const remaining = content.slice(lastIndex);
@@ -15014,7 +15181,7 @@ function parseMarkdownWithCodeBlocks(content) {
   return segments;
 }
 var init_lessonSegmentUtils = __esm({
-  "components/core/molecules/lessonSegmentUtils.ts"() {
+  "lib/lessonSegmentUtils.ts"() {
   }
 });
 var BLOOM_CONFIG, BloomQuizBlock;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.122.11",
+  "version": "5.122.13",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [