markdown-flow-ui 0.1.99 → 0.1.100-beta.0

package/dist/components/Slide/Slide.es.js

@@ -0,0 +1,394 @@
+import { j as t } from "../../_virtual/jsx-runtime.es.js";
+import { memo as Ce, useRef as f, useState as p, useCallback as l, useEffect as S, useMemo as L } from "react";
+import { hasBrowserUserActivation as Re } from "../../lib/browserUserActivation.es.js";
+import { cn as j } from "../../lib/utils.es.js";
+import Fe from "../ContentRender/ContentRender.es.js";
+import ce from "../ContentRender/IframeSandbox.es.js";
+import "../ui/inputGroup/input-group.es.js";
+import { getInteractionDefaultValues as Be, getInteractionDefaultSelectedValues as Oe } from "./interaction-defaults.es.js";
+import Ve from "./Player.es.js";
+import qe from "./useSlide.es.js";
+/* empty css             */
+const De = 1e3, ue = Ce(
+  ({
+    content: M,
+    title: $,
+    defaultButtonText: K,
+    defaultInputText: U,
+    defaultSelectedValues: _,
+    onSend: z,
+    readonly: C = !1
+  }) => /* @__PURE__ */ t.jsxs("div", { className: "slide-player__interaction-card", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ t.jsx("p", { className: "slide-player__interaction-title", children: $ }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ t.jsx(
+      Fe,
+      {
+        content: M,
+        defaultButtonText: K,
+        defaultInputText: U,
+        defaultSelectedValues: _,
+        onSend: z,
+        readonly: C,
+        enableTypewriter: !1,
+        sandboxMode: "content"
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("div", { className: "slide-player__interaction-arrow" })
+  ] })
+);
+ue.displayName = "InteractionOverlayCard";
+const We = ({
+  elementList: M = [],
+  showPlayer: $ = !0,
+  playerClassName: K,
+  interactionTitle: U,
+  playerAutoHideDelay: _ = 3e3,
+  className: z,
+  onPointerDown: C,
+  ...de
+}) => {
+  const X = f(null), G = f(null), Z = f(null), T = f(null), P = f(null), A = f(null), ee = f([]), R = f(!1), {
+    currentElementList: o,
+    slideElementList: Y,
+    currentIndex: te,
+    audioList: ne,
+    currentAudioSequenceIndexes: x,
+    currentInteractionElement: y,
+    canGoPrev: fe,
+    canGoNext: m,
+    handlePrev: re,
+    handleNext: u
+  } = qe(M), oe = Y.filter(
+    (e) => e.is_show !== !1
+  ).length === 1, d = $ && (oe || ne.length > 0 || !!y), [h, J] = p(!0), [E, me] = p(!1), [he] = p(() => Re()), pe = he || E, [xe, F] = p(-1), [B, O] = p(-1), [n, Q] = p(), [N, V] = p(!1), v = l(() => {
+    T.current !== null && (window.clearTimeout(T.current), T.current = null);
+  }, []), a = l(() => {
+    A.current !== null && (window.clearTimeout(A.current), A.current = null);
+  }, []), g = l(() => {
+    P.current !== null && (window.clearTimeout(P.current), P.current = null);
+  }, []), w = l(() => {
+    g(), a(), F(-1), O(-1), Q(void 0), V(!1);
+  }, [g, a]), q = l(() => {
+    const e = x[0];
+    return typeof e != "number" ? !1 : (O(0), F(e), !0);
+  }, [x]), D = l(() => {
+    a(), V(!1), !q() && m && u();
+  }, [
+    m,
+    a,
+    u,
+    q
+  ]), b = l(
+    (e = E) => {
+      d && (J(!0), v(), !(!e || _ <= 0) && (T.current = window.setTimeout(() => {
+        J(!1), T.current = null;
+      }, _)));
+    },
+    [
+      v,
+      E,
+      _,
+      d
+    ]
+  );
+  S(() => () => {
+    g(), v(), a();
+  }, [
+    g,
+    a,
+    v
+  ]), S(() => {
+    if (!d) {
+      v(), J(!1);
+      return;
+    }
+    E || b(!0);
+  }, [
+    v,
+    E,
+    d,
+    b
+  ]), S(() => {
+    if (w(), !(o.length === 0 && !y)) {
+      if (y) {
+        Q(y), V(!0);
+        return;
+      }
+      if (!q() && m)
+        return P.current = window.setTimeout(() => {
+          P.current = null, u();
+        }, De), () => {
+          g();
+        };
+    }
+  }, [
+    m,
+    g,
+    o,
+    y,
+    u,
+    w,
+    q
+  ]);
+  const le = L(() => n ? Be(
+    typeof n.content == "string" ? n.content : void 0,
+    n.user_input
+  ) : {}, [n]), ye = L(() => {
+    if (n)
+      return Oe(
+        typeof n.content == "string" ? n.content : void 0,
+        n.user_input
+      );
+  }, [n]), W = !!n?.user_input?.trim(), ve = l(
+    (e) => {
+      const i = [
+        ...e.selectedValues ?? [],
+        e.inputText?.trim() ?? "",
+        e.buttonText?.trim() ?? ""
+      ].filter(Boolean).join(", ");
+      Q((r) => !r || !i ? r : {
+        ...r,
+        user_input: i
+      }), D();
+    },
+    [D]
+  );
+  S(() => {
+    if (a(), !(!N || !W))
+      return A.current = window.setTimeout(() => {
+        A.current = null, D();
+      }, 2e3), () => {
+        a();
+      };
+  }, [
+    a,
+    D,
+    W,
+    N
+  ]);
+  const ge = (e) => e ? e.type === "slot" ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ t.jsx(
+    ce,
+    {
+      className: "content-render-iframe",
+      hideFullScreen: !0,
+      mode: "blackboard",
+      type: "sandbox",
+      content: e.content
+    }
+  ) : /* @__PURE__ */ t.jsx(
+    ce,
+    {
+      className: "content-render-iframe",
+      hideFullScreen: !0,
+      mode: "blackboard",
+      type: "markdown",
+      content: e.content
+    }
+  ) : null, we = (e = []) => {
+    if (e.length === 0)
+      return null;
+    const c = e.filter(
+      (r) => r.is_show !== !1
+    ).length, i = e.reduce(
+      (r, I, s) => I.is_show !== !1 ? s : r,
+      -1
+    );
+    return /* @__PURE__ */ t.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((r, I) => {
+      const s = r.type === "html" && r.is_show === !1;
+      return /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          ref: I === i ? Z : null,
+          "aria-hidden": s || void 0,
+          className: j(
+            "w-full shrink-0",
+            c === 1 && r.is_show !== !1 && "slide-element--single",
+            s ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : r.is_show === !1 && "hidden"
+          ),
+          children: ge(r)
+        },
+        r.serial_number ?? `${r.type}-${I}`
+      );
+    }) });
+  }, be = () => {
+    const e = X.current;
+    if (e) {
+      if (document.fullscreenElement) {
+        document.exitFullscreen().catch(() => {
+        });
+        return;
+      }
+      e.requestFullscreen?.().catch(() => {
+      });
+    }
+  }, se = l(() => {
+    const e = G.current;
+    e && e.scrollTo({
+      top: e.scrollHeight,
+      behavior: "smooth"
+    });
+  }, []), Ie = l(() => {
+    R.current = !0, w(), re();
+  }, [re, w]), Se = l(() => {
+    R.current = !0, w(), u();
+  }, [u, w]), _e = l(
+    (e) => {
+      if (B < 0 || x[B] !== e)
+        return;
+      const c = B + 1, i = x[c];
+      if (typeof i == "number") {
+        O(c), F(i);
+        return;
+      }
+      F(-1), O(-1), m && u();
+    },
+    [
+      m,
+      x,
+      B,
+      u
+    ]
+  ), Te = l(() => {
+    n && V((e) => !e);
+  }, [n]), ie = l(
+    (e) => {
+      e.stopPropagation(), h && b(!0);
+    },
+    [h, b]
+  ), ae = l(
+    (e) => {
+      C?.(e), me(!0), b(!0);
+    },
+    [C, b]
+  ), Pe = !!n && N, k = L(
+    () => o.map(
+      (e, c) => `${e.serial_number ?? `${e.type}-${c}`}:${e.operation ?? ""}`
+    ),
+    [o]
+  ), Ae = L(() => {
+    const e = Y.slice(te + 1).find((i) => i.type === "html");
+    return !e || o.some(
+      (i) => i.serial_number === e.serial_number
+    ) ? o : [...o, { ...e, is_show: !1 }];
+  }, [o, te, Y]);
+  return S(() => {
+    const e = ee.current, r = (e.length > 0 && e.length < k.length && e.every((s, H) => s === k[H]) ? o.slice(e.length) : []).some(
+      (s) => s.operation === "append"
+    );
+    if (ee.current = k, !r)
+      return;
+    const I = window.requestAnimationFrame(() => {
+      const s = G.current, H = Z.current;
+      if (!s || !H)
+        return;
+      const Ee = s.getBoundingClientRect(), Ne = H.getBoundingClientRect(), je = s.scrollTop + (Ne.top - Ee.top);
+      s.scrollTo({
+        top: Math.max(je, 0),
+        behavior: "smooth"
+      });
+    });
+    return () => {
+      window.cancelAnimationFrame(I);
+    };
+  }, [o, k]), S(() => {
+    if (!R.current || (R.current = !1, o.length === 0))
+      return;
+    const e = window.requestAnimationFrame(() => {
+      se();
+    });
+    return () => {
+      window.cancelAnimationFrame(e);
+    };
+  }, [o, se]), console.log(
+    "currentElement",
+    o.at(-1),
+    o,
+    d,
+    h,
+    x,
+    y,
+    n,
+    N
+  ), /* @__PURE__ */ t.jsxs(
+    "section",
+    {
+      ref: X,
+      className: j("relative h-full w-full", z),
+      onPointerDown: ae,
+      ...de,
+      children: [
+        /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            className: j(
+              "h-full min-h-0 w-full",
+              oe ? "slide-content--single" : "grid gap-4"
+            ),
+            children: [
+              d && !h ? /* @__PURE__ */ t.jsx(
+                "button",
+                {
+                  "aria-label": "Show player controls",
+                  className: "slide-player-hit-area",
+                  onPointerDown: ae,
+                  type: "button"
+                }
+              ) : null,
+              o.length > 0 ? /* @__PURE__ */ t.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ t.jsx("div", { ref: G, className: "slide-stage__layer w-full", children: we(Ae) }) }) : null
+            ]
+          }
+        ),
+        Pe ? /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: j(
+              "slide-interaction-overlay",
+              h && d ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
+            ),
+            onClick: ie,
+            onPointerDown: ie,
+            children: /* @__PURE__ */ t.jsx(
+              ue,
+              {
+                content: String(n?.content ?? ""),
+                defaultButtonText: le.buttonText ?? "",
+                defaultInputText: le.inputText ?? "",
+                defaultSelectedValues: ye,
+                onSend: ve,
+                readonly: W,
+                title: U ?? "Submit the content below to continue."
+              }
+            )
+          }
+        ) : null,
+        d ? /* @__PURE__ */ t.jsx(
+          Ve,
+          {
+            audioList: ne,
+            className: j(
+              "absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",
+              K,
+              !h && "pointer-events-none opacity-0"
+            ),
+            currentAudioIndex: xe,
+            defaultPlaying: pe,
+            hasInteraction: !!n,
+            isInteractionOpen: N,
+            nextDisabled: !m,
+            onEnded: _e,
+            onFullscreen: be,
+            onInteractionToggle: Te,
+            onNext: Se,
+            onPrev: Ie,
+            prevDisabled: !fe,
+            showControls: h
+          }
+        ) : null
+      ]
+    }
+  );
+};
+export {
+  We as default
+};
+//# sourceMappingURL=Slide.es.js.map

