npm - markdown-flow-ui - Versions diffs - 0.1.100-beta.20 → 0.1.100-beta.21 - Mend

markdown-flow-ui 0.1.100-beta.20 → 0.1.100-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/dist/components/ContentRender/IframeSandbox.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IframeSandbox.es.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport { Loader2 } from \"lucide-react\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\nimport {\n SANDBOX_INTERACTION_MESSAGE_SOURCE,\n SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\n\ntype InjectBlackboardLibraries =\n typeof import(\"./blackboard-vendor\").injectBlackboardLibraries;\n\n// Cache the sandbox vendor loader so every iframe reuses the same preload request.\nlet blackboardVendorPromise: Promise<InjectBlackboardLibraries> \| null = null;\n\nconst loadBlackboardVendor = () => {\n if (!blackboardVendorPromise) {\n blackboardVendorPromise = import(\"./blackboard-vendor\").then(\n (m) => m.injectBlackboardLibraries\n );\n }\n\n return blackboardVendorPromise;\n};\n\n// Warm the sandbox vendor chunk as early as possible in the browser.\nif (typeof window !== \"undefined\") {\n void loadBlackboardVendor();\n}\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\nconst COMPLETE_IMAGE_SOURCE_PATTERN =\n /<img\\b[^>]\\bsrc\\s=\\s[\"']([^\"']+)[\"'][^>]>/gi;\nconst SANDBOX_IMAGE_PRELOAD_CACHE = new Map<string, Promise<void>>();\nconst SANDBOX_IMAGE_READY_CACHE = new Set<string>();\n\nconst extractCompleteImageSources = (html: string) => {\n const matches = Array.from(html.matchAll(COMPLETE_IMAGE_SOURCE_PATTERN));\n return Array.from(\n new Set(\n matches\n .map((match) => match[1]?.trim())\n .filter((src): src is string => Boolean(src))\n )\n );\n};\n\nconst preloadSandboxImage = (src: string) => {\n if (!src) {\n return Promise.resolve();\n }\n\n const cached = SANDBOX_IMAGE_PRELOAD_CACHE.get(src);\n if (cached) {\n return cached;\n }\n\n const nextPromise = new Promise<void>((resolve) => {\n if (typeof window === \"undefined\") {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n return;\n }\n\n const image = new window.Image();\n image.decoding = \"sync\";\n image.loading = \"eager\";\n image.fetchPriority = \"high\";\n\n const settleWhenRenderable = () => {\n const decodePromise =\n typeof image.decode === \"function\"\n ? image.decode().catch(() => undefined)\n : Promise.resolve();\n\n void decodePromise.finally(() => {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n });\n };\n\n image.onload = () => {\n settleWhenRenderable();\n };\n image.onerror = () => {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n };\n image.src = src;\n\n if (image.complete && image.naturalWidth > 0) {\n settleWhenRenderable();\n }\n });\n\n SANDBOX_IMAGE_PRELOAD_CACHE.set(src, nextPromise);\n return nextPromise;\n};\n\nconst preloadSandboxImages = (sources: string[] = []) =>\n Promise.allSettled(sources.map((source) => preloadSandboxImage(source)));\n\nexport interface IframeSandboxProps {\n content: string;\n className?: string;\n loadingText?: string;\n styleLoadingText?: string;\n scriptLoadingText?: string;\n fullScreenButtonText?: string;\n hideFullScreen?: boolean;\n mode?: \"content\" \| \"blackboard\";\n type: \"sandbox\" \| \"markdown\";\n replaceRootScreenHeightWithFull?: boolean;\n}\n\nconst normalizeTailwindHeightTokens = (className: string) =>\n className\n .split(/\\s+/)\n .filter(Boolean)\n .map((token) => token.split(\":\").pop() \|\| token);\n\nconst parseViewportHeightCss = (value: string) => {\n const normalized = value.trim().toLowerCase();\n if (!normalized) return null;\n const matched = normalized.match(/^([0-9.]+)(vh\|dvh\|svh\|lvh)$/i);\n if (!matched) return null;\n return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractViewportHeightFromTailwindClass = (className: string) => {\n if (!className.trim()) return null;\n const normalizedTokens = normalizeTailwindHeightTokens(className);\n if (\n normalizedTokens.includes(\"h-screen\") \|\|\n normalizedTokens.includes(\"h-dvh\")\n ) {\n return \"100dvh\";\n }\n if (normalizedTokens.includes(\"h-svh\")) {\n return \"100svh\";\n }\n if (normalizedTokens.includes(\"h-lvh\")) {\n return \"100lvh\";\n }\n const arbitraryToken = normalizedTokens.find((token) =>\n /^h-\\[[0-9.]+(vh\|dvh\|svh\|lvh)\\]$/i.test(token)\n );\n if (!arbitraryToken) return null;\n const matched = arbitraryToken.match(/^h-\\[([0-9.]+)(vh\|dvh\|svh\|lvh)\\]$/i);\n if (!matched) return null;\n return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractRootClassName = (html: string) => {\n const normalized = html.trim();\n if (!normalized) return null;\n const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-])(\\s[^>]?)?>/);\n if (!rootMatch) return null;\n return rootMatch[2]?.match(/\\bclass\\s=\\s[\"']([^\"'])[\"']/i)?.[1] ?? null;\n};\n\nconst hasRootScreenHeightClass = (html: string) => {\n const rootClassName = extractRootClassName(html);\n if (!rootClassName) return false;\n return normalizeTailwindHeightTokens(rootClassName).includes(\"h-screen\");\n};\n\nconst replaceRootScreenHeightToken = (className: string) =>\n className\n .split(/\\s+/)\n .filter(Boolean)\n .map((token) => {\n const segments = token.split(\":\");\n if (segments[segments.length - 1] !== \"h-screen\") {\n return token;\n }\n segments[segments.length - 1] = \"h-full\";\n return segments.join(\":\");\n })\n .join(\" \");\n\nconst replaceRootScreenHeightWithFullClass = (\n html: string,\n enabled: boolean\n) => {\n if (!enabled \|\| !html.trim()) {\n return html;\n }\n\n return html.replace(\n /^(\\s<[a-zA-Z][\\w:-])(\\s[^>]?)?>/,\n (match, tagStart: string, attrs = \"\") => {\n const classMatch = attrs.match(/\\bclass\\s=\\s([\"'])([^\"'])\\1/i);\n\n if (!classMatch) {\n return match;\n }\n\n const nextClassName = replaceRootScreenHeightToken(classMatch[2]);\n\n if (nextClassName === classMatch[2]) {\n return match;\n }\n\n return `${tagStart}${attrs.replace(\n classMatch[0],\n `class=${classMatch[1]}${nextClassName}${classMatch[1]}`\n )}>`;\n }\n );\n};\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n content,\n type,\n className,\n loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\n hideFullScreen = false,\n mode = \"content\",\n replaceRootScreenHeightWithFull = false,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const iframeRef = useRef<HTMLIFrameElement>(null);\n const rootRef = useRef<Root \| null>(null);\n const docRef = useRef<Document \| null>(null);\n const updateHeightRef = useRef<() => void>(() => {});\n const [height, setHeight] = useState(480);\n const lastSandboxInteractionTimeRef = useRef(0);\n const [resetToken, setResetToken] = useState(0);\n const [isFullscreen, setIsFullscreen] = useState(false);\n const [, setIsSandboxVendorReady] = useState(true);\n const shouldInjectSandboxVendor = type === \"sandbox\";\n\n const isBlackboardMode = mode === \"blackboard\";\n const prevHtmlRef = useRef<string>(\"\");\n const htmlContent = React.useMemo(() => {\n const segments = splitContentSegments(content);\n // console.log('segments=====', segments);\n const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n const sandboxContent =\n mode === \"blackboard\"\n ? sandboxSegments[sandboxSegments.length - 1]?.value \|\| \"\"\n : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n return sandboxContent \|\| \"\";\n }, [content, mode]);\n const normalizedHtmlContent = React.useMemo(\n () =>\n replaceRootScreenHeightWithFullClass(\n htmlContent,\n replaceRootScreenHeightWithFull\n ),\n [htmlContent, replaceRootScreenHeightWithFull]\n );\n const completeImageSources = React.useMemo(\n () => extractCompleteImageSources(normalizedHtmlContent),\n [normalizedHtmlContent]\n );\n const shouldStretchRootHeight = React.useMemo(\n () =>\n replaceRootScreenHeightWithFull && hasRootScreenHeightClass(htmlContent),\n [htmlContent, replaceRootScreenHeightWithFull]\n );\n const [renderHtmlContent, setRenderHtmlContent] = useState(\n normalizedHtmlContent\n );\n const prevIncomingHtmlRef = useRef(normalizedHtmlContent);\n const pendingHtmlRef = useRef(normalizedHtmlContent);\n const deferRenderTimerRef = useRef<number \| null>(null);\n const initialPaintFrameRef = useRef<number \| null>(null);\n const initialPaintCommitFrameRef = useRef<number \| null>(null);\n const imagePreloadRequestIdRef = useRef(0);\n\n const emitSandboxInteraction = useCallback((eventType: string) => {\n if (typeof window === \"undefined\") {\n return;\n }\n const now = Date.now();\n if (\n now - lastSandboxInteractionTimeRef.current <\n SANDBOX_INTERACTION_THROTTLE_MS\n ) {\n return;\n }\n lastSandboxInteractionTimeRef.current = now;\n window.postMessage(\n {\n source: SANDBOX_INTERACTION_MESSAGE_SOURCE,\n type: SANDBOX_INTERACTION_MESSAGE_TYPE,\n eventType,\n },\n window.location.origin\n );\n }, []);\n\n const clearDeferredRenderTimer = () => {\n if (deferRenderTimerRef.current === null) return;\n window.clearTimeout(deferRenderTimerRef.current);\n deferRenderTimerRef.current = null;\n };\n\n const clearInitialPaintFrames = () => {\n if (initialPaintFrameRef.current !== null) {\n window.cancelAnimationFrame(initialPaintFrameRef.current);\n initialPaintFrameRef.current = null;\n }\n if (initialPaintCommitFrameRef.current !== null) {\n window.cancelAnimationFrame(initialPaintCommitFrameRef.current);\n initialPaintCommitFrameRef.current = null;\n }\n };\n\n useEffect(\n () => () => {\n clearDeferredRenderTimer();\n clearInitialPaintFrames();\n },\n []\n );\n\n useEffect(() => {\n void preloadSandboxImages(completeImageSources);\n }, [completeImageSources]);\n\n useEffect(() => {\n const prevIncomingHtml = prevIncomingHtmlRef.current;\n prevIncomingHtmlRef.current = normalizedHtmlContent;\n\n const isAppendOnlyStream =\n !!prevIncomingHtml &&\n normalizedHtmlContent.length > prevIncomingHtml.length &&\n normalizedHtmlContent.startsWith(prevIncomingHtml);\n const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(\n normalizedHtmlContent\n );\n const hasPendingImagePreload =\n isAppendOnlyStream &&\n containsCompleteImage &&\n completeImageSources.some(\n (source) => !SANDBOX_IMAGE_READY_CACHE.has(source)\n );\n const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n pendingHtmlRef.current = normalizedHtmlContent;\n clearDeferredRenderTimer();\n\n if (hasPendingImagePreload) {\n const requestId = imagePreloadRequestIdRef.current + 1;\n imagePreloadRequestIdRef.current = requestId;\n\n void preloadSandboxImages(completeImageSources).then(() => {\n if (imagePreloadRequestIdRef.current !== requestId) {\n return;\n }\n\n setRenderHtmlContent(pendingHtmlRef.current);\n });\n return;\n }\n\n if (!shouldDeferRender) {\n setRenderHtmlContent(normalizedHtmlContent);\n return;\n }\n\n deferRenderTimerRef.current = window.setTimeout(() => {\n setRenderHtmlContent(pendingHtmlRef.current);\n deferRenderTimerRef.current = null;\n }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n }, [completeImageSources, normalizedHtmlContent]);\n\n const rootViewportHeightCss = React.useMemo(() => {\n const normalized = renderHtmlContent.trim();\n if (!normalized) return null;\n const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-])(\\s[^>]?)?>/);\n if (!rootMatch) return null;\n const attrs = rootMatch[2] \|\| \"\";\n const heightAttrMatch = attrs.match(/\\bheight\\s=\\s[\"']([^\"']+)[\"']/i);\n if (heightAttrMatch) {\n const explicitHeightCss = parseViewportHeightCss(heightAttrMatch[1]);\n if (explicitHeightCss) return explicitHeightCss;\n }\n const styleAttrMatch = attrs.match(/\\bstyle\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const styleHeightMatch = styleAttrMatch?.match(\n /\\bheight\\s:\\s([^;]+)/i\n )?.[1];\n if (styleHeightMatch) {\n const styleHeightCss = parseViewportHeightCss(styleHeightMatch);\n if (styleHeightCss) return styleHeightCss;\n }\n const classAttrMatch = attrs.match(/\\bclass\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n if (!classAttrMatch) return null;\n return extractViewportHeightFromTailwindClass(classAttrMatch);\n }, [renderHtmlContent]);\n const hasRootVhHeight = Boolean(rootViewportHeightCss);\n const sandboxViewportHeight =\n isBlackboardMode && type === \"sandbox\"\n ? shouldStretchRootHeight\n ? \"100%\"\n : (rootViewportHeightCss ?? `${height}px`)\n : undefined;\n const shouldShowHtmlFallbackWhilePreparingSandbox = false;\n useEffect(() => {\n if (mode !== \"blackboard\") {\n prevHtmlRef.current = normalizedHtmlContent;\n return;\n }\n const prev = prevHtmlRef.current;\n const isContinuation = prev && normalizedHtmlContent.startsWith(prev);\n if (!isContinuation && prev) {\n setResetToken((token) => token + 1);\n }\n prevHtmlRef.current = normalizedHtmlContent;\n }, [mode, normalizedHtmlContent]);\n\n useEffect(() => {\n const iframe = iframeRef.current;\n if (!iframe) return undefined;\n\n const doc = iframe.contentDocument;\n if (!doc) return undefined;\n\n doc.open();\n doc.write(`<!DOCTYPE html>\n<html${mode === \"blackboard\" ? ' style=\"height: 100%;\"' : \"\"}>\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <style>\n html, body, #root { width: 100%; height: 100%; }\n html, body { margin: 0; padding: 0; overflow: auto; }\n , ::before, ::after { box-sizing: border-box; }\n </style>\n </head>\n <body>\n <div id=\"root\"></div>\n </body>\n</html>`);\n doc.close();\n\n docRef.current = doc;\n\n const shouldBridgeSandboxInteraction =\n isBlackboardMode && type === \"sandbox\";\n const handleSandboxPointerDown = () =>\n emitSandboxInteraction(\"pointerdown\");\n const handleSandboxMouseDown = () => emitSandboxInteraction(\"mousedown\");\n const handleSandboxTouchStart = () => emitSandboxInteraction(\"touchstart\");\n\n if (shouldBridgeSandboxInteraction) {\n doc.addEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n doc.addEventListener(\"mousedown\", handleSandboxMouseDown, true);\n doc.addEventListener(\"touchstart\", handleSandboxTouchStart, true);\n }\n\n const rootEl = doc.getElementById(\"root\");\n if (!rootEl) return undefined;\n\n const root = createRoot(rootEl);\n rootRef.current = root;\n let isDestroyed = false;\n\n const parseExplicitHeight = (\n value: string,\n parentViewportHeight: number\n ) => {\n const normalized = value.trim().toLowerCase();\n if (!normalized) return null;\n const numeric = Number.parseFloat(normalized);\n if (Number.isNaN(numeric)) return null;\n if (/(dvh\|svh\|lvh\|vh)$/i.test(normalized)) {\n return (numeric / 100) parentViewportHeight;\n }\n if (normalized.endsWith(\"px\") \|\| /^[0-9.]+$/.test(normalized)) {\n return numeric;\n }\n return null;\n };\n const parseTailwindHeightClass = (\n className: string,\n parentViewportHeight: number\n ) => {\n if (!className.trim()) return null;\n const viewportHeightCss =\n extractViewportHeightFromTailwindClass(className);\n if (viewportHeightCss) {\n return parseExplicitHeight(viewportHeightCss, parentViewportHeight);\n }\n const normalizedTokens = normalizeTailwindHeightTokens(className);\n const arbitraryToken = normalizedTokens.find((token) =>\n /^h-\\[[0-9.]+px\\]$/i.test(token)\n );\n if (!arbitraryToken) return null;\n const matched = arbitraryToken.match(/^h-\\[([0-9.]+)px\\]$/i);\n if (!matched) return null;\n const numeric = Number.parseFloat(matched[1]);\n if (Number.isNaN(numeric)) return null;\n return numeric;\n };\n\n const resolveExplicitHeight = () => {\n if (!iframeRef.current \|\| !doc.body) return null;\n const wrapper = doc.body.querySelector(\n \".sandbox-wrapper\"\n ) as HTMLElement \| null;\n const container = wrapper?.firstElementChild as HTMLElement \| null;\n if (!container) return null;\n const elements = Array.from(container.children) as HTMLElement[];\n if (elements.length !== 1) return null;\n const target = elements[0];\n const heightValue = target.style.height \|\| target.getAttribute(\"height\");\n const parentViewportHeight =\n iframeRef.current.ownerDocument?.documentElement?.clientHeight \|\|\n window.innerHeight;\n const parsed = heightValue\n ? parseExplicitHeight(heightValue, parentViewportHeight)\n : null;\n if (parsed !== null) {\n return Math.ceil(parsed);\n }\n const classHeight = parseTailwindHeightClass(\n target.getAttribute(\"class\") \|\| \"\",\n parentViewportHeight\n );\n return classHeight !== null ? Math.ceil(classHeight) : null;\n };\n\n const updateHeight = () => {\n if (!iframeRef.current \|\| !doc.body) return;\n const bodyRect = doc.body.getBoundingClientRect();\n const htmlRect = doc.documentElement?.getBoundingClientRect();\n const bodyHeight = bodyRect.height;\n const htmlHeight = htmlRect?.height \|\| 0;\n const contentHeight = Math.max(bodyHeight, htmlHeight);\n const explicitHeight = resolveExplicitHeight();\n const nextHeight = Math.max(\n 200,\n explicitHeight ?? Math.ceil(contentHeight)\n );\n setHeight(nextHeight);\n };\n const scheduleHeightUpdate = () => {\n requestAnimationFrame(() => {\n if (isDestroyed) return;\n updateHeight();\n });\n };\n updateHeightRef.current = scheduleHeightUpdate;\n\n updateHeight();\n scheduleHeightUpdate();\n\n if (!shouldInjectSandboxVendor) {\n setIsSandboxVendorReady(true);\n } else {\n // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n loadBlackboardVendor()\n .then((inject) => {\n if (isDestroyed) return;\n inject(doc);\n requestAnimationFrame(() => {\n if (isDestroyed) return;\n setIsSandboxVendorReady(true);\n scheduleHeightUpdate();\n });\n })\n .catch(() => {\n if (isDestroyed) return;\n setIsSandboxVendorReady(true);\n scheduleHeightUpdate();\n });\n }\n\n const resizeObserver = new ResizeObserver(() => updateHeight());\n resizeObserver.observe(doc.body);\n if (rootEl) {\n resizeObserver.observe(rootEl);\n }\n\n return () => {\n isDestroyed = true;\n resizeObserver.disconnect();\n if (shouldBridgeSandboxInteraction) {\n doc.removeEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n doc.removeEventListener(\"mousedown\", handleSandboxMouseDown, true);\n doc.removeEventListener(\"touchstart\", handleSandboxTouchStart, true);\n }\n // Defer unmount to avoid React warning when parent is mid-render\n setTimeout(() => {\n root.unmount();\n rootRef.current = null;\n docRef.current = null;\n updateHeightRef.current = () => {};\n }, 0);\n };\n }, []);\n\n useEffect(() => {\n const onFullscreenChange = () => {\n setIsFullscreen(Boolean(document.fullscreenElement));\n };\n document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n return () =>\n document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n }, []);\n\n const toggleFullscreen = () => {\n const target = containerRef.current \|\| iframeRef.current;\n if (!target) return;\n if (document.fullscreenElement) {\n document.exitFullscreen().catch(() => {});\n return;\n }\n if (target.requestFullscreen) {\n target.requestFullscreen().catch(() => {});\n }\n };\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) return;\n\n root.render(\n <SandboxApp\n html={renderHtmlContent}\n loadingText={loadingText}\n styleLoadingText={styleLoadingText}\n scriptLoadingText={scriptLoadingText}\n fullScreenButtonText={fullScreenButtonText}\n hideFullScreen={hideFullScreen}\n resetToken={resetToken}\n hasRootVhHeight={hasRootVhHeight}\n mode={mode}\n stretchRootHeight={shouldStretchRootHeight}\n />\n );\n\n initialPaintFrameRef.current = window.requestAnimationFrame(() => {\n updateHeightRef.current?.();\n initialPaintFrameRef.current = null;\n });\n }, [\n renderHtmlContent,\n loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\n resetToken,\n mode,\n ]);\n const containerClassName = [\n \"w-full relative content-render-iframe-sandbox\",\n isBlackboardMode\n ? \"h-full overflow-auto flex flex-col\"\n : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n ]\n .filter(Boolean)\n .join(\" \");\n\n const shouldShowSandboxLoading = false;\n\n return (\n <div\n ref={containerRef}\n data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n className={containerClassName}\n style={\n sandboxViewportHeight\n ? {\n height: sandboxViewportHeight,\n minHeight: sandboxViewportHeight,\n }\n : undefined\n }\n >\n {!hideFullScreen && (\n <button\n type=\"button\"\n onClick={toggleFullscreen}\n className={\n \"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer\"\n }\n >\n {isFullscreen ? \"退出全屏\" : fullScreenButtonText \|\| \"全屏浏览\"}\n </button>\n )}\n {mode === \"blackboard\" && type === \"markdown\" ? (\n <div\n onMouseDown={() => emitSandboxInteraction(\"mousedown\")}\n onPointerDown={() => emitSandboxInteraction(\"pointerdown\")}\n onTouchStart={() => emitSandboxInteraction(\"touchstart\")}\n >\n <ContentRender content={content} />\n </div>\n ) : (\n <>\n {shouldShowHtmlFallbackWhilePreparingSandbox ? (\n <div\n aria-hidden\n className=\"absolute inset-0 z-10 overflow-hidden\"\n style={{\n height: sandboxViewportHeight ?? \"100%\",\n minHeight: sandboxViewportHeight,\n }}\n >\n <div\n className=\"h-full w-full\"\n dangerouslySetInnerHTML={{ __html: renderHtmlContent }}\n />\n </div>\n ) : null}\n <iframe\n ref={iframeRef}\n sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n allow=\"fullscreen\"\n allowFullScreen\n className={[className, \"w-full h-full mx-auto my-auto block\"]\n .filter(Boolean)\n .join(\" \")}\n style={{\n height: sandboxViewportHeight ?? \"100%\",\n minHeight: sandboxViewportHeight,\n margin: \"auto\",\n visibility: \"visible\",\n }}\n />\n {shouldShowSandboxLoading ? (\n <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-center\">\n <Loader2\n aria-label={loadingText \|\| \"Preparing sandbox styles\"}\n className=\"text-primary h-7 w-7 animate-spin\"\n />\n </div>\n ) : null}\n </>\n )}\n </div>\n );\n};\n\nexport default IframeSandbox;\n"],"names":["blackboardVendorPromise","loadBlackboardVendor","m","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_THROTTLE_MS","COMPLETE_IMAGE_SOURCE_PATTERN","SANDBOX_IMAGE_PRELOAD_CACHE","SANDBOX_IMAGE_READY_CACHE","extractCompleteImageSources","html","matches","match","src","preloadSandboxImage","cached","nextPromise","resolve","image","settleWhenRenderable","preloadSandboxImages","sources","source","normalizeTailwindHeightTokens","className","token","parseViewportHeightCss","value","normalized","matched","extractViewportHeightFromTailwindClass","normalizedTokens","arbitraryToken","extractRootClassName","rootMatch","hasRootScreenHeightClass","rootClassName","replaceRootScreenHeightToken","segments","replaceRootScreenHeightWithFullClass","enabled","tagStart","attrs","classMatch","nextClassName","IframeSandbox","content","type","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","replaceRootScreenHeightWithFull","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","setIsSandboxVendorReady","shouldInjectSandboxVendor","isBlackboardMode","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","normalizedHtmlContent","completeImageSources","shouldStretchRootHeight","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","initialPaintFrameRef","initialPaintCommitFrameRef","imagePreloadRequestIdRef","emitSandboxInteraction","useCallback","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","clearDeferredRenderTimer","clearInitialPaintFrames","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","hasPendingImagePreload","shouldDeferRender","requestId","rootViewportHeightCss","heightAttrMatch","explicitHeightCss","styleHeightMatch","styleHeightCss","classAttrMatch","hasRootVhHeight","sandboxViewportHeight","prev","iframe","doc","shouldBridgeSandboxInteraction","handleSandboxPointerDown","handleSandboxMouseDown","handleSandboxTouchStart","rootEl","root","createRoot","isDestroyed","parseExplicitHeight","parentViewportHeight","numeric","parseTailwindHeightClass","viewportHeightCss","resolveExplicitHeight","container","elements","target","heightValue","parsed","classHeight","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","explicitHeight","nextHeight","scheduleHeightUpdate","inject","resizeObserver","onFullscreenChange","toggleFullscreen","jsx","SandboxApp","containerClassName","jsxs","ContentRender","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"IframeSandbox.es.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport { Loader2 } from \"lucide-react\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\nimport {\n SANDBOX_INTERACTION_MESSAGE_SOURCE,\n SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\n\ntype InjectBlackboardLibraries =\n typeof import(\"./blackboard-vendor\").injectBlackboardLibraries;\n\n// Cache the sandbox vendor loader so every iframe reuses the same preload request.\nlet blackboardVendorPromise: Promise<InjectBlackboardLibraries> \| null = null;\n\nconst loadBlackboardVendor = () => {\n if (!blackboardVendorPromise) {\n blackboardVendorPromise = import(\"./blackboard-vendor\").then(\n (m) => m.injectBlackboardLibraries\n );\n }\n\n return blackboardVendorPromise;\n};\n\n// Warm the sandbox vendor chunk as early as possible in the browser.\nif (typeof window !== \"undefined\") {\n void loadBlackboardVendor();\n}\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\nconst COMPLETE_IMAGE_SOURCE_PATTERN =\n /<img\\b[^>]\\bsrc\\s=\\s[\"']([^\"']+)[\"'][^>]>/gi;\nconst SANDBOX_IMAGE_PRELOAD_CACHE = new Map<string, Promise<void>>();\nconst SANDBOX_IMAGE_READY_CACHE = new Set<string>();\n\nconst extractCompleteImageSources = (html: string) => {\n const matches = Array.from(html.matchAll(COMPLETE_IMAGE_SOURCE_PATTERN));\n return Array.from(\n new Set(\n matches\n .map((match) => match[1]?.trim())\n .filter((src): src is string => Boolean(src))\n )\n );\n};\n\nconst preloadSandboxImage = (src: string) => {\n if (!src) {\n return Promise.resolve();\n }\n\n const cached = SANDBOX_IMAGE_PRELOAD_CACHE.get(src);\n if (cached) {\n return cached;\n }\n\n const nextPromise = new Promise<void>((resolve) => {\n if (typeof window === \"undefined\") {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n return;\n }\n\n const image = new window.Image();\n image.decoding = \"sync\";\n image.loading = \"eager\";\n image.fetchPriority = \"high\";\n\n const settleWhenRenderable = () => {\n const decodePromise =\n typeof image.decode === \"function\"\n ? image.decode().catch(() => undefined)\n : Promise.resolve();\n\n void decodePromise.finally(() => {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n });\n };\n\n image.onload = () => {\n settleWhenRenderable();\n };\n image.onerror = () => {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n };\n image.src = src;\n\n if (image.complete && image.naturalWidth > 0) {\n settleWhenRenderable();\n }\n });\n\n SANDBOX_IMAGE_PRELOAD_CACHE.set(src, nextPromise);\n return nextPromise;\n};\n\nconst preloadSandboxImages = (sources: string[] = []) =>\n Promise.allSettled(sources.map((source) => preloadSandboxImage(source)));\n\nexport interface IframeSandboxProps {\n content: string;\n className?: string;\n loadingText?: string;\n styleLoadingText?: string;\n scriptLoadingText?: string;\n fullScreenButtonText?: string;\n hideFullScreen?: boolean;\n mode?: \"content\" \| \"blackboard\";\n type: \"sandbox\" \| \"markdown\";\n replaceRootScreenHeightWithFull?: boolean;\n}\n\nconst normalizeTailwindHeightTokens = (className: string) =>\n className\n .split(/\\s+/)\n .filter(Boolean)\n .map((token) => token.split(\":\").pop() \|\| token);\n\nconst parseViewportHeightCss = (value: string) => {\n const normalized = value.trim().toLowerCase();\n if (!normalized) return null;\n const matched = normalized.match(/^([0-9.]+)(vh\|dvh\|svh\|lvh)$/i);\n if (!matched) return null;\n return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractViewportHeightFromTailwindClass = (className: string) => {\n if (!className.trim()) return null;\n const normalizedTokens = normalizeTailwindHeightTokens(className);\n if (\n normalizedTokens.includes(\"h-screen\") \|\|\n normalizedTokens.includes(\"h-dvh\")\n ) {\n return \"100dvh\";\n }\n if (normalizedTokens.includes(\"h-svh\")) {\n return \"100svh\";\n }\n if (normalizedTokens.includes(\"h-lvh\")) {\n return \"100lvh\";\n }\n const arbitraryToken = normalizedTokens.find((token) =>\n /^h-\\[[0-9.]+(vh\|dvh\|svh\|lvh)\\]$/i.test(token)\n );\n if (!arbitraryToken) return null;\n const matched = arbitraryToken.match(/^h-\\[([0-9.]+)(vh\|dvh\|svh\|lvh)\\]$/i);\n if (!matched) return null;\n return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst SANDBOX_IGNORED_TAG_NAMES = new Set([\n \"base\",\n \"link\",\n \"meta\",\n \"script\",\n \"style\",\n \"template\",\n \"title\",\n]);\n\nconst isSandboxRenderableElement = (element: Element) =>\n !SANDBOX_IGNORED_TAG_NAMES.has(element.tagName.toLowerCase());\n\nconst getFirstRenderableElementChild = (root: ParentNode) =>\n Array.from(root.childNodes).find(\n (node): node is HTMLElement =>\n node.nodeType === Node.ELEMENT_NODE &&\n isSandboxRenderableElement(node as HTMLElement)\n ) \|\| null;\n\nconst getInspectableSandboxElementChain = (root: ParentNode) => {\n const chain: HTMLElement[] = [];\n let current = getFirstRenderableElementChild(root);\n\n while (current) {\n chain.push(current);\n\n const childElements = Array.from(current.children).filter(\n (element): element is HTMLElement => isSandboxRenderableElement(element)\n );\n\n if (childElements.length !== 1) {\n break;\n }\n\n current = childElements[0];\n }\n\n return chain;\n};\n\nconst extractViewportHeightFromElement = (element: HTMLElement) => {\n const heightAttrValue = element.getAttribute(\"height\");\n const attrViewportHeight = heightAttrValue\n ? parseViewportHeightCss(heightAttrValue)\n : null;\n\n if (attrViewportHeight) {\n return attrViewportHeight;\n }\n\n const styleHeightValue =\n element.getAttribute(\"style\")?.match(/\\bheight\\s:\\s([^;]+)/i)?.[1] \|\|\n null;\n const styleViewportHeight = styleHeightValue\n ? parseViewportHeightCss(styleHeightValue)\n : null;\n\n if (styleViewportHeight) {\n return styleViewportHeight;\n }\n\n return extractViewportHeightFromTailwindClass(\n element.getAttribute(\"class\") \|\| \"\"\n );\n};\n\nconst isFullViewportHeightCss = (value: string \| null) =>\n value === \"100vh\" \|\|\n value === \"100dvh\" \|\|\n value === \"100svh\" \|\|\n value === \"100lvh\";\n\nconst inspectSandboxPrimaryHeight = (root: ParentNode) => {\n const inspectableElements = getInspectableSandboxElementChain(root);\n let viewportHeightCss: string \| null = null;\n let hasFullViewportHeight = false;\n\n inspectableElements.forEach((element) => {\n const elementViewportHeight = extractViewportHeightFromElement(element);\n\n if (!viewportHeightCss && elementViewportHeight) {\n viewportHeightCss = elementViewportHeight;\n }\n\n if (isFullViewportHeightCss(elementViewportHeight)) {\n hasFullViewportHeight = true;\n }\n });\n\n return {\n viewportHeightCss,\n hasFullViewportHeight,\n };\n};\n\nconst inspectRootHeightFromHtmlString = (html: string) => {\n const normalized = html.trim();\n\n if (!normalized) {\n return {\n viewportHeightCss: null,\n hasFullViewportHeight: false,\n };\n }\n\n const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-])(\\s[^>]?)?>/);\n const attrs = rootMatch?.[2] \|\| \"\";\n const heightAttrValue = attrs.match(/\\bheight\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const styleAttrValue = attrs.match(/\\bstyle\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const styleHeightValue = styleAttrValue?.match(\n /\\bheight\\s:\\s([^;]+)/i\n )?.[1];\n const classAttrValue = attrs.match(/\\bclass\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const viewportHeightCss =\n (heightAttrValue ? parseViewportHeightCss(heightAttrValue) : null) \|\|\n (styleHeightValue ? parseViewportHeightCss(styleHeightValue) : null) \|\|\n (classAttrValue\n ? extractViewportHeightFromTailwindClass(classAttrValue)\n : null);\n\n return {\n viewportHeightCss,\n hasFullViewportHeight: isFullViewportHeightCss(viewportHeightCss),\n };\n};\n\nconst inspectSandboxPrimaryHeightFromHtml = (html: string) => {\n const normalized = html.trim();\n\n if (!normalized) {\n return {\n viewportHeightCss: null,\n hasFullViewportHeight: false,\n };\n }\n\n if (typeof document === \"undefined\") {\n return inspectRootHeightFromHtmlString(normalized);\n }\n\n const template = document.createElement(\"template\");\n template.innerHTML = normalized;\n\n return inspectSandboxPrimaryHeight(template.content);\n};\n\nconst replaceRootScreenHeightToken = (className: string) =>\n className\n .split(/\\s+/)\n .filter(Boolean)\n .map((token) => {\n const segments = token.split(\":\");\n if (segments[segments.length - 1] !== \"h-screen\") {\n return token;\n }\n segments[segments.length - 1] = \"h-full\";\n return segments.join(\":\");\n })\n .join(\" \");\n\nconst replaceRootScreenHeightWithFullClass = (\n html: string,\n enabled: boolean\n) => {\n if (!enabled \|\| !html.trim()) {\n return html;\n }\n\n return html.replace(\n /^(\\s<[a-zA-Z][\\w:-])(\\s[^>]?)?>/,\n (match, tagStart: string, attrs = \"\") => {\n const classMatch = attrs.match(/\\bclass\\s=\\s([\"'])([^\"'])\\1/i);\n\n if (!classMatch) {\n return match;\n }\n\n const nextClassName = replaceRootScreenHeightToken(classMatch[2]);\n\n if (nextClassName === classMatch[2]) {\n return match;\n }\n\n return `${tagStart}${attrs.replace(\n classMatch[0],\n `class=${classMatch[1]}${nextClassName}${classMatch[1]}`\n )}>`;\n }\n );\n};\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n content,\n type,\n className,\n loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\n hideFullScreen = false,\n mode = \"content\",\n replaceRootScreenHeightWithFull = false,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const iframeRef = useRef<HTMLIFrameElement>(null);\n const rootRef = useRef<Root \| null>(null);\n const docRef = useRef<Document \| null>(null);\n const updateHeightRef = useRef<() => void>(() => {});\n const [height, setHeight] = useState(480);\n const lastSandboxInteractionTimeRef = useRef(0);\n const [resetToken, setResetToken] = useState(0);\n const [isFullscreen, setIsFullscreen] = useState(false);\n const [, setIsSandboxVendorReady] = useState(true);\n const shouldInjectSandboxVendor = type === \"sandbox\";\n\n const isBlackboardMode = mode === \"blackboard\";\n const prevHtmlRef = useRef<string>(\"\");\n const htmlContent = React.useMemo(() => {\n const segments = splitContentSegments(content);\n // console.log('segments=====', segments);\n const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n const sandboxContent =\n mode === \"blackboard\"\n ? sandboxSegments[sandboxSegments.length - 1]?.value \|\| \"\"\n : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n return sandboxContent \|\| \"\";\n }, [content, mode]);\n const normalizedHtmlContent = React.useMemo(\n () =>\n replaceRootScreenHeightWithFullClass(\n htmlContent,\n replaceRootScreenHeightWithFull\n ),\n [htmlContent, replaceRootScreenHeightWithFull]\n );\n const completeImageSources = React.useMemo(\n () => extractCompleteImageSources(normalizedHtmlContent),\n [normalizedHtmlContent]\n );\n const htmlHeightMeta = React.useMemo(\n () => inspectSandboxPrimaryHeightFromHtml(htmlContent),\n [htmlContent]\n );\n const shouldStretchRootHeight = React.useMemo(\n () =>\n replaceRootScreenHeightWithFull && htmlHeightMeta.hasFullViewportHeight,\n [htmlHeightMeta.hasFullViewportHeight, replaceRootScreenHeightWithFull]\n );\n const [renderHtmlContent, setRenderHtmlContent] = useState(\n normalizedHtmlContent\n );\n const prevIncomingHtmlRef = useRef(normalizedHtmlContent);\n const pendingHtmlRef = useRef(normalizedHtmlContent);\n const deferRenderTimerRef = useRef<number \| null>(null);\n const initialPaintFrameRef = useRef<number \| null>(null);\n const initialPaintCommitFrameRef = useRef<number \| null>(null);\n const imagePreloadRequestIdRef = useRef(0);\n\n const emitSandboxInteraction = useCallback((eventType: string) => {\n if (typeof window === \"undefined\") {\n return;\n }\n const now = Date.now();\n if (\n now - lastSandboxInteractionTimeRef.current <\n SANDBOX_INTERACTION_THROTTLE_MS\n ) {\n return;\n }\n lastSandboxInteractionTimeRef.current = now;\n window.postMessage(\n {\n source: SANDBOX_INTERACTION_MESSAGE_SOURCE,\n type: SANDBOX_INTERACTION_MESSAGE_TYPE,\n eventType,\n },\n window.location.origin\n );\n }, []);\n\n const clearDeferredRenderTimer = () => {\n if (deferRenderTimerRef.current === null) return;\n window.clearTimeout(deferRenderTimerRef.current);\n deferRenderTimerRef.current = null;\n };\n\n const clearInitialPaintFrames = () => {\n if (initialPaintFrameRef.current !== null) {\n window.cancelAnimationFrame(initialPaintFrameRef.current);\n initialPaintFrameRef.current = null;\n }\n if (initialPaintCommitFrameRef.current !== null) {\n window.cancelAnimationFrame(initialPaintCommitFrameRef.current);\n initialPaintCommitFrameRef.current = null;\n }\n };\n\n useEffect(\n () => () => {\n clearDeferredRenderTimer();\n clearInitialPaintFrames();\n },\n []\n );\n\n useEffect(() => {\n void preloadSandboxImages(completeImageSources);\n }, [completeImageSources]);\n\n useEffect(() => {\n const prevIncomingHtml = prevIncomingHtmlRef.current;\n prevIncomingHtmlRef.current = normalizedHtmlContent;\n\n const isAppendOnlyStream =\n !!prevIncomingHtml &&\n normalizedHtmlContent.length > prevIncomingHtml.length &&\n normalizedHtmlContent.startsWith(prevIncomingHtml);\n const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(\n normalizedHtmlContent\n );\n const hasPendingImagePreload =\n isAppendOnlyStream &&\n containsCompleteImage &&\n completeImageSources.some(\n (source) => !SANDBOX_IMAGE_READY_CACHE.has(source)\n );\n const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n pendingHtmlRef.current = normalizedHtmlContent;\n clearDeferredRenderTimer();\n\n if (hasPendingImagePreload) {\n const requestId = imagePreloadRequestIdRef.current + 1;\n imagePreloadRequestIdRef.current = requestId;\n\n void preloadSandboxImages(completeImageSources).then(() => {\n if (imagePreloadRequestIdRef.current !== requestId) {\n return;\n }\n\n setRenderHtmlContent(pendingHtmlRef.current);\n });\n return;\n }\n\n if (!shouldDeferRender) {\n setRenderHtmlContent(normalizedHtmlContent);\n return;\n }\n\n deferRenderTimerRef.current = window.setTimeout(() => {\n setRenderHtmlContent(pendingHtmlRef.current);\n deferRenderTimerRef.current = null;\n }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n }, [completeImageSources, normalizedHtmlContent]);\n\n const rootViewportHeightCss = React.useMemo(\n () =>\n inspectSandboxPrimaryHeightFromHtml(renderHtmlContent).viewportHeightCss,\n [renderHtmlContent]\n );\n const hasRootVhHeight = Boolean(rootViewportHeightCss);\n const sandboxViewportHeight =\n isBlackboardMode && type === \"sandbox\"\n ? shouldStretchRootHeight\n ? \"100%\"\n : (rootViewportHeightCss ?? `${height}px`)\n : undefined;\n const shouldShowHtmlFallbackWhilePreparingSandbox = false;\n useEffect(() => {\n if (mode !== \"blackboard\") {\n prevHtmlRef.current = normalizedHtmlContent;\n return;\n }\n const prev = prevHtmlRef.current;\n const isContinuation = prev && normalizedHtmlContent.startsWith(prev);\n if (!isContinuation && prev) {\n setResetToken((token) => token + 1);\n }\n prevHtmlRef.current = normalizedHtmlContent;\n }, [mode, normalizedHtmlContent]);\n\n useEffect(() => {\n const iframe = iframeRef.current;\n if (!iframe) return undefined;\n\n const doc = iframe.contentDocument;\n if (!doc) return undefined;\n\n doc.open();\n doc.write(`<!DOCTYPE html>\n<html${mode === \"blackboard\" ? ' style=\"height: 100%;\"' : \"\"}>\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <style>\n html, body, #root { width: 100%; height: 100%; }\n html, body { margin: 0; padding: 0; overflow: auto; }\n , ::before, ::after { box-sizing: border-box; }\n </style>\n </head>\n <body>\n <div id=\"root\"></div>\n </body>\n</html>`);\n doc.close();\n\n docRef.current = doc;\n\n const shouldBridgeSandboxInteraction =\n isBlackboardMode && type === \"sandbox\";\n const handleSandboxPointerDown = () =>\n emitSandboxInteraction(\"pointerdown\");\n const handleSandboxMouseDown = () => emitSandboxInteraction(\"mousedown\");\n const handleSandboxTouchStart = () => emitSandboxInteraction(\"touchstart\");\n\n if (shouldBridgeSandboxInteraction) {\n doc.addEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n doc.addEventListener(\"mousedown\", handleSandboxMouseDown, true);\n doc.addEventListener(\"touchstart\", handleSandboxTouchStart, true);\n }\n\n const rootEl = doc.getElementById(\"root\");\n if (!rootEl) return undefined;\n\n const root = createRoot(rootEl);\n rootRef.current = root;\n let isDestroyed = false;\n\n const parseExplicitHeight = (\n value: string,\n parentViewportHeight: number\n ) => {\n const normalized = value.trim().toLowerCase();\n if (!normalized) return null;\n const numeric = Number.parseFloat(normalized);\n if (Number.isNaN(numeric)) return null;\n if (/(dvh\|svh\|lvh\|vh)$/i.test(normalized)) {\n return (numeric / 100) * parentViewportHeight;\n }\n if (normalized.endsWith(\"px\") \|\| /^[0-9.]+$/.test(normalized)) {\n return numeric;\n }\n return null;\n };\n const parseTailwindHeightClass = (\n className: string,\n parentViewportHeight: number\n ) => {\n if (!className.trim()) return null;\n const viewportHeightCss =\n extractViewportHeightFromTailwindClass(className);\n if (viewportHeightCss) {\n return parseExplicitHeight(viewportHeightCss, parentViewportHeight);\n }\n const normalizedTokens = normalizeTailwindHeightTokens(className);\n const arbitraryToken = normalizedTokens.find((token) =>\n /^h-\\[[0-9.]+px\\]$/i.test(token)\n );\n if (!arbitraryToken) return null;\n const matched = arbitraryToken.match(/^h-\\[([0-9.]+)px\\]$/i);\n if (!matched) return null;\n const numeric = Number.parseFloat(matched[1]);\n if (Number.isNaN(numeric)) return null;\n return numeric;\n };\n\n const resolveExplicitHeight = () => {\n if (!iframeRef.current \|\| !doc.body) return null;\n const parentViewportHeight =\n iframeRef.current.ownerDocument?.documentElement?.clientHeight \|\|\n window.innerHeight;\n const { viewportHeightCss } = inspectSandboxPrimaryHeight(doc.body);\n const parsed = viewportHeightCss\n ? parseExplicitHeight(viewportHeightCss, parentViewportHeight)\n : null;\n\n if (parsed !== null) {\n return Math.ceil(parsed);\n }\n\n const wrapper = doc.body.querySelector(\n \".sandbox-wrapper\"\n ) as HTMLElement \| null;\n const target = wrapper?.querySelector(\n \".sandbox-container > *\"\n ) as HTMLElement \| null;\n\n if (!target) return null;\n\n const heightValue = target.style.height \|\| target.getAttribute(\"height\");\n const explicitPixelHeight = heightValue\n ? parseExplicitHeight(heightValue, parentViewportHeight)\n : null;\n\n if (explicitPixelHeight !== null) {\n return Math.ceil(explicitPixelHeight);\n }\n\n const classHeight = parseTailwindHeightClass(\n target.getAttribute(\"class\") \|\| \"\",\n parentViewportHeight\n );\n\n return classHeight !== null ? Math.ceil(classHeight) : null;\n };\n\n const updateHeight = () => {\n if (!iframeRef.current \|\| !doc.body) return;\n const bodyRect = doc.body.getBoundingClientRect();\n const htmlRect = doc.documentElement?.getBoundingClientRect();\n const bodyHeight = bodyRect.height;\n const htmlHeight = htmlRect?.height \|\| 0;\n const contentHeight = Math.max(bodyHeight, htmlHeight);\n const explicitHeight = resolveExplicitHeight();\n const nextHeight = Math.max(\n 200,\n explicitHeight ?? Math.ceil(contentHeight)\n );\n setHeight(nextHeight);\n };\n const scheduleHeightUpdate = () => {\n requestAnimationFrame(() => {\n if (isDestroyed) return;\n updateHeight();\n });\n };\n updateHeightRef.current = scheduleHeightUpdate;\n\n updateHeight();\n scheduleHeightUpdate();\n\n if (!shouldInjectSandboxVendor) {\n setIsSandboxVendorReady(true);\n } else {\n // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n loadBlackboardVendor()\n .then((inject) => {\n if (isDestroyed) return;\n inject(doc);\n requestAnimationFrame(() => {\n if (isDestroyed) return;\n setIsSandboxVendorReady(true);\n scheduleHeightUpdate();\n });\n })\n .catch(() => {\n if (isDestroyed) return;\n setIsSandboxVendorReady(true);\n scheduleHeightUpdate();\n });\n }\n\n const resizeObserver = new ResizeObserver(() => updateHeight());\n resizeObserver.observe(doc.body);\n if (rootEl) {\n resizeObserver.observe(rootEl);\n }\n\n return () => {\n isDestroyed = true;\n resizeObserver.disconnect();\n if (shouldBridgeSandboxInteraction) {\n doc.removeEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n doc.removeEventListener(\"mousedown\", handleSandboxMouseDown, true);\n doc.removeEventListener(\"touchstart\", handleSandboxTouchStart, true);\n }\n // Defer unmount to avoid React warning when parent is mid-render\n setTimeout(() => {\n root.unmount();\n rootRef.current = null;\n docRef.current = null;\n updateHeightRef.current = () => {};\n }, 0);\n };\n }, []);\n\n useEffect(() => {\n const onFullscreenChange = () => {\n setIsFullscreen(Boolean(document.fullscreenElement));\n };\n document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n return () =>\n document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n }, []);\n\n const toggleFullscreen = () => {\n const target = containerRef.current \|\| iframeRef.current;\n if (!target) return;\n if (document.fullscreenElement) {\n document.exitFullscreen().catch(() => {});\n return;\n }\n if (target.requestFullscreen) {\n target.requestFullscreen().catch(() => {});\n }\n };\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) return;\n\n root.render(\n <SandboxApp\n html={renderHtmlContent}\n loadingText={loadingText}\n styleLoadingText={styleLoadingText}\n scriptLoadingText={scriptLoadingText}\n fullScreenButtonText={fullScreenButtonText}\n hideFullScreen={hideFullScreen}\n resetToken={resetToken}\n hasRootVhHeight={hasRootVhHeight}\n mode={mode}\n stretchRootHeight={shouldStretchRootHeight}\n />\n );\n\n initialPaintFrameRef.current = window.requestAnimationFrame(() => {\n updateHeightRef.current?.();\n initialPaintFrameRef.current = null;\n });\n }, [\n renderHtmlContent,\n loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\n resetToken,\n mode,\n ]);\n const containerClassName = [\n \"w-full relative content-render-iframe-sandbox\",\n isBlackboardMode\n ? \"h-full overflow-auto flex flex-col\"\n : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n ]\n .filter(Boolean)\n .join(\" \");\n\n const shouldShowSandboxLoading = false;\n\n return (\n <div\n ref={containerRef}\n data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n className={containerClassName}\n style={\n sandboxViewportHeight\n ? {\n height: sandboxViewportHeight,\n minHeight: sandboxViewportHeight,\n }\n : undefined\n }\n >\n {!hideFullScreen && (\n <button\n type=\"button\"\n onClick={toggleFullscreen}\n className={\n \"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer\"\n }\n >\n {isFullscreen ? \"退出全屏\" : fullScreenButtonText \|\| \"全屏浏览\"}\n </button>\n )}\n {mode === \"blackboard\" && type === \"markdown\" ? (\n <div\n onMouseDown={() => emitSandboxInteraction(\"mousedown\")}\n onPointerDown={() => emitSandboxInteraction(\"pointerdown\")}\n onTouchStart={() => emitSandboxInteraction(\"touchstart\")}\n >\n <ContentRender content={content} />\n </div>\n ) : (\n <>\n {shouldShowHtmlFallbackWhilePreparingSandbox ? (\n <div\n aria-hidden\n className=\"absolute inset-0 z-10 overflow-hidden\"\n style={{\n height: sandboxViewportHeight ?? \"100%\",\n minHeight: sandboxViewportHeight,\n }}\n >\n <div\n className=\"h-full w-full\"\n dangerouslySetInnerHTML={{ __html: renderHtmlContent }}\n />\n </div>\n ) : null}\n <iframe\n ref={iframeRef}\n sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n allow=\"fullscreen\"\n allowFullScreen\n className={[className, \"w-full h-full mx-auto my-auto block\"]\n .filter(Boolean)\n .join(\" \")}\n style={{\n height: sandboxViewportHeight ?? \"100%\",\n minHeight: sandboxViewportHeight,\n margin: \"auto\",\n visibility: \"visible\",\n }}\n />\n {shouldShowSandboxLoading ? (\n <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-center\">\n <Loader2\n aria-label={loadingText \|\| \"Preparing sandbox styles\"}\n className=\"text-primary h-7 w-7 animate-spin\"\n />\n </div>\n ) : null}\n </>\n )}\n </div>\n );\n};\n\nexport default IframeSandbox;\n"],"names":["blackboardVendorPromise","loadBlackboardVendor","m","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_THROTTLE_MS","COMPLETE_IMAGE_SOURCE_PATTERN","SANDBOX_IMAGE_PRELOAD_CACHE","SANDBOX_IMAGE_READY_CACHE","extractCompleteImageSources","html","matches","match","src","preloadSandboxImage","cached","nextPromise","resolve","image","settleWhenRenderable","preloadSandboxImages","sources","source","normalizeTailwindHeightTokens","className","token","parseViewportHeightCss","value","normalized","matched","extractViewportHeightFromTailwindClass","normalizedTokens","arbitraryToken","SANDBOX_IGNORED_TAG_NAMES","isSandboxRenderableElement","element","getFirstRenderableElementChild","root","node","getInspectableSandboxElementChain","chain","current","childElements","extractViewportHeightFromElement","heightAttrValue","attrViewportHeight","styleHeightValue","styleViewportHeight","isFullViewportHeightCss","inspectSandboxPrimaryHeight","inspectableElements","viewportHeightCss","hasFullViewportHeight","elementViewportHeight","inspectRootHeightFromHtmlString","attrs","classAttrValue","inspectSandboxPrimaryHeightFromHtml","template","replaceRootScreenHeightToken","segments","replaceRootScreenHeightWithFullClass","enabled","tagStart","classMatch","nextClassName","IframeSandbox","content","type","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","replaceRootScreenHeightWithFull","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","setIsSandboxVendorReady","shouldInjectSandboxVendor","isBlackboardMode","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","normalizedHtmlContent","completeImageSources","htmlHeightMeta","shouldStretchRootHeight","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","initialPaintFrameRef","initialPaintCommitFrameRef","imagePreloadRequestIdRef","emitSandboxInteraction","useCallback","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","clearDeferredRenderTimer","clearInitialPaintFrames","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","hasPendingImagePreload","shouldDeferRender","requestId","rootViewportHeightCss","hasRootVhHeight","sandboxViewportHeight","prev","iframe","doc","shouldBridgeSandboxInteraction","handleSandboxPointerDown","handleSandboxMouseDown","handleSandboxTouchStart","rootEl","createRoot","isDestroyed","parseExplicitHeight","parentViewportHeight","numeric","parseTailwindHeightClass","resolveExplicitHeight","parsed","target","heightValue","explicitPixelHeight","classHeight","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","explicitHeight","nextHeight","scheduleHeightUpdate","inject","resizeObserver","onFullscreenChange","toggleFullscreen","jsx","SandboxApp","containerClassName","jsxs","ContentRender","Fragment"],"mappings":"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"}

