@nuucognition/ncm-ui 0.1.1-beta.1 → 0.1.1-beta.3

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))
+      )
     }
   );
 }
@@ -1011,6 +1098,48 @@ function DefinitionBlock({ block, className }) {
     }
   );
 }
+function fileNameOf(src) {
+  let path = src.split(/[?#]/)[0] ?? "";
+  if (/^https?:\/\//i.test(src)) {
+    try {
+      path = new URL(src).pathname;
+    } catch {
+      return "";
+    }
+  }
+  return path.slice(path.lastIndexOf("/") + 1);
+}
+function isExtensionless(src) {
+  const name = fileNameOf(src);
+  const dot = name.lastIndexOf(".");
+  return dot <= 0 || dot === name.length - 1;
+}
+function EmbedPictureOrLink({
+  src,
+  alt,
+  title,
+  imgClassName,
+  linkAttrs
+}) {
+  const [failedSrc, setFailedSrc] = useState(null);
+  useEffect(() => {
+    setFailedSrc(null);
+  }, [src]);
+  if (failedSrc === src) {
+    return /* @__PURE__ */ jsx("a", { href: src, title, ...linkAttrs, children: alt || src });
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      "data-ncm-embed-picture": "",
+      src,
+      alt,
+      title,
+      className: imgClassName,
+      onError: () => setFailedSrc(src)
+    }
+  );
+}
 function toEmbeddingConfigType(embedType) {
   switch (embedType) {
     case "image":
@@ -1039,6 +1168,9 @@ function EmbedBlock({ block, className }) {
   if (block.embedType === "image") {
     return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className: cn(config.embeddings?.imageClassName, className), children: /* @__PURE__ */ jsx("img", { src: resolvedUrl, alt: block.alt, title: block.title ?? void 0 }) });
   }
+  if (block.embedType === "file" && isExtensionless(block.src)) {
+    return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className: cn(config.embeddings?.imageClassName, className), children: /* @__PURE__ */ jsx(EmbedPictureOrLink, { src: resolvedUrl, alt: block.alt, title: block.title ?? void 0 }) });
+  }
   return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className, children: /* @__PURE__ */ jsx("a", { href: resolvedUrl, title: block.title ?? void 0, children: block.alt || block.src }) });
 }
 var embedFrameStyle = {
@@ -1215,7 +1347,19 @@ function FigureBlock({ block, className }) {
       "data-ncm-figure": "",
       className: cn("space-y-2", className),
       children: [
-        embed.embedType === "image" ? /* @__PURE__ */ jsx("img", { src: embed.src, alt: embed.alt, title: embed.title ?? void 0 }) : /* @__PURE__ */ jsx(
+        embed.embedType === "image" ? /* @__PURE__ */ jsx("img", { src: embed.src, alt: embed.alt, title: embed.title ?? void 0 }) : embed.embedType === "file" && isExtensionless(embed.src) ? (
+          // Same rule as the standalone embed block: an image spelling with an
+          // extension-less destination is a picture until it fails to load.
+          /* @__PURE__ */ jsx(
+            EmbedPictureOrLink,
+            {
+              src: embed.src,
+              alt: embed.alt,
+              title: embed.title ?? void 0,
+              linkAttrs: { "data-ncm-embed-type": embed.embedType }
+            }
+          )
+        ) : /* @__PURE__ */ jsx(
           "a",
           {
             href: embed.src,

package/dist/components/ncm-block.js

@@ -1,10 +1,10 @@
 "use client";
-import { createContext, useContext, createElement, useRef, Component, useState, useEffect, useMemo, useCallback, useId } from 'react';
+import { createContext, useContext, createElement, useMemo, useRef, Component, useState, useEffect, useCallback, useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { serializeInlineContent, isTypedNestedList, parseNcm } from '@nuucognition/ncm';
 import { extractExtension, embedTypeFromExtension } from '@nuucognition/mesh-core';
-import { serializeInlineContent, isTypedNestedList } from '@nuucognition/ncm';
 
 function blockKey(block) {
   return block.stableId ? `${block.id}:${block.stableId}` : block.id;
@@ -153,6 +153,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 = [];
@@ -224,17 +270,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) {
@@ -245,18 +285,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) });
@@ -367,17 +395,30 @@ function ReferenceMarker({ kind, number, children }) {
     }
   );
 }
-var ReferenceBasesContext = createContext(null);
+function normalizeReferenceContent(content) {
+  return content.replace(/\s+/g, " ").trim().toLowerCase();
+}
+var ReferenceNumberingContext = createContext(null);
 var BlockReferenceScopeContext = createContext(null);
-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 });
@@ -385,7 +426,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 });
 }
