@bendyline/squisq-react 2.10.0 → 2.11.0

package/THIRD_PARTY_LICENSES.txt

@@ -60,7 +60,7 @@ COMPONENTS
 - decode-named-character-reference@1.3.0 (MIT); files: license
 - delaunator@5.1.0 (ISC); files: LICENSE
 - devlop@1.1.0 (MIT); files: license
-- dompurify@3.4.12 ((MPL-2.0 OR Apache-2.0)); files: LICENSE, LICENSE-MPL
+- dompurify@3.4.14 ((MPL-2.0 OR Apache-2.0)); files: LICENSE, LICENSE-MPL
 - entities@6.0.1 (BSD-2-Clause); files: LICENSE
 - es-toolkit@1.49.0 (MIT); files: LICENSE
 - escape-string-regexp@5.0.0 (MIT); files: license
@@ -1400,7 +1400,7 @@ TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 ==============================================================================
-dompurify@3.4.12 - LICENSE
+dompurify@3.4.14 - LICENSE
 ==============================================================================
 
                                  Apache License
@@ -1606,7 +1606,7 @@ dompurify@3.4.12 - LICENSE
    limitations under the License.
 
 ==============================================================================
-dompurify@3.4.12 - LICENSE-MPL
+dompurify@3.4.14 - LICENSE-MPL
 ==============================================================================
 Mozilla Public License Version 2.0
 ==================================

package/dist/{chunk-3LVEPUZX.js → chunk-ITQ4K5N6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-TT6ENR6T.js";
 import {
   MarkdownRenderer
-} from "./chunk-7YSKELA5.js";
+} from "./chunk-ZY5N3JPM.js";
 
 // src/jsonView/useJsonViewTokens.ts
 import { useMemo } from "react";

package/dist/{chunk-L7VQNQGW.js → chunk-R44JIBV3.js}

@@ -16,7 +16,7 @@ import {
 import {
   InlineVideoPlayer,
   MarkdownRenderer
-} from "./chunk-7YSKELA5.js";
+} from "./chunk-ZY5N3JPM.js";
 import {
   useMediaUrl
 } from "./chunk-LR3AIGDD.js";

package/dist/{chunk-PQRILPE6.js → chunk-VKXOZTYP.js}