package/dist/components/ContentRender/SandboxApp.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SandboxApp.cjs.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 \"fetchpriority\",\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 applyImageLoadingHints = (root: ParentNode) => {\n root.querySelectorAll(\"img\").forEach((node) => {\n const image = node as HTMLImageElement;\n\n if (!image.getAttribute(\"loading\")) {\n image.setAttribute(\"loading\", \"eager\");\n }\n\n if (!image.getAttribute(\"decoding\")) {\n image.setAttribute(\"decoding\", \"async\");\n }\n\n if (!image.getAttribute(\"fetchpriority\")) {\n image.setAttribute(\"fetchpriority\", \"high\");\n }\n });\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 waitForImagesReady = (root: ParentNode) => {\n const images = Array.from(root.querySelectorAll(\"img\")) as HTMLImageElement[];\n\n if (images.length === 0) {\n return Promise.resolve();\n }\n\n return Promise.allSettled(\n images.map((image) => {\n const waitForDecode = () => {\n if (typeof image.decode !== \"function\") {\n return Promise.resolve();\n }\n\n return image.decode().catch(() => undefined);\n };\n\n if (image.complete && image.naturalWidth > 0) {\n return waitForDecode();\n }\n\n return new Promise<void>((resolve) => {\n const settle = () => {\n void waitForDecode().finally(() => resolve());\n };\n\n image.addEventListener(\"load\", settle, { once: true });\n image.addEventListener(\"error\", () => resolve(), { once: true });\n });\n })\n ).then(() => undefined);\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 // Clone the already-rendered image instead of moving the live node out of\n // the visible tree before the next DOM commit.\n const clonedImage = preservedImage.cloneNode(true) as HTMLImageElement;\n syncImageAttributes(nextImage, clonedImage);\n nextImage.replaceWith(clonedImage);\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 { position: relative; 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 applyImageLoadingHints(wrapper);\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 const shouldKeepPreviousFrameVisible =\n hasRenderedBefore &&\n container.childNodes.length > 0 &&\n wrapper.querySelector(\"img\") !== null;\n const previousFrameOverlay = shouldKeepPreviousFrameVisible\n ? (container.cloneNode(true) as HTMLDivElement)\n : null;\n\n if (previousFrameOverlay) {\n previousFrameOverlay.setAttribute(\"aria-hidden\", \"true\");\n previousFrameOverlay.style.position = \"absolute\";\n previousFrameOverlay.style.inset = \"0\";\n previousFrameOverlay.style.zIndex = \"2\";\n previousFrameOverlay.style.pointerEvents = \"none\";\n previousFrameOverlay.style.background = \"transparent\";\n }\n\n const contentNodes = Array.from(wrapper.childNodes);\n container.replaceChildren(...contentNodes);\n\n if (previousFrameOverlay) {\n container.appendChild(previousFrameOverlay);\n void waitForImagesReady(container).finally(() => {\n requestAnimationFrame(() => {\n previousFrameOverlay.remove();\n });\n });\n }\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","applyImageLoadingHints","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","waitForImagesReady","images","waitForDecode","resolve","settle","reuseRenderedImages","nextImage","preservedImage","clonedImage","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","previousFrameOverlay","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"8VAaMA,GAAyB,CAC7B,MACA,SACA,QACA,MACA,QACA,QACA,SACA,QACA,UACA,WACA,cACA,iBACA,eACF,EAEMC,EAAoBC,GACxBF,GAAuB,IACpBG,GAAc,GAAGA,CAAS,IAAID,EAAM,aAAaC,CAAS,GAAK,EAAE,EACpE,EAAE,KAAK,GAAG,EAENC,GAAyBC,GAAqB,CAClD,MAAMC,MAAe,IACrB,OAAAD,EAAK,iBAAiB,KAAK,EAAE,QAASE,GAAS,CAC7C,MAAML,EAAQK,EACRC,EAAMP,EAAiBC,CAAK,EAC5BO,EAASH,EAAS,IAAIE,CAAG,GAAK,CAAA,EACpCC,EAAO,KAAKP,CAAK,EACjBI,EAAS,IAAIE,EAAKC,CAAM,CAC1B,CAAC,EACMH,CACT,EAEMI,GAA0BL,GAAqB,CACnDA,EAAK,iBAAiB,KAAK,EAAE,QAASE,GAAS,CAC7C,MAAML,EAAQK,EAETL,EAAM,aAAa,SAAS,GAC/BA,EAAM,aAAa,UAAW,OAAO,EAGlCA,EAAM,aAAa,UAAU,GAChCA,EAAM,aAAa,WAAY,OAAO,EAGnCA,EAAM,aAAa,eAAe,GACrCA,EAAM,aAAa,gBAAiB,MAAM,CAE9C,CAAC,CACH,EAEMS,GAAsB,CAC1BC,EACAC,IACG,CACH,MAAMC,EAAmB,MAAM,KAAKF,EAAY,UAAU,EACpDG,EAAuB,IAAI,IAC/BD,EAAiB,IAAKX,GAAcA,EAAU,IAAI,CAAA,EAGpD,MAAM,KAAKU,EAAY,UAAU,EAAE,QAASV,GAAc,CACnDY,EAAqB,IAAIZ,EAAU,IAAI,GAC1CU,EAAY,gBAAgBV,EAAU,IAAI,CAE9C,CAAC,EAEDW,EAAiB,QAASX,GAAc,CACtCU,EAAY,aAAaV,EAAU,KAAMA,EAAU,KAAK,CAC1D,CAAC,CACH,EAEMa,GAAsBX,GAAqB,CAC/C,MAAMY,EAAS,MAAM,KAAKZ,EAAK,iBAAiB,KAAK,CAAC,EAEtD,OAAIY,EAAO,SAAW,EACb,QAAQ,QAAA,EAGV,QAAQ,WACbA,EAAO,IAAKf,GAAU,CACpB,MAAMgB,EAAgB,IAChB,OAAOhB,EAAM,QAAW,WACnB,QAAQ,QAAA,EAGVA,EAAM,OAAA,EAAS,MAAM,IAAA,EAAe,EAG7C,OAAIA,EAAM,UAAYA,EAAM,aAAe,EAClCgB,EAAA,EAGF,IAAI,QAAeC,GAAY,CACpC,MAAMC,EAAS,IAAM,CACdF,EAAA,EAAgB,QAAQ,IAAMC,GAAS,CAC9C,EAEAjB,EAAM,iBAAiB,OAAQkB,EAAQ,CAAE,KAAM,GAAM,EACrDlB,EAAM,iBAAiB,QAAS,IAAMiB,EAAA,EAAW,CAAE,KAAM,GAAM,CACjE,CAAC,CACH,CAAC,CAAA,EACD,KAAK,IAAA,EAAe,CACxB,EAEME,GAAsB,CAC1BhB,EACAC,IACG,CACEA,EAAS,MAEdD,EAAK,iBAAiB,KAAK,EAAE,QAASE,GAAS,CAC7C,MAAMe,EAAYf,EACZC,EAAMP,EAAiBqB,CAAS,EAChCb,EAASH,EAAS,IAAIE,CAAG,EACzBe,EAAiBd,GAAQ,MAAA,EAC/B,GAAI,CAACc,EAAgB,OAIrB,MAAMC,EAAcD,EAAe,UAAU,EAAI,EACjDZ,GAAoBW,EAAWE,CAAW,EAC1CF,EAAU,YAAYE,CAAW,EAE7Bf,GAAUA,EAAO,SAAW,GAC9BH,EAAS,OAAOE,CAAG,CAEvB,CAAC,CACH,EAEMiB,GAAwC,CAAC,CAC7C,KAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,WAAAC,EAAa,EACb,KAAAC,EAAO,UACP,gBAAAC,EAAkB,GAClB,kBAAAC,EAAoB,EACtB,IAAM,CACJ,MAAMC,EAAaC,EAAAA,OAAuB,IAAI,EACxCC,EAAeD,EAAAA,OAAuB,IAAI,EAC1C,EAAGE,CAAoB,EAAIC,EAAAA,SAAS,EAAI,EACxC,CAACC,EAAoBC,CAAqB,EAAIF,EAAAA,SAAS,EAAK,EAC5D,CAACG,EAAqBC,CAAsB,EAAIJ,EAAAA,SAAS,EAAK,EAC9DK,EAAoBR,EAAAA,OAA2B,EAAE,EACjDS,EAAqBT,EAAAA,OAA4B,EAAE,EACnDU,EAAgBV,EAAAA,OAAO,CAAC,EACxBW,EAAiBX,EAAAA,OAAO,CAAC,EACzBY,EAAgBZ,EAAAA,OAAsB,IAAI,EAC1Ca,EAAiBb,EAAAA,OAAsB,IAAI,EAC3Cc,EAAed,EAAAA,OAAO,EAAK,EAC3Be,EAAgBf,EAAAA,OAAO,EAAK,EAC5BgB,EAAwBhB,EAAAA,OAAO,EAAK,EACpCiB,EAAoBjB,EAAAA,OAAOL,CAAU,EACrCuB,EAAiB,IAEjBC,EAAcC,GAAoD,CAClEA,EAAS,UACX,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,KAEvB,EAEMC,EAA8B,CAClCC,EACAF,EACAG,EACAC,IACG,CACH,MAAMC,EAAU,YAAY,IAAA,EAAQF,EAAS,QACvCG,EAAQ,KAAK,IAAI,EAAGR,EAAiBO,CAAO,EAClDN,EAAWC,CAAQ,EACnBA,EAAS,QAAU,OAAO,WAAW,IAAM,CACzCE,EAAO,EAAK,EACZE,IAAA,EACAJ,EAAS,QAAU,IACrB,EAAGM,CAAK,CACV,EAEAC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAM3B,EAAa,SAAS,cAClC,GAAI,CAAC2B,EAAK,OACV,MAAMC,EAAU,wBAChB,IAAIC,EAAUF,EAAI,eAAeC,CAAO,EACnCC,IACHA,EAAUF,EAAI,cAAc,OAAO,EACnCE,EAAQ,GAAKD,EACbD,EAAI,MAAM,YAAYE,CAAO,GAE/BA,EAAQ,YAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAUxB,EAAG,CAAA,CAAE,EAELH,EAAAA,UAAU,IAAM,CACVhC,IAAesB,EAAkB,UACnCD,EAAsB,QAAU,GAChCC,EAAkB,QAAUtB,GAE9BwB,EAAWP,CAAa,EACxBO,EAAWN,CAAc,EACzBC,EAAa,QAAU,GACvBC,EAAc,QAAU,GAExB,MAAMgB,EAAY9B,EAAa,QAC/B,GAAI,CAAC8B,EAAW,OAChB,MAAMH,EAAMG,EAAU,cAChBC,EAAOJ,GAAK,KAClB,GAAI,CAACI,EAAM,OACX,MAAMC,EAAiB/D,GAAsB6D,CAAS,EAEtDvB,EAAkB,QAAQ,QAASnC,GAASA,EAAK,QAAQ,EACzDmC,EAAkB,QAAU,CAAA,EAC5BC,EAAmB,QAAQ,QAASpC,GAASA,EAAK,QAAQ,EAC1DoC,EAAmB,QAAU,CAAA,EAE7B,MAAMyB,EAAoBlB,EAAsB,QAChDd,EAAqB,CAACgC,CAAiB,EACvC7B,EAAsB,EAAK,EAC3BE,EAAuB,EAAK,EAC5B,MAAM4B,EAAUP,EAAI,cAAc,KAAK,EACvCO,EAAQ,UAAY3C,EAEpB,MAAM4C,GAAmB5C,EAAK,MAAM,gBAAgB,GAAK,CAAA,GAAI,OACvD6C,GAAoB7C,EAAK,MAAM,cAAc,GAAK,CAAA,GAAI,OACtD8C,EACJF,EAAkB,GAAKA,IAAoBC,EAEvCE,EAA+B,CAAA,EAErC,MAAM,KAAKJ,EAAQ,iBAAiB,eAAe,CAAC,EAAE,QAAS9D,GAAS,CACtE,GAAIA,EAAK,QAAQ,YAAA,IAAkB,QAAS,CAC1C,MAAMmE,EAASZ,EAAI,cAAc,OAAO,EACxCY,EAAO,YAAcnE,EAAK,aAAe,GACzC,MAAM,KAAKA,EAAK,UAAU,EAAE,QAASoE,GAAS,CAC5CD,EAAO,aAAaC,EAAK,KAAMA,EAAK,KAAK,CAC3C,CAAC,EACDF,EAAc,KAAKC,CAAM,CAC3B,KAAO,CACL,MAAME,EAAcd,EAAI,cAAc,QAAQ,EAC9C,MAAM,KAAKvD,EAAK,UAAU,EAAE,QAASoE,GAAS,CAC5CC,EAAY,aAAaD,EAAK,KAAMA,EAAK,KAAK,CAChD,CAAC,EACDC,EAAY,YAAcrE,EAAK,aAAe,GAC9CkE,EAAc,KAAKG,CAAW,CAChC,CACArE,EAAK,OAAA,CACP,CAAC,EACDG,GAAuB2D,CAAO,EAC9BhD,GAAoBgD,EAASF,CAAc,EAE3C,MAAMU,EAAYJ,EAAc,KAC7BlE,GAASA,EAAK,QAAQ,gBAAkB,OAAA,EAErCuE,EAAaL,EAAc,KAC9BlE,GAASA,EAAK,QAAQ,gBAAkB,QAAA,EAEvCsE,IACF7B,EAAa,QAAU,GACvBJ,EAAc,QAAU,YAAY,IAAA,EACpCS,EAAWP,CAAa,EACxBP,EAAsB,EAAI,GAExBuC,IACF7B,EAAc,QAAU,GACxBJ,EAAe,QAAU,YAAY,IAAA,EACrCQ,EAAWN,CAAc,EACzBN,EAAuB,EAAI,GAG7B,MAAMsC,EAAkB,CAAC,CAACV,EAAQ,kBAClCjC,EAAqB,CAAC2C,GAAmB,CAACX,CAAiB,EACvDW,IACF7B,EAAsB,QAAU,IAOlC,MAAM8B,EAHJZ,GACAH,EAAU,WAAW,OAAS,GAC9BI,EAAQ,cAAc,KAAK,IAAM,KAE9BJ,EAAU,UAAU,EAAI,EACzB,KAEAe,IACFA,EAAqB,aAAa,cAAe,MAAM,EACvDA,EAAqB,MAAM,SAAW,WACtCA,EAAqB,MAAM,MAAQ,IACnCA,EAAqB,MAAM,OAAS,IACpCA,EAAqB,MAAM,cAAgB,OAC3CA,EAAqB,MAAM,WAAa,eAG1C,MAAMC,EAAe,MAAM,KAAKZ,EAAQ,UAAU,EAClDJ,EAAU,gBAAgB,GAAGgB,CAAY,EAErCD,IACFf,EAAU,YAAYe,CAAoB,EACrChE,GAAmBiD,CAAS,EAAE,QAAQ,IAAM,CAC/C,sBAAsB,IAAM,CAC1Be,EAAqB,OAAA,CACvB,CAAC,CACH,CAAC,GAGHP,EAAc,QAASlE,GAAS,CAC9B,GAAIA,EAAK,QAAQ,YAAA,IAAkB,QAAS,CAC1CuD,EAAI,MAAM,YAAYvD,CAAI,EAC1BmC,EAAkB,QAAQ,KAAKnC,CAAwB,EACvD,MACF,CAEA,GAAIiE,EAAsB,CACxB,MAAMU,EAAa3E,EACb4E,EAAaD,EAAW,aAAe,GAG7C,GAFuB,CAACA,EAAW,IAGjC,GAAI,CAGF,IAAI,SAASC,CAAU,CACzB,MAAQ,CACND,EAAW,OAAA,EACX,MACF,CAGF,GAAI,CACFhB,EAAK,YAAYgB,CAAU,EAC3BvC,EAAmB,QAAQ,KAAKuC,CAAU,CAC5C,MAAQ,CACNA,EAAW,OAAA,CACb,CACF,MAEE3E,EAAK,OAAA,CAET,CAAC,EACD,sBAAsB,IAAM,CACtBsE,GACFtB,EACEhB,EACAO,EACAF,EACA,IAAM,CACJI,EAAa,QAAU,EACzB,CAAA,EAGA8B,GACFvB,EACEd,EACAM,EACAF,EACA,IAAM,CACJI,EAAc,QAAU,EAC1B,CAAA,CAGN,CAAC,CACH,EAAG,CAACvB,EAAMG,CAAU,CAAC,EAErBgC,EAAAA,UACE,IAAM,IAAM,CACVR,EAAWP,CAAa,EACxBO,EAAWN,CAAc,CAC3B,EACA,CAAA,CAAC,EAGH,MAAMqC,EACA5C,GAAuBS,EAAc,QAChCrB,GAAqB,4BAC1BU,GAAsBU,EAAa,QAC9BrB,GAAoB,qBACtB,KAGH0D,EAAevD,IAAS,aACxBwD,EAA0BD,GAAgBrD,EAC1CuD,EAA2C,CAC/C,SAAU,WACV,MAAO,OACP,OAAQ,OACR,QAAS,OACT,cAAe,SAEf,eAAgBD,EACZ,aACAD,EACE,eACA,YAAA,EAEFG,EAA6C,CACjD,cAAeJ,EAAiB,OAAS,OACzC,OAAQC,EAAe,OAAY,SACnC,MAAO,OACP,OAAQC,EAA0B,OAAS,OAC3C,UAAWA,EAA0B,EAAI,OACzC,KAAMA,EAA0B,WAAa,MAAA,EAG/C,OACEG,EAAAA,kBAAAA,KAAC,MAAA,CACC,IAAKxD,EACL,eAAcF,EAAkB,OAAS,QACzC,UAAU,kBACV,MAAOwD,EACP,YAAW,CAAC,CAACH,EAEb,SAAA,CAAAM,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAKvD,EACL,UAAU,oBACV,MAAOqD,CAAA,CAAA,EAERJ,GACCK,EAAAA,kBAAAA,KAAC,MAAA,CACC,MAAO,CACL,SAAU,WACV,MAAO,EACP,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,yBACZ,MAAO,UACP,SAAU,GACV,WAAY,IACZ,IAAK,GACL,cAAe,OACf,OAAQ,EAAA,EAGV,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,cAAW,GACX,KAAM,GACN,MAAO,CAAE,UAAW,iCAAA,CAAkC,CAAA,EAEvDP,CAAA,CAAA,CAAA,CACH,CAAA,CAAA,CAIR"}
1	+ {"version":3,"file":"SandboxApp.cjs.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 loadingText?: string;\n styleLoadingText?: string;\n scriptLoadingText?: string;\n fullScreenButtonText?: string;\n hideFullScreen?: boolean;\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 \"fetchpriority\",\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 applyImageLoadingHints = (root: ParentNode) => {\n root.querySelectorAll(\"img\").forEach((node) => {\n const image = node as HTMLImageElement;\n\n if (!image.getAttribute(\"loading\")) {\n image.setAttribute(\"loading\", \"eager\");\n }\n\n if (!image.getAttribute(\"decoding\")) {\n image.setAttribute(\"decoding\", \"async\");\n }\n\n if (!image.getAttribute(\"fetchpriority\")) {\n image.setAttribute(\"fetchpriority\", \"high\");\n }\n });\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 waitForImagesReady = (root: ParentNode) => {\n const images = Array.from(root.querySelectorAll(\"img\")) as HTMLImageElement[];\n\n if (images.length === 0) {\n return Promise.resolve();\n }\n\n return Promise.allSettled(\n images.map((image) => {\n const waitForDecode = () => {\n if (typeof image.decode !== \"function\") {\n return Promise.resolve();\n }\n\n return image.decode().catch(() => undefined);\n };\n\n if (image.complete && image.naturalWidth > 0) {\n return waitForDecode();\n }\n\n return new Promise<void>((resolve) => {\n const settle = () => {\n void waitForDecode().finally(() => resolve());\n };\n\n image.addEventListener(\"load\", settle, { once: true });\n image.addEventListener(\"error\", () => resolve(), { once: true });\n });\n })\n ).then(() => undefined);\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 // Clone the already-rendered image instead of moving the live node out of\n // the visible tree before the next DOM commit.\n const clonedImage = preservedImage.cloneNode(true) as HTMLImageElement;\n syncImageAttributes(nextImage, clonedImage);\n nextImage.replaceWith(clonedImage);\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 { position: relative; 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 applyImageLoadingHints(wrapper);\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 const shouldKeepPreviousFrameVisible =\n hasRenderedBefore &&\n container.childNodes.length > 0 &&\n wrapper.querySelector(\"img\") !== null;\n const previousFrameOverlay = shouldKeepPreviousFrameVisible\n ? (container.cloneNode(true) as HTMLDivElement)\n : null;\n\n if (previousFrameOverlay) {\n previousFrameOverlay.setAttribute(\"aria-hidden\", \"true\");\n previousFrameOverlay.style.position = \"absolute\";\n previousFrameOverlay.style.inset = \"0\";\n previousFrameOverlay.style.zIndex = \"2\";\n previousFrameOverlay.style.pointerEvents = \"none\";\n previousFrameOverlay.style.background = \"transparent\";\n }\n\n const contentNodes = Array.from(wrapper.childNodes);\n container.replaceChildren(...contentNodes);\n\n if (previousFrameOverlay) {\n container.appendChild(previousFrameOverlay);\n void waitForImagesReady(container).finally(() => {\n requestAnimationFrame(() => {\n previousFrameOverlay.remove();\n });\n });\n }\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","applyImageLoadingHints","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","waitForImagesReady","images","waitForDecode","resolve","settle","reuseRenderedImages","nextImage","preservedImage","clonedImage","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","previousFrameOverlay","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"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"}

package/dist/components/ContentRender/SandboxApp.d.ts CHANGED Viewed

@@ -1,8 +1,11 @@
 import { default as React } from 'react';
 export interface SandboxAppProps {
     html: string;
+    loadingText?: string;
     styleLoadingText?: string;
     scriptLoadingText?: string;
+    fullScreenButtonText?: string;
+    hideFullScreen?: boolean;
     resetToken?: number;
     mode?: "content" | "blackboard";
     hasRootVhHeight?: boolean;

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

	@@ -1 +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 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 \"fetchpriority\",\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 applyImageLoadingHints = (root: ParentNode) => {\n root.querySelectorAll(\"img\").forEach((node) => {\n const image = node as HTMLImageElement;\n\n if (!image.getAttribute(\"loading\")) {\n image.setAttribute(\"loading\", \"eager\");\n }\n\n if (!image.getAttribute(\"decoding\")) {\n image.setAttribute(\"decoding\", \"async\");\n }\n\n if (!image.getAttribute(\"fetchpriority\")) {\n image.setAttribute(\"fetchpriority\", \"high\");\n }\n });\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 waitForImagesReady = (root: ParentNode) => {\n const images = Array.from(root.querySelectorAll(\"img\")) as HTMLImageElement[];\n\n if (images.length === 0) {\n return Promise.resolve();\n }\n\n return Promise.allSettled(\n images.map((image) => {\n const waitForDecode = () => {\n if (typeof image.decode !== \"function\") {\n return Promise.resolve();\n }\n\n return image.decode().catch(() => undefined);\n };\n\n if (image.complete && image.naturalWidth > 0) {\n return waitForDecode();\n }\n\n return new Promise<void>((resolve) => {\n const settle = () => {\n void waitForDecode().finally(() => resolve());\n };\n\n image.addEventListener(\"load\", settle, { once: true });\n image.addEventListener(\"error\", () => resolve(), { once: true });\n });\n })\n ).then(() => undefined);\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 // Clone the already-rendered image instead of moving the live node out of\n // the visible tree before the next DOM commit.\n const clonedImage = preservedImage.cloneNode(true) as HTMLImageElement;\n syncImageAttributes(nextImage, clonedImage);\n nextImage.replaceWith(clonedImage);\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 { position: relative; 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 applyImageLoadingHints(wrapper);\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 const shouldKeepPreviousFrameVisible =\n hasRenderedBefore &&\n container.childNodes.length > 0 &&\n wrapper.querySelector(\"img\") !== null;\n const previousFrameOverlay = shouldKeepPreviousFrameVisible\n ? (container.cloneNode(true) as HTMLDivElement)\n : null;\n\n if (previousFrameOverlay) {\n previousFrameOverlay.setAttribute(\"aria-hidden\", \"true\");\n previousFrameOverlay.style.position = \"absolute\";\n previousFrameOverlay.style.inset = \"0\";\n previousFrameOverlay.style.zIndex = \"2\";\n previousFrameOverlay.style.pointerEvents = \"none\";\n previousFrameOverlay.style.background = \"transparent\";\n }\n\n const contentNodes = Array.from(wrapper.childNodes);\n container.replaceChildren(...contentNodes);\n\n if (previousFrameOverlay) {\n container.appendChild(previousFrameOverlay);\n void waitForImagesReady(container).finally(() => {\n requestAnimationFrame(() => {\n previousFrameOverlay.remove();\n });\n });\n }\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","applyImageLoadingHints","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","waitForImagesReady","images","waitForDecode","resolve","settle","reuseRenderedImages","nextImage","preservedImage","clonedImage","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","previousFrameOverlay","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"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"}
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 loadingText?: string;\n styleLoadingText?: string;\n scriptLoadingText?: string;\n fullScreenButtonText?: string;\n hideFullScreen?: boolean;\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 \"fetchpriority\",\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 applyImageLoadingHints = (root: ParentNode) => {\n root.querySelectorAll(\"img\").forEach((node) => {\n const image = node as HTMLImageElement;\n\n if (!image.getAttribute(\"loading\")) {\n image.setAttribute(\"loading\", \"eager\");\n }\n\n if (!image.getAttribute(\"decoding\")) {\n image.setAttribute(\"decoding\", \"async\");\n }\n\n if (!image.getAttribute(\"fetchpriority\")) {\n image.setAttribute(\"fetchpriority\", \"high\");\n }\n });\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 waitForImagesReady = (root: ParentNode) => {\n const images = Array.from(root.querySelectorAll(\"img\")) as HTMLImageElement[];\n\n if (images.length === 0) {\n return Promise.resolve();\n }\n\n return Promise.allSettled(\n images.map((image) => {\n const waitForDecode = () => {\n if (typeof image.decode !== \"function\") {\n return Promise.resolve();\n }\n\n return image.decode().catch(() => undefined);\n };\n\n if (image.complete && image.naturalWidth > 0) {\n return waitForDecode();\n }\n\n return new Promise<void>((resolve) => {\n const settle = () => {\n void waitForDecode().finally(() => resolve());\n };\n\n image.addEventListener(\"load\", settle, { once: true });\n image.addEventListener(\"error\", () => resolve(), { once: true });\n });\n })\n ).then(() => undefined);\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 // Clone the already-rendered image instead of moving the live node out of\n // the visible tree before the next DOM commit.\n const clonedImage = preservedImage.cloneNode(true) as HTMLImageElement;\n syncImageAttributes(nextImage, clonedImage);\n nextImage.replaceWith(clonedImage);\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 { position: relative; 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 applyImageLoadingHints(wrapper);\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 const shouldKeepPreviousFrameVisible =\n hasRenderedBefore &&\n container.childNodes.length > 0 &&\n wrapper.querySelector(\"img\") !== null;\n const previousFrameOverlay = shouldKeepPreviousFrameVisible\n ? (container.cloneNode(true) as HTMLDivElement)\n : null;\n\n if (previousFrameOverlay) {\n previousFrameOverlay.setAttribute(\"aria-hidden\", \"true\");\n previousFrameOverlay.style.position = \"absolute\";\n previousFrameOverlay.style.inset = \"0\";\n previousFrameOverlay.style.zIndex = \"2\";\n previousFrameOverlay.style.pointerEvents = \"none\";\n previousFrameOverlay.style.background = \"transparent\";\n }\n\n const contentNodes = Array.from(wrapper.childNodes);\n container.replaceChildren(...contentNodes);\n\n if (previousFrameOverlay) {\n container.appendChild(previousFrameOverlay);\n void waitForImagesReady(container).finally(() => {\n requestAnimationFrame(() => {\n previousFrameOverlay.remove();\n });\n });\n }\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","applyImageLoadingHints","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","waitForImagesReady","images","waitForDecode","resolve","settle","reuseRenderedImages","nextImage","preservedImage","clonedImage","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","previousFrameOverlay","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","Loader2"],"mappings":"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"}

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

@@ -59,7 +59,7 @@ export declare const Default: Story;
 export declare const FullViewportSlides: Story;
 export declare const FullViewportSingleSlide: Story;
 export declare const FullViewportSingleSlideWithEmptyPpt: Story;
-export declare const HiddenMountedHtmlSlides: Story;
+export declare const HistorySlides: Story;
 export declare const StreamingSingleIframeSlide: Story;
 export declare const StreamingSpeakableLoadingOnlySlide: Story;
 export declare const FullViewportSingleSlideWithSSE: Story;