@flanksource/clicky-ui 0.3.36 → 0.3.37

package/dist/data/code-block-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-actions.js","sources":["../../src/data/code-block-actions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { ResolvedTheme } from \"../hooks/use-theme\";\nimport { Icon } from \"./Icon\";\nimport { UiCopy, UiCheck, UiDownload, UiSun, UiMoon } from \"../icons\";\n\nexport type CodeBlockActionsProps = {\n  /** Raw source copied to the clipboard and written to the downloaded file. */\n  source: string;\n  /** Language hint, used to pick the download filename extension. */\n  language?: string | undefined;\n  /** Show a copy-to-clipboard button. */\n  copyable?: boolean | undefined;\n  /** Show a download button. */\n  downloadable?: boolean | undefined;\n  /** This block's effective theme, shown by the toggle. */\n  theme?: ResolvedTheme | undefined;\n  /** Called when the per-block theme toggle is clicked. Omit to hide it. */\n  onToggleTheme?: (() => void) | undefined;\n};\n\n// Maps a highlighter language hint to a download filename extension. Anything\n// unlisted falls back to `.txt`.\nconst LANG_EXTENSIONS: Record<string, string> = {\n  javascript: \"js\",\n  typescript: \"ts\",\n  tsx: \"tsx\",\n  jsx: \"jsx\",\n  python: \"py\",\n  bash: \"sh\",\n  shell: \"sh\",\n  yaml: \"yaml\",\n  json: \"json\",\n  sql: \"sql\",\n  java: \"java\",\n  go: \"go\",\n  html: \"html\",\n  xml: \"xml\",\n  css: \"css\",\n};\n\nfunction downloadSource(source: string, language: string | undefined) {\n  const ext = (language && LANG_EXTENSIONS[language.toLowerCase()]) || \"txt\";\n  const blob = new Blob([source], { type: \"text/plain;charset=utf-8\" });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement(\"a\");\n  anchor.href = url;\n  anchor.download = `snippet.${ext}`;\n  anchor.click();\n  URL.revokeObjectURL(url);\n}\n\n/** Copy/download controls for the CodeBlock header. Mirrors the copy affordance\n *  in chat/MessageActions so the two behave identically. Renders nothing when\n *  neither control is enabled. */\nexport function CodeBlockActions({\n  source,\n  language,\n  copyable = false,\n  downloadable = false,\n  theme,\n  onToggleTheme,\n}: CodeBlockActionsProps) {\n  const [copied, setCopied] = useState(false);\n\n  if (!copyable && !downloadable && !onToggleTheme) return null;\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch (err) {\n      console.warn(\"clicky-ui: copy to clipboard failed\", err);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-1 text-muted-foreground\">\n      {onToggleTheme && (\n        <button\n          type=\"button\"\n          aria-label={theme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n          title=\"Toggle theme\"\n          onClick={onToggleTheme}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={theme === \"dark\" ? UiSun : UiMoon} className=\"size-3.5\" />\n        </button>\n      )}\n      {downloadable && (\n        <button\n          type=\"button\"\n          aria-label=\"Download code\"\n          title=\"Download file\"\n          onClick={() => downloadSource(source, language)}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={UiDownload} className=\"size-3.5\" />\n        </button>\n      )}\n      {copyable && (\n        <button\n          type=\"button\"\n          aria-label={copied ? \"Copied\" : \"Copy code\"}\n          title=\"Copy code\"\n          onClick={copy}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon\n            icon={copied ? UiCheck : UiCopy}\n            className={cn(\"size-3.5\", copied && \"text-emerald-600\")}\n          />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAuBA,MAAM,kBAA0C;AAAA,EAC9C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AACP;AAEA,SAAS,eAAe,QAAgB,UAA8B;AACpE,QAAM,MAAO,YAAY,gBAAgB,SAAS,YAAA,CAAa,KAAM;AACrE,QAAM,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE,MAAM,4BAA4B;AACpE,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,QAAM,SAAS,SAAS,cAAc,GAAG;AACzC,SAAO,OAAO;AACd,SAAO,WAAW,WAAW,GAAG;AAChC,SAAO,MAAA;AACP,MAAI,gBAAgB,GAAG;AACzB;AAKO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AAAA,EACf;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,MAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,cAAe,QAAO;AAEzD,QAAM,OAAO,YAAY;AACvB,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,MAAM;AAC1C,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,IACzC,SAAS,KAAK;AACZ,cAAQ,KAAK,uCAAuC,GAAG;AAAA,IACzD;AAAA,EACF;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,iDACZ,UAAA;AAAA,IAAA,iBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,SAAS,0BAA0B;AAAA,QACzD,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,UAAA,oBAAC,QAAK,MAAM,UAAU,SAAS,QAAQ,QAAQ,WAAU,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvE,gBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,OAAM;AAAA,QACN,SAAS,MAAM,eAAe,QAAQ,QAAQ;AAAA,QAC9C,WAAU;AAAA,QAEV,UAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,YACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,SAAS,WAAW;AAAA,QAChC,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,SAAS,UAAU;AAAA,YACzB,WAAW,GAAG,YAAY,UAAU,kBAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MACxD;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"code-block-actions.js","sources":["../../src/data/code-block-actions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { ResolvedTheme } from \"../hooks/use-theme\";\nimport { Icon } from \"./Icon\";\nimport { UiCopy, UiCheck, UiDownload, UiSun, UiMoon } from \"../icons\";\n\nexport type CodeBlockActionsProps = {\n  /** Raw source copied to the clipboard and written to the downloaded file. */\n  source: string;\n  /** Language hint, used to pick the download filename extension. */\n  language?: string | undefined;\n  /** Show a copy-to-clipboard button. */\n  copyable?: boolean | undefined;\n  /** Show a download button. */\n  downloadable?: boolean | undefined;\n  /** Name of the downloaded file. Defaults to `snippet.<extension of language>`. */\n  downloadFilename?: string | undefined;\n  /** This block's effective theme, shown by the toggle. */\n  theme?: ResolvedTheme | undefined;\n  /** Called when the per-block theme toggle is clicked. Omit to hide it. */\n  onToggleTheme?: (() => void) | undefined;\n};\n\n// Maps a highlighter language hint to a download filename extension. Anything\n// unlisted falls back to `.txt`.\nconst LANG_EXTENSIONS: Record<string, string> = {\n  javascript: \"js\",\n  typescript: \"ts\",\n  tsx: \"tsx\",\n  jsx: \"jsx\",\n  python: \"py\",\n  bash: \"sh\",\n  shell: \"sh\",\n  yaml: \"yaml\",\n  json: \"json\",\n  sql: \"sql\",\n  java: \"java\",\n  go: \"go\",\n  html: \"html\",\n  xml: \"xml\",\n  css: \"css\",\n};\n\nfunction downloadSource(source: string, language: string | undefined, filename: string | undefined) {\n  const ext = (language && LANG_EXTENSIONS[language.toLowerCase()]) || \"txt\";\n  const blob = new Blob([source], { type: \"text/plain;charset=utf-8\" });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement(\"a\");\n  anchor.href = url;\n  anchor.download = filename || `snippet.${ext}`;\n  anchor.click();\n  URL.revokeObjectURL(url);\n}\n\n/** Copy/download controls for the CodeBlock header. Mirrors the copy affordance\n *  in chat/MessageActions so the two behave identically. Renders nothing when\n *  neither control is enabled. */\nexport function CodeBlockActions({\n  source,\n  language,\n  copyable = false,\n  downloadable = false,\n  downloadFilename,\n  theme,\n  onToggleTheme,\n}: CodeBlockActionsProps) {\n  const [copied, setCopied] = useState(false);\n\n  if (!copyable && !downloadable && !onToggleTheme) return null;\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch (err) {\n      console.warn(\"clicky-ui: copy to clipboard failed\", err);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-1 text-muted-foreground\">\n      {onToggleTheme && (\n        <button\n          type=\"button\"\n          aria-label={theme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n          title=\"Toggle theme\"\n          onClick={onToggleTheme}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={theme === \"dark\" ? UiSun : UiMoon} className=\"size-3.5\" />\n        </button>\n      )}\n      {downloadable && (\n        <button\n          type=\"button\"\n          aria-label=\"Download code\"\n          title=\"Download file\"\n          onClick={() => downloadSource(source, language, downloadFilename)}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon icon={UiDownload} className=\"size-3.5\" />\n        </button>\n      )}\n      {copyable && (\n        <button\n          type=\"button\"\n          aria-label={copied ? \"Copied\" : \"Copy code\"}\n          title=\"Copy code\"\n          onClick={copy}\n          className=\"rounded p-1 hover:bg-accent hover:text-accent-foreground\"\n        >\n          <Icon\n            icon={copied ? UiCheck : UiCopy}\n            className={cn(\"size-3.5\", copied && \"text-emerald-600\")}\n          />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAyBA,MAAM,kBAA0C;AAAA,EAC9C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AACP;AAEA,SAAS,eAAe,QAAgB,UAA8B,UAA8B;AAClG,QAAM,MAAO,YAAY,gBAAgB,SAAS,YAAA,CAAa,KAAM;AACrE,QAAM,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE,MAAM,4BAA4B;AACpE,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,QAAM,SAAS,SAAS,cAAc,GAAG;AACzC,SAAO,OAAO;AACd,SAAO,WAAW,YAAY,WAAW,GAAG;AAC5C,SAAO,MAAA;AACP,MAAI,gBAAgB,GAAG;AACzB;AAKO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,MAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,cAAe,QAAO;AAEzD,QAAM,OAAO,YAAY;AACvB,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,MAAM;AAC1C,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,IACzC,SAAS,KAAK;AACZ,cAAQ,KAAK,uCAAuC,GAAG;AAAA,IACzD;AAAA,EACF;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,iDACZ,UAAA;AAAA,IAAA,iBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,UAAU,SAAS,0BAA0B;AAAA,QACzD,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,UAAA,oBAAC,QAAK,MAAM,UAAU,SAAS,QAAQ,QAAQ,WAAU,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvE,gBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,OAAM;AAAA,QACN,SAAS,MAAM,eAAe,QAAQ,UAAU,gBAAgB;AAAA,QAChE,WAAU;AAAA,QAEV,UAAA,oBAAC,MAAA,EAAK,MAAM,YAAY,WAAU,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,YACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,SAAS,WAAW;AAAA,QAChC,OAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAU;AAAA,QAEV,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,SAAS,UAAU;AAAA,YACzB,WAAW,GAAG,YAAY,UAAU,kBAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MACxD;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}

