executable-stories-react 0.2.0 → 0.2.1

package/dist/interactive.js

@@ -216,6 +216,15 @@ function safeUrl(value) {
   if (scheme && !/^https?$/i.test(scheme[1] ?? "")) return void 0;
   return trimmed;
 }
+function safeImageUrl(value) {
+  if (!value) return void 0;
+  const trimmed = value.trim();
+  if (/^data:image\//i.test(trimmed)) return trimmed;
+  return safeUrl(trimmed);
+}
+function isLocalFsPath(value) {
+  return /^(?:[/\\]|[A-Za-z]:[/\\])/.test(value);
+}
 
 // src/components/doc/DocSection.tsx
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -271,11 +280,19 @@ function DocMermaid({ entry }) {
 // src/components/doc/DocScreenshot.tsx
 import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function DocScreenshot({ entry }) {
+  const src = isLocalFsPath(entry.path) ? void 0 : safeImageUrl(entry.path);
+  if (!src) {
+    return /* @__PURE__ */ jsxs6("figure", { className: "my-3 rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx10("div", { className: "font-medium", children: "Screenshot unavailable" }),
+      /* @__PURE__ */ jsx10("div", { className: "mt-1 break-all font-mono text-xs", children: entry.path }),
+      entry.alt ? /* @__PURE__ */ jsx10("figcaption", { className: "mt-1.5 text-xs", children: entry.alt }) : null
+    ] });
+  }
   return /* @__PURE__ */ jsxs6("figure", { className: "my-3", children: [
     /* @__PURE__ */ jsx10(
       "img",
       {
-        src: entry.path,
+        src,
         alt: entry.alt ?? "",
         loading: "lazy",
         className: "max-w-full rounded-md border border-border"
@@ -288,6 +305,13 @@ function DocScreenshot({ entry }) {
 // src/components/doc/DocVideo.tsx
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function DocVideo({ entry }) {
+  if (isLocalFsPath(entry.path)) {
+    return /* @__PURE__ */ jsxs7("figure", { className: "my-3 rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx11("div", { className: "font-medium", children: "Video unavailable" }),
+      /* @__PURE__ */ jsx11("div", { className: "mt-1 break-all font-mono text-xs", children: entry.path }),
+      entry.caption ? /* @__PURE__ */ jsx11("figcaption", { className: "mt-1.5 text-xs", children: entry.caption }) : null
+    ] });
+  }
   const src = safeUrl(entry.path);
   const poster = safeUrl(entry.poster);
   return /* @__PURE__ */ jsxs7("figure", { className: "my-3", children: [