package/dist/components/Slide/Slide.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.es.js","sources":["../../../src/components/Slide/Slide.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { hasBrowserUserActivation } from \"../../lib/browserUserActivation\";\nimport { cn } from \"../../lib/utils\";\nimport ContentRender from \"../ContentRender\";\nimport IframeSandbox from \"../ContentRender/IframeSandbox\";\nimport type { OnSendContentParams } from \"../types\";\nimport {\n  getInteractionDefaultSelectedValues,\n  getInteractionDefaultValues,\n} from \"./interaction-defaults\";\nimport Player from \"./Player\";\nimport type { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport \"./slide.css\";\nexport type { Element, ElementAudioSegment } from \"./types\";\n\nconst CHECKPOINT_AUTO_ADVANCE_DELAY_MS = 1000;\n\ninterface InteractionOverlayCardProps {\n  content: string;\n  title: string;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  onSend?: (content: OnSendContentParams) => void;\n  readonly?: boolean;\n}\n\nconst InteractionOverlayCard = memo(\n  ({\n    content,\n    title,\n    defaultButtonText,\n    defaultInputText,\n    defaultSelectedValues,\n    onSend,\n    readonly = false,\n  }: InteractionOverlayCardProps) => (\n    <div className=\"slide-player__interaction-card\">\n      <div className=\"slide-player__interaction-header\">\n        <p className=\"slide-player__interaction-title\">{title}</p>\n      </div>\n      <div className=\"slide-player__interaction-body\">\n        <ContentRender\n          content={content}\n          defaultButtonText={defaultButtonText}\n          defaultInputText={defaultInputText}\n          defaultSelectedValues={defaultSelectedValues}\n          onSend={onSend}\n          readonly={readonly}\n          enableTypewriter={false}\n          sandboxMode=\"content\"\n        />\n      </div>\n      <div className=\"slide-player__interaction-arrow\" />\n    </div>\n  )\n);\n\nInteractionOverlayCard.displayName = \"InteractionOverlayCard\";\n\nexport interface SlideProps extends React.ComponentProps<\"section\"> {\n  elementList?: Element[];\n  showPlayer?: boolean;\n  playerClassName?: string;\n  interactionTitle?: string;\n  playerAutoHideDelay?: number;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n  elementList = [],\n  showPlayer = true,\n  playerClassName,\n  interactionTitle,\n  playerAutoHideDelay = 3000,\n  className,\n  onPointerDown,\n  ...props\n}) => {\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const stageLayerRef = useRef<HTMLDivElement | null>(null);\n  const lastElementRef = useRef<HTMLDivElement | null>(null);\n  const playerHideTimerRef = useRef<number | null>(null);\n  const autoAdvanceTimerRef = useRef<number | null>(null);\n  const interactionAutoCloseTimerRef = useRef<number | null>(null);\n  const prevRenderElementKeysRef = useRef<string[]>([]);\n  const shouldScrollToBottomRef = useRef(false);\n  const {\n    currentElementList,\n    slideElementList,\n    currentIndex,\n    audioList,\n    currentAudioSequenceIndexes,\n    currentInteractionElement,\n    canGoPrev,\n    canGoNext,\n    handlePrev: goPrev,\n    handleNext: goNext,\n  } = useSlide(elementList);\n  const visibleCheckpointCount = slideElementList.filter(\n    (element) => element.is_show !== false\n  ).length;\n  const isSingleSlide = visibleCheckpointCount === 1;\n  const shouldRenderPlayer =\n    showPlayer &&\n    (isSingleSlide ||\n      audioList.length > 0 ||\n      Boolean(currentInteractionElement));\n  const [isPlayerVisible, setIsPlayerVisible] = useState(true);\n  const [hasPlayerInteracted, setHasPlayerInteracted] = useState(false);\n  const [shouldAutoPlay] = useState(() => hasBrowserUserActivation());\n  const canAutoPlayAudio = shouldAutoPlay || hasPlayerInteracted;\n  const [currentAudioIndex, setCurrentAudioIndex] = useState(-1);\n  const [currentAudioSequencePosition, setCurrentAudioSequencePosition] =\n    useState(-1);\n  const [activeInteractionElement, setActiveInteractionElement] = useState<\n    Element | undefined\n  >();\n  const [isInteractionOverlayOpen, setIsInteractionOverlayOpen] =\n    useState(false);\n\n  const clearPlayerHideTimer = useCallback(() => {\n    if (playerHideTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(playerHideTimerRef.current);\n    playerHideTimerRef.current = null;\n  }, []);\n\n  const clearInteractionAutoCloseTimer = useCallback(() => {\n    if (interactionAutoCloseTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(interactionAutoCloseTimerRef.current);\n    interactionAutoCloseTimerRef.current = null;\n  }, []);\n\n  const clearAutoAdvanceTimer = useCallback(() => {\n    if (autoAdvanceTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(autoAdvanceTimerRef.current);\n    autoAdvanceTimerRef.current = null;\n  }, []);\n\n  const resetAudioSequence = useCallback(() => {\n    clearAutoAdvanceTimer();\n    clearInteractionAutoCloseTimer();\n    setCurrentAudioIndex(-1);\n    setCurrentAudioSequencePosition(-1);\n    setActiveInteractionElement(undefined);\n    setIsInteractionOverlayOpen(false);\n  }, [clearAutoAdvanceTimer, clearInteractionAutoCloseTimer]);\n\n  const startCurrentAudioSequence = useCallback(() => {\n    const nextAudioIndex = currentAudioSequenceIndexes[0];\n\n    if (typeof nextAudioIndex !== \"number\") {\n      return false;\n    }\n\n    // Start the first audio segment for the current step immediately.\n    setCurrentAudioSequencePosition(0);\n    setCurrentAudioIndex(nextAudioIndex);\n    return true;\n  }, [currentAudioSequenceIndexes]);\n\n  const continueAfterInteraction = useCallback(() => {\n    clearInteractionAutoCloseTimer();\n    setIsInteractionOverlayOpen(false);\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (canGoNext) {\n      goNext();\n    }\n  }, [\n    canGoNext,\n    clearInteractionAutoCloseTimer,\n    goNext,\n    startCurrentAudioSequence,\n  ]);\n\n  const showPlayerControls = useCallback(\n    (enableAutoHide = hasPlayerInteracted) => {\n      if (!shouldRenderPlayer) {\n        return;\n      }\n\n      setIsPlayerVisible(true);\n      clearPlayerHideTimer();\n\n      if (!enableAutoHide || playerAutoHideDelay <= 0) {\n        return;\n      }\n\n      playerHideTimerRef.current = window.setTimeout(() => {\n        setIsPlayerVisible(false);\n        playerHideTimerRef.current = null;\n      }, playerAutoHideDelay);\n    },\n    [\n      clearPlayerHideTimer,\n      hasPlayerInteracted,\n      playerAutoHideDelay,\n      shouldRenderPlayer,\n    ]\n  );\n\n  useEffect(() => {\n    return () => {\n      clearAutoAdvanceTimer();\n      clearPlayerHideTimer();\n      clearInteractionAutoCloseTimer();\n    };\n  }, [\n    clearAutoAdvanceTimer,\n    clearInteractionAutoCloseTimer,\n    clearPlayerHideTimer,\n  ]);\n\n  useEffect(() => {\n    if (!shouldRenderPlayer) {\n      clearPlayerHideTimer();\n      setIsPlayerVisible(false);\n      return;\n    }\n\n    if (!hasPlayerInteracted) {\n      // Keep the initial player visible briefly, then hide it automatically.\n      showPlayerControls(true);\n    }\n  }, [\n    clearPlayerHideTimer,\n    hasPlayerInteracted,\n    shouldRenderPlayer,\n    showPlayerControls,\n  ]);\n\n  useEffect(() => {\n    resetAudioSequence();\n\n    if (currentElementList.length === 0 && !currentInteractionElement) {\n      return;\n    }\n\n    if (currentInteractionElement) {\n      // Show the interaction gate before playing any follow-up audio.\n      setActiveInteractionElement(currentInteractionElement);\n      setIsInteractionOverlayOpen(true);\n      return;\n    }\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (!canGoNext) {\n      return;\n    }\n\n    // Auto-advance silent checkpoint-only steps so playback flow does not stall.\n    autoAdvanceTimerRef.current = window.setTimeout(() => {\n      autoAdvanceTimerRef.current = null;\n      goNext();\n    }, CHECKPOINT_AUTO_ADVANCE_DELAY_MS);\n\n    return () => {\n      clearAutoAdvanceTimer();\n    };\n  }, [\n    canGoNext,\n    clearAutoAdvanceTimer,\n    currentElementList,\n    currentInteractionElement,\n    goNext,\n    resetAudioSequence,\n    startCurrentAudioSequence,\n  ]);\n\n  const interactionDefaults = useMemo(() => {\n    if (!activeInteractionElement) {\n      return {};\n    }\n\n    return getInteractionDefaultValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input\n    );\n  }, [activeInteractionElement]);\n\n  const interactionDefaultSelectedValues = useMemo(() => {\n    if (!activeInteractionElement) {\n      return undefined;\n    }\n\n    return getInteractionDefaultSelectedValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input\n    );\n  }, [activeInteractionElement]);\n\n  const hasResolvedInteractionInput = Boolean(\n    activeInteractionElement?.user_input?.trim()\n  );\n\n  const handleInteractionSend = useCallback(\n    (content: OnSendContentParams) => {\n      const submittedValues = [\n        ...(content.selectedValues ?? []),\n        content.inputText?.trim() ?? \"\",\n        content.buttonText?.trim() ?? \"\",\n      ].filter(Boolean);\n      const resolvedUserInput = submittedValues.join(\", \");\n\n      setActiveInteractionElement((prevElement) => {\n        if (!prevElement || !resolvedUserInput) {\n          return prevElement;\n        }\n\n        return {\n          ...prevElement,\n          user_input: resolvedUserInput,\n        };\n      });\n\n      continueAfterInteraction();\n    },\n    [continueAfterInteraction]\n  );\n\n  useEffect(() => {\n    clearInteractionAutoCloseTimer();\n\n    if (!isInteractionOverlayOpen || !hasResolvedInteractionInput) {\n      return;\n    }\n\n    interactionAutoCloseTimerRef.current = window.setTimeout(() => {\n      interactionAutoCloseTimerRef.current = null;\n\n      continueAfterInteraction();\n    }, 2000);\n\n    return () => {\n      clearInteractionAutoCloseTimer();\n    };\n  }, [\n    clearInteractionAutoCloseTimer,\n    continueAfterInteraction,\n    hasResolvedInteractionInput,\n    isInteractionOverlayOpen,\n  ]);\n\n  const renderSlideElement = (element?: Element) => {\n    if (!element) {\n      return null;\n    }\n\n    if (element.type === \"slot\") {\n      return <>{element.content}</>;\n    }\n\n    if (element.type === \"html\") {\n      return (\n        <IframeSandbox\n          className=\"content-render-iframe\"\n          hideFullScreen\n          mode=\"blackboard\"\n          type=\"sandbox\"\n          content={element.content as string}\n        />\n      );\n    }\n\n    return (\n      <IframeSandbox\n        className=\"content-render-iframe\"\n        hideFullScreen\n        mode=\"blackboard\"\n        type=\"markdown\"\n        content={element.content as string}\n      />\n    );\n  };\n\n  const renderSlideElementList = (elementList: Element[] = []) => {\n    if (elementList.length === 0) {\n      return null;\n    }\n\n    const visibleElementCount = elementList.filter(\n      (element) => element.is_show !== false\n    ).length;\n    const lastVisibleElementIndex = elementList.reduce(\n      (lastVisibleIndex, element, index) =>\n        element.is_show !== false ? index : lastVisibleIndex,\n      -1\n    );\n\n    return (\n      <div className=\"slide-stage__content flex w-full flex-col gap-4\">\n        {elementList.map((element, index) => {\n          const isPreRenderedHtml =\n            element.type === \"html\" && element.is_show === false;\n\n          return (\n            <div\n              key={element.serial_number ?? `${element.type}-${index}`}\n              ref={index === lastVisibleElementIndex ? lastElementRef : null}\n              aria-hidden={isPreRenderedHtml || undefined}\n              className={cn(\n                \"w-full shrink-0\",\n                visibleElementCount === 1 &&\n                  element.is_show !== false &&\n                  \"slide-element--single\",\n                isPreRenderedHtml\n                  ? \"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0\"\n                  : element.is_show === false && \"hidden\"\n              )}\n            >\n              {renderSlideElement(element)}\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  const handleFullscreen = () => {\n    const target = sectionRef.current;\n    if (!target) return;\n\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n\n    target.requestFullscreen?.().catch(() => {});\n  };\n\n  const scrollStageToBottom = useCallback(() => {\n    const stageLayerElement = stageLayerRef.current;\n\n    if (!stageLayerElement) {\n      return;\n    }\n\n    // Keep the latest content visible after manual player navigation.\n    stageLayerElement.scrollTo({\n      top: stageLayerElement.scrollHeight,\n      behavior: \"smooth\",\n    });\n  }, []);\n\n  const handlePrev = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    resetAudioSequence();\n    goPrev();\n  }, [goPrev, resetAudioSequence]);\n\n  const handleNext = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    resetAudioSequence();\n    goNext();\n  }, [goNext, resetAudioSequence]);\n\n  const handlePlayerEnded = useCallback(\n    (audioIndex: number) => {\n      if (currentAudioSequencePosition < 0) {\n        return;\n      }\n\n      if (\n        currentAudioSequenceIndexes[currentAudioSequencePosition] !== audioIndex\n      ) {\n        return;\n      }\n\n      const nextSequencePosition = currentAudioSequencePosition + 1;\n      const nextAudioIndex = currentAudioSequenceIndexes[nextSequencePosition];\n\n      if (typeof nextAudioIndex === \"number\") {\n        setCurrentAudioSequencePosition(nextSequencePosition);\n        setCurrentAudioIndex(nextAudioIndex);\n        return;\n      }\n\n      setCurrentAudioIndex(-1);\n      setCurrentAudioSequencePosition(-1);\n\n      if (canGoNext) {\n        goNext();\n      }\n    },\n    [\n      canGoNext,\n      currentAudioSequenceIndexes,\n      currentAudioSequencePosition,\n      goNext,\n    ]\n  );\n\n  const handleInteractionToggle = useCallback(() => {\n    if (!activeInteractionElement) {\n      return;\n    }\n\n    setIsInteractionOverlayOpen((prevOpen) => !prevOpen);\n  }, [activeInteractionElement]);\n\n  const stopOverlayPropagation = useCallback(\n    (\n      event:\n        | React.PointerEvent<HTMLDivElement>\n        | React.MouseEvent<HTMLDivElement>\n    ) => {\n      event.stopPropagation();\n\n      // Keep the player visible a bit longer when users interact with the overlay.\n      if (isPlayerVisible) {\n        showPlayerControls(true);\n      }\n    },\n    [isPlayerVisible, showPlayerControls]\n  );\n\n  const handleSurfacePointerDown = useCallback(\n    (event: React.PointerEvent<HTMLElement>) => {\n      onPointerDown?.(event);\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    },\n    [onPointerDown, showPlayerControls]\n  );\n\n  const shouldShowInteractionOverlay =\n    Boolean(activeInteractionElement) && isInteractionOverlayOpen;\n\n  const currentRenderElementKeys = useMemo(\n    () =>\n      currentElementList.map(\n        (element, index) =>\n          `${element.serial_number ?? `${element.type}-${index}`}:${element.operation ?? \"\"}`\n      ),\n    [currentElementList]\n  );\n\n  const renderElementList = useMemo(() => {\n    const nextHtmlElement = slideElementList\n      .slice(currentIndex + 1)\n      .find((element) => element.type === \"html\");\n\n    if (!nextHtmlElement) {\n      return currentElementList;\n    }\n\n    const hasMountedNextHtml = currentElementList.some(\n      (element) => element.serial_number === nextHtmlElement.serial_number\n    );\n\n    if (hasMountedNextHtml) {\n      return currentElementList;\n    }\n\n    // Keep the next html sandbox mounted offscreen so it is ready when revealed.\n    return [...currentElementList, { ...nextHtmlElement, is_show: false }];\n  }, [currentElementList, currentIndex, slideElementList]);\n\n  useEffect(() => {\n    const prevKeys = prevRenderElementKeysRef.current;\n    const hasStablePrefix =\n      prevKeys.length > 0 &&\n      prevKeys.length < currentRenderElementKeys.length &&\n      prevKeys.every((key, index) => key === currentRenderElementKeys[index]);\n    const appendedElements = hasStablePrefix\n      ? currentElementList.slice(prevKeys.length)\n      : [];\n    const shouldAutoScrollToAppend = appendedElements.some(\n      (element) => element.operation === \"append\"\n    );\n\n    prevRenderElementKeysRef.current = currentRenderElementKeys;\n\n    if (!shouldAutoScrollToAppend) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      const stageLayerElement = stageLayerRef.current;\n      const targetElement = lastElementRef.current;\n\n      if (!stageLayerElement || !targetElement) {\n        return;\n      }\n\n      const stageLayerRect = stageLayerElement.getBoundingClientRect();\n      const targetRect = targetElement.getBoundingClientRect();\n      const nextScrollTop =\n        stageLayerElement.scrollTop + (targetRect.top - stageLayerRect.top);\n\n      // Keep newly appended content visible when the current slide grows downward.\n      stageLayerElement.scrollTo({\n        top: Math.max(nextScrollTop, 0),\n        behavior: \"smooth\",\n      });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, currentRenderElementKeys]);\n\n  useEffect(() => {\n    if (!shouldScrollToBottomRef.current) {\n      return;\n    }\n\n    shouldScrollToBottomRef.current = false;\n\n    if (currentElementList.length === 0) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      scrollStageToBottom();\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, scrollStageToBottom]);\n\n  console.log(\n    \"currentElement\",\n    currentElementList.at(-1),\n    currentElementList,\n    shouldRenderPlayer,\n    isPlayerVisible,\n    currentAudioSequenceIndexes,\n    currentInteractionElement,\n    activeInteractionElement,\n    isInteractionOverlayOpen\n  );\n\n  return (\n    <section\n      ref={sectionRef}\n      className={cn(\"relative h-full w-full\", className)}\n      onPointerDown={handleSurfacePointerDown}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-full min-h-0 w-full\",\n          isSingleSlide ? \"slide-content--single\" : \"grid gap-4\"\n        )}\n      >\n        {shouldRenderPlayer && !isPlayerVisible ? (\n          <button\n            aria-label=\"Show player controls\"\n            className=\"slide-player-hit-area\"\n            onPointerDown={handleSurfacePointerDown}\n            type=\"button\"\n          />\n        ) : null}\n        {currentElementList.length > 0 ? (\n          <div className=\"slide-stage\">\n            <div ref={stageLayerRef} className=\"slide-stage__layer w-full\">\n              {renderSlideElementList(renderElementList)}\n            </div>\n          </div>\n        ) : null}\n      </div>\n\n      {shouldShowInteractionOverlay ? (\n        <div\n          className={cn(\n            \"slide-interaction-overlay\",\n            isPlayerVisible && shouldRenderPlayer\n              ? \"slide-interaction-overlay--with-player\"\n              : \"slide-interaction-overlay--standalone\"\n          )}\n          onClick={stopOverlayPropagation}\n          onPointerDown={stopOverlayPropagation}\n        >\n          <InteractionOverlayCard\n            content={String(activeInteractionElement?.content ?? \"\")}\n            defaultButtonText={interactionDefaults.buttonText ?? \"\"}\n            defaultInputText={interactionDefaults.inputText ?? \"\"}\n            defaultSelectedValues={interactionDefaultSelectedValues}\n            onSend={handleInteractionSend}\n            readonly={hasResolvedInteractionInput}\n            title={interactionTitle ?? \"Submit the content below to continue.\"}\n          />\n        </div>\n      ) : null}\n\n      {shouldRenderPlayer ? (\n        <Player\n          audioList={audioList}\n          className={cn(\n            \"absolute left-1/2 bottom-6 z-[2] -translate-x-1/2\",\n            playerClassName,\n            !isPlayerVisible && \"pointer-events-none opacity-0\"\n          )}\n          currentAudioIndex={currentAudioIndex}\n          defaultPlaying={canAutoPlayAudio}\n          hasInteraction={Boolean(activeInteractionElement)}\n          isInteractionOpen={isInteractionOverlayOpen}\n          nextDisabled={!canGoNext}\n          onEnded={handlePlayerEnded}\n          onFullscreen={handleFullscreen}\n          onInteractionToggle={handleInteractionToggle}\n          onNext={handleNext}\n          onPrev={handlePrev}\n          prevDisabled={!canGoPrev}\n          showControls={isPlayerVisible}\n        />\n      ) : null}\n    </section>\n  );\n};\n\nexport default Slide;\n"],"names":["CHECKPOINT_AUTO_ADVANCE_DELAY_MS","InteractionOverlayCard","memo","content","title","defaultButtonText","defaultInputText","defaultSelectedValues","onSend","readonly","jsxs","jsx","ContentRender","Slide","elementList","showPlayer","playerClassName","interactionTitle","playerAutoHideDelay","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","currentElementList","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","isSingleSlide","element","shouldRenderPlayer","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","shouldAutoPlay","hasBrowserUserActivation","canAutoPlayAudio","currentAudioIndex","setCurrentAudioIndex","currentAudioSequencePosition","setCurrentAudioSequencePosition","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","clearPlayerHideTimer","useCallback","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioIndex","continueAfterInteraction","showPlayerControls","enableAutoHide","useEffect","interactionDefaults","useMemo","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","handleInteractionSend","resolvedUserInput","prevElement","renderSlideElement","Fragment","IframeSandbox","renderSlideElementList","visibleElementCount","lastVisibleElementIndex","lastVisibleIndex","index","isPreRenderedHtml","cn","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerEnded","audioIndex","nextSequencePosition","handleInteractionToggle","prevOpen","stopOverlayPropagation","event","handleSurfacePointerDown","shouldShowInteractionOverlay","currentRenderElementKeys","renderElementList","nextHtmlElement","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","Player"],"mappings":"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"}