@@ -676,7 +717,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:
@@ -742,8 +783,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",
     {
@@ -753,7 +818,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))
+      )
     }
   );
 }
@@ -972,6 +1039,48 @@ function DefinitionBlock({ block, className }) {
     }
   );
 }
+function fileNameOf(src) {
+  let path = src.split(/[?#]/)[0] ?? "";
+  if (/^https?:\/\//i.test(src)) {
+    try {
+      path = new URL(src).pathname;
+    } catch {
+      return "";
+    }
+  }
+  return path.slice(path.lastIndexOf("/") + 1);
+}
+function isExtensionless(src) {
+  const name = fileNameOf(src);
+  const dot = name.lastIndexOf(".");
+  return dot <= 0 || dot === name.length - 1;
+}
+function EmbedPictureOrLink({
+  src,
+  alt,
+  title,
+  imgClassName,
+  linkAttrs
+}) {
+  const [failedSrc, setFailedSrc] = useState(null);
+  useEffect(() => {
+    setFailedSrc(null);
+  }, [src]);
+  if (failedSrc === src) {
+    return /* @__PURE__ */ jsx("a", { href: src, title, ...linkAttrs, children: alt || src });
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      "data-ncm-embed-picture": "",
+      src,
+      alt,
+      title,
+      className: imgClassName,
+      onError: () => setFailedSrc(src)
+    }
+  );
+}
 function toEmbeddingConfigType(embedType) {
   switch (embedType) {
     case "image":
@@ -1000,6 +1109,9 @@ function EmbedBlock({ block, className }) {
   if (block.embedType === "image") {
     return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className: cn(config.embeddings?.imageClassName, className), children: /* @__PURE__ */ jsx("img", { src: resolvedUrl, alt: block.alt, title: block.title ?? void 0 }) });
   }
+  if (block.embedType === "file" && isExtensionless(block.src)) {
+    return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className: cn(config.embeddings?.imageClassName, className), children: /* @__PURE__ */ jsx(EmbedPictureOrLink, { src: resolvedUrl, alt: block.alt, title: block.title ?? void 0 }) });
+  }
   return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className, children: /* @__PURE__ */ jsx("a", { href: resolvedUrl, title: block.title ?? void 0, children: block.alt || block.src }) });
 }
 var embedFrameStyle = {
@@ -1176,7 +1288,19 @@ function FigureBlock({ block, className }) {
       "data-ncm-figure": "",
       className: cn("space-y-2", className),
       children: [
-        embed.embedType === "image" ? /* @__PURE__ */ jsx("img", { src: embed.src, alt: embed.alt, title: embed.title ?? void 0 }) : /* @__PURE__ */ jsx(
+        embed.embedType === "image" ? /* @__PURE__ */ jsx("img", { src: embed.src, alt: embed.alt, title: embed.title ?? void 0 }) : embed.embedType === "file" && isExtensionless(embed.src) ? (
+          // Same rule as the standalone embed block: an image spelling with an
+          // extension-less destination is a picture until it fails to load.
+          /* @__PURE__ */ jsx(
+            EmbedPictureOrLink,
+            {
+              src: embed.src,
+              alt: embed.alt,
+              title: embed.title ?? void 0,
+              linkAttrs: { "data-ncm-embed-type": embed.embedType }
+            }
+          )
+        ) : /* @__PURE__ */ jsx(
           "a",
           {
             href: embed.src,