package/dist/data/code-highlight.cjs

@@ -97,17 +97,65 @@ function resolveTheme(input) {
   }
   return DEFAULT_THEME;
 }
+const SLICE_BUDGET_MS = 8;
+const sliceQueue = [];
+let draining = false;
+function inSlice(work) {
+  return new Promise((resolve, reject) => {
+    sliceQueue.push(() => {
+      try {
+        resolve(work());
+      } catch (error) {
+        reject(error);
+      }
+    });
+    if (!draining) {
+      draining = true;
+      setTimeout(drainSlice, 0);
+    }
+  });
+}
+function drainSlice() {
+  const deadline = performance.now() + SLICE_BUDGET_MS;
+  while (sliceQueue.length > 0 && performance.now() < deadline) sliceQueue.shift()();
+  if (sliceQueue.length > 0) setTimeout(drainSlice, 0);
+  else draining = false;
+}
+const CACHE_BUDGET_CHARS = 2e6;
+const htmlCache = /* @__PURE__ */ new Map();
+let cachedChars = 0;
+function cacheHtml(key, html) {
+  htmlCache.set(key, html);
+  cachedChars += html.length;
+  for (const [oldestKey, oldestHtml] of htmlCache) {
+    if (cachedChars <= CACHE_BUDGET_CHARS) break;
+    htmlCache.delete(oldestKey);
+    cachedChars -= oldestHtml.length;
+  }
+}
 async function highlightCode(source, opts) {
   if (!source || !opts.lang) return null;
   const lang = resolveLang(opts.lang);
   if (!lang) return null;
+  const theme = resolveTheme(opts.theme);
+  const key = opts.transformers ? void 0 : `${lang} ${theme} ${source}`;
+  const cached = key === void 0 ? void 0 : htmlCache.get(key);
+  if (key !== void 0 && cached !== void 0) {
+    htmlCache.delete(key);
+    htmlCache.set(key, cached);
+    return cached;
+  }
   try {
     const highlighter = await loadHighlighter();
-    return highlighter.codeToHtml(source, {
-      lang,
-      theme: resolveTheme(opts.theme),
-      ...opts.transformers ? { transformers: opts.transformers } : {}
-    });
+    const html = await inSlice(
+      () => highlighter.codeToHtml(source, {
+        lang,
+        theme,
+        ...opts.transformers ? { transformers: opts.transformers } : {}
+      })
+    );
+    if (key !== void 0) cacheHtml(key, html);
+    return html;
   } catch {
     return null;
   }
@@ -118,10 +166,12 @@ async function highlightToLines(source, opts) {
   if (!lang) return null;
   try {
     const highlighter = await loadHighlighter();
-    const { tokens } = highlighter.codeToTokens(source, {
-      lang,
-      theme: resolveTheme(opts.theme)
-    });
+    const { tokens } = await inSlice(
+      () => highlighter.codeToTokens(source, {
+        lang,
+        theme: resolveTheme(opts.theme)
+      })
+    );
     return tokens.map(
       (line) => line.map((token) => ({
         content: token.content,

package/dist/data/code-highlight.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"code-highlight.cjs","sources":["../../src/data/code-highlight.ts"],"sourcesContent":["// Lazy-loaded wrapper around a Shiki *core* highlighter pre-registered with a\n// fixed language + theme set. The default `shiki` entry point bundles every\n// grammar/theme as separate dynamic imports — Vite then code-splits each into\n// its own chunk (~280 langs + 50 themes), even when only a handful are ever\n// used. Switching to `shiki/core` and registering a curated subset cuts the\n// app dist by ~6M and ~300 chunks.\n//\n// Languages are picked from what the renderer actually emits (Clicky code\n// blocks + Java stack traces). Anything outside the list silently falls back\n// to plain text — same behavior as before, just without paying for grammars\n// nobody asked for.\n\nimport type { HighlighterCore, ThemeRegistrationAny } from \"shiki/core\";\n\ntype ShikiTransformer = NonNullable<\n  Parameters<HighlighterCore[\"codeToHtml\"]>[1][\"transformers\"]\n>[number];\n\nconst SUPPORTED_LANGS = [\n  \"java\",\n  \"go\",\n  \"python\",\n  \"javascript\",\n  \"typescript\",\n  \"tsx\",\n  \"jsx\",\n  \"json\",\n  \"yaml\",\n  \"bash\",\n  \"shell\",\n  \"sql\",\n  \"xml\",\n  \"html\",\n  \"css\",\n] as const;\n\ntype SupportedLang = (typeof SUPPORTED_LANGS)[number];\n\nconst SUPPORTED_THEMES = [\"github-light\", \"github-dark\"] as const;\ntype SupportedTheme = (typeof SUPPORTED_THEMES)[number];\nconst DEFAULT_THEME: SupportedTheme = \"github-light\";\n\nlet highlighterLoad: Promise<HighlighterCore> | null = null;\n\nfunction loadHighlighter(): Promise<HighlighterCore> {\n  highlighterLoad ??= (async () => {\n    const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([\n      import(\"shiki/core\"),\n      import(\"shiki/engine/oniguruma\"),\n    ]);\n    return createHighlighterCore({\n      themes: [\n        import(\"@shikijs/themes/github-light\") as Promise<{ default: ThemeRegistrationAny }>,\n        import(\"@shikijs/themes/github-dark\") as Promise<{ default: ThemeRegistrationAny }>,\n      ],\n      langs: [\n        import(\"@shikijs/langs/java\"),\n        import(\"@shikijs/langs/go\"),\n        import(\"@shikijs/langs/python\"),\n        import(\"@shikijs/langs/javascript\"),\n        import(\"@shikijs/langs/typescript\"),\n        import(\"@shikijs/langs/tsx\"),\n        import(\"@shikijs/langs/jsx\"),\n        import(\"@shikijs/langs/json\"),\n        import(\"@shikijs/langs/yaml\"),\n        import(\"@shikijs/langs/bash\"),\n        import(\"@shikijs/langs/sql\"),\n        import(\"@shikijs/langs/xml\"),\n        import(\"@shikijs/langs/html\"),\n        import(\"@shikijs/langs/css\"),\n      ],\n      engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n    });\n  })();\n  return highlighterLoad;\n}\n\nexport type HighlightOptions = {\n  /** Highlighter language. Undefined when the caller has none, in which case\n   *  both entry points return null and the caller renders plain text — better\n   *  than guessing a grammar and mis-colouring the source. */\n  lang: string | undefined;\n  theme?: string;\n  transformers?: ShikiTransformer[];\n};\n\n// Derive a highlighter language hint from a file path's extension (e.g.\n// \"src/app.tsx\" → \"tsx\"). Returns undefined for extensionless paths and dotfiles;\n// `resolveLang` then maps aliases and drops anything unsupported.\nexport function languageFromPath(path: string | undefined): string | undefined {\n  if (!path) return undefined;\n  const basename = path.slice(path.lastIndexOf(\"/\") + 1);\n  const dot = basename.lastIndexOf(\".\");\n  if (dot <= 0) return undefined;\n  return basename.slice(dot + 1).toLowerCase();\n}\n\nfunction resolveLang(input: string): SupportedLang | null {\n  const lang = input.toLowerCase();\n  if ((SUPPORTED_LANGS as readonly string[]).includes(lang)) return lang as SupportedLang;\n  if (lang === \"shell\" || lang === \"sh\" || lang === \"zsh\") return \"bash\";\n  if (lang === \"ts\") return \"typescript\";\n  if (lang === \"js\") return \"javascript\";\n  if (lang === \"py\") return \"python\";\n  if (lang === \"yml\") return \"yaml\";\n  return null;\n}\n\nfunction resolveTheme(input: string | undefined): SupportedTheme {\n  if (input && (SUPPORTED_THEMES as readonly string[]).includes(input)) {\n    return input as SupportedTheme;\n  }\n  return DEFAULT_THEME;\n}\n\nexport async function highlightCode(\n  source: string,\n  opts: HighlightOptions,\n): Promise<string | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    return highlighter.codeToHtml(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n      ...(opts.transformers ? { transformers: opts.transformers } : {}),\n    });\n  } catch {\n    return null;\n  }\n}\n\n// A single highlighted token: its text, an optional hex `color`, and Shiki's\n// `fontStyle` bitmask (1=italic, 2=bold, 4=underline).\nexport type HighlightedToken = { content: string; color?: string; fontStyle?: number };\nexport type HighlightedLine = HighlightedToken[];\n\n// Tokenize `source` into per-line themed tokens for the renderers that paint\n// their own gutters/rows rather than embedding Shiki's `<pre>` HTML — `CodeDiff`\n// (add/remove markers) and `FrameSourceWindow` (absolute, possibly\n// non-contiguous, source line numbers). Returns null on empty source, an\n// unsupported language, or a highlighter failure — the caller then renders plain\n// text (same graceful degradation as `highlightCode`).\nexport async function highlightToLines(\n  source: string,\n  opts: HighlightOptions,\n): Promise<HighlightedLine[] | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    const { tokens } = highlighter.codeToTokens(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n    });\n    return tokens.map((line) =>\n      line.map((token) => ({\n        content: token.content,\n        ...(token.color ? { color: token.color } : {}),\n        ...(token.fontStyle ? { fontStyle: token.fontStyle } : {}),\n      })),\n    );\n  } catch {\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-highlight.cjs","sources":["../../src/data/code-highlight.ts"],"sourcesContent":["// Lazy-loaded wrapper around a Shiki *core* highlighter pre-registered with a\n// fixed language + theme set. The default `shiki` entry point bundles every\n// grammar/theme as separate dynamic imports — Vite then code-splits each into\n// its own chunk (~280 langs + 50 themes), even when only a handful are ever\n// used. Switching to `shiki/core` and registering a curated subset cuts the\n// app dist by ~6M and ~300 chunks.\n//\n// Languages are picked from what the renderer actually emits (Clicky code\n// blocks + Java stack traces). Anything outside the list silently falls back\n// to plain text — same behavior as before, just without paying for grammars\n// nobody asked for.\n\nimport type { HighlighterCore, ThemeRegistrationAny } from \"shiki/core\";\n\ntype ShikiTransformer = NonNullable<\n  Parameters<HighlighterCore[\"codeToHtml\"]>[1][\"transformers\"]\n>[number];\n\nconst SUPPORTED_LANGS = [\n  \"java\",\n  \"go\",\n  \"python\",\n  \"javascript\",\n  \"typescript\",\n  \"tsx\",\n  \"jsx\",\n  \"json\",\n  \"yaml\",\n  \"bash\",\n  \"shell\",\n  \"sql\",\n  \"xml\",\n  \"html\",\n  \"css\",\n] as const;\n\ntype SupportedLang = (typeof SUPPORTED_LANGS)[number];\n\nconst SUPPORTED_THEMES = [\"github-light\", \"github-dark\"] as const;\ntype SupportedTheme = (typeof SUPPORTED_THEMES)[number];\nconst DEFAULT_THEME: SupportedTheme = \"github-light\";\n\nlet highlighterLoad: Promise<HighlighterCore> | null = null;\n\nfunction loadHighlighter(): Promise<HighlighterCore> {\n  highlighterLoad ??= (async () => {\n    const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([\n      import(\"shiki/core\"),\n      import(\"shiki/engine/oniguruma\"),\n    ]);\n    return createHighlighterCore({\n      themes: [\n        import(\"@shikijs/themes/github-light\") as Promise<{ default: ThemeRegistrationAny }>,\n        import(\"@shikijs/themes/github-dark\") as Promise<{ default: ThemeRegistrationAny }>,\n      ],\n      langs: [\n        import(\"@shikijs/langs/java\"),\n        import(\"@shikijs/langs/go\"),\n        import(\"@shikijs/langs/python\"),\n        import(\"@shikijs/langs/javascript\"),\n        import(\"@shikijs/langs/typescript\"),\n        import(\"@shikijs/langs/tsx\"),\n        import(\"@shikijs/langs/jsx\"),\n        import(\"@shikijs/langs/json\"),\n        import(\"@shikijs/langs/yaml\"),\n        import(\"@shikijs/langs/bash\"),\n        import(\"@shikijs/langs/sql\"),\n        import(\"@shikijs/langs/xml\"),\n        import(\"@shikijs/langs/html\"),\n        import(\"@shikijs/langs/css\"),\n      ],\n      engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n    });\n  })();\n  return highlighterLoad;\n}\n\nexport type HighlightOptions = {\n  /** Highlighter language. Undefined when the caller has none, in which case\n   *  both entry points return null and the caller renders plain text — better\n   *  than guessing a grammar and mis-colouring the source. */\n  lang: string | undefined;\n  theme?: string;\n  transformers?: ShikiTransformer[];\n};\n\n// Derive a highlighter language hint from a file path's extension (e.g.\n// \"src/app.tsx\" → \"tsx\"). Returns undefined for extensionless paths and dotfiles;\n// `resolveLang` then maps aliases and drops anything unsupported.\nexport function languageFromPath(path: string | undefined): string | undefined {\n  if (!path) return undefined;\n  const basename = path.slice(path.lastIndexOf(\"/\") + 1);\n  const dot = basename.lastIndexOf(\".\");\n  if (dot <= 0) return undefined;\n  return basename.slice(dot + 1).toLowerCase();\n}\n\nfunction resolveLang(input: string): SupportedLang | null {\n  const lang = input.toLowerCase();\n  if ((SUPPORTED_LANGS as readonly string[]).includes(lang)) return lang as SupportedLang;\n  if (lang === \"shell\" || lang === \"sh\" || lang === \"zsh\") return \"bash\";\n  if (lang === \"ts\") return \"typescript\";\n  if (lang === \"js\") return \"javascript\";\n  if (lang === \"py\") return \"python\";\n  if (lang === \"yml\") return \"yaml\";\n  return null;\n}\n\nfunction resolveTheme(input: string | undefined): SupportedTheme {\n  if (input && (SUPPORTED_THEMES as readonly string[]).includes(input)) {\n    return input as SupportedTheme;\n  }\n  return DEFAULT_THEME;\n}\n\n// Highlighting is synchronous once the highlighter has loaded, so a page of\n// code cells awaiting it ran back to back in one microtask chain — an 8 s\n// long task for a page of trace SQL. Queue the work and drain it in slices,\n// yielding to the event loop between them.\nconst SLICE_BUDGET_MS = 8;\nconst sliceQueue: Array<() => void> = [];\nlet draining = false;\n\nfunction inSlice<T>(work: () => T): Promise<T> {\n  return new Promise((resolve, reject) => {\n    sliceQueue.push(() => {\n      try {\n        resolve(work());\n      } catch (error) {\n        reject(error);\n      }\n    });\n    if (!draining) {\n      draining = true;\n      setTimeout(drainSlice, 0);\n    }\n  });\n}\n\nfunction drainSlice() {\n  const deadline = performance.now() + SLICE_BUDGET_MS;\n  while (sliceQueue.length > 0 && performance.now() < deadline) sliceQueue.shift()!();\n  if (sliceQueue.length > 0) setTimeout(drainSlice, 0);\n  else draining = false;\n}\n\n// Rows re-mount on sort, filter and paging and ask for the same code again.\n// Keep recent results, least recently used first out, bounded by total size.\nconst CACHE_BUDGET_CHARS = 2_000_000;\nconst htmlCache = new Map<string, string>();\nlet cachedChars = 0;\n\nfunction cacheHtml(key: string, html: string) {\n  htmlCache.set(key, html);\n  cachedChars += html.length;\n  for (const [oldestKey, oldestHtml] of htmlCache) {\n    if (cachedChars <= CACHE_BUDGET_CHARS) break;\n    htmlCache.delete(oldestKey);\n    cachedChars -= oldestHtml.length;\n  }\n}\n\nexport async function highlightCode(\n  source: string,\n  opts: HighlightOptions,\n): Promise<string | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  const theme = resolveTheme(opts.theme);\n  // Transformers are functions, so a result that used them has no cache key.\n  const key = opts.transformers ? undefined : `${lang} ${theme} ${source}`;\n  const cached = key === undefined ? undefined : htmlCache.get(key);\n  if (key !== undefined && cached !== undefined) {\n    htmlCache.delete(key);\n    htmlCache.set(key, cached);\n    return cached;\n  }\n  try {\n    const highlighter = await loadHighlighter();\n    const html = await inSlice(() =>\n      highlighter.codeToHtml(source, {\n        lang,\n        theme,\n        ...(opts.transformers ? { transformers: opts.transformers } : {}),\n      }),\n    );\n    if (key !== undefined) cacheHtml(key, html);\n    return html;\n  } catch {\n    return null;\n  }\n}\n\n// A single highlighted token: its text, an optional hex `color`, and Shiki's\n// `fontStyle` bitmask (1=italic, 2=bold, 4=underline).\nexport type HighlightedToken = { content: string; color?: string; fontStyle?: number };\nexport type HighlightedLine = HighlightedToken[];\n\n// Tokenize `source` into per-line themed tokens for the renderers that paint\n// their own gutters/rows rather than embedding Shiki's `<pre>` HTML — `CodeDiff`\n// (add/remove markers) and `FrameSourceWindow` (absolute, possibly\n// non-contiguous, source line numbers). Returns null on empty source, an\n// unsupported language, or a highlighter failure — the caller then renders plain\n// text (same graceful degradation as `highlightCode`).\nexport async function highlightToLines(\n  source: string,\n  opts: HighlightOptions,\n): Promise<HighlightedLine[] | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    const { tokens } = await inSlice(() =>\n      highlighter.codeToTokens(source, {\n        lang,\n        theme: resolveTheme(opts.theme),\n      }),\n    );\n    return tokens.map((line) =>\n      line.map((token) => ({\n        content: token.content,\n        ...(token.color ? { color: token.color } : {}),\n        ...(token.fontStyle ? { fontStyle: token.fontStyle } : {}),\n      })),\n    );\n  } catch {\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/data/code-highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-highlight.d.ts","sourceRoot":"","sources":["../../src/data/code-highlight.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAwB,MAAM,YAAY,CAAC;AAExE,KAAK,gBAAgB,GAAG,WAAW,CACjC,UAAU,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAC7D,CAAC,MAAM,CAAC,CAAC;AA6DV,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;gEAE4D;IAC5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACnC,CAAC;AAKF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM7E;AAoBD,wBAAsB,aAAa,CACjC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,gBAAgB,GACrB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAcxB;AAID,MAAM,MAAM,gBAAgB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;AAQjD,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,gBAAgB,GACrB,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,CAoBnC"}
+{"version":3,"file":"code-highlight.d.ts","sourceRoot":"","sources":["../../src/data/code-highlight.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAwB,MAAM,YAAY,CAAC;AAExE,KAAK,gBAAgB,GAAG,WAAW,CACjC,UAAU,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAC7D,CAAC,MAAM,CAAC,CAAC;AA6DV,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;gEAE4D;IAC5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACnC,CAAC;AAKF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM7E;AAmED,wBAAsB,aAAa,CACjC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,gBAAgB,GACrB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA2BxB;AAID,MAAM,MAAM,gBAAgB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;AAQjD,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,gBAAgB,GACrB,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,CAsBnC"}

package/dist/data/code-highlight.js

@@ -73,17 +73,65 @@ function resolveTheme(input) {
   }
   return DEFAULT_THEME;
 }
+const SLICE_BUDGET_MS = 8;
+const sliceQueue = [];
+let draining = false;
+function inSlice(work) {
+  return new Promise((resolve, reject) => {
+    sliceQueue.push(() => {
+      try {
+        resolve(work());
+      } catch (error) {
+        reject(error);
+      }
+    });
+    if (!draining) {
+      draining = true;
+      setTimeout(drainSlice, 0);
+    }
+  });
+}
+function drainSlice() {
+  const deadline = performance.now() + SLICE_BUDGET_MS;
+  while (sliceQueue.length > 0 && performance.now() < deadline) sliceQueue.shift()();
+  if (sliceQueue.length > 0) setTimeout(drainSlice, 0);
+  else draining = false;
+}
+const CACHE_BUDGET_CHARS = 2e6;
+const htmlCache = /* @__PURE__ */ new Map();
+let cachedChars = 0;
+function cacheHtml(key, html) {
+  htmlCache.set(key, html);
+  cachedChars += html.length;
+  for (const [oldestKey, oldestHtml] of htmlCache) {
+    if (cachedChars <= CACHE_BUDGET_CHARS) break;
+    htmlCache.delete(oldestKey);
+    cachedChars -= oldestHtml.length;
+  }
+}
 async function highlightCode(source, opts) {
   if (!source || !opts.lang) return null;
   const lang = resolveLang(opts.lang);
   if (!lang) return null;
+  const theme = resolveTheme(opts.theme);
+  const key = opts.transformers ? void 0 : `${lang} ${theme} ${source}`;
+  const cached = key === void 0 ? void 0 : htmlCache.get(key);
+  if (key !== void 0 && cached !== void 0) {
+    htmlCache.delete(key);
+    htmlCache.set(key, cached);
+    return cached;
+  }
   try {
     const highlighter = await loadHighlighter();
-    return highlighter.codeToHtml(source, {
-      lang,
-      theme: resolveTheme(opts.theme),
-      ...opts.transformers ? { transformers: opts.transformers } : {}
-    });
+    const html = await inSlice(
+      () => highlighter.codeToHtml(source, {
+        lang,
+        theme,
+        ...opts.transformers ? { transformers: opts.transformers } : {}
+      })
+    );
+    if (key !== void 0) cacheHtml(key, html);
+    return html;
   } catch {
     return null;
   }
@@ -94,10 +142,12 @@ async function highlightToLines(source, opts) {
   if (!lang) return null;
   try {
     const highlighter = await loadHighlighter();
-    const { tokens } = highlighter.codeToTokens(source, {
-      lang,
-      theme: resolveTheme(opts.theme)
-    });
+    const { tokens } = await inSlice(
+      () => highlighter.codeToTokens(source, {
+        lang,
+        theme: resolveTheme(opts.theme)
+      })
+    );
     return tokens.map(
       (line) => line.map((token) => ({
         content: token.content,

package/dist/data/code-highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-highlight.js","sources":["../../src/data/code-highlight.ts"],"sourcesContent":["// Lazy-loaded wrapper around a Shiki *core* highlighter pre-registered with a\n// fixed language + theme set. The default `shiki` entry point bundles every\n// grammar/theme as separate dynamic imports — Vite then code-splits each into\n// its own chunk (~280 langs + 50 themes), even when only a handful are ever\n// used. Switching to `shiki/core` and registering a curated subset cuts the\n// app dist by ~6M and ~300 chunks.\n//\n// Languages are picked from what the renderer actually emits (Clicky code\n// blocks + Java stack traces). Anything outside the list silently falls back\n// to plain text — same behavior as before, just without paying for grammars\n// nobody asked for.\n\nimport type { HighlighterCore, ThemeRegistrationAny } from \"shiki/core\";\n\ntype ShikiTransformer = NonNullable<\n  Parameters<HighlighterCore[\"codeToHtml\"]>[1][\"transformers\"]\n>[number];\n\nconst SUPPORTED_LANGS = [\n  \"java\",\n  \"go\",\n  \"python\",\n  \"javascript\",\n  \"typescript\",\n  \"tsx\",\n  \"jsx\",\n  \"json\",\n  \"yaml\",\n  \"bash\",\n  \"shell\",\n  \"sql\",\n  \"xml\",\n  \"html\",\n  \"css\",\n] as const;\n\ntype SupportedLang = (typeof SUPPORTED_LANGS)[number];\n\nconst SUPPORTED_THEMES = [\"github-light\", \"github-dark\"] as const;\ntype SupportedTheme = (typeof SUPPORTED_THEMES)[number];\nconst DEFAULT_THEME: SupportedTheme = \"github-light\";\n\nlet highlighterLoad: Promise<HighlighterCore> | null = null;\n\nfunction loadHighlighter(): Promise<HighlighterCore> {\n  highlighterLoad ??= (async () => {\n    const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([\n      import(\"shiki/core\"),\n      import(\"shiki/engine/oniguruma\"),\n    ]);\n    return createHighlighterCore({\n      themes: [\n        import(\"@shikijs/themes/github-light\") as Promise<{ default: ThemeRegistrationAny }>,\n        import(\"@shikijs/themes/github-dark\") as Promise<{ default: ThemeRegistrationAny }>,\n      ],\n      langs: [\n        import(\"@shikijs/langs/java\"),\n        import(\"@shikijs/langs/go\"),\n        import(\"@shikijs/langs/python\"),\n        import(\"@shikijs/langs/javascript\"),\n        import(\"@shikijs/langs/typescript\"),\n        import(\"@shikijs/langs/tsx\"),\n        import(\"@shikijs/langs/jsx\"),\n        import(\"@shikijs/langs/json\"),\n        import(\"@shikijs/langs/yaml\"),\n        import(\"@shikijs/langs/bash\"),\n        import(\"@shikijs/langs/sql\"),\n        import(\"@shikijs/langs/xml\"),\n        import(\"@shikijs/langs/html\"),\n        import(\"@shikijs/langs/css\"),\n      ],\n      engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n    });\n  })();\n  return highlighterLoad;\n}\n\nexport type HighlightOptions = {\n  /** Highlighter language. Undefined when the caller has none, in which case\n   *  both entry points return null and the caller renders plain text — better\n   *  than guessing a grammar and mis-colouring the source. */\n  lang: string | undefined;\n  theme?: string;\n  transformers?: ShikiTransformer[];\n};\n\n// Derive a highlighter language hint from a file path's extension (e.g.\n// \"src/app.tsx\" → \"tsx\"). Returns undefined for extensionless paths and dotfiles;\n// `resolveLang` then maps aliases and drops anything unsupported.\nexport function languageFromPath(path: string | undefined): string | undefined {\n  if (!path) return undefined;\n  const basename = path.slice(path.lastIndexOf(\"/\") + 1);\n  const dot = basename.lastIndexOf(\".\");\n  if (dot <= 0) return undefined;\n  return basename.slice(dot + 1).toLowerCase();\n}\n\nfunction resolveLang(input: string): SupportedLang | null {\n  const lang = input.toLowerCase();\n  if ((SUPPORTED_LANGS as readonly string[]).includes(lang)) return lang as SupportedLang;\n  if (lang === \"shell\" || lang === \"sh\" || lang === \"zsh\") return \"bash\";\n  if (lang === \"ts\") return \"typescript\";\n  if (lang === \"js\") return \"javascript\";\n  if (lang === \"py\") return \"python\";\n  if (lang === \"yml\") return \"yaml\";\n  return null;\n}\n\nfunction resolveTheme(input: string | undefined): SupportedTheme {\n  if (input && (SUPPORTED_THEMES as readonly string[]).includes(input)) {\n    return input as SupportedTheme;\n  }\n  return DEFAULT_THEME;\n}\n\nexport async function highlightCode(\n  source: string,\n  opts: HighlightOptions,\n): Promise<string | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    return highlighter.codeToHtml(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n      ...(opts.transformers ? { transformers: opts.transformers } : {}),\n    });\n  } catch {\n    return null;\n  }\n}\n\n// A single highlighted token: its text, an optional hex `color`, and Shiki's\n// `fontStyle` bitmask (1=italic, 2=bold, 4=underline).\nexport type HighlightedToken = { content: string; color?: string; fontStyle?: number };\nexport type HighlightedLine = HighlightedToken[];\n\n// Tokenize `source` into per-line themed tokens for the renderers that paint\n// their own gutters/rows rather than embedding Shiki's `<pre>` HTML — `CodeDiff`\n// (add/remove markers) and `FrameSourceWindow` (absolute, possibly\n// non-contiguous, source line numbers). Returns null on empty source, an\n// unsupported language, or a highlighter failure — the caller then renders plain\n// text (same graceful degradation as `highlightCode`).\nexport async function highlightToLines(\n  source: string,\n  opts: HighlightOptions,\n): Promise<HighlightedLine[] | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    const { tokens } = highlighter.codeToTokens(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n    });\n    return tokens.map((line) =>\n      line.map((token) => ({\n        content: token.content,\n        ...(token.color ? { color: token.color } : {}),\n        ...(token.fontStyle ? { fontStyle: token.fontStyle } : {}),\n      })),\n    );\n  } catch {\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-highlight.js","sources":["../../src/data/code-highlight.ts"],"sourcesContent":["// Lazy-loaded wrapper around a Shiki *core* highlighter pre-registered with a\n// fixed language + theme set. The default `shiki` entry point bundles every\n// grammar/theme as separate dynamic imports — Vite then code-splits each into\n// its own chunk (~280 langs + 50 themes), even when only a handful are ever\n// used. Switching to `shiki/core` and registering a curated subset cuts the\n// app dist by ~6M and ~300 chunks.\n//\n// Languages are picked from what the renderer actually emits (Clicky code\n// blocks + Java stack traces). Anything outside the list silently falls back\n// to plain text — same behavior as before, just without paying for grammars\n// nobody asked for.\n\nimport type { HighlighterCore, ThemeRegistrationAny } from \"shiki/core\";\n\ntype ShikiTransformer = NonNullable<\n  Parameters<HighlighterCore[\"codeToHtml\"]>[1][\"transformers\"]\n>[number];\n\nconst SUPPORTED_LANGS = [\n  \"java\",\n  \"go\",\n  \"python\",\n  \"javascript\",\n  \"typescript\",\n  \"tsx\",\n  \"jsx\",\n  \"json\",\n  \"yaml\",\n  \"bash\",\n  \"shell\",\n  \"sql\",\n  \"xml\",\n  \"html\",\n  \"css\",\n] as const;\n\ntype SupportedLang = (typeof SUPPORTED_LANGS)[number];\n\nconst SUPPORTED_THEMES = [\"github-light\", \"github-dark\"] as const;\ntype SupportedTheme = (typeof SUPPORTED_THEMES)[number];\nconst DEFAULT_THEME: SupportedTheme = \"github-light\";\n\nlet highlighterLoad: Promise<HighlighterCore> | null = null;\n\nfunction loadHighlighter(): Promise<HighlighterCore> {\n  highlighterLoad ??= (async () => {\n    const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([\n      import(\"shiki/core\"),\n      import(\"shiki/engine/oniguruma\"),\n    ]);\n    return createHighlighterCore({\n      themes: [\n        import(\"@shikijs/themes/github-light\") as Promise<{ default: ThemeRegistrationAny }>,\n        import(\"@shikijs/themes/github-dark\") as Promise<{ default: ThemeRegistrationAny }>,\n      ],\n      langs: [\n        import(\"@shikijs/langs/java\"),\n        import(\"@shikijs/langs/go\"),\n        import(\"@shikijs/langs/python\"),\n        import(\"@shikijs/langs/javascript\"),\n        import(\"@shikijs/langs/typescript\"),\n        import(\"@shikijs/langs/tsx\"),\n        import(\"@shikijs/langs/jsx\"),\n        import(\"@shikijs/langs/json\"),\n        import(\"@shikijs/langs/yaml\"),\n        import(\"@shikijs/langs/bash\"),\n        import(\"@shikijs/langs/sql\"),\n        import(\"@shikijs/langs/xml\"),\n        import(\"@shikijs/langs/html\"),\n        import(\"@shikijs/langs/css\"),\n      ],\n      engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n    });\n  })();\n  return highlighterLoad;\n}\n\nexport type HighlightOptions = {\n  /** Highlighter language. Undefined when the caller has none, in which case\n   *  both entry points return null and the caller renders plain text — better\n   *  than guessing a grammar and mis-colouring the source. */\n  lang: string | undefined;\n  theme?: string;\n  transformers?: ShikiTransformer[];\n};\n\n// Derive a highlighter language hint from a file path's extension (e.g.\n// \"src/app.tsx\" → \"tsx\"). Returns undefined for extensionless paths and dotfiles;\n// `resolveLang` then maps aliases and drops anything unsupported.\nexport function languageFromPath(path: string | undefined): string | undefined {\n  if (!path) return undefined;\n  const basename = path.slice(path.lastIndexOf(\"/\") + 1);\n  const dot = basename.lastIndexOf(\".\");\n  if (dot <= 0) return undefined;\n  return basename.slice(dot + 1).toLowerCase();\n}\n\nfunction resolveLang(input: string): SupportedLang | null {\n  const lang = input.toLowerCase();\n  if ((SUPPORTED_LANGS as readonly string[]).includes(lang)) return lang as SupportedLang;\n  if (lang === \"shell\" || lang === \"sh\" || lang === \"zsh\") return \"bash\";\n  if (lang === \"ts\") return \"typescript\";\n  if (lang === \"js\") return \"javascript\";\n  if (lang === \"py\") return \"python\";\n  if (lang === \"yml\") return \"yaml\";\n  return null;\n}\n\nfunction resolveTheme(input: string | undefined): SupportedTheme {\n  if (input && (SUPPORTED_THEMES as readonly string[]).includes(input)) {\n    return input as SupportedTheme;\n  }\n  return DEFAULT_THEME;\n}\n\n// Highlighting is synchronous once the highlighter has loaded, so a page of\n// code cells awaiting it ran back to back in one microtask chain — an 8 s\n// long task for a page of trace SQL. Queue the work and drain it in slices,\n// yielding to the event loop between them.\nconst SLICE_BUDGET_MS = 8;\nconst sliceQueue: Array<() => void> = [];\nlet draining = false;\n\nfunction inSlice<T>(work: () => T): Promise<T> {\n  return new Promise((resolve, reject) => {\n    sliceQueue.push(() => {\n      try {\n        resolve(work());\n      } catch (error) {\n        reject(error);\n      }\n    });\n    if (!draining) {\n      draining = true;\n      setTimeout(drainSlice, 0);\n    }\n  });\n}\n\nfunction drainSlice() {\n  const deadline = performance.now() + SLICE_BUDGET_MS;\n  while (sliceQueue.length > 0 && performance.now() < deadline) sliceQueue.shift()!();\n  if (sliceQueue.length > 0) setTimeout(drainSlice, 0);\n  else draining = false;\n}\n\n// Rows re-mount on sort, filter and paging and ask for the same code again.\n// Keep recent results, least recently used first out, bounded by total size.\nconst CACHE_BUDGET_CHARS = 2_000_000;\nconst htmlCache = new Map<string, string>();\nlet cachedChars = 0;\n\nfunction cacheHtml(key: string, html: string) {\n  htmlCache.set(key, html);\n  cachedChars += html.length;\n  for (const [oldestKey, oldestHtml] of htmlCache) {\n    if (cachedChars <= CACHE_BUDGET_CHARS) break;\n    htmlCache.delete(oldestKey);\n    cachedChars -= oldestHtml.length;\n  }\n}\n\nexport async function highlightCode(\n  source: string,\n  opts: HighlightOptions,\n): Promise<string | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  const theme = resolveTheme(opts.theme);\n  // Transformers are functions, so a result that used them has no cache key.\n  const key = opts.transformers ? undefined : `${lang} ${theme} ${source}`;\n  const cached = key === undefined ? undefined : htmlCache.get(key);\n  if (key !== undefined && cached !== undefined) {\n    htmlCache.delete(key);\n    htmlCache.set(key, cached);\n    return cached;\n  }\n  try {\n    const highlighter = await loadHighlighter();\n    const html = await inSlice(() =>\n      highlighter.codeToHtml(source, {\n        lang,\n        theme,\n        ...(opts.transformers ? { transformers: opts.transformers } : {}),\n      }),\n    );\n    if (key !== undefined) cacheHtml(key, html);\n    return html;\n  } catch {\n    return null;\n  }\n}\n\n// A single highlighted token: its text, an optional hex `color`, and Shiki's\n// `fontStyle` bitmask (1=italic, 2=bold, 4=underline).\nexport type HighlightedToken = { content: string; color?: string; fontStyle?: number };\nexport type HighlightedLine = HighlightedToken[];\n\n// Tokenize `source` into per-line themed tokens for the renderers that paint\n// their own gutters/rows rather than embedding Shiki's `<pre>` HTML — `CodeDiff`\n// (add/remove markers) and `FrameSourceWindow` (absolute, possibly\n// non-contiguous, source line numbers). Returns null on empty source, an\n// unsupported language, or a highlighter failure — the caller then renders plain\n// text (same graceful degradation as `highlightCode`).\nexport async function highlightToLines(\n  source: string,\n  opts: HighlightOptions,\n): Promise<HighlightedLine[] | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    const { tokens } = await inSlice(() =>\n      highlighter.codeToTokens(source, {\n        lang,\n        theme: resolveTheme(opts.theme),\n      }),\n    );\n    return tokens.map((line) =>\n      line.map((token) => ({\n        content: token.content,\n        ...(token.color ? { color: token.color } : {}),\n        ...(token.fontStyle ? { fontStyle: token.fontStyle } : {}),\n      })),\n    );\n  } catch {\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/data/data-table-filter-values.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const duration = require("../lib/duration.cjs");
 function isMultiFilterEscapable(char) {
   return char === "\\" || char === "!" || char === "," || /\s/.test(char);
 }
@@ -59,7 +60,8 @@ function serializeMultiFilterValue(value) {
   return Object.entries(value).flatMap(([key, mode]) => {
     if (!key) return [];
     const escaped = escapeMultiFilterKey(key);
-    if (mode === "include") return [key.startsWith("!") ? `\\${escaped}` : escaped];
+    if (mode === "include")
+      return [key.startsWith("!") ? `\\${escaped}` : escaped];
     if (mode === "exclude") return [`!${escaped}`];
     return [];
   }).join(",");
@@ -67,24 +69,80 @@ function serializeMultiFilterValue(value) {
 function splitCommaValues(value) {
   return value.split(",").map((item) => item.trim()).filter(Boolean);
 }
-function parseBoundsValue(raw) {
+function parseBoundsValue(raw, defaultOperator) {
   const bounds = {};
+  if (defaultOperator && !raw.trim()) {
+    if (defaultOperator.startsWith(">")) bounds.minOperator = defaultOperator;
+    else bounds.maxOperator = defaultOperator;
+  }
   for (const token of raw.split(",")) {
     const trimmed = token.trim();
-    if (trimmed.startsWith(">")) {
-      bounds.min = trimmed.replace(/^>=?/, "");
-    } else if (trimmed.startsWith("<")) {
-      bounds.max = trimmed.replace(/^<=?/, "");
+    if (!trimmed) continue;
+    const match = /^(>=|>|<=|<)(.+)$/.exec(trimmed) ?? (defaultOperator ? [trimmed, defaultOperator, trimmed] : null);
+    if (!match) continue;
+    const [, operator, operand] = match;
+    if (operator === ">" || operator === ">=") {
+      bounds.min = operand.trim();
+      bounds.minOperator = operator;
+    } else {
+      bounds.max = operand.trim();
+      bounds.maxOperator = operator;
     }
   }
   return bounds;
 }
 function serializeBoundsValue(value) {
+  var _a, _b;
   const tokens = [];
-  if (value.min) tokens.push(`>=${value.min}`);
-  if (value.max) tokens.push(`<=${value.max}`);
+  if ((_a = value.min) == null ? void 0 : _a.trim())
+    tokens.push(`${value.minOperator ?? ">="}${value.min.trim()}`);
+  if ((_b = value.max) == null ? void 0 : _b.trim())
+    tokens.push(`${value.maxOperator ?? "<="}${value.max.trim()}`);
   return tokens.join(",");
 }
+function parseDurationBoundsValue(raw, storageUnit = "ms", defaultOperator) {
+  const bounds = parseBoundsValue(raw, defaultOperator);
+  const result = {
+    ...bounds.minOperator ? { minOperator: bounds.minOperator } : {},
+    ...bounds.maxOperator ? { maxOperator: bounds.maxOperator } : {}
+  };
+  if (bounds.min !== void 0) {
+    result.min = durationOperandInUnit(bounds.min, storageUnit);
+    result.minUnit = storageUnit;
+  }
+  if (bounds.max !== void 0) {
+    result.max = durationOperandInUnit(bounds.max, storageUnit);
+    result.maxUnit = storageUnit;
+  }
+  return result;
+}
+function serializeDurationBoundsValue(value, defaultUnit = "ms") {
+  var _a, _b;
+  return serializeBoundsValue({
+    ...((_a = value.min) == null ? void 0 : _a.trim()) ? {
+      min: `${value.min.trim()}${value.minUnit ?? defaultUnit}`,
+      ...value.minOperator ? { minOperator: value.minOperator } : {}
+    } : {},
+    ...((_b = value.max) == null ? void 0 : _b.trim()) ? {
+      max: `${value.max.trim()}${value.maxUnit ?? defaultUnit}`,
+      ...value.maxOperator ? { maxOperator: value.maxOperator } : {}
+    } : {}
+  });
+}
+function durationOperandInUnit(operand, unit) {
+  var _a;
+  const trimmed = operand.trim();
+  const signed = trimmed[0] === "+" || trimmed[0] === "-";
+  const sign = trimmed[0] === "-" ? -1 : 1;
+  const unsigned = signed ? trimmed.slice(1) : trimmed;
+  if (((_a = duration.readDurationNumber(unsigned, 0)) == null ? void 0 : _a.next) === unsigned.length) return trimmed;
+  const totalMs = duration.parseGoDurationMs(unsigned);
+  if (totalMs === null) throw new Error(`Invalid duration bound ${operand}`);
+  return formatDurationNumber(sign * totalMs / duration.DURATION_SCALE_MS[unit]);
+}
+function formatDurationNumber(value) {
+  return Number.isInteger(value) ? String(value) : String(Number(value.toFixed(9)));
+}
 function updateFilterSelection(selection, key, serialized) {
   const next = { ...selection };
   if (serialized) {
@@ -95,8 +153,10 @@ function updateFilterSelection(selection, key, serialized) {
   return next;
 }
 exports.parseBoundsValue = parseBoundsValue;
+exports.parseDurationBoundsValue = parseDurationBoundsValue;
 exports.parseMultiFilterValue = parseMultiFilterValue;
 exports.serializeBoundsValue = serializeBoundsValue;
+exports.serializeDurationBoundsValue = serializeDurationBoundsValue;
 exports.serializeMultiFilterValue = serializeMultiFilterValue;
 exports.splitCommaValues = splitCommaValues;
 exports.updateFilterSelection = updateFilterSelection;

package/dist/data/data-table-filter-values.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-filter-values.cjs","sources":["../../src/data/data-table-filter-values.ts"],"sourcesContent":["import type { FilterBarMultiFilterMode } from \"../components/filter-bar-field-utils\";\n\n/**\n * A filter selection as one flat, URL-safe record: filter key → comma-joined\n * values, each optionally `!`-prefixed to exclude. It is the one encoding the\n * profile catalog (which syncs it to the URL) and the ad-hoc query browser both\n * speak, so a selection means the same thing wherever it is read.\n */\nexport type DataTableFilterSelection = Record<string, string>;\n\n// The serialized multi-filter value is a wire contract, not internal state: it\n// is packed into a query parameter and parsed server-side by clicky's\n// `entity.MultiFilter` (collections.MatchItems semantics — `,` separates\n// patterns, a leading `!` negates). That grammar has no escape sequence, so a\n// value that itself starts with `!` or contains `,` cannot be expressed on the\n// wire at all. Backslash escapes below therefore only ever apply to values the\n// server could never represent, leaving every representable value byte\n// identical, while making the local parse/serialize pair lossless so an\n// *included* \"!failed\" is not read back as an *exclusion* of \"failed\" on the\n// next render.\n//\n// WORKAROUND(no-server-escape-syntax): the escapes are understood by this\n// module only; a backslash sent to the server is matched literally.\n// Correct fix: teach entity.MultiFilter / collections.MatchItems an escape\n// sequence, then drop this note.\n// Ref: PR review, discussed with user 2026-08-05\n//\n// Grammar: `\\\\`, `\\!`, `\\,` and `\\<whitespace>` decode to the bare character; a\n// backslash before anything else is literal. Unescaped whitespace around an\n// item is trimmed (hand-edited URLs), unescaped `,` separates items, and an\n// unescaped leading `!` marks an exclusion. Empty keys are not representable\n// and are dropped.\ntype MultiFilterChar = { char: string; escaped: boolean };\n\nfunction isMultiFilterEscapable(char: string) {\n  return char === \"\\\\\" || char === \"!\" || char === \",\" || /\\s/.test(char);\n}\n\nfunction isUnescapedSpace(entry: MultiFilterChar) {\n  return !entry.escaped && /\\s/.test(entry.char);\n}\n\nfunction splitMultiFilterItems(value: string): MultiFilterChar[][] {\n  const items: MultiFilterChar[][] = [[]];\n  for (let index = 0; index < value.length; index++) {\n    const char = value[index]!;\n    const next = value[index + 1];\n    if (char === \"\\\\\" && next !== undefined && isMultiFilterEscapable(next)) {\n      items[items.length - 1]!.push({ char: next, escaped: true });\n      index++;\n    } else if (char === \",\") {\n      items.push([]);\n    } else {\n      items[items.length - 1]!.push({ char, escaped: false });\n    }\n  }\n  return items.map((item) => {\n    let start = 0;\n    let end = item.length;\n    while (start < end && isUnescapedSpace(item[start]!)) start++;\n    while (end > start && isUnescapedSpace(item[end - 1]!)) end--;\n    return item.slice(start, end);\n  });\n}\n\nexport function parseMultiFilterValue(value: string): Record<string, FilterBarMultiFilterMode> {\n  const parsed: Record<string, FilterBarMultiFilterMode> = {};\n  for (const item of splitMultiFilterItems(value)) {\n    if (item.length === 0) continue;\n    const excluded = item.length > 1 && item[0]!.char === \"!\" && !item[0]!.escaped;\n    const key = (excluded ? item.slice(1) : item).map((entry) => entry.char).join(\"\");\n    if (key) parsed[key] = excluded ? \"exclude\" : \"include\";\n  }\n  return parsed;\n}\n\nfunction escapeMultiFilterKey(key: string): string {\n  let escaped = \"\";\n  for (let index = 0; index < key.length; index++) {\n    const char = key[index]!;\n    const isBoundary = index === 0 || index === key.length - 1;\n    if (char === \",\") {\n      escaped += \"\\\\,\";\n    } else if (char === \"\\\\\" && isMultiFilterEscapable(key[index + 1] ?? \"\")) {\n      escaped += \"\\\\\\\\\";\n    } else if (isBoundary && /\\s/.test(char)) {\n      escaped += `\\\\${char}`;\n    } else {\n      escaped += char;\n    }\n  }\n  return escaped;\n}\n\nexport function serializeMultiFilterValue(value: Record<string, FilterBarMultiFilterMode>): string {\n  return Object.entries(value)\n    .flatMap(([key, mode]) => {\n      if (!key) return [];\n      const escaped = escapeMultiFilterKey(key);\n      if (mode === \"include\") return [key.startsWith(\"!\") ? `\\\\${escaped}` : escaped];\n      if (mode === \"exclude\") return [`!${escaped}`];\n      return [];\n    })\n    .join(\",\");\n}\n\nexport function splitCommaValues(value: string): string[] {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\n/**\n * A bounded selection: both edges under one key, each token carrying its own\n * comparison operator. It is the other half of the selection grammar, and the\n * one a range and a time bound share.\n */\nexport type FilterBoundsValue = {\n  min?: string;\n  max?: string;\n};\n\n/**\n * Reads a bounded selection. The bar's controls are inclusive on both edges, so\n * that is what they write back — but a bound typed by hand or arriving in a URL\n * keeps whatever operator it came with.\n */\nexport function parseBoundsValue(raw: string): FilterBoundsValue {\n  const bounds: FilterBoundsValue = {};\n  for (const token of raw.split(\",\")) {\n    const trimmed = token.trim();\n    if (trimmed.startsWith(\">\")) {\n      bounds.min = trimmed.replace(/^>=?/, \"\");\n    } else if (trimmed.startsWith(\"<\")) {\n      bounds.max = trimmed.replace(/^<=?/, \"\");\n    }\n  }\n  return bounds;\n}\n\nexport function serializeBoundsValue(value: FilterBoundsValue): string {\n  const tokens: string[] = [];\n  if (value.min) tokens.push(`>=${value.min}`);\n  if (value.max) tokens.push(`<=${value.max}`);\n  return tokens.join(\",\");\n}\n\n/**\n * Writes a serialized value into a selection, dropping the key when it is\n * empty. An absent key and a key holding \"\" would send different query strings\n * for the same \"nothing selected\", so only one of them is ever built.\n */\nexport function updateFilterSelection(\n  selection: DataTableFilterSelection,\n  key: string,\n  serialized: string,\n): DataTableFilterSelection {\n  const next = { ...selection };\n  if (serialized) {\n    next[key] = serialized;\n  } else {\n    delete next[key];\n  }\n  return next;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-table-filter-values.cjs","sources":["../../src/data/data-table-filter-values.ts"],"sourcesContent":["import type { FilterBarMultiFilterMode } from \"../components/filter-bar-field-utils\";\nimport {\n  DURATION_SCALE_MS,\n  parseGoDurationMs,\n  readDurationNumber,\n} from \"../lib/duration\";\n\n/**\n * A filter selection as one flat, URL-safe record: filter key → comma-joined\n * values, each optionally `!`-prefixed to exclude. It is the one encoding the\n * profile catalog (which syncs it to the URL) and the ad-hoc query browser both\n * speak, so a selection means the same thing wherever it is read.\n */\nexport type DataTableFilterSelection = Record<string, string>;\n\n// The serialized multi-filter value is a wire contract, not internal state: it\n// is packed into a query parameter and parsed server-side by clicky's\n// `entity.MultiFilter` (collections.MatchItems semantics — `,` separates\n// patterns, a leading `!` negates). That grammar has no escape sequence, so a\n// value that itself starts with `!` or contains `,` cannot be expressed on the\n// wire at all. Backslash escapes below therefore only ever apply to values the\n// server could never represent, leaving every representable value byte\n// identical, while making the local parse/serialize pair lossless so an\n// *included* \"!failed\" is not read back as an *exclusion* of \"failed\" on the\n// next render.\n//\n// WORKAROUND(no-server-escape-syntax): the escapes are understood by this\n// module only; a backslash sent to the server is matched literally.\n// Correct fix: teach entity.MultiFilter / collections.MatchItems an escape\n// sequence, then drop this note.\n// Ref: PR review, discussed with user 2026-08-05\n//\n// Grammar: `\\\\`, `\\!`, `\\,` and `\\<whitespace>` decode to the bare character; a\n// backslash before anything else is literal. Unescaped whitespace around an\n// item is trimmed (hand-edited URLs), unescaped `,` separates items, and an\n// unescaped leading `!` marks an exclusion. Empty keys are not representable\n// and are dropped.\ntype MultiFilterChar = { char: string; escaped: boolean };\n\nfunction isMultiFilterEscapable(char: string) {\n  return char === \"\\\\\" || char === \"!\" || char === \",\" || /\\s/.test(char);\n}\n\nfunction isUnescapedSpace(entry: MultiFilterChar) {\n  return !entry.escaped && /\\s/.test(entry.char);\n}\n\nfunction splitMultiFilterItems(value: string): MultiFilterChar[][] {\n  const items: MultiFilterChar[][] = [[]];\n  for (let index = 0; index < value.length; index++) {\n    const char = value[index]!;\n    const next = value[index + 1];\n    if (char === \"\\\\\" && next !== undefined && isMultiFilterEscapable(next)) {\n      items[items.length - 1]!.push({ char: next, escaped: true });\n      index++;\n    } else if (char === \",\") {\n      items.push([]);\n    } else {\n      items[items.length - 1]!.push({ char, escaped: false });\n    }\n  }\n  return items.map((item) => {\n    let start = 0;\n    let end = item.length;\n    while (start < end && isUnescapedSpace(item[start]!)) start++;\n    while (end > start && isUnescapedSpace(item[end - 1]!)) end--;\n    return item.slice(start, end);\n  });\n}\n\nexport function parseMultiFilterValue(\n  value: string,\n): Record<string, FilterBarMultiFilterMode> {\n  const parsed: Record<string, FilterBarMultiFilterMode> = {};\n  for (const item of splitMultiFilterItems(value)) {\n    if (item.length === 0) continue;\n    const excluded =\n      item.length > 1 && item[0]!.char === \"!\" && !item[0]!.escaped;\n    const key = (excluded ? item.slice(1) : item)\n      .map((entry) => entry.char)\n      .join(\"\");\n    if (key) parsed[key] = excluded ? \"exclude\" : \"include\";\n  }\n  return parsed;\n}\n\nfunction escapeMultiFilterKey(key: string): string {\n  let escaped = \"\";\n  for (let index = 0; index < key.length; index++) {\n    const char = key[index]!;\n    const isBoundary = index === 0 || index === key.length - 1;\n    if (char === \",\") {\n      escaped += \"\\\\,\";\n    } else if (char === \"\\\\\" && isMultiFilterEscapable(key[index + 1] ?? \"\")) {\n      escaped += \"\\\\\\\\\";\n    } else if (isBoundary && /\\s/.test(char)) {\n      escaped += `\\\\${char}`;\n    } else {\n      escaped += char;\n    }\n  }\n  return escaped;\n}\n\nexport function serializeMultiFilterValue(\n  value: Record<string, FilterBarMultiFilterMode>,\n): string {\n  return Object.entries(value)\n    .flatMap(([key, mode]) => {\n      if (!key) return [];\n      const escaped = escapeMultiFilterKey(key);\n      if (mode === \"include\")\n        return [key.startsWith(\"!\") ? `\\\\${escaped}` : escaped];\n      if (mode === \"exclude\") return [`!${escaped}`];\n      return [];\n    })\n    .join(\",\");\n}\n\nexport function splitCommaValues(value: string): string[] {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\n/**\n * A bounded selection: both edges under one key, each token carrying its own\n * comparison operator. It is the other half of the selection grammar, and the\n * one a range and a time bound share.\n */\nexport type FilterBoundsValue = {\n  min?: string;\n  minOperator?: \">\" | \">=\";\n  max?: string;\n  maxOperator?: \"<\" | \"<=\";\n};\n\nexport type DurationFilterUnit = \"ms\" | \"s\" | \"m\" | \"h\";\nexport type FilterDefaultOperator = \">\" | \">=\" | \"<\" | \"<=\";\n\nexport type DurationBoundsValue = FilterBoundsValue & {\n  minUnit?: DurationFilterUnit;\n  maxUnit?: DurationFilterUnit;\n};\n\n/**\n * Reads a bounded selection without collapsing strict comparisons into\n * inclusive ones. Operators are part of the query contract, not decoration.\n */\nexport function parseBoundsValue(raw: string, defaultOperator?: FilterDefaultOperator): FilterBoundsValue {\n  const bounds: FilterBoundsValue = {};\n  if (defaultOperator && !raw.trim()) {\n    if (defaultOperator.startsWith(\">\")) bounds.minOperator = defaultOperator as \">\" | \">=\";\n    else bounds.maxOperator = defaultOperator as \"<\" | \"<=\";\n  }\n  for (const token of raw.split(\",\")) {\n    const trimmed = token.trim();\n    if (!trimmed) continue;\n    const match = /^(>=|>|<=|<)(.+)$/.exec(trimmed) ?? (defaultOperator ? [trimmed, defaultOperator, trimmed] : null);\n    if (!match) continue;\n    const [, operator, operand] = match;\n    if (operator === \">\" || operator === \">=\") {\n      bounds.min = operand!.trim();\n      bounds.minOperator = operator;\n    } else {\n      bounds.max = operand!.trim();\n      bounds.maxOperator = operator as \"<\" | \"<=\";\n    }\n  }\n  return bounds;\n}\n\nexport function serializeBoundsValue(value: FilterBoundsValue): string {\n  const tokens: string[] = [];\n  if (value.min?.trim())\n    tokens.push(`${value.minOperator ?? \">=\"}${value.min.trim()}`);\n  if (value.max?.trim())\n    tokens.push(`${value.maxOperator ?? \"<=\"}${value.max.trim()}`);\n  return tokens.join(\",\");\n}\n\nexport function parseDurationBoundsValue(\n  raw: string,\n  storageUnit: DurationFilterUnit = \"ms\",\n  defaultOperator?: FilterDefaultOperator,\n): DurationBoundsValue {\n  const bounds = parseBoundsValue(raw, defaultOperator);\n  const result: DurationBoundsValue = {\n    ...(bounds.minOperator ? { minOperator: bounds.minOperator } : {}),\n    ...(bounds.maxOperator ? { maxOperator: bounds.maxOperator } : {}),\n  };\n  if (bounds.min !== undefined) {\n    result.min = durationOperandInUnit(bounds.min, storageUnit);\n    result.minUnit = storageUnit;\n  }\n  if (bounds.max !== undefined) {\n    result.max = durationOperandInUnit(bounds.max, storageUnit);\n    result.maxUnit = storageUnit;\n  }\n  return result;\n}\n\nexport function serializeDurationBoundsValue(\n  value: DurationBoundsValue,\n  defaultUnit: DurationFilterUnit = \"ms\",\n): string {\n  return serializeBoundsValue({\n    ...(value.min?.trim()\n      ? {\n          min: `${value.min.trim()}${value.minUnit ?? defaultUnit}`,\n          ...(value.minOperator ? { minOperator: value.minOperator } : {}),\n        }\n      : {}),\n    ...(value.max?.trim()\n      ? {\n          max: `${value.max.trim()}${value.maxUnit ?? defaultUnit}`,\n          ...(value.maxOperator ? { maxOperator: value.maxOperator } : {}),\n        }\n      : {}),\n  });\n}\n\nfunction durationOperandInUnit(\n  operand: string,\n  unit: DurationFilterUnit,\n): string {\n  const trimmed = operand.trim();\n  const signed = trimmed[0] === \"+\" || trimmed[0] === \"-\";\n  const sign = trimmed[0] === \"-\" ? -1 : 1;\n  const unsigned = signed ? trimmed.slice(1) : trimmed;\n\n  // A bare number carries the caller's unit already.\n  if (readDurationNumber(unsigned, 0)?.next === unsigned.length) return trimmed;\n\n  const totalMs = parseGoDurationMs(unsigned);\n  if (totalMs === null) throw new Error(`Invalid duration bound ${operand}`);\n  return formatDurationNumber((sign * totalMs) / DURATION_SCALE_MS[unit]);\n}\n\nfunction formatDurationNumber(value: number): string {\n  return Number.isInteger(value)\n    ? String(value)\n    : String(Number(value.toFixed(9)));\n}\n\n/**\n * Writes a serialized value into a selection, dropping the key when it is\n * empty. An absent key and a key holding \"\" would send different query strings\n * for the same \"nothing selected\", so only one of them is ever built.\n */\nexport function updateFilterSelection(\n  selection: DataTableFilterSelection,\n  key: string,\n  serialized: string,\n): DataTableFilterSelection {\n  const next = { ...selection };\n  if (serialized) {\n    next[key] = serialized;\n  } else {\n    delete next[key];\n  }\n  return next;\n}\n"],"names":["readDurationNumber","parseGoDurationMs","DURATION_SCALE_MS"],"mappings":"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"}

package/dist/data/data-table-filter-values.d.ts

@@ -16,15 +16,24 @@ export declare function splitCommaValues(value: string): string[];
  */
 export type FilterBoundsValue = {
     min?: string;
+    minOperator?: ">" | ">=";
     max?: string;
+    maxOperator?: "<" | "<=";
+};
+export type DurationFilterUnit = "ms" | "s" | "m" | "h";
+export type FilterDefaultOperator = ">" | ">=" | "<" | "<=";
+export type DurationBoundsValue = FilterBoundsValue & {
+    minUnit?: DurationFilterUnit;
+    maxUnit?: DurationFilterUnit;
 };
 /**
- * Reads a bounded selection. The bar's controls are inclusive on both edges, so
- * that is what they write back — but a bound typed by hand or arriving in a URL
- * keeps whatever operator it came with.
+ * Reads a bounded selection without collapsing strict comparisons into
+ * inclusive ones. Operators are part of the query contract, not decoration.
  */
-export declare function parseBoundsValue(raw: string): FilterBoundsValue;
+export declare function parseBoundsValue(raw: string, defaultOperator?: FilterDefaultOperator): FilterBoundsValue;
 export declare function serializeBoundsValue(value: FilterBoundsValue): string;
+export declare function parseDurationBoundsValue(raw: string, storageUnit?: DurationFilterUnit, defaultOperator?: FilterDefaultOperator): DurationBoundsValue;
+export declare function serializeDurationBoundsValue(value: DurationBoundsValue, defaultUnit?: DurationFilterUnit): string;
 /**
  * Writes a serialized value into a selection, dropping the key when it is
  * empty. An absent key and a key holding "" would send different query strings

package/dist/data/data-table-filter-values.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-filter-values.d.ts","sourceRoot":"","sources":["../../src/data/data-table-filter-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAyD9D,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAS7F;AAoBD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,GAAG,MAAM,CAUjG;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAKxD;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,CAW/D;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAKrE;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,wBAAwB,EACnC,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,GACjB,wBAAwB,CAQ1B"}
+{"version":3,"file":"data-table-filter-values.d.ts","sourceRoot":"","sources":["../../src/data/data-table-filter-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAOrF;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAyD9D,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,GACZ,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAY1C;AAoBD,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,GAC9C,MAAM,CAWR;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAKxD;AAED;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACxD,MAAM,MAAM,qBAAqB,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG;IACpD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,qBAAqB,GAAG,iBAAiB,CAqBxG;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAOrE;AAED,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,MAAM,EACX,WAAW,GAAE,kBAAyB,EACtC,eAAe,CAAC,EAAE,qBAAqB,GACtC,mBAAmB,CAerB;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,mBAAmB,EAC1B,WAAW,GAAE,kBAAyB,GACrC,MAAM,CAeR;AAyBD;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,wBAAwB,EACnC,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,GACjB,wBAAwB,CAQ1B"}