package/dist/components/Slide/Slide.stories.d.ts

@@ -0,0 +1,47 @@
+import { StoryObj } from '@storybook/nextjs-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Slide').SlideProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        elementList: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        interactionTitle: {
+            control: "text";
+            description: string;
+        };
+        playerAutoHideDelay: {
+            control: {
+                type: "number";
+                min: number;
+                step: number;
+            };
+            description: string;
+        };
+    };
+    args: {
+        elementList: never[];
+        interactionTitle: string;
+        playerAutoHideDelay: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FullViewportSlides: Story;
+export declare const FullViewportSingleSlide: Story;
+export declare const FullViewportSingleSlideWithSSE: Story;

package/dist/components/Slide/diff-utils.cjs.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=/!\+\+\+\s*([\s\S]*?)\s*!\+\+\+/,x=/^@@\s+-(\d+)(?:,(\d+))?\s+\+(\d+)(?:,(\d+))?\s+@@/,h=(e,n)=>e===n||e.trim()===n.trim(),d=e=>{if(!e)return{};const n=e.match(m);if(!n)return{trailingContent:e.trim()||void 0};const s=n[1]?.trim(),i=e.slice(n.index+n[0].length).trim();return{patchText:s||void 0,trailingContent:i||void 0}},p=e=>{const n=e.split(`
+`),s=n[0]?.match(/^---\s+a\/(\d+)/),i=n[1]?.match(/^\+\+\+\s+b\/(\d+)/);if(!s||!i||s[1]!==i[1])return null;const r=[];let t=null;return n.slice(2).forEach(o=>{const l=o.match(x);if(l){t&&r.push(t),t={oldStart:Number.parseInt(l[1],10),lines:[]};return}t&&t.lines.push(o)}),t&&r.push(t),r.length===0?null:{targetIndex:Number.parseInt(s[1],10),hunks:r}},g=(e,n)=>{const s=p(n);if(!s)return null;const i=e.split(`
+`),r=[];let t=0;for(const o of s.hunks){const l=Math.max(o.oldStart-1,0);for(;t<l&&t<i.length;)r.push(i[t]),t+=1;for(const f of o.lines){const u=f[0],a=f.slice(1);if(u===" "){const c=i[t];if(c==null||!h(c,a))return null;r.push(c),t+=1;continue}if(u==="-"){const c=i[t];if(c==null||!h(c,a))return null;t+=1;continue}if(u==="+"){r.push(a);continue}}}for(;t<i.length;)r.push(i[t]),t+=1;return r.join(`
+`)},C=(e,n)=>{const s=typeof n.content=="string"?n.content:void 0,{patchText:i,trailingContent:r}=d(s);if(!i)return r?[...e,{...n,type:"text",content:r}]:null;const t=p(i);if(!t)return null;const o=e[t.targetIndex],l=typeof o?.content=="string"?o.content:void 0;if(!o||!l)return null;const f=g(l,i);if(!f)return null;const u=e.map((a,c)=>c===t.targetIndex?{...a,content:f}:a);return r?[...u,{...n,type:"text",content:r}]:u};exports.applyDiffElement=C;exports.applyUnifiedDiff=g;exports.parseUnifiedDiff=p;exports.splitDiffContent=d;
+//# sourceMappingURL=diff-utils.cjs.js.map

package/dist/components/Slide/diff-utils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-utils.cjs.js","sources":["../../../src/components/Slide/diff-utils.ts"],"sourcesContent":["import type { Element } from \"./types\";\n\ntype DiffHunk = {\n  oldStart: number;\n  lines: string[];\n};\n\ntype ParsedUnifiedDiff = {\n  targetIndex: number;\n  hunks: DiffHunk[];\n};\n\ntype DiffContentParts = {\n  patchText?: string;\n  trailingContent?: string;\n};\n\nconst DIFF_BLOCK_PATTERN = /!\\+\\+\\+\\s*([\\s\\S]*?)\\s*!\\+\\+\\+/;\nconst HUNK_HEADER_PATTERN = /^@@\\s+-(\\d+)(?:,(\\d+))?\\s+\\+(\\d+)(?:,(\\d+))?\\s+@@/;\n\nconst isComparableLineMatch = (sourceLine: string, expectedLine: string) =>\n  sourceLine === expectedLine || sourceLine.trim() === expectedLine.trim();\n\nexport const splitDiffContent = (content?: string): DiffContentParts => {\n  if (!content) {\n    return {};\n  }\n\n  const matched = content.match(DIFF_BLOCK_PATTERN);\n\n  if (!matched) {\n    return {\n      trailingContent: content.trim() || undefined,\n    };\n  }\n\n  const patchText = matched[1]?.trim();\n  const trailingContent = content\n    .slice(matched.index + matched[0].length)\n    .trim();\n\n  return {\n    patchText: patchText || undefined,\n    trailingContent: trailingContent || undefined,\n  };\n};\n\nexport const parseUnifiedDiff = (\n  patchText: string\n): ParsedUnifiedDiff | null => {\n  const lines = patchText.split(\"\\n\");\n  const targetMatch = lines[0]?.match(/^---\\s+a\\/(\\d+)/);\n  const nextMatch = lines[1]?.match(/^\\+\\+\\+\\s+b\\/(\\d+)/);\n\n  if (!targetMatch || !nextMatch || targetMatch[1] !== nextMatch[1]) {\n    return null;\n  }\n\n  const hunks: DiffHunk[] = [];\n  let currentHunk: DiffHunk | null = null;\n\n  lines.slice(2).forEach((line) => {\n    const headerMatch = line.match(HUNK_HEADER_PATTERN);\n\n    if (headerMatch) {\n      if (currentHunk) {\n        hunks.push(currentHunk);\n      }\n\n      currentHunk = {\n        oldStart: Number.parseInt(headerMatch[1], 10),\n        lines: [],\n      };\n      return;\n    }\n\n    if (currentHunk) {\n      currentHunk.lines.push(line);\n    }\n  });\n\n  if (currentHunk) {\n    hunks.push(currentHunk);\n  }\n\n  if (hunks.length === 0) {\n    return null;\n  }\n\n  return {\n    targetIndex: Number.parseInt(targetMatch[1], 10),\n    hunks,\n  };\n};\n\nexport const applyUnifiedDiff = (\n  source: string,\n  patchText: string\n): string | null => {\n  const parsed = parseUnifiedDiff(patchText);\n\n  if (!parsed) {\n    return null;\n  }\n\n  const sourceLines = source.split(\"\\n\");\n  const resultLines: string[] = [];\n  let sourceCursor = 0;\n\n  for (const hunk of parsed.hunks) {\n    const hunkStartIndex = Math.max(hunk.oldStart - 1, 0);\n\n    while (sourceCursor < hunkStartIndex && sourceCursor < sourceLines.length) {\n      resultLines.push(sourceLines[sourceCursor]);\n      sourceCursor += 1;\n    }\n\n    for (const line of hunk.lines) {\n      const marker = line[0];\n      const expectedLine = line.slice(1);\n\n      if (marker === \" \") {\n        const currentLine = sourceLines[sourceCursor];\n\n        if (\n          currentLine == null ||\n          !isComparableLineMatch(currentLine, expectedLine)\n        ) {\n          return null;\n        }\n\n        resultLines.push(currentLine);\n        sourceCursor += 1;\n        continue;\n      }\n\n      if (marker === \"-\") {\n        const currentLine = sourceLines[sourceCursor];\n\n        if (\n          currentLine == null ||\n          !isComparableLineMatch(currentLine, expectedLine)\n        ) {\n          return null;\n        }\n\n        sourceCursor += 1;\n        continue;\n      }\n\n      if (marker === \"+\") {\n        resultLines.push(expectedLine);\n        continue;\n      }\n\n      if (marker === \"\\\\\") {\n        continue;\n      }\n    }\n  }\n\n  while (sourceCursor < sourceLines.length) {\n    resultLines.push(sourceLines[sourceCursor]);\n    sourceCursor += 1;\n  }\n\n  return resultLines.join(\"\\n\");\n};\n\nexport const applyDiffElement = (\n  currentList: Element[],\n  diffElement: Element\n): Element[] | null => {\n  const content =\n    typeof diffElement.content === \"string\" ? diffElement.content : undefined;\n  const { patchText, trailingContent } = splitDiffContent(content);\n\n  if (!patchText) {\n    return trailingContent\n      ? [\n          ...currentList,\n          {\n            ...diffElement,\n            type: \"text\",\n            content: trailingContent,\n          },\n        ]\n      : null;\n  }\n\n  const parsed = parseUnifiedDiff(patchText);\n\n  if (!parsed) {\n    return null;\n  }\n\n  const targetElement = currentList[parsed.targetIndex];\n  const targetContent =\n    typeof targetElement?.content === \"string\"\n      ? targetElement.content\n      : undefined;\n\n  if (!targetElement || !targetContent) {\n    return null;\n  }\n\n  const patchedContent = applyUnifiedDiff(targetContent, patchText);\n\n  if (!patchedContent) {\n    return null;\n  }\n\n  const nextList = currentList.map((element, index) =>\n    index === parsed.targetIndex\n      ? {\n          ...element,\n          content: patchedContent,\n        }\n      : element\n  );\n\n  if (!trailingContent) {\n    return nextList;\n  }\n\n  return [\n    ...nextList,\n    {\n      ...diffElement,\n      type: \"text\",\n      content: trailingContent,\n    },\n  ];\n};\n"],"names":["DIFF_BLOCK_PATTERN","HUNK_HEADER_PATTERN","isComparableLineMatch","sourceLine","expectedLine","splitDiffContent","content","matched","patchText","trailingContent","parseUnifiedDiff","lines","targetMatch","nextMatch","hunks","currentHunk","line","headerMatch","applyUnifiedDiff","source","parsed","sourceLines","resultLines","sourceCursor","hunk","hunkStartIndex","marker","currentLine","applyDiffElement","currentList","diffElement","targetElement","targetContent","patchedContent","nextList","element","index"],"mappings":"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"}