@@ -1,7 +1,7 @@
 import {
   BlockRenderer,
   LinearDocView
-} from "./chunk-L7VQNQGW.js";
+} from "./chunk-R44JIBV3.js";
 import {
   useAudioSync,
   useDocPlayback,
@@ -13,7 +13,7 @@ import {
 } from "./chunk-TT6ENR6T.js";
 import {
   MarkdownRenderer
-} from "./chunk-7YSKELA5.js";
+} from "./chunk-ZY5N3JPM.js";
 import {
   useMediaProvider,
   useMediaUrl,
@@ -2904,10 +2904,7 @@ function DocPlayerContent({
   const [isSlideshowPickerOpen, setIsSlideshowPickerOpen] = useState6(false);
   const slideshowCoverInitKeyRef = useRef7("");
   useEffect7(() => {
-    slideshowCoverInitKeyRef.current = "";
-  }, [doc]);
-  useEffect7(() => {
-    const initKey = `${isSlideshowMode}:${hasManagedCover}:${renderMode}`;
+    const initKey = `${doc.articleId}:${isSlideshowMode}:${hasManagedCover}:${renderMode}`;
     if (slideshowCoverInitKeyRef.current === initKey) return;
     slideshowCoverInitKeyRef.current = initKey;
     if (isSlideshowMode && hasManagedCover && !renderMode) {
@@ -2916,7 +2913,7 @@ function DocPlayerContent({
     } else {
       setSlideshowCoverVisible(false);
     }
-  }, [isSlideshowMode, hasManagedCover, renderMode, pause]);
+  }, [doc.articleId, isSlideshowMode, hasManagedCover, renderMode, pause]);
   const [coverForced, setCoverForced] = useState6(false);
   const [coverGraceActive, setCoverGraceActive] = useState6(false);
   const coverGraceTimer = useRef7();

package/dist/{chunk-7YSKELA5.js → chunk-ZY5N3JPM.js}

@@ -2,6 +2,7 @@ import {
   MermaidDiagram
 } from "./chunk-WLUZTUNZ.js";
 import {
+  useMediaProvider,
   useMediaUrl
 } from "./chunk-LR3AIGDD.js";
 
@@ -177,6 +178,21 @@ function renderInline(nodes, keyPrefix = "", ctx = DEFAULT_CTX) {
       case "inlineCode":
         return /* @__PURE__ */ jsx3("code", { className: "squisq-md-inline-code", children: node.value }, key);
       case "link": {
+        if (ctx.accessoryPaths?.has(node.url)) {
+          return /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "squisq-md-attachment",
+              "data-attachment-path": node.url,
+              title: node.title ?? `Attachment: ${node.url}`,
+              children: [
+                /* @__PURE__ */ jsx3("i", { className: "fa-solid fa-paperclip", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx3("span", { className: "squisq-md-attachment-label", children: renderInline(node.children, key, ctx) })
+              ]
+            },
+            key
+          );
+        }
         const href = sanitizeUrl(node.url, "link", { extraLinkSchemes: ctx.linkSchemes });
         if (!href) {
           return /* @__PURE__ */ jsx3("span", { className: "squisq-md-link squisq-md-link--blocked", children: renderInline(node.children, key, ctx) }, key);
@@ -497,6 +513,8 @@ function renderHtmlNodes(nodes, keyPrefix, ctx = DEFAULT_CTX) {
     }
   });
 }
+var NO_ACCESSORY_PATHS = /* @__PURE__ */ new Set();
+var clearAccessoryPaths = (prev) => prev.size === 0 ? prev : NO_ACCESSORY_PATHS;
 function MarkdownRenderer({
   nodes,
   className,
@@ -508,6 +526,26 @@ function MarkdownRenderer({
   fenceRenderers
 }) {
   const ambientFenceRenderers = useFenceRenderers();
+  const mediaProvider = useMediaProvider();
+  const [accessoryPaths, setAccessoryPaths] = useState(NO_ACCESSORY_PATHS);
+  useEffect(() => {
+    if (!mediaProvider) {
+      setAccessoryPaths(clearAccessoryPaths);
+      return;
+    }
+    let cancelled = false;
+    mediaProvider.listMedia().then(
+      (entries) => {
+        if (!cancelled) setAccessoryPaths(new Set(entries.map((entry) => entry.name)));
+      },
+      () => {
+        if (!cancelled) setAccessoryPaths(clearAccessoryPaths);
+      }
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, [mediaProvider]);
   if (!nodes || nodes.length === 0) return null;
   return /* @__PURE__ */ jsx3("div", { className: `squisq-md ${className || ""}`, children: renderBlocks(nodes, "", {
     htmlPolicy,
@@ -515,6 +553,7 @@ function MarkdownRenderer({
     theme,
     showCodeCopyButton,
     onCopyCode,
+    accessoryPaths,
     fenceRenderers: fenceRenderers ?? ambientFenceRenderers ?? void 0
   }) });
 }

package/dist/index.d.ts

@@ -43,11 +43,14 @@ import '@bendyline/squisq/jsonForm';
 
 interface MountOptions {
     /**
-     * Rendering mode: 'slideshow' (interactive, default), 'static'
+     * Rendering mode: 'slideshow' (interactive, default), 'video' (timed
+     * auto-advance playback with scrubber — the movie mode), 'static'
      * (scrollable page), 'dashboard' (one canvas of arranged blocks), or
      * 'flashcards' (progressively revealed study deck).
      */
-    mode?: 'slideshow' | 'static' | 'dashboard' | 'flashcards';
+    mode?: 'slideshow' | 'video' | 'static' | 'dashboard' | 'flashcards';
+    /** Loop playback when the timeline ends (video mode only, default: false). */
+    loop?: boolean;
     /** Dashboard-mode options (ignored by the other modes). */
     dashboard?: {
         /** Layout id or 'auto'. Overrides doc frontmatter. */

package/dist/index.js

@@ -15,7 +15,7 @@ import {
   formatTime,
   resolveDocPlayerAppearance,
   useMediaClipDurations
-} from "./chunk-PQRILPE6.js";
+} from "./chunk-VKXOZTYP.js";
 import {
   BlockRenderer,
   CanvasSection,
@@ -23,7 +23,7 @@ import {
   PageSectionView,
   PageViewContext,
   usePageView
-} from "./chunk-L7VQNQGW.js";
+} from "./chunk-R44JIBV3.js";
 import {
   ImageLayer,
   MapLayer,
@@ -49,7 +49,7 @@ import {
 import {
   JsonView,
   createJsonFormFenceRenderer
-} from "./chunk-3LVEPUZX.js";
+} from "./chunk-ITQ4K5N6.js";
 import {
   useAutoSurface
 } from "./chunk-TT6ENR6T.js";
@@ -59,7 +59,7 @@ import {
   InlineVideoPlayer,
   MarkdownRenderer,
   useFenceRenderers
-} from "./chunk-7YSKELA5.js";
+} from "./chunk-ZY5N3JPM.js";
 import {
   MermaidDiagram
 } from "./chunk-WLUZTUNZ.js";

package/dist/json-view/index.js

@@ -1,9 +1,9 @@
 import {
   JsonView,
   createJsonFormFenceRenderer
-} from "../chunk-3LVEPUZX.js";
+} from "../chunk-ITQ4K5N6.js";
 import "../chunk-TT6ENR6T.js";
-import "../chunk-7YSKELA5.js";
+import "../chunk-ZY5N3JPM.js";
 import "../chunk-WLUZTUNZ.js";
 import "../chunk-LR3AIGDD.js";
 export {

package/dist/markdown/index.js

@@ -2,7 +2,7 @@ import {
   FenceRendererContext,
   MarkdownRenderer,
   useFenceRenderers
-} from "../chunk-7YSKELA5.js";
+} from "../chunk-ZY5N3JPM.js";
 import {
   MermaidDiagram
 } from "../chunk-WLUZTUNZ.js";

package/dist/page/index.js

@@ -4,10 +4,10 @@ import {
   PageSectionView,
   PageViewContext,
   usePageView
-} from "../chunk-L7VQNQGW.js";
+} from "../chunk-R44JIBV3.js";
 import "../chunk-G6FVNYNW.js";
 import "../chunk-TT6ENR6T.js";
-import "../chunk-7YSKELA5.js";
+import "../chunk-ZY5N3JPM.js";
 import "../chunk-WLUZTUNZ.js";
 import "../chunk-LR3AIGDD.js";
 export {

package/dist/player/index.js

@@ -12,17 +12,17 @@ import {
   MediaClipLayer,
   SocialCaptionOverlay,
   formatTime
-} from "../chunk-PQRILPE6.js";
+} from "../chunk-VKXOZTYP.js";
 import {
   BlockRenderer
-} from "../chunk-L7VQNQGW.js";
+} from "../chunk-R44JIBV3.js";
 import "../chunk-G6FVNYNW.js";
 import "../chunk-MVJQL2W2.js";
 import "../chunk-TT6ENR6T.js";
 import {
   InlineAudioPlayer,
   InlineVideoPlayer
-} from "../chunk-7YSKELA5.js";
+} from "../chunk-ZY5N3JPM.js";
 import "../chunk-WLUZTUNZ.js";
 import "../chunk-LR3AIGDD.js";
 export {