@nuucognition/ncm-ui 0.1.1-beta.0 → 0.1.1-beta.2

package/dist/components/index.js

@@ -3,8 +3,8 @@ import { createContext, createElement, useMemo, useContext, useRef, Component, u
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { extractExtension, embedTypeFromExtension } from '@nuucognition/mesh-core';
 import { parseNcm, serializeInlineContent, isTypedNestedList } from '@nuucognition/ncm';
+import { extractExtension, embedTypeFromExtension } from '@nuucognition/mesh-core';
 
 // src/components/block-shell.tsx
 function cn(...inputs) {
@@ -121,6 +121,52 @@ function tryParseInlineRef(input) {
   }
   return { token: { type: "inline_ref", kind: "footnote", content: inner.trim() }, length };
 }
+function runLength(input, index, char) {
+  let end = index;
+  while (end < input.length && input[end] === char) end++;
+  return end - index;
+}
+function tryParseEmphasis(input) {
+  const char = input[0];
+  if (char !== "*" && char !== "_") return null;
+  const open = Math.min(3, runLength(input, 0, char));
+  const need = open;
+  let i = open;
+  while (i < input.length) {
+    const ch = input[i];
+    if (ch === "`") {
+      const close = input.indexOf("`", i + 1);
+      if (close === -1) break;
+      i = close + 1;
+      continue;
+    }
+    if (ch !== char) {
+      i++;
+      continue;
+    }
+    const run = runLength(input, i, char);
+    const closes = need === 1 ? run % 2 === 1 : run >= need;
+    if (!closes) {
+      i += run;
+      continue;
+    }
+    const extra = run - need;
+    const inner = input.slice(open, i + extra);
+    if (inner.length === 0) return null;
+    const length = i + run;
+    const children = parseInline(inner);
+    let token;
+    if (need === 3) {
+      token = { type: "bold", children: [{ type: "italic", children }] };
+    } else if (need === 2) {
+      token = { type: "bold", children };
+    } else {
+      token = { type: "italic", children };
+    }
+    return { token, length };
+  }
+  return null;
+}
 function parseInline(content) {
   if (!content) return [];
   const tokens = [];
@@ -192,17 +238,11 @@ function parseInline(content) {
       remaining = remaining.slice(linkMatch[0].length);
       continue;
     }
-    const boldMatch = remaining.match(/^\*\*(.+?)\*\*|^__(.+?)__/);
-    if (boldMatch) {
-      const innerContent = boldMatch[1] ?? boldMatch[2];
-      if (innerContent !== void 0) {
-        tokens.push({
-          type: "bold",
-          children: parseInline(innerContent)
-        });
-        remaining = remaining.slice(boldMatch[0].length);
-        continue;
-      }
+    const emphasis = tryParseEmphasis(remaining);
+    if (emphasis) {
+      tokens.push(emphasis.token);
+      remaining = remaining.slice(emphasis.length);
+      continue;
     }
     const strikeMatch = remaining.match(/^~~(.+?)~~/);
     if (strikeMatch && strikeMatch[1] !== void 0) {
@@ -213,18 +253,6 @@ function parseInline(content) {
       remaining = remaining.slice(strikeMatch[0].length);
       continue;
     }
-    const italicMatch = remaining.match(/^\*([^*]+)\*|^_([^_]+)_/);
-    if (italicMatch) {
-      const innerContent = italicMatch[1] ?? italicMatch[2];
-      if (innerContent !== void 0) {
-        tokens.push({
-          type: "italic",
-          children: parseInline(innerContent)
-        });
-        remaining = remaining.slice(italicMatch[0].length);
-        continue;
-      }
-    }
     const nextSpecial = findNextSpecialChar(remaining);
     if (nextSpecial > 0) {
       tokens.push({ type: "text", content: remaining.slice(0, nextSpecial) });
@@ -375,48 +403,81 @@ function collectListStrings(items) {
   }
   return out;
 }
-function countInlineRefs(tokens, acc) {
+function normalizeReferenceContent(content) {
+  return content.replace(/\s+/g, " ").trim().toLowerCase();
+}
+var BIBLIOGRAPHY_ENTRY_RE = /^\s*\[(\d+)\]\s+([\s\S]+?)\s*$/;
+function collectBibliography(blocks) {
+  const entries = /* @__PURE__ */ new Map();
+  for (const block of blocks) {
+    if (block.type !== "paragraph") continue;
+    const content = block.content ?? "";
+    const match = BIBLIOGRAPHY_ENTRY_RE.exec(content);
+    if (!match || !match[1] || !match[2]) continue;
+    const key = normalizeReferenceContent(match[2]);
+    if (key && !entries.has(key)) entries.set(key, Number(match[1]));
+  }
+  return entries;
+}
+function walkInlineRefs(tokens, visit) {
   for (const token of tokens) {
     if (token.type === "inline_ref") {
-      acc[token.kind] += 1;
+      visit(token);
     } else if ("children" in token) {
-      countInlineRefs(token.children, acc);
+      walkInlineRefs(token.children, visit);
     }
   }
 }
-function countBlock(block) {
-  const acc = { ref: 0, footnote: 0 };
-  for (const str of collectInlineStrings(block)) {
-    if (str) countInlineRefs(parseInline(str), acc);
-  }
-  return acc;
-}
-function computeReferenceBases(blocks) {
-  const bases = /* @__PURE__ */ new Map();
-  const acc = { ref: 0, footnote: 0 };
+function computeReferenceNumbering(blocks) {
+  const bibliography = collectBibliography(blocks);
+  let maxBibliography = 0;
+  for (const n of bibliography.values()) maxBibliography = Math.max(maxBibliography, n);
+  const numbering = { ref: /* @__PURE__ */ new Map(), footnote: /* @__PURE__ */ new Map() };
+  let nextRef = maxBibliography;
+  let nextFootnote = 0;
   for (const block of blocks) {
-    bases.set(block.id, { ...acc });
-    const counts = countBlock(block);
-    acc.ref += counts.ref;
-    acc.footnote += counts.footnote;
+    for (const str of collectInlineStrings(block)) {
+      if (!str) continue;
+      walkInlineRefs(parseInline(str), (token) => {
+        const key = normalizeReferenceContent(token.content);
+        const map = numbering[token.kind];
+        if (map.has(key)) return;
+        if (token.kind === "ref") {
+          const fromBibliography = bibliography.get(key);
+          map.set(key, fromBibliography ?? ++nextRef);
+        } else {
+          map.set(key, ++nextFootnote);
+        }
+      });
+    }
   }
-  return bases;
+  return numbering;
 }
-var ReferenceBasesContext = createContext(null);
+var ReferenceNumberingContext = createContext(null);
 var BlockReferenceScopeContext = createContext(null);
 function NcmReferencesProvider({ blocks, children }) {
-  const bases = useMemo(() => computeReferenceBases(blocks), [blocks]);
-  return /* @__PURE__ */ jsx(ReferenceBasesContext.Provider, { value: bases, children });
+  const numbering = useMemo(() => computeReferenceNumbering(blocks), [blocks]);
+  return /* @__PURE__ */ jsx(ReferenceNumberingContext.Provider, { value: numbering, children });
 }
-function BlockReferenceScope({ blockId, children }) {
-  const bases = useContext(ReferenceBasesContext);
-  const base = (blockId ? bases?.get(blockId) : void 0) ?? { ref: 0, footnote: 0 };
+function BlockReferenceScope({ children }) {
+  const numbering = useContext(ReferenceNumberingContext);
+  const local = useRef({ ref: /* @__PURE__ */ new Map(), footnote: /* @__PURE__ */ new Map() });
   const counter = useRef({ ref: 0, footnote: 0 });
-  counter.current = { ref: 0, footnote: 0 };
   const value = {
+    numberFor(kind, content) {
+      const key = normalizeReferenceContent(content);
+      const fromDocument = numbering?.[kind].get(key);
+      if (fromDocument !== void 0) return fromDocument;
+      const map = local.current[kind];
+      const existing = map.get(key);
+      if (existing !== void 0) return existing;
+      counter.current[kind] += 1;
+      map.set(key, counter.current[kind]);
+      return counter.current[kind];
+    },
     next(kind) {
       counter.current[kind] += 1;
-      return base[kind] + counter.current[kind];
+      return counter.current[kind];
     }
   };
   return /* @__PURE__ */ jsx(BlockReferenceScopeContext.Provider, { value, children });
@@ -424,7 +485,7 @@ function BlockReferenceScope({ blockId, children }) {
 function useBlockReferenceScope() {
   return useContext(BlockReferenceScopeContext);
 }
-var INERT_SCOPE = { next: () => 0 };
+var INERT_SCOPE = { numberFor: () => 0, next: () => 0 };
 function InertReferenceScope({ children }) {
   return /* @__PURE__ */ jsx(BlockReferenceScopeContext.Provider, { value: INERT_SCOPE, children });
 }
@@ -715,7 +776,7 @@ function TokenRenderer({ token, disableBionic, disableBeeline }) {
       );
     }
     case "inline_ref": {
-      const number = refScope?.next(token.kind) ?? 0;
+      const number = refScope?.numberFor(token.kind, token.content) ?? 0;
       return /* @__PURE__ */ jsx(ReferenceMarker, { kind: token.kind, number, children: token.content ? /* @__PURE__ */ jsx(InertReferenceScope, { children: /* @__PURE__ */ jsx(InlineContent, { content: token.content, disableBionic: true, disableBeeline: true }) }) : null });
     }
     default:
@@ -781,8 +842,32 @@ function renderReadingText(content, opts) {
   if (cursor < content.length) pieces.push(content.slice(cursor));
   return /* @__PURE__ */ jsx(Fragment, { children: pieces });
 }
+function quoteBlocks(block) {
+  try {
+    const doc = parseNcm(block.content, {
+      preset: "ncm-full",
+      allowMissingFrontmatter: true,
+      // Attribution off, as the NUU Editor's bridge keeps it: the promoter's
+      // trigger is any last quote line starting with `-`, so a nested quote
+      // ending in a list item would lose that item to a `— Author` line.
+      blockOptions: { extensions: { attribution: false } }
+    });
+    const blocks = doc.blocks ?? [];
+    if (blocks.length === 0 || blocks.some((child) => child.type === "frontmatter")) {
+      return null;
+    }
+    return blocks.map((child, index) => ({ ...child, id: `${block.id}.${index + 1}`, stableId: void 0 }));
+  } catch {
+    return null;
+  }
+}
+function QuotedLines({ content }) {
+  const lines = content.split("\n");
+  return /* @__PURE__ */ jsx(Fragment, { children: lines.map((line, index) => /* @__PURE__ */ jsx("p", { children: line.trim().length > 0 ? /* @__PURE__ */ jsx(InlineContent, { content: line }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xA0" }) }, index)) });
+}
 function BlockquoteBlock({ block, className }) {
-  const lines = block.content.split("\n");
+  const multiline = block.content.includes("\n");
+  const blocks = useMemo(() => multiline ? quoteBlocks(block) : null, [block, multiline]);
   return /* @__PURE__ */ jsx(
     "blockquote",
     {
@@ -792,7 +877,9 @@ function BlockquoteBlock({ block, className }) {
       "data-block-id": block.id,
       "data-ncm-blockquote": "",
       className,
-      children: lines.length <= 1 ? /* @__PURE__ */ jsx(InlineContent, { content: block.content }) : lines.map((line, index) => /* @__PURE__ */ jsx("p", { children: line.trim().length > 0 ? /* @__PURE__ */ jsx(InlineContent, { content: line }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xA0" }) }, index))
+      children: !multiline ? /* @__PURE__ */ jsx(InlineContent, { content: block.content }) : blocks === null ? /* @__PURE__ */ jsx(QuotedLines, { content: block.content }) : blocks.map(
+        (child) => child.type === "paragraph" ? /* @__PURE__ */ jsx(QuotedLines, { content: child.content ?? "" }, blockKey(child)) : /* @__PURE__ */ jsx(NcmBlock, { block: child }, blockKey(child))
+      )
     }
   );
 }
@@ -807,7 +894,8 @@ function ChartBlock({ block, className }) {
       "data-ncm-chart": "",
       "data-ncm-chart-type": block.chartType ?? "unknown",
       className: cn(
-        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
+        "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
         className
       ),
       children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -987,7 +1075,8 @@ function DataviewBlock({ block, className }) {
       "data-ncm-dataview": "",
       "data-ncm-query-type": block.queryType,
       className: cn(
-        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
+        "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
         className
       ),
       children: /* @__PURE__ */ jsx("code", { children: block.query })
@@ -1326,7 +1415,8 @@ function HtmlBlock({ block, className }) {
       "data-block-id": block.id,
       "data-ncm-html": "",
       className: cn(
-        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
+        "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
         className
       ),
       children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1364,7 +1454,7 @@ function LatexDisplayBlock({ block, className }) {
         "data-ncm-type": block.type,
         "data-block-id": block.id,
         "data-ncm-latex-display": "",
-        className: cn("overflow-x-auto", className),
+        className: cn("overflow-x-auto overflow-y-hidden", className),
         dangerouslySetInnerHTML: { __html: html }
       }
     );
@@ -1379,7 +1469,7 @@ function LatexDisplayBlock({ block, className }) {
       "data-ncm-type": block.type,
       "data-block-id": block.id,
       "data-ncm-latex-display": "",
-      className: cn("overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
+      className: cn("overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
       children: /* @__PURE__ */ jsx("code", { children: block.content })
     }
   );
@@ -1499,7 +1589,7 @@ function MathBlock({ block, className }) {
         "data-ncm-type": block.type,
         "data-block-id": block.id,
         "data-ncm-math": "",
-        className: cn("overflow-x-auto", className),
+        className: cn("overflow-x-auto overflow-y-hidden", className),
         dangerouslySetInnerHTML: { __html: html }
       }
     );
@@ -1515,7 +1605,8 @@ function MathBlock({ block, className }) {
       "data-block-id": block.id,
       "data-ncm-math": "",
       className: cn(
-        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
+        "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
         className
       ),
       children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1533,7 +1624,8 @@ function MermaidBlock({ block, className }) {
       "data-ncm-mermaid": "",
       "data-ncm-diagram-type": block.diagramType,
       className: cn(
-        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
+        "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
         className
       ),
       children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1594,7 +1686,7 @@ function TableBlock({ block, className }) {
       "data-ncm-type": block.type,
       "data-block-id": block.id,
       "data-ncm-table": "",
-      className: cn("w-full overflow-x-auto", className),
+      className: cn("w-full overflow-x-auto overflow-y-hidden", className),
       children: /* @__PURE__ */ jsxs("table", { role: "table", "data-ncm-table-element": "", children: [
         /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: block.headers.map((header, index) => /* @__PURE__ */ jsx("th", { "data-ncm-table-header": "", children: /* @__PURE__ */ jsx(InlineContent, { content: header }) }, index)) }) }),
         /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => {
@@ -1680,7 +1772,7 @@ function FallbackBlock({ block, className }) {
       "data-block-id": block.id,
       "data-ncm-fallback": "",
       className: cn(
-        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
         className
       )
     },
@@ -1736,7 +1828,7 @@ function CustomCodeBlock({ block, className }) {
       "data-block-id": block.id,
       "data-ncm-custom-code": "",
       "data-ncm-language": block.language,
-      className: cn("overflow-x-auto", className),
+      className: cn("overflow-x-auto overflow-y-hidden", className),
       children: [
         /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: block.language }),
         /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: block.content }) })