package/dist/components/Slide/diff-utils.d.ts

@@ -0,0 +1,18 @@
+import { Element } from './types';
+type DiffHunk = {
+    oldStart: number;
+    lines: string[];
+};
+type ParsedUnifiedDiff = {
+    targetIndex: number;
+    hunks: DiffHunk[];
+};
+type DiffContentParts = {
+    patchText?: string;
+    trailingContent?: string;
+};
+export declare const splitDiffContent: (content?: string) => DiffContentParts;
+export declare const parseUnifiedDiff: (patchText: string) => ParsedUnifiedDiff | null;
+export declare const applyUnifiedDiff: (source: string, patchText: string) => string | null;
+export declare const applyDiffElement: (currentList: Element[], diffElement: Element) => Element[] | null;
+export {};

package/dist/components/Slide/diff-utils.es.js

@@ -0,0 +1,113 @@
+const d = /!\+\+\+\s*([\s\S]*?)\s*!\+\+\+/, g = /^@@\s+-(\d+)(?:,(\d+))?\s+\+(\d+)(?:,(\d+))?\s+@@/, f = (e, n) => e === n || e.trim() === n.trim(), m = (e) => {
+  if (!e)
+    return {};
+  const n = e.match(d);
+  if (!n)
+    return {
+      trailingContent: e.trim() || void 0
+    };
+  const i = n[1]?.trim(), r = e.slice(n.index + n[0].length).trim();
+  return {
+    patchText: i || void 0,
+    trailingContent: r || void 0
+  };
+}, p = (e) => {
+  const n = e.split(`
+`), i = n[0]?.match(/^---\s+a\/(\d+)/), r = n[1]?.match(/^\+\+\+\s+b\/(\d+)/);
+  if (!i || !r || i[1] !== r[1])
+    return null;
+  const s = [];
+  let t = null;
+  return n.slice(2).forEach((o) => {
+    const u = o.match(g);
+    if (u) {
+      t && s.push(t), t = {
+        oldStart: Number.parseInt(u[1], 10),
+        lines: []
+      };
+      return;
+    }
+    t && t.lines.push(o);
+  }), t && s.push(t), s.length === 0 ? null : {
+    targetIndex: Number.parseInt(i[1], 10),
+    hunks: s
+  };
+}, x = (e, n) => {
+  const i = p(n);
+  if (!i)
+    return null;
+  const r = e.split(`
+`), s = [];
+  let t = 0;
+  for (const o of i.hunks) {
+    const u = Math.max(o.oldStart - 1, 0);
+    for (; t < u && t < r.length; )
+      s.push(r[t]), t += 1;
+    for (const h of o.lines) {
+      const l = h[0], a = h.slice(1);
+      if (l === " ") {
+        const c = r[t];
+        if (c == null || !f(c, a))
+          return null;
+        s.push(c), t += 1;
+        continue;
+      }
+      if (l === "-") {
+        const c = r[t];
+        if (c == null || !f(c, a))
+          return null;
+        t += 1;
+        continue;
+      }
+      if (l === "+") {
+        s.push(a);
+        continue;
+      }
+    }
+  }
+  for (; t < r.length; )
+    s.push(r[t]), t += 1;
+  return s.join(`
+`);
+}, C = (e, n) => {
+  const i = typeof n.content == "string" ? n.content : void 0, { patchText: r, trailingContent: s } = m(i);
+  if (!r)
+    return s ? [
+      ...e,
+      {
+        ...n,
+        type: "text",
+        content: s
+      }
+    ] : null;
+  const t = p(r);
+  if (!t)
+    return null;
+  const o = e[t.targetIndex], u = typeof o?.content == "string" ? o.content : void 0;
+  if (!o || !u)
+    return null;
+  const h = x(u, r);
+  if (!h)
+    return null;
+  const l = e.map(
+    (a, c) => c === t.targetIndex ? {
+      ...a,
+      content: h
+    } : a
+  );
+  return s ? [
+    ...l,
+    {
+      ...n,
+      type: "text",
+      content: s
+    }
+  ] : l;
+};
+export {
+  C as applyDiffElement,
+  x as applyUnifiedDiff,
+  p as parseUnifiedDiff,
+  m as splitDiffContent
+};
+//# sourceMappingURL=diff-utils.es.js.map