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

package/dist/blocks/admonition/index.js

@@ -970,6 +970,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":
@@ -998,6 +1040,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 = {
@@ -1174,7 +1219,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/blocks/aside/index.js

@@ -995,6 +995,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":
@@ -1023,6 +1065,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 = {
@@ -1199,7 +1244,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/blocks/blockquote/index.js

@@ -999,6 +999,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":
@@ -1027,6 +1069,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 = {
@@ -1203,7 +1248,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/blocks/definition/index.js

@@ -992,6 +992,48 @@ function DataviewBlock({ 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":
@@ -1020,6 +1062,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 = {
@@ -1196,7 +1241,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/blocks/embed/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { createContext, useContext } from 'react';
+import { createContext, useContext, useState, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -12,6 +12,48 @@ function useNcmConfig() {
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+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":
@@ -40,6 +82,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 }) });
 }
 

package/dist/blocks/figure/index.d.ts

@@ -5,7 +5,9 @@ import { a as BlockRendererProps } from '../../renderers-C5f41FCy.js';
 type FigureBlockProps = BlockRendererProps<FigureBlock$1>;
 /**
  * Figure renderer — an embed plus caption, promoted from `embed + paragraph`
- * (no blank line). Images render inline; other embed types render as a link.
+ * (no blank line). Images render inline, as does a `file` embed whose
+ * destination has no extension (see `embed-picture.tsx`); other embed types
+ * render as a link.
  */
 declare function FigureBlock({ block, className }: FigureBlockProps): react.JSX.Element;
 

package/dist/blocks/figure/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { serializeInlineContent } from '@nuucognition/ncm';
-import { createContext, createElement, useMemo, useContext, useRef, useState, useEffect, useId, useCallback } from 'react';
+import { createContext, createElement, useState, useEffect, useMemo, useContext, useRef, useId, useCallback } from 'react';
 import { extractExtension, embedTypeFromExtension } from '@nuucognition/mesh-core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
@@ -681,6 +681,48 @@ function renderReadingText(content, opts) {
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+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 blockDataAttributes(block) {
   return {
     "data-ncm-block": block.id,
@@ -710,7 +752,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/blocks/footnote/index.js

@@ -1007,6 +1007,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":
@@ -1035,6 +1077,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 = {
@@ -1211,7 +1256,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/blocks/index.js

@@ -970,6 +970,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":
@@ -998,6 +1040,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 = {
@@ -1174,7 +1219,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/blocks/spoiler/index.js

@@ -1007,6 +1007,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":
@@ -1035,6 +1077,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 = {
@@ -1211,7 +1256,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/index.js

@@ -1098,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":
@@ -1126,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 = {
@@ -1302,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

@@ -1039,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":
@@ -1067,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 = {
@@ -1243,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,

package/dist/components/ncm-document.js

@@ -1130,6 +1130,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":
@@ -1158,6 +1200,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 = {
@@ -1334,7 +1379,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/hooks/index.js

@@ -1114,6 +1114,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":
@@ -1142,6 +1184,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 = {
@@ -1318,7 +1363,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/hooks/use-block-renderer.js

@@ -1114,6 +1114,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":
@@ -1142,6 +1184,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 = {
@@ -1318,7 +1363,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/index.js

@@ -1118,6 +1118,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":
@@ -1146,6 +1188,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 = {
@@ -1322,7 +1367,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/lib/defaults.js

@@ -1114,6 +1114,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":
@@ -1142,6 +1184,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 = {
@@ -1318,7 +1363,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuucognition/ncm-ui",
-  "version": "0.1.1-beta.2",
+  "version": "0.1.1-beta.3",
   "description": "React renderers for NUU Cognition Markdown (NCM) blocks — a component library that renders parsed NCM Blocks to accessible, themeable markup.",
   "type": "module",
   "license": "MIT",
@@ -45,8 +45,8 @@
     "tsup": "^8.5.1",
     "typescript": "^5.9.2",
     "vitest": "^2.1.9",
-    "@nuucognition/typescript-config": "0.0.0",
-    "@nuucognition/eslint-config": "0.0.0"
+    "@nuucognition/eslint-config": "0.0.0",
+    "@nuucognition/typescript-config": "0.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",