@bendyline/squisq-editor-react 2.13.19 → 2.13.21

package/dist/{chunk-BTWYKCOQ.js → chunk-HISFC5LM.js}

@@ -31381,6 +31381,13 @@ function formatBytes2(size) {
   if (size < 1024 * 1024) return `${(size / 1024).toFixed(1)} KB`;
   return `${(size / (1024 * 1024)).toFixed(1)} MB`;
 }
+function decodeHrefForDisplay(href) {
+  try {
+    return decodeURIComponent(href);
+  } catch {
+    return href;
+  }
+}
 function DataCardWidget({
   editor,
   blockId,
@@ -31648,7 +31655,7 @@ function DataCardWidget({
     }
   }, [href, onMediaSaved]);
   if (!link || !href) return null;
-  const fileName = href.split("/").pop() ?? href;
+  const fileName = decodeHrefForDisplay(href.split("/").pop() ?? href);
   const size = state.kind === "meta" || state.kind === "grid" ? state.size : null;
   const grid = state.kind === "grid" ? state.grid : null;
   const xlsxMeta = grid?.ingested.xlsx;
@@ -31662,7 +31669,7 @@ function DataCardWidget({
       children: [
         /* @__PURE__ */ jsxs48("div", { className: "squisq-data-card-header", children: [
           /* @__PURE__ */ jsx64("span", { className: "squisq-data-card-icon", "aria-hidden": "true", children: "\u{1F4CA}" }),
-          /* @__PURE__ */ jsx64("span", { className: "squisq-data-card-name", title: href, children: fileName }),
+          /* @__PURE__ */ jsx64("span", { className: "squisq-data-card-name", title: decodeHrefForDisplay(href), children: fileName }),
           /* @__PURE__ */ jsx64("span", { className: "squisq-data-card-meta", children: [
             state.kind === "missing" ? "not found in this document\u2019s files" : null,
             state.kind === "loading" ? "loading\u2026" : null,
@@ -41358,12 +41365,29 @@ function loadPreparation() {
     import("@bendyline/squisq-formats/html-icons"),
     import("@bendyline/squisq-formats/diagrams"),
     import("@bendyline/squisq-react/diagram-pictures")
-  ]).then(([prep, icons, diagrams, pictures]) => ({
-    needs: prep.needsPlainHtmlPreparation,
-    prepare: prep.prepareMarkdownDocForPlainHtml,
-    renderDiagram: diagrams.cachingDiagramRasterizer(pictures.createDiagramPictureRenderer()),
-    outlineIcons: icons.plainHtmlIcons
-  })));
+  ]).then(([prep, icons, diagrams, pictures]) => {
+    const unthemed = diagrams.cachingDiagramRasterizer(pictures.createDiagramPictureRenderer());
+    const themed = /* @__PURE__ */ new Map();
+    return {
+      needs: prep.needsPlainHtmlPreparation,
+      prepare: prep.prepareMarkdownDocForPlainHtml,
+      diagramRenderer: (theme) => {
+        if (!theme) return unthemed;
+        const key = JSON.stringify(theme);
+        let renderer = themed.get(key);
+        if (!renderer) {
+          renderer = diagrams.cachingDiagramRasterizer(
+            pictures.createDiagramPictureRenderer({ theme, background: theme.colors.background })
+          );
+          themed.set(key, renderer);
+          const oldest = themed.size > 8 ? themed.keys().next().value : void 0;
+          if (oldest !== void 0) themed.delete(oldest);
+        }
+        return renderer;
+      },
+      outlineIcons: icons.plainHtmlIcons
+    };
+  }));
   return preparationPromise;
 }
 var PREPARE_DELAY_MS = 300;
@@ -41477,22 +41501,23 @@ function PlainHtmlPreview({
     () => container ? dataTableCacheFor(container, mediaRevision ?? 0) : void 0,
     [container, mediaRevision]
   );
+  const renderDiagram = useMemo52(() => preparation?.diagramRenderer(theme), [preparation, theme]);
   const needsPreparation = useMemo52(
-    () => preparation?.needs(mdDoc, {
-      renderDiagram: preparation.renderDiagram,
+    () => !!preparation && !!renderDiagram && preparation.needs(mdDoc, {
+      renderDiagram,
       outlineIcons: preparation.outlineIcons,
       container
-    }) ?? false,
-    [preparation, mdDoc, container]
+    }),
+    [preparation, renderDiagram, mdDoc, container]
   );
   const [prepared, setPrepared] = useState76(null);
   const preparedOnceRef = useRef60(false);
   useEffect66(() => {
-    if (!preparation || !needsPreparation) return;
+    if (!preparation || !renderDiagram || !needsPreparation) return;
     let cancelled = false;
     const prepare = () => {
       preparation.prepare(mdDoc, {
-        renderDiagram: preparation.renderDiagram,
+        renderDiagram,
         outlineIcons: preparation.outlineIcons,
         container,
         dataTableCache
@@ -41512,7 +41537,7 @@ function PlainHtmlPreview({
       cancelled = true;
       clearTimeout(timer);
     };
-  }, [preparation, needsPreparation, mdDoc, container, dataTableCache]);
+  }, [preparation, renderDiagram, needsPreparation, mdDoc, container, dataTableCache]);
   const view = needsPreparation ? prepared : null;
   const [renderFn, setRenderFn] = useState76(() => cachedRender);
   useEffect66(() => {

package/dist/index.js

@@ -244,7 +244,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-BTWYKCOQ.js";
+} from "./chunk-HISFC5LM.js";
 import {
   EditorProvider,
   applySourceEditsToText,

package/dist/shell/index.js

@@ -5,7 +5,7 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-BTWYKCOQ.js";
+} from "../chunk-HISFC5LM.js";
 import {
   EditorProvider,
   useEditorContext,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.13.19",
+  "version": "2.13.21",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.13.12",
+    "@bendyline/squisq": "2.13.14",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.8.14",
-    "@bendyline/squisq-grid-react": "2.11.41",
-    "@bendyline/squisq-react": "2.12.24",
-    "@bendyline/squisq-video-react": "2.5.25",
+    "@bendyline/squisq-formats": "2.8.16",
+    "@bendyline/squisq-grid-react": "2.11.43",
+    "@bendyline/squisq-react": "2.12.26",
+    "@bendyline/squisq-video-react": "2.5.27",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",