markdown-flow-ui 0.1.100-beta.13 → 0.1.100-beta.15

package/dist/components/ContentRender/SandboxApp.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SandboxApp.es.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface SandboxAppProps {\n  html: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n  mode?: \"content\" | \"blackboard\";\n  hasRootVhHeight?: boolean;\n}\n\nconst IMAGE_REUSE_ATTRIBUTES = [\n  \"src\",\n  \"srcset\",\n  \"sizes\",\n  \"alt\",\n  \"class\",\n  \"width\",\n  \"height\",\n  \"style\",\n  \"loading\",\n  \"decoding\",\n  \"crossorigin\",\n  \"referrerpolicy\",\n];\n\nconst getImageReuseKey = (image: HTMLImageElement) =>\n  IMAGE_REUSE_ATTRIBUTES.map(\n    (attribute) => `${attribute}:${image.getAttribute(attribute) || \"\"}`\n  ).join(\"|\");\n\nconst collectReusableImages = (root: ParentNode) => {\n  const imageMap = new Map<string, HTMLImageElement[]>();\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const image = node as HTMLImageElement;\n    const key = getImageReuseKey(image);\n    const bucket = imageMap.get(key) || [];\n    bucket.push(image);\n    imageMap.set(key, bucket);\n  });\n  return imageMap;\n};\n\nconst syncImageAttributes = (\n  sourceImage: HTMLImageElement,\n  targetImage: HTMLImageElement\n) => {\n  const sourceAttributes = Array.from(sourceImage.attributes);\n  const sourceAttributeNames = new Set(\n    sourceAttributes.map((attribute) => attribute.name)\n  );\n\n  Array.from(targetImage.attributes).forEach((attribute) => {\n    if (!sourceAttributeNames.has(attribute.name)) {\n      targetImage.removeAttribute(attribute.name);\n    }\n  });\n\n  sourceAttributes.forEach((attribute) => {\n    targetImage.setAttribute(attribute.name, attribute.value);\n  });\n};\n\nconst reuseRenderedImages = (\n  root: ParentNode,\n  imageMap: Map<string, HTMLImageElement[]>\n) => {\n  if (!imageMap.size) return;\n\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const nextImage = node as HTMLImageElement;\n    const key = getImageReuseKey(nextImage);\n    const bucket = imageMap.get(key);\n    const preservedImage = bucket?.shift();\n    if (!preservedImage) return;\n\n    syncImageAttributes(nextImage, preservedImage);\n    nextImage.replaceWith(preservedImage);\n\n    if (bucket && bucket.length === 0) {\n      imageMap.delete(key);\n    }\n  });\n};\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n  mode = \"content\",\n  hasRootVhHeight = false,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [, setIsWaitingFirstDiv] = useState(true);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      doc.head?.appendChild(styleEl);\n    }\n    styleEl.textContent = `\n      @keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\n      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n    `;\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n    const reusableImages = collectReusableImages(container);\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsWaitingFirstDiv(!hasRenderedBefore);\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    const wrapper = doc.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n    reuseRenderedImages(wrapper, reusableImages);\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    setIsWaitingFirstDiv(!hasFirstElement && !hasRenderedBefore);\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    container.innerHTML = \"\";\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.append(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  const overlayMessage = (() => {\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    return null;\n  })();\n\n  const isBlackboard = mode === \"blackboard\";\n  const sandboxWrapperStyle: React.CSSProperties = {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Keep blackboard scroll behavior while centering content in non-blackboard mode\n    justifyContent: isBlackboard ? \"space-around\" : \"flex-start\",\n  };\n  const sandboxContainerStyle: React.CSSProperties = {\n    pointerEvents: overlayMessage ? \"none\" : undefined,\n    margin: isBlackboard ? undefined : \"auto 0\",\n    width: \"100%\",\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className=\"sandbox-wrapper\"\n      style={sandboxWrapperStyle}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        className=\"sandbox-container\"\n        style={sandboxContainerStyle}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            background: \"rgba(51, 51, 51, 0.80)\",\n            color: \"#ffffff\",\n            fontSize: 16,\n            fontWeight: 700,\n            gap: 10,\n            pointerEvents: \"auto\",\n            zIndex: 20,\n          }}\n        >\n          <Loader2\n            aria-hidden\n            size={20}\n            style={{ animation: \"sandbox-spin 1s linear infinite\" }}\n          />\n          {overlayMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["IMAGE_REUSE_ATTRIBUTES","getImageReuseKey","image","attribute","collectReusableImages","root","imageMap","node","key","bucket","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","reuseRenderedImages","nextImage","preservedImage","SandboxApp","html","styleLoadingText","scriptLoadingText","resetToken","mode","hasRootVhHeight","wrapperRef","useRef","containerRef","setIsWaitingFirstDiv","useState","isGeneratingStyles","setIsGeneratingStyles","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","reusableImages","hasRenderedBefore","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","hasFirstElement","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"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"}
+{"version":3,"file":"SandboxApp.es.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface SandboxAppProps {\n  html: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n  mode?: \"content\" | \"blackboard\";\n  hasRootVhHeight?: boolean;\n  stretchRootHeight?: boolean;\n}\n\nconst IMAGE_REUSE_ATTRIBUTES = [\n  \"src\",\n  \"srcset\",\n  \"sizes\",\n  \"alt\",\n  \"class\",\n  \"width\",\n  \"height\",\n  \"style\",\n  \"loading\",\n  \"decoding\",\n  \"crossorigin\",\n  \"referrerpolicy\",\n];\n\nconst getImageReuseKey = (image: HTMLImageElement) =>\n  IMAGE_REUSE_ATTRIBUTES.map(\n    (attribute) => `${attribute}:${image.getAttribute(attribute) || \"\"}`\n  ).join(\"|\");\n\nconst collectReusableImages = (root: ParentNode) => {\n  const imageMap = new Map<string, HTMLImageElement[]>();\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const image = node as HTMLImageElement;\n    const key = getImageReuseKey(image);\n    const bucket = imageMap.get(key) || [];\n    bucket.push(image);\n    imageMap.set(key, bucket);\n  });\n  return imageMap;\n};\n\nconst syncImageAttributes = (\n  sourceImage: HTMLImageElement,\n  targetImage: HTMLImageElement\n) => {\n  const sourceAttributes = Array.from(sourceImage.attributes);\n  const sourceAttributeNames = new Set(\n    sourceAttributes.map((attribute) => attribute.name)\n  );\n\n  Array.from(targetImage.attributes).forEach((attribute) => {\n    if (!sourceAttributeNames.has(attribute.name)) {\n      targetImage.removeAttribute(attribute.name);\n    }\n  });\n\n  sourceAttributes.forEach((attribute) => {\n    targetImage.setAttribute(attribute.name, attribute.value);\n  });\n};\n\nconst reuseRenderedImages = (\n  root: ParentNode,\n  imageMap: Map<string, HTMLImageElement[]>\n) => {\n  if (!imageMap.size) return;\n\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const nextImage = node as HTMLImageElement;\n    const key = getImageReuseKey(nextImage);\n    const bucket = imageMap.get(key);\n    const preservedImage = bucket?.shift();\n    if (!preservedImage) return;\n\n    syncImageAttributes(nextImage, preservedImage);\n    nextImage.replaceWith(preservedImage);\n\n    if (bucket && bucket.length === 0) {\n      imageMap.delete(key);\n    }\n  });\n};\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n  mode = \"content\",\n  hasRootVhHeight = false,\n  stretchRootHeight = false,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [, setIsWaitingFirstDiv] = useState(true);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      doc.head?.appendChild(styleEl);\n    }\n    styleEl.textContent = `\n      @keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\n      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n    `;\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n    const reusableImages = collectReusableImages(container);\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsWaitingFirstDiv(!hasRenderedBefore);\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    const wrapper = doc.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n    reuseRenderedImages(wrapper, reusableImages);\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    setIsWaitingFirstDiv(!hasFirstElement && !hasRenderedBefore);\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    container.innerHTML = \"\";\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.append(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  const overlayMessage = (() => {\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    return null;\n  })();\n\n  const isBlackboard = mode === \"blackboard\";\n  const shouldStretchRootHeight = isBlackboard && stretchRootHeight;\n  const sandboxWrapperStyle: React.CSSProperties = {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Keep blackboard scroll behavior while centering content in non-blackboard mode\n    justifyContent: shouldStretchRootHeight\n      ? \"flex-start\"\n      : isBlackboard\n        ? \"space-around\"\n        : \"flex-start\",\n  };\n  const sandboxContainerStyle: React.CSSProperties = {\n    pointerEvents: overlayMessage ? \"none\" : undefined,\n    margin: isBlackboard ? undefined : \"auto 0\",\n    width: \"100%\",\n    height: shouldStretchRootHeight ? \"100%\" : undefined,\n    minHeight: shouldStretchRootHeight ? 0 : undefined,\n    flex: shouldStretchRootHeight ? \"1 1 auto\" : undefined,\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className=\"sandbox-wrapper\"\n      style={sandboxWrapperStyle}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        className=\"sandbox-container\"\n        style={sandboxContainerStyle}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            background: \"rgba(51, 51, 51, 0.80)\",\n            color: \"#ffffff\",\n            fontSize: 16,\n            fontWeight: 700,\n            gap: 10,\n            pointerEvents: \"auto\",\n            zIndex: 20,\n          }}\n        >\n          <Loader2\n            aria-hidden\n            size={20}\n            style={{ animation: \"sandbox-spin 1s linear infinite\" }}\n          />\n          {overlayMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["IMAGE_REUSE_ATTRIBUTES","getImageReuseKey","image","attribute","collectReusableImages","root","imageMap","node","key","bucket","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","reuseRenderedImages","nextImage","preservedImage","SandboxApp","html","styleLoadingText","scriptLoadingText","resetToken","mode","hasRootVhHeight","stretchRootHeight","wrapperRef","useRef","containerRef","setIsWaitingFirstDiv","useState","isGeneratingStyles","setIsGeneratingStyles","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","reusableImages","hasRenderedBefore","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","hasFirstElement","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"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"}

package/dist/components/Slide/Player.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),T=require("../../lib/utils.cjs.js");;/* empty css                */const ee=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),te=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),re=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),se=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),ne=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),ue=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),le=()=>r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[r.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),r.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),ce=()=>r.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[r.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),r.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),ae=({audioList:L=[],className:Z,currentAudioIndex:s=-1,defaultPlaying:u=!0,onPrev:$,onNext:F,onFullscreen:H,onEnded:M,onPlayRequest:v,onInteractionToggle:U,hasInteraction:B=!1,isInteractionOpen:K=!1,prevDisabled:z=!1,nextDisabled:O=!1,showControls:P=!0,...G})=>{const d=t.useRef(null),R=t.useRef(null),q=t.useRef(null),h=t.useRef(0),o=t.useRef(null),w=t.useRef(void 0),C=t.useRef([]),f=t.useRef(!1),n=t.useRef(!1),i=t.useRef(null),p=t.useRef(!1),[N,l]=t.useState(u),m=s>=0?L[s]:void 0,b=m?.audioUrl,x=t.useMemo(()=>[...m?.audioSegments??[]].sort((e,a)=>e.segment_index-a.segment_index),[m?.audioSegments]),A=`${s}:${m?.sequenceNumber??"none"}:${b??""}`;t.useEffect(()=>{w.current=m},[m]),t.useEffect(()=>{C.current=x},[x]);const W=t.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),g=t.useCallback(()=>{const e=d.current;e&&(n.current=!1,i.current=null,f.current=!1,p.current=!1,e.pause(),e.removeAttribute("src"),e.load(),R.current=null,h.current=0,o.current=null,l(!1))},[s]),j=t.useCallback(e=>{const a=d.current;if(!a)return!1;const c=a.play();return c&&typeof c.then=="function"&&c.then(()=>{n.current=!1,p.current=!1}).catch(_=>{l(!1)}),!0},[s]),E=t.useCallback((e,a)=>{const c=d.current,_=C.current[e];if(!c||!_)return!1;const y=W(_.audio_data);h.current=e,o.current=null,f.current=!1,p.current=!0,n.current=u;const k=R.current!==y;return k&&(c.pause(),c.removeAttribute("src"),c.load(),R.current=y,c.src=y,c.load()),i.current=0,c.readyState>0&&(c.currentTime=0,i.current=null),u?k?!0:j(`start-segment:${a}`):(n.current=!1,p.current=!1,c.pause(),l(!1),!0)},[s,u,W,j]),S=t.useCallback(()=>{n.current=!1,f.current=!1,p.current=!1,l(!1),s>=0&&M?.(s)},[s,M]),V=t.useCallback(()=>{const e=h.current+1,a=C.current,c=a[e],_=w.current,y=a.some(k=>k.is_final);if(c){E(e,"ended");return}if(_?.isAudioStreaming||!y){h.current=e,o.current=e,f.current=!0,n.current=u,l(u);return}S("segments-completed")},[s,u,S,E]);t.useEffect(()=>{if(q.current===A)return;q.current=A,h.current=0,o.current=null,f.current=!1,n.current=!1,p.current=!1,R.current=null;const e=d.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),l(!1))},[s,A,x.length,b]),t.useEffect(()=>{const e=d.current;if(e){if(!m){g();return}if(b){const a=R.current!==b;if(a&&(e.pause(),e.removeAttribute("src"),e.load(),R.current=b,e.src=b,e.load()),i.current=0,e.readyState>0&&(e.currentTime=0,i.current=null),n.current=u,f.current=!1,p.current=!1,!u){n.current=!1,e.pause(),l(!1);return}a||j("sync-url");return}if(o.current!==null){if(o.current<x.length){E(o.current,"wait-resume");return}f.current=!0,n.current=u,l(u);return}if(!x.length){if(m.isAudioStreaming){o.current=h.current,f.current=!0,n.current=u,l(u);return}g();return}if(!R.current){E(Math.min(h.current,x.length-1),"effect-init");return}if(!u){n.current=!1,e.pause(),l(!1);return}e.paused&&(n.current=!0,j("sync-paused-retry"))}},[m,s,x,b,u,g,E,j]),t.useEffect(()=>g,[g]);const J=t.useCallback(()=>{l(!0)},[s]),Q=t.useCallback(()=>{f.current||p.current||l(!1)},[s]),X=t.useCallback(()=>{const e=d.current;e&&i.current!==null&&(e.currentTime=i.current,i.current=null),!(!n.current||!u)&&j("canplay")},[s,u,j]),Y=t.useCallback(()=>{const e=d.current;e&&i.current!==null&&(e.currentTime=i.current,i.current=null)},[s]),D=t.useCallback(()=>{if(p.current=!1,w.current?.audioUrl||C.current.length===0){S("url-ended");return}V()},[s,S,V]),I=t.useCallback(()=>{l(!1)},[s]);return r.jsxRuntimeExports.jsxs("div",{className:T.cn("slide-player",Z),...G,children:[r.jsxRuntimeExports.jsx("audio",{ref:d,preload:"metadata",playsInline:!0,onLoadedMetadata:Y,onCanPlay:X,onPlay:J,onPause:Q,onEnded:D,onError:I}),P?r.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",children:[r.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[r.jsxRuntimeExports.jsx("button",{"aria-label":"More options",className:"hidden",type:"button",children:r.jsxRuntimeExports.jsx(ee.default,{className:"slide-player__icon",strokeWidth:2.25})}),r.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:r.jsxRuntimeExports.jsx(te.default,{className:"slide-player__icon",strokeWidth:2.25})}),r.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action",disabled:z,onClick:$,type:"button",children:r.jsxRuntimeExports.jsx(re.default,{className:"slide-player__icon",strokeWidth:2.25})}),r.jsxRuntimeExports.jsx("button",{"aria-label":N?"Pause":"Play",className:"slide-player__toggle",onClick:()=>{const e=d.current;if(!(!e||!m)){if(o.current!==null){if(N){n.current=!1,o.current=null,f.current=!1,l(!1),e.pause();return}v?.(),n.current=!0,l(!0);return}if(!e.src&&x.length>0){v?.(),E(Math.min(h.current,x.length-1),"toggle");return}if(e.paused){v?.(),n.current=!0,j("toggle-resume");return}n.current=!1,e.pause()}},type:"button",children:N?r.jsxRuntimeExports.jsx(le,{}):r.jsxRuntimeExports.jsx(ce,{})}),r.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action",disabled:O,onClick:F,type:"button",children:r.jsxRuntimeExports.jsx(se.default,{className:"slide-player__icon",strokeWidth:2.25})}),r.jsxRuntimeExports.jsx("button",{"aria-label":"Fullscreen",className:"hidden",onClick:H,type:"button",children:r.jsxRuntimeExports.jsx(ne.default,{className:"slide-player__icon",strokeWidth:2.25})})]}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__group",children:r.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:T.cn("slide-player__action",K&&"slide-player__action--active"),disabled:!B,onClick:U,type:"button",children:r.jsxRuntimeExports.jsx(ue.default,{className:"slide-player__icon",strokeWidth:2.25})})})]}):null]})};exports.default=ae;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),$=require("../../lib/utils.cjs.js");;/* empty css                */const se=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),ne=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),ue=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),le=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),ce=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),ae=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),ie=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),oe=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),fe=({audioList:F=[],className:H,currentAudioIndex:a=-1,defaultPlaying:u=!0,onLoadingChange:q,onPrev:U,onNext:B,onFullscreen:K,onEnded:W,onPlayRequest:w,onInteractionToggle:z,hasInteraction:O=!1,isInteractionOpen:P=!1,prevDisabled:G=!1,nextDisabled:J=!1,showControls:Q=!0,...X})=>{const p=r.useRef(null),b=r.useRef(null),V=r.useRef(null),j=r.useRef(0),f=r.useRef(null),N=r.useRef(void 0),S=r.useRef([]),L=r.useRef(!1),d=r.useRef(!1),s=r.useRef(!1),o=r.useRef(null),x=r.useRef(!1),[A,l]=r.useState(u),m=a>=0?F[a]:void 0,E=m?.audioUrl,h=r.useMemo(()=>[...m?.audioSegments??[]].sort((e,i)=>e.segment_index-i.segment_index),[m?.audioSegments]),M=`${a}:${m?.sequenceNumber??"none"}:${E??""}`;r.useEffect(()=>{N.current=m},[m]),r.useEffect(()=>{S.current=h},[h]);const n=r.useCallback(e=>{L.current!==e&&(L.current=e,q?.(e))},[q]),T=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),g=r.useCallback(()=>{const e=p.current;e&&(s.current=!1,o.current=null,d.current=!1,x.current=!1,e.pause(),e.removeAttribute("src"),e.load(),b.current=null,j.current=0,f.current=null,l(!1),n(!1))},[n]),R=r.useCallback(e=>{const i=p.current;if(!i)return!1;const c=i.play();return c&&typeof c.then=="function"&&c.then(()=>{s.current=!1,x.current=!1}).catch(y=>{l(!1)}),!0},[a]),_=r.useCallback((e,i)=>{const c=p.current,y=S.current[e];if(!c||!y)return!1;const C=T(y.audio_data);j.current=e,f.current=null,d.current=!1,x.current=!0,s.current=u,n(!1);const v=b.current!==C;return v&&(c.pause(),c.removeAttribute("src"),c.load(),b.current=C,c.src=C,c.load()),o.current=0,c.readyState>0&&(c.currentTime=0,o.current=null),u?v?!0:R(`start-segment:${i}`):(s.current=!1,x.current=!1,c.pause(),l(!1),!0)},[u,T,R,n]),k=r.useCallback(e=>{s.current=!1,d.current=!1,x.current=!1,l(!1),n(!1),a>=0&&W?.(a)},[a,W,n]),Z=r.useCallback(()=>{const e=j.current+1,i=S.current,c=i[e],y=N.current,C=i.some(v=>v.is_final);if(c){_(e,"ended");return}if(y?.isAudioStreaming||!C){j.current=e,f.current=e,d.current=!0,s.current=u,l(u),n(!0);return}k("segments-completed")},[u,k,_,n]);r.useEffect(()=>{if(V.current===M)return;V.current=M,j.current=0,f.current=null,d.current=!1,s.current=!1,x.current=!1,b.current=null,n(!1);const e=p.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),l(!1))},[a,M,h.length,E,n]),r.useEffect(()=>{const e=p.current;if(e){if(!m){g();return}if(E){const i=b.current!==E;if(i&&(e.pause(),e.removeAttribute("src"),e.load(),b.current=E,e.src=E,e.load()),o.current=0,e.readyState>0&&(e.currentTime=0,o.current=null),s.current=u,d.current=!1,x.current=!1,n(!1),!u){s.current=!1,e.pause(),l(!1);return}i||R("sync-url");return}if(f.current!==null){if(f.current<h.length){_(f.current,"wait-resume");return}d.current=!0,s.current=u,l(u),n(!0);return}if(!h.length){if(m.isAudioStreaming){f.current=j.current,d.current=!0,s.current=u,l(u),n(!0);return}g();return}if(!b.current){_(Math.min(j.current,h.length-1),"effect-init");return}if(!u){s.current=!1,e.pause(),l(!1);return}e.paused&&(s.current=!0,R("sync-paused-retry"))}},[m,a,h,E,u,g,_,R,n]),r.useEffect(()=>g,[g]);const Y=r.useCallback(()=>{l(!0),n(!1)},[n]),D=r.useCallback(()=>{d.current||x.current||l(!1)},[a]),I=r.useCallback(()=>{const e=p.current;e&&o.current!==null&&(e.currentTime=o.current,o.current=null),!(!s.current||!u)&&R("canplay")},[a,u,R]),ee=r.useCallback(()=>{const e=p.current;e&&o.current!==null&&(e.currentTime=o.current,o.current=null)},[a]),re=r.useCallback(()=>{if(x.current=!1,N.current?.audioUrl||S.current.length===0){k("url-ended");return}Z()},[a,k,Z]),te=r.useCallback(()=>{l(!1),n(!1)},[n]);return t.jsxRuntimeExports.jsxs("div",{className:$.cn("slide-player",H),...X,children:[t.jsxRuntimeExports.jsx("audio",{ref:p,preload:"metadata",playsInline:!0,onLoadedMetadata:ee,onCanPlay:I,onPlay:Y,onPause:D,onEnded:re,onError:te}),Q?t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-label":"More options",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(se.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(ne.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action",disabled:G,onClick:U,type:"button",children:t.jsxRuntimeExports.jsx(ue.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":A?"Pause":"Play",className:"slide-player__toggle",onClick:()=>{const e=p.current;if(!(!e||!m)){if(f.current!==null){if(A){s.current=!1,f.current=null,d.current=!1,l(!1),e.pause();return}w?.(),s.current=!0,l(!0);return}if(!e.src&&h.length>0){w?.(),_(Math.min(j.current,h.length-1),"toggle");return}if(e.paused){w?.(),s.current=!0,R("toggle-resume");return}s.current=!1,e.pause()}},type:"button",children:A?t.jsxRuntimeExports.jsx(ie,{}):t.jsxRuntimeExports.jsx(oe,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action",disabled:J,onClick:B,type:"button",children:t.jsxRuntimeExports.jsx(le.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Fullscreen",className:"hidden",onClick:K,type:"button",children:t.jsxRuntimeExports.jsx(ce.default,{className:"slide-player__icon",strokeWidth:2.25})})]}),t.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),t.jsxRuntimeExports.jsx("div",{className:"slide-player__group",children:t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:$.cn("slide-player__action",P&&"slide-player__action--active"),disabled:!O,onClick:z,type:"button",children:t.jsxRuntimeExports.jsx(ae.default,{className:"slide-player__icon",strokeWidth:2.25})})})]}):null]})};exports.default=fe;
 //# sourceMappingURL=Player.cjs.js.map

package/dist/components/Slide/Player.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Player.cjs.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  EllipsisVertical,\n  FilePenLine,\n  Maximize,\n  RotateCcw,\n  RotateCw,\n  Volume2,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { SlideAudioItem } from \"./useSlide\";\nimport \"./player.css\";\n\nexport type PlayerProps = React.ComponentProps<\"div\"> & {\n  audioList?: SlideAudioItem[];\n  currentAudioIndex?: number;\n  defaultPlaying?: boolean;\n  onPrev?: () => void;\n  onNext?: () => void;\n  onFullscreen?: () => void;\n  onEnded?: (audioIndex: number) => void;\n  onPlayRequest?: () => void;\n  onInteractionToggle?: () => void;\n  hasInteraction?: boolean;\n  isInteractionOpen?: boolean;\n  prevDisabled?: boolean;\n  nextDisabled?: boolean;\n  showControls?: boolean;\n};\n\nconst PauseIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"34\"\n    height=\"34\"\n    viewBox=\"0 0 34 34\"\n    fill=\"none\"\n  >\n    <path\n      d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n      fill=\"#0A0A0A\"\n    />\n    <path d=\"M12 10H16V24H12V10ZM18 10H22V24H18V10Z\" fill=\"white\" />\n  </svg>\n);\n\nconst PlayIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"34\"\n    height=\"34\"\n    viewBox=\"0 0 34 34\"\n    fill=\"none\"\n  >\n    <path\n      d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n      fill=\"#0A0A0A\"\n    />\n    <path d=\"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z\" fill=\"white\" />\n  </svg>\n);\n\nconst Player: React.FC<PlayerProps> = ({\n  audioList = [],\n  className,\n  currentAudioIndex = -1,\n  defaultPlaying = true,\n  onPrev,\n  onNext,\n  onFullscreen,\n  onEnded,\n  onPlayRequest,\n  onInteractionToggle,\n  hasInteraction = false,\n  isInteractionOpen = false,\n  prevDisabled = false,\n  nextDisabled = false,\n  showControls = true,\n  ...props\n}) => {\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n  const audioSrcRef = useRef<string | null>(null);\n  const currentAudioKeyRef = useRef<string | null>(null);\n  const currentSegmentIndexRef = useRef(0);\n  const waitingSegmentIndexRef = useRef<number | null>(null);\n  const currentAudioRef = useRef<SlideAudioItem | undefined>(undefined);\n  const currentAudioSegmentsRef = useRef<\n    NonNullable<SlideAudioItem[\"audioSegments\"]>\n  >([]);\n  const isWaitingForSegmentRef = useRef(false);\n  const pendingAutoPlayRef = useRef(false);\n  const pendingSeekTimeRef = useRef<number | null>(null);\n  const isSwitchingSegmentRef = useRef(false);\n  const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n  const currentAudio =\n    currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n  const currentAudioUrl = currentAudio?.audioUrl;\n  const currentAudioSegments = useMemo(\n    () =>\n      [...(currentAudio?.audioSegments ?? [])].sort(\n        (prevSegment, nextSegment) =>\n          prevSegment.segment_index - nextSegment.segment_index\n      ),\n    [currentAudio?.audioSegments]\n  );\n  const currentAudioKey = `${currentAudioIndex}:${currentAudio?.sequenceNumber ?? \"none\"}:${currentAudioUrl ?? \"\"}`;\n\n  useEffect(() => {\n    currentAudioRef.current = currentAudio;\n  }, [currentAudio]);\n\n  useEffect(() => {\n    currentAudioSegmentsRef.current = currentAudioSegments;\n  }, [currentAudioSegments]);\n\n  const getSegmentSrc = useCallback((audioData: string) => {\n    if (!audioData) {\n      return \"\";\n    }\n\n    if (audioData.startsWith(\"data:\")) {\n      return audioData;\n    }\n\n    return `data:audio/mpeg;base64,${audioData}`;\n  }, []);\n\n  const resetAudio = useCallback(() => {\n    const audioElement = audioRef.current;\n\n    if (!audioElement) {\n      return;\n    }\n\n    pendingAutoPlayRef.current = false;\n    pendingSeekTimeRef.current = null;\n    isWaitingForSegmentRef.current = false;\n    isSwitchingSegmentRef.current = false;\n    audioElement.pause();\n    audioElement.removeAttribute(\"src\");\n    audioElement.load();\n    audioSrcRef.current = null;\n    currentSegmentIndexRef.current = 0;\n    waitingSegmentIndexRef.current = null;\n    setIsPlaying(false);\n  }, [currentAudioIndex]);\n\n  const tryPlayCurrentAudio = useCallback(\n    (_reason: string) => {\n      const audioElement = audioRef.current;\n\n      if (!audioElement) {\n        return false;\n      }\n\n      const playPromise = audioElement.play();\n\n      if (playPromise && typeof playPromise.then === \"function\") {\n        void playPromise\n          .then(() => {\n            pendingAutoPlayRef.current = false;\n            isSwitchingSegmentRef.current = false;\n          })\n          .catch((_error: unknown) => {\n            setIsPlaying(false);\n          });\n      }\n\n      return true;\n    },\n    [currentAudioIndex]\n  );\n\n  const startSegmentPlayback = useCallback(\n    (segmentIndex: number, _reason: string) => {\n      const audioElement = audioRef.current;\n      const segment = currentAudioSegmentsRef.current[segmentIndex];\n\n      if (!audioElement || !segment) {\n        return false;\n      }\n\n      const nextAudioSrc = getSegmentSrc(segment.audio_data);\n\n      currentSegmentIndexRef.current = segmentIndex;\n      waitingSegmentIndexRef.current = null;\n      isWaitingForSegmentRef.current = false;\n      isSwitchingSegmentRef.current = true;\n      pendingAutoPlayRef.current = defaultPlaying;\n\n      const hasNewSrc = audioSrcRef.current !== nextAudioSrc;\n\n      if (hasNewSrc) {\n        audioElement.pause();\n        audioElement.removeAttribute(\"src\");\n        audioElement.load();\n        audioSrcRef.current = nextAudioSrc;\n        audioElement.src = nextAudioSrc;\n        audioElement.load();\n      }\n\n      pendingSeekTimeRef.current = 0;\n\n      if (audioElement.readyState > 0) {\n        audioElement.currentTime = 0;\n        pendingSeekTimeRef.current = null;\n      }\n\n      if (!defaultPlaying) {\n        pendingAutoPlayRef.current = false;\n        isSwitchingSegmentRef.current = false;\n        audioElement.pause();\n        setIsPlaying(false);\n        return true;\n      }\n\n      if (hasNewSrc) {\n        return true;\n      }\n\n      return tryPlayCurrentAudio(`start-segment:${_reason}`);\n    },\n    [currentAudioIndex, defaultPlaying, getSegmentSrc, tryPlayCurrentAudio]\n  );\n\n  const finishAudioItem = useCallback(() => {\n    pendingAutoPlayRef.current = false;\n    isWaitingForSegmentRef.current = false;\n    isSwitchingSegmentRef.current = false;\n    setIsPlaying(false);\n\n    if (currentAudioIndex >= 0) {\n      onEnded?.(currentAudioIndex);\n    }\n  }, [currentAudioIndex, onEnded]);\n\n  const handleSegmentEnded = useCallback(() => {\n    const nextSegmentIndex = currentSegmentIndexRef.current + 1;\n    const segments = currentAudioSegmentsRef.current;\n    const nextSegment = segments[nextSegmentIndex];\n    const activeAudio = currentAudioRef.current;\n    const hasFinal = segments.some((segment) => segment.is_final);\n\n    if (nextSegment) {\n      startSegmentPlayback(nextSegmentIndex, \"ended\");\n      return;\n    }\n\n    if (activeAudio?.isAudioStreaming || !hasFinal) {\n      currentSegmentIndexRef.current = nextSegmentIndex;\n      waitingSegmentIndexRef.current = nextSegmentIndex;\n      isWaitingForSegmentRef.current = true;\n      pendingAutoPlayRef.current = defaultPlaying;\n      setIsPlaying(defaultPlaying);\n\n      return;\n    }\n\n    finishAudioItem(\"segments-completed\");\n  }, [\n    currentAudioIndex,\n    defaultPlaying,\n    finishAudioItem,\n    startSegmentPlayback,\n  ]);\n\n  useEffect(() => {\n    if (currentAudioKeyRef.current === currentAudioKey) {\n      return;\n    }\n\n    currentAudioKeyRef.current = currentAudioKey;\n    currentSegmentIndexRef.current = 0;\n    waitingSegmentIndexRef.current = null;\n    isWaitingForSegmentRef.current = false;\n    pendingAutoPlayRef.current = false;\n    isSwitchingSegmentRef.current = false;\n    audioSrcRef.current = null;\n\n    const audioElement = audioRef.current;\n\n    if (!audioElement) {\n      return;\n    }\n\n    audioElement.pause();\n    audioElement.removeAttribute(\"src\");\n    audioElement.load();\n    setIsPlaying(false);\n  }, [\n    currentAudioIndex,\n    currentAudioKey,\n    currentAudioSegments.length,\n    currentAudioUrl,\n  ]);\n\n  useEffect(() => {\n    const audioElement = audioRef.current;\n\n    if (!audioElement) {\n      return;\n    }\n\n    if (!currentAudio) {\n      resetAudio();\n      return;\n    }\n\n    if (currentAudioUrl) {\n      const hasNewSrc = audioSrcRef.current !== currentAudioUrl;\n\n      if (hasNewSrc) {\n        audioElement.pause();\n        audioElement.removeAttribute(\"src\");\n        audioElement.load();\n        audioSrcRef.current = currentAudioUrl;\n        audioElement.src = currentAudioUrl;\n        audioElement.load();\n      }\n\n      pendingSeekTimeRef.current = 0;\n\n      if (audioElement.readyState > 0) {\n        audioElement.currentTime = 0;\n        pendingSeekTimeRef.current = null;\n      }\n\n      pendingAutoPlayRef.current = defaultPlaying;\n      isWaitingForSegmentRef.current = false;\n      isSwitchingSegmentRef.current = false;\n\n      if (!defaultPlaying) {\n        pendingAutoPlayRef.current = false;\n        audioElement.pause();\n        setIsPlaying(false);\n        return;\n      }\n\n      if (!hasNewSrc) {\n        tryPlayCurrentAudio(\"sync-url\");\n      }\n      return;\n    }\n\n    if (waitingSegmentIndexRef.current !== null) {\n      if (waitingSegmentIndexRef.current < currentAudioSegments.length) {\n        startSegmentPlayback(waitingSegmentIndexRef.current, \"wait-resume\");\n        return;\n      }\n\n      isWaitingForSegmentRef.current = true;\n      pendingAutoPlayRef.current = defaultPlaying;\n      setIsPlaying(defaultPlaying);\n      return;\n    }\n\n    if (!currentAudioSegments.length) {\n      if (currentAudio.isAudioStreaming) {\n        waitingSegmentIndexRef.current = currentSegmentIndexRef.current;\n        isWaitingForSegmentRef.current = true;\n        pendingAutoPlayRef.current = defaultPlaying;\n        setIsPlaying(defaultPlaying);\n        return;\n      }\n\n      resetAudio();\n      return;\n    }\n\n    if (!audioSrcRef.current) {\n      startSegmentPlayback(\n        Math.min(\n          currentSegmentIndexRef.current,\n          currentAudioSegments.length - 1\n        ),\n        \"effect-init\"\n      );\n      return;\n    }\n\n    if (!defaultPlaying) {\n      pendingAutoPlayRef.current = false;\n      audioElement.pause();\n      setIsPlaying(false);\n      return;\n    }\n\n    if (audioElement.paused) {\n      pendingAutoPlayRef.current = true;\n      tryPlayCurrentAudio(\"sync-paused-retry\");\n    }\n  }, [\n    currentAudio,\n    currentAudioIndex,\n    currentAudioSegments,\n    currentAudioUrl,\n    defaultPlaying,\n    resetAudio,\n    startSegmentPlayback,\n    tryPlayCurrentAudio,\n  ]);\n\n  useEffect(() => resetAudio, [resetAudio]);\n\n  const handleAudioPlay = useCallback(() => {\n    setIsPlaying(true);\n  }, [currentAudioIndex]);\n\n  const handleAudioPause = useCallback(() => {\n    if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n      return;\n    }\n\n    setIsPlaying(false);\n  }, [currentAudioIndex]);\n\n  const handleAudioCanPlay = useCallback(() => {\n    const audioElement = audioRef.current;\n\n    if (audioElement && pendingSeekTimeRef.current !== null) {\n      audioElement.currentTime = pendingSeekTimeRef.current;\n      pendingSeekTimeRef.current = null;\n    }\n\n    if (!pendingAutoPlayRef.current || !defaultPlaying) {\n      return;\n    }\n\n    tryPlayCurrentAudio(\"canplay\");\n  }, [currentAudioIndex, defaultPlaying, tryPlayCurrentAudio]);\n\n  const handleLoadedMetadata = useCallback(() => {\n    const audioElement = audioRef.current;\n\n    if (audioElement && pendingSeekTimeRef.current !== null) {\n      audioElement.currentTime = pendingSeekTimeRef.current;\n      pendingSeekTimeRef.current = null;\n    }\n  }, [currentAudioIndex]);\n\n  const handleAudioEnded = useCallback(() => {\n    isSwitchingSegmentRef.current = false;\n\n    if (\n      currentAudioRef.current?.audioUrl ||\n      currentAudioSegmentsRef.current.length === 0\n    ) {\n      finishAudioItem(\"url-ended\");\n      return;\n    }\n\n    handleSegmentEnded();\n  }, [currentAudioIndex, finishAudioItem, handleSegmentEnded]);\n\n  const handleAudioError = useCallback(() => {\n    setIsPlaying(false);\n  }, [currentAudioIndex]);\n\n  return (\n    <div className={cn(\"slide-player\", className)} {...props}>\n      <audio\n        ref={audioRef}\n        preload=\"metadata\"\n        playsInline\n        onLoadedMetadata={handleLoadedMetadata}\n        onCanPlay={handleAudioCanPlay}\n        onPlay={handleAudioPlay}\n        onPause={handleAudioPause}\n        onEnded={handleAudioEnded}\n        onError={handleAudioError}\n      />\n\n      {showControls ? (\n        <div className=\"slide-player__controls\">\n          <div className=\"slide-player__group\">\n            <button aria-label=\"More options\" className=\"hidden\" type=\"button\">\n              <EllipsisVertical\n                className=\"slide-player__icon\"\n                strokeWidth={2.25}\n              />\n            </button>\n            <button aria-label=\"Volume\" className=\"hidden\" type=\"button\">\n              <Volume2 className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n            <button\n              aria-label=\"Rewind\"\n              className=\"slide-player__action\"\n              disabled={prevDisabled}\n              onClick={onPrev}\n              type=\"button\"\n            >\n              <RotateCcw className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n            <button\n              aria-label={isPlaying ? \"Pause\" : \"Play\"}\n              className=\"slide-player__toggle\"\n              onClick={() => {\n                const audioElement = audioRef.current;\n\n                if (!audioElement || !currentAudio) {\n                  return;\n                }\n\n                if (waitingSegmentIndexRef.current !== null) {\n                  if (isPlaying) {\n                    pendingAutoPlayRef.current = false;\n                    waitingSegmentIndexRef.current = null;\n                    isWaitingForSegmentRef.current = false;\n                    setIsPlaying(false);\n                    audioElement.pause();\n                    return;\n                  }\n\n                  onPlayRequest?.();\n                  pendingAutoPlayRef.current = true;\n                  setIsPlaying(true);\n                  return;\n                }\n\n                if (!audioElement.src && currentAudioSegments.length > 0) {\n                  // Only the player play button can unlock playback when autoplay is unavailable.\n                  onPlayRequest?.();\n                  startSegmentPlayback(\n                    Math.min(\n                      currentSegmentIndexRef.current,\n                      currentAudioSegments.length - 1\n                    ),\n                    \"toggle\"\n                  );\n                  return;\n                }\n\n                if (audioElement.paused) {\n                  onPlayRequest?.();\n                  pendingAutoPlayRef.current = true;\n                  tryPlayCurrentAudio(\"toggle-resume\");\n                  return;\n                }\n\n                pendingAutoPlayRef.current = false;\n                audioElement.pause();\n              }}\n              type=\"button\"\n            >\n              {isPlaying ? <PauseIcon /> : <PlayIcon />}\n            </button>\n            <button\n              aria-label=\"Forward\"\n              className=\"slide-player__action\"\n              disabled={nextDisabled}\n              onClick={onNext}\n              type=\"button\"\n            >\n              <RotateCw className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n            <button\n              aria-label=\"Fullscreen\"\n              className=\"hidden\"\n              onClick={onFullscreen}\n              type=\"button\"\n            >\n              <Maximize className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n          </div>\n\n          <div className=\"slide-player__separator\" />\n\n          <div className=\"slide-player__group\">\n            <button\n              aria-label=\"Notes\"\n              className={cn(\n                \"slide-player__action\",\n                isInteractionOpen && \"slide-player__action--active\"\n              )}\n              disabled={!hasInteraction}\n              onClick={onInteractionToggle}\n              type=\"button\"\n            >\n              <FilePenLine className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Player;\n"],"names":["PauseIcon","jsxs","jsx","PlayIcon","Player","audioList","className","currentAudioIndex","defaultPlaying","onPrev","onNext","onFullscreen","onEnded","onPlayRequest","onInteractionToggle","hasInteraction","isInteractionOpen","prevDisabled","nextDisabled","showControls","props","audioRef","useRef","audioSrcRef","currentAudioKeyRef","currentSegmentIndexRef","waitingSegmentIndexRef","currentAudioRef","currentAudioSegmentsRef","isWaitingForSegmentRef","pendingAutoPlayRef","pendingSeekTimeRef","isSwitchingSegmentRef","isPlaying","setIsPlaying","useState","currentAudio","currentAudioUrl","currentAudioSegments","useMemo","prevSegment","nextSegment","currentAudioKey","useEffect","getSegmentSrc","useCallback","audioData","resetAudio","audioElement","tryPlayCurrentAudio","_reason","playPromise","_error","startSegmentPlayback","segmentIndex","segment","nextAudioSrc","hasNewSrc","finishAudioItem","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioEnded","handleAudioError","cn","EllipsisVertical","Volume2","RotateCcw","RotateCw","Maximize","FilePenLine"],"mappings":"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"}
+{"version":3,"file":"Player.cjs.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  EllipsisVertical,\n  FilePenLine,\n  Maximize,\n  RotateCcw,\n  RotateCw,\n  Volume2,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { SlideAudioItem } from \"./useSlide\";\nimport \"./player.css\";\n\nexport type PlayerProps = React.ComponentProps<\"div\"> & {\n  audioList?: SlideAudioItem[];\n  currentAudioIndex?: number;\n  defaultPlaying?: boolean;\n  onLoadingChange?: (loading: boolean) => void;\n  onPrev?: () => void;\n  onNext?: () => void;\n  onFullscreen?: () => void;\n  onEnded?: (audioIndex: number) => void;\n  onPlayRequest?: () => void;\n  onInteractionToggle?: () => void;\n  hasInteraction?: boolean;\n  isInteractionOpen?: boolean;\n  prevDisabled?: boolean;\n  nextDisabled?: boolean;\n  showControls?: boolean;\n};\n\nconst PauseIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"34\"\n    height=\"34\"\n    viewBox=\"0 0 34 34\"\n    fill=\"none\"\n  >\n    <path\n      d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n      fill=\"#0A0A0A\"\n    />\n    <path d=\"M12 10H16V24H12V10ZM18 10H22V24H18V10Z\" fill=\"white\" />\n  </svg>\n);\n\nconst PlayIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"34\"\n    height=\"34\"\n    viewBox=\"0 0 34 34\"\n    fill=\"none\"\n  >\n    <path\n      d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n      fill=\"#0A0A0A\"\n    />\n    <path d=\"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z\" fill=\"white\" />\n  </svg>\n);\n\nconst Player: React.FC<PlayerProps> = ({\n  audioList = [],\n  className,\n  currentAudioIndex = -1,\n  defaultPlaying = true,\n  onLoadingChange,\n  onPrev,\n  onNext,\n  onFullscreen,\n  onEnded,\n  onPlayRequest,\n  onInteractionToggle,\n  hasInteraction = false,\n  isInteractionOpen = false,\n  prevDisabled = false,\n  nextDisabled = false,\n  showControls = true,\n  ...props\n}) => {\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n  const audioSrcRef = useRef<string | null>(null);\n  const currentAudioKeyRef = useRef<string | null>(null);\n  const currentSegmentIndexRef = useRef(0);\n  const waitingSegmentIndexRef = useRef<number | null>(null);\n  const currentAudioRef = useRef<SlideAudioItem | undefined>(undefined);\n  const currentAudioSegmentsRef = useRef<\n    NonNullable<SlideAudioItem[\"audioSegments\"]>\n  >([]);\n  const isLoadingRef = useRef(false);\n  const isWaitingForSegmentRef = useRef(false);\n  const pendingAutoPlayRef = useRef(false);\n  const pendingSeekTimeRef = useRef<number | null>(null);\n  const isSwitchingSegmentRef = useRef(false);\n  const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n  const currentAudio =\n    currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n  const currentAudioUrl = currentAudio?.audioUrl;\n  const currentAudioSegments = useMemo(\n    () =>\n      [...(currentAudio?.audioSegments ?? [])].sort(\n        (prevSegment, nextSegment) =>\n          prevSegment.segment_index - nextSegment.segment_index\n      ),\n    [currentAudio?.audioSegments]\n  );\n  const currentAudioKey = `${currentAudioIndex}:${currentAudio?.sequenceNumber ?? \"none\"}:${currentAudioUrl ?? \"\"}`;\n\n  useEffect(() => {\n    currentAudioRef.current = currentAudio;\n  }, [currentAudio]);\n\n  useEffect(() => {\n    currentAudioSegmentsRef.current = currentAudioSegments;\n  }, [currentAudioSegments]);\n\n  const updateLoading = useCallback(\n    (loading: boolean) => {\n      if (isLoadingRef.current === loading) {\n        return;\n      }\n\n      isLoadingRef.current = loading;\n      onLoadingChange?.(loading);\n    },\n    [onLoadingChange]\n  );\n\n  const getSegmentSrc = useCallback((audioData: string) => {\n    if (!audioData) {\n      return \"\";\n    }\n\n    if (audioData.startsWith(\"data:\")) {\n      return audioData;\n    }\n\n    return `data:audio/mpeg;base64,${audioData}`;\n  }, []);\n\n  const resetAudio = useCallback(() => {\n    const audioElement = audioRef.current;\n\n    if (!audioElement) {\n      return;\n    }\n\n    pendingAutoPlayRef.current = false;\n    pendingSeekTimeRef.current = null;\n    isWaitingForSegmentRef.current = false;\n    isSwitchingSegmentRef.current = false;\n    audioElement.pause();\n    audioElement.removeAttribute(\"src\");\n    audioElement.load();\n    audioSrcRef.current = null;\n    currentSegmentIndexRef.current = 0;\n    waitingSegmentIndexRef.current = null;\n    setIsPlaying(false);\n    updateLoading(false);\n  }, [updateLoading]);\n\n  const tryPlayCurrentAudio = useCallback(\n    (_reason: string) => {\n      const audioElement = audioRef.current;\n\n      if (!audioElement) {\n        return false;\n      }\n\n      const playPromise = audioElement.play();\n\n      if (playPromise && typeof playPromise.then === \"function\") {\n        void playPromise\n          .then(() => {\n            pendingAutoPlayRef.current = false;\n            isSwitchingSegmentRef.current = false;\n          })\n          .catch((_error: unknown) => {\n            setIsPlaying(false);\n          });\n      }\n\n      return true;\n    },\n    [currentAudioIndex]\n  );\n\n  const startSegmentPlayback = useCallback(\n    (segmentIndex: number, _reason: string) => {\n      const audioElement = audioRef.current;\n      const segment = currentAudioSegmentsRef.current[segmentIndex];\n\n      if (!audioElement || !segment) {\n        return false;\n      }\n\n      const nextAudioSrc = getSegmentSrc(segment.audio_data);\n\n      currentSegmentIndexRef.current = segmentIndex;\n      waitingSegmentIndexRef.current = null;\n      isWaitingForSegmentRef.current = false;\n      isSwitchingSegmentRef.current = true;\n      pendingAutoPlayRef.current = defaultPlaying;\n      updateLoading(false);\n\n      const hasNewSrc = audioSrcRef.current !== nextAudioSrc;\n\n      if (hasNewSrc) {\n        audioElement.pause();\n        audioElement.removeAttribute(\"src\");\n        audioElement.load();\n        audioSrcRef.current = nextAudioSrc;\n        audioElement.src = nextAudioSrc;\n        audioElement.load();\n      }\n\n      pendingSeekTimeRef.current = 0;\n\n      if (audioElement.readyState > 0) {\n        audioElement.currentTime = 0;\n        pendingSeekTimeRef.current = null;\n      }\n\n      if (!defaultPlaying) {\n        pendingAutoPlayRef.current = false;\n        isSwitchingSegmentRef.current = false;\n        audioElement.pause();\n        setIsPlaying(false);\n        return true;\n      }\n\n      if (hasNewSrc) {\n        return true;\n      }\n\n      return tryPlayCurrentAudio(`start-segment:${_reason}`);\n    },\n    [defaultPlaying, getSegmentSrc, tryPlayCurrentAudio, updateLoading]\n  );\n\n  const finishAudioItem = useCallback(\n    (_reason?: string) => {\n      pendingAutoPlayRef.current = false;\n      isWaitingForSegmentRef.current = false;\n      isSwitchingSegmentRef.current = false;\n      setIsPlaying(false);\n      updateLoading(false);\n\n      if (currentAudioIndex >= 0) {\n        onEnded?.(currentAudioIndex);\n      }\n    },\n    [currentAudioIndex, onEnded, updateLoading]\n  );\n\n  const handleSegmentEnded = useCallback(() => {\n    const nextSegmentIndex = currentSegmentIndexRef.current + 1;\n    const segments = currentAudioSegmentsRef.current;\n    const nextSegment = segments[nextSegmentIndex];\n    const activeAudio = currentAudioRef.current;\n    const hasFinal = segments.some((segment) => segment.is_final);\n\n    if (nextSegment) {\n      startSegmentPlayback(nextSegmentIndex, \"ended\");\n      return;\n    }\n\n    if (activeAudio?.isAudioStreaming || !hasFinal) {\n      currentSegmentIndexRef.current = nextSegmentIndex;\n      waitingSegmentIndexRef.current = nextSegmentIndex;\n      isWaitingForSegmentRef.current = true;\n      pendingAutoPlayRef.current = defaultPlaying;\n      setIsPlaying(defaultPlaying);\n      updateLoading(true);\n\n      return;\n    }\n\n    finishAudioItem(\"segments-completed\");\n  }, [defaultPlaying, finishAudioItem, startSegmentPlayback, updateLoading]);\n\n  useEffect(() => {\n    if (currentAudioKeyRef.current === currentAudioKey) {\n      return;\n    }\n\n    currentAudioKeyRef.current = currentAudioKey;\n    currentSegmentIndexRef.current = 0;\n    waitingSegmentIndexRef.current = null;\n    isWaitingForSegmentRef.current = false;\n    pendingAutoPlayRef.current = false;\n    isSwitchingSegmentRef.current = false;\n    audioSrcRef.current = null;\n    updateLoading(false);\n\n    const audioElement = audioRef.current;\n\n    if (!audioElement) {\n      return;\n    }\n\n    audioElement.pause();\n    audioElement.removeAttribute(\"src\");\n    audioElement.load();\n    setIsPlaying(false);\n  }, [\n    currentAudioIndex,\n    currentAudioKey,\n    currentAudioSegments.length,\n    currentAudioUrl,\n    updateLoading,\n  ]);\n\n  useEffect(() => {\n    const audioElement = audioRef.current;\n\n    if (!audioElement) {\n      return;\n    }\n\n    if (!currentAudio) {\n      resetAudio();\n      return;\n    }\n\n    if (currentAudioUrl) {\n      const hasNewSrc = audioSrcRef.current !== currentAudioUrl;\n\n      if (hasNewSrc) {\n        audioElement.pause();\n        audioElement.removeAttribute(\"src\");\n        audioElement.load();\n        audioSrcRef.current = currentAudioUrl;\n        audioElement.src = currentAudioUrl;\n        audioElement.load();\n      }\n\n      pendingSeekTimeRef.current = 0;\n\n      if (audioElement.readyState > 0) {\n        audioElement.currentTime = 0;\n        pendingSeekTimeRef.current = null;\n      }\n\n      pendingAutoPlayRef.current = defaultPlaying;\n      isWaitingForSegmentRef.current = false;\n      isSwitchingSegmentRef.current = false;\n      updateLoading(false);\n\n      if (!defaultPlaying) {\n        pendingAutoPlayRef.current = false;\n        audioElement.pause();\n        setIsPlaying(false);\n        return;\n      }\n\n      if (!hasNewSrc) {\n        tryPlayCurrentAudio(\"sync-url\");\n      }\n      return;\n    }\n\n    if (waitingSegmentIndexRef.current !== null) {\n      if (waitingSegmentIndexRef.current < currentAudioSegments.length) {\n        startSegmentPlayback(waitingSegmentIndexRef.current, \"wait-resume\");\n        return;\n      }\n\n      isWaitingForSegmentRef.current = true;\n      pendingAutoPlayRef.current = defaultPlaying;\n      setIsPlaying(defaultPlaying);\n      updateLoading(true);\n      return;\n    }\n\n    if (!currentAudioSegments.length) {\n      if (currentAudio.isAudioStreaming) {\n        waitingSegmentIndexRef.current = currentSegmentIndexRef.current;\n        isWaitingForSegmentRef.current = true;\n        pendingAutoPlayRef.current = defaultPlaying;\n        setIsPlaying(defaultPlaying);\n        updateLoading(true);\n        return;\n      }\n\n      resetAudio();\n      return;\n    }\n\n    if (!audioSrcRef.current) {\n      startSegmentPlayback(\n        Math.min(\n          currentSegmentIndexRef.current,\n          currentAudioSegments.length - 1\n        ),\n        \"effect-init\"\n      );\n      return;\n    }\n\n    if (!defaultPlaying) {\n      pendingAutoPlayRef.current = false;\n      audioElement.pause();\n      setIsPlaying(false);\n      return;\n    }\n\n    if (audioElement.paused) {\n      pendingAutoPlayRef.current = true;\n      tryPlayCurrentAudio(\"sync-paused-retry\");\n    }\n  }, [\n    currentAudio,\n    currentAudioIndex,\n    currentAudioSegments,\n    currentAudioUrl,\n    defaultPlaying,\n    resetAudio,\n    startSegmentPlayback,\n    tryPlayCurrentAudio,\n    updateLoading,\n  ]);\n\n  useEffect(() => resetAudio, [resetAudio]);\n\n  const handleAudioPlay = useCallback(() => {\n    setIsPlaying(true);\n    updateLoading(false);\n  }, [updateLoading]);\n\n  const handleAudioPause = useCallback(() => {\n    if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n      return;\n    }\n\n    setIsPlaying(false);\n  }, [currentAudioIndex]);\n\n  const handleAudioCanPlay = useCallback(() => {\n    const audioElement = audioRef.current;\n\n    if (audioElement && pendingSeekTimeRef.current !== null) {\n      audioElement.currentTime = pendingSeekTimeRef.current;\n      pendingSeekTimeRef.current = null;\n    }\n\n    if (!pendingAutoPlayRef.current || !defaultPlaying) {\n      return;\n    }\n\n    tryPlayCurrentAudio(\"canplay\");\n  }, [currentAudioIndex, defaultPlaying, tryPlayCurrentAudio]);\n\n  const handleLoadedMetadata = useCallback(() => {\n    const audioElement = audioRef.current;\n\n    if (audioElement && pendingSeekTimeRef.current !== null) {\n      audioElement.currentTime = pendingSeekTimeRef.current;\n      pendingSeekTimeRef.current = null;\n    }\n  }, [currentAudioIndex]);\n\n  const handleAudioEnded = useCallback(() => {\n    isSwitchingSegmentRef.current = false;\n\n    if (\n      currentAudioRef.current?.audioUrl ||\n      currentAudioSegmentsRef.current.length === 0\n    ) {\n      finishAudioItem(\"url-ended\");\n      return;\n    }\n\n    handleSegmentEnded();\n  }, [currentAudioIndex, finishAudioItem, handleSegmentEnded]);\n\n  const handleAudioError = useCallback(() => {\n    setIsPlaying(false);\n    updateLoading(false);\n  }, [updateLoading]);\n\n  return (\n    <div className={cn(\"slide-player\", className)} {...props}>\n      <audio\n        ref={audioRef}\n        preload=\"metadata\"\n        playsInline\n        onLoadedMetadata={handleLoadedMetadata}\n        onCanPlay={handleAudioCanPlay}\n        onPlay={handleAudioPlay}\n        onPause={handleAudioPause}\n        onEnded={handleAudioEnded}\n        onError={handleAudioError}\n      />\n\n      {showControls ? (\n        <div className=\"slide-player__controls\">\n          <div className=\"slide-player__group\">\n            <button aria-label=\"More options\" className=\"hidden\" type=\"button\">\n              <EllipsisVertical\n                className=\"slide-player__icon\"\n                strokeWidth={2.25}\n              />\n            </button>\n            <button aria-label=\"Volume\" className=\"hidden\" type=\"button\">\n              <Volume2 className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n            <button\n              aria-label=\"Rewind\"\n              className=\"slide-player__action\"\n              disabled={prevDisabled}\n              onClick={onPrev}\n              type=\"button\"\n            >\n              <RotateCcw className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n            <button\n              aria-label={isPlaying ? \"Pause\" : \"Play\"}\n              className=\"slide-player__toggle\"\n              onClick={() => {\n                const audioElement = audioRef.current;\n\n                if (!audioElement || !currentAudio) {\n                  return;\n                }\n\n                if (waitingSegmentIndexRef.current !== null) {\n                  if (isPlaying) {\n                    pendingAutoPlayRef.current = false;\n                    waitingSegmentIndexRef.current = null;\n                    isWaitingForSegmentRef.current = false;\n                    setIsPlaying(false);\n                    audioElement.pause();\n                    return;\n                  }\n\n                  onPlayRequest?.();\n                  pendingAutoPlayRef.current = true;\n                  setIsPlaying(true);\n                  return;\n                }\n\n                if (!audioElement.src && currentAudioSegments.length > 0) {\n                  // Only the player play button can unlock playback when autoplay is unavailable.\n                  onPlayRequest?.();\n                  startSegmentPlayback(\n                    Math.min(\n                      currentSegmentIndexRef.current,\n                      currentAudioSegments.length - 1\n                    ),\n                    \"toggle\"\n                  );\n                  return;\n                }\n\n                if (audioElement.paused) {\n                  onPlayRequest?.();\n                  pendingAutoPlayRef.current = true;\n                  tryPlayCurrentAudio(\"toggle-resume\");\n                  return;\n                }\n\n                pendingAutoPlayRef.current = false;\n                audioElement.pause();\n              }}\n              type=\"button\"\n            >\n              {isPlaying ? <PauseIcon /> : <PlayIcon />}\n            </button>\n            <button\n              aria-label=\"Forward\"\n              className=\"slide-player__action\"\n              disabled={nextDisabled}\n              onClick={onNext}\n              type=\"button\"\n            >\n              <RotateCw className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n            <button\n              aria-label=\"Fullscreen\"\n              className=\"hidden\"\n              onClick={onFullscreen}\n              type=\"button\"\n            >\n              <Maximize className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n          </div>\n\n          <div className=\"slide-player__separator\" />\n\n          <div className=\"slide-player__group\">\n            <button\n              aria-label=\"Notes\"\n              className={cn(\n                \"slide-player__action\",\n                isInteractionOpen && \"slide-player__action--active\"\n              )}\n              disabled={!hasInteraction}\n              onClick={onInteractionToggle}\n              type=\"button\"\n            >\n              <FilePenLine className=\"slide-player__icon\" strokeWidth={2.25} />\n            </button>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Player;\n"],"names":["PauseIcon","jsxs","jsx","PlayIcon","Player","audioList","className","currentAudioIndex","defaultPlaying","onLoadingChange","onPrev","onNext","onFullscreen","onEnded","onPlayRequest","onInteractionToggle","hasInteraction","isInteractionOpen","prevDisabled","nextDisabled","showControls","props","audioRef","useRef","audioSrcRef","currentAudioKeyRef","currentSegmentIndexRef","waitingSegmentIndexRef","currentAudioRef","currentAudioSegmentsRef","isLoadingRef","isWaitingForSegmentRef","pendingAutoPlayRef","pendingSeekTimeRef","isSwitchingSegmentRef","isPlaying","setIsPlaying","useState","currentAudio","currentAudioUrl","currentAudioSegments","useMemo","prevSegment","nextSegment","currentAudioKey","useEffect","updateLoading","useCallback","loading","getSegmentSrc","audioData","resetAudio","audioElement","tryPlayCurrentAudio","_reason","playPromise","_error","startSegmentPlayback","segmentIndex","segment","nextAudioSrc","hasNewSrc","finishAudioItem","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioEnded","handleAudioError","cn","EllipsisVertical","Volume2","RotateCcw","RotateCw","Maximize","FilePenLine"],"mappings":"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"}

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

@@ -4,6 +4,7 @@ export type PlayerProps = React.ComponentProps<"div"> & {
     audioList?: SlideAudioItem[];
     currentAudioIndex?: number;
     defaultPlaying?: boolean;
+    onLoadingChange?: (loading: boolean) => void;
     onPrev?: () => void;
     onNext?: () => void;
     onFullscreen?: () => void;