markdown-flow-ui 0.1.112 → 0.1.113

package/dist/components/ContentRender/IframeSandbox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IframeSandbox.cjs.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport SandboxApp from \"./SandboxApp\";\nimport ContentRender from \"./ContentRender\";\nimport {\n  EMPTY_ROOT_HEIGHT_META,\n  inspectViewportHeightFromHtmlRootString,\n  inspectViewportHeightFromNodeChain,\n  parseExplicitHeight,\n  resolveExplicitHeightFromNodeChain,\n} from \"./utils/iframe-viewport-height\";\nimport {\n  SANDBOX_INTERACTION_MESSAGE_SOURCE,\n  SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\nimport {\n  injectScalingSystem,\n  type ScalingWindow,\n} from \"./utils/iframe-scaling\";\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\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]*>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\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  enableScaling?: boolean;\n}\n\nconst replaceRootScreenHeightToken = (className: string) =>\n  className\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => {\n      const segments = token.split(\":\");\n      if (\n        segments[segments.length - 1] !== \"h-screen\" &&\n        segments[segments.length - 1] !== \"min-h-screen\"\n      ) {\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  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  hideFullScreen = false,\n  mode = \"content\",\n  replaceRootScreenHeightWithFull = false,\n  enableScaling = false,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [height, setHeight] = useState(480);\n  const [contentHeight, setContentHeight] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const isMeasuringContentRef = useRef(false);\n  const pendingHeightUpdateRef = useRef(false);\n  const lastSandboxInteractionTimeRef = useRef(0);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const shouldInjectSandboxVendor = type === \"sandbox\";\n\n  const isBlackboardMode = mode === \"blackboard\";\n  const shouldEnableScaling =\n    enableScaling && isBlackboardMode && type === \"sandbox\";\n  const shouldMeasureDynamicHeight = isBlackboardMode && type === \"sandbox\";\n  const shouldProcessRootScreenHeight =\n    shouldMeasureDynamicHeight && replaceRootScreenHeightWithFull;\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(\n    () => (type === \"sandbox\" ? content : \"\"),\n    [content, type]\n  );\n  const normalizedHtmlContent = React.useMemo(\n    () =>\n      replaceRootScreenHeightWithFullClass(\n        htmlContent,\n        shouldProcessRootScreenHeight\n      ),\n    [htmlContent, shouldProcessRootScreenHeight]\n  );\n  const originalRootHeightMeta = React.useMemo(\n    () =>\n      shouldProcessRootScreenHeight\n        ? inspectViewportHeightFromHtmlRootString(htmlContent)\n        : EMPTY_ROOT_HEIGHT_META,\n    [htmlContent, shouldProcessRootScreenHeight]\n  );\n  const shouldStretchRootHeight = React.useMemo(\n    () =>\n      shouldProcessRootScreenHeight &&\n      originalRootHeightMeta.hasFullViewportHeight,\n    [\n      originalRootHeightMeta.hasFullViewportHeight,\n      shouldProcessRootScreenHeight,\n    ]\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 renderViewportHeightCssRef = useRef<string | null>(null);\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  };\n\n  useEffect(\n    () => () => {\n      clearDeferredRenderTimer();\n      clearInitialPaintFrames();\n    },\n    []\n  );\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 shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n    if (!shouldDeferRender) {\n      clearDeferredRenderTimer();\n      pendingHtmlRef.current = normalizedHtmlContent;\n      setRenderHtmlContent(normalizedHtmlContent);\n      return;\n    }\n\n    pendingHtmlRef.current = normalizedHtmlContent;\n    clearDeferredRenderTimer();\n    deferRenderTimerRef.current = window.setTimeout(() => {\n      setRenderHtmlContent(pendingHtmlRef.current);\n      deferRenderTimerRef.current = null;\n    }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n  }, [normalizedHtmlContent]);\n\n  const rootViewportHeightCss = React.useMemo(() => {\n    if (!shouldMeasureDynamicHeight) {\n      return null;\n    }\n\n    return inspectViewportHeightFromHtmlRootString(renderHtmlContent)\n      .viewportHeightCss;\n  }, [renderHtmlContent, shouldMeasureDynamicHeight]);\n\n  useEffect(() => {\n    renderViewportHeightCssRef.current = rootViewportHeightCss;\n  }, [rootViewportHeightCss]);\n\n  const hasRootVhHeight = Boolean(rootViewportHeightCss);\n  const sandboxViewportHeight =\n    isBlackboardMode && type === \"sandbox\"\n      ? shouldEnableScaling\n        ? \"100%\"\n        : shouldStretchRootHeight\n          ? \"100%\"\n          : (rootViewportHeightCss ?? `${height}px`)\n      : undefined;\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      :root { color-scheme: light; }\n      html, body, #root { width: 100%; }\n      ${mode === \"blackboard\" ? \"html, body, #root { height: 100%; }\" : \"\"}\n      html, body { margin: 0; padding: 0; overflow: ${shouldEnableScaling ? \"hidden auto\" : mode === \"blackboard\" ? \"auto\" : \"hidden\"}; }\n      *, *::before, *::after { box-sizing: border-box; }\n      ${\n        mode !== \"blackboard\"\n          ? `\n        .h-screen { height: auto !important; }\n        .min-h-screen { min-height: auto !important; }\n        .h-dvh, .h-svh, .h-lvh { height: auto !important; }\n        .min-h-dvh, .min-h-svh, .min-h-lvh { min-height: auto !important; }\n      `\n          : \"\"\n      }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n\n    // Force iframe theme to stay in light mode regardless of host OS preference.\n    doc.documentElement.setAttribute(\"data-theme\", \"light\");\n    doc.documentElement.style.colorScheme = \"light\";\n    doc.body?.style.setProperty(\"color-scheme\", \"light\");\n\n    const shouldBridgeSandboxInteraction =\n      isBlackboardMode && type === \"sandbox\";\n    const handleSandboxClick = () => emitSandboxInteraction(\"click\");\n\n    if (shouldBridgeSandboxInteraction) {\n      doc.addEventListener(\"click\", handleSandboxClick, 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    const getHeightInspectionNode = (node: HTMLElement) => ({\n      heightAttrValue: node.getAttribute(\"height\"),\n      styleAttrValue: node.getAttribute(\"style\"),\n      classAttrValue: node.getAttribute(\"class\"),\n    });\n    const getSingleChildElement = (node: HTMLElement) => {\n      const childElements = Array.from(node.children) as HTMLElement[];\n\n      return childElements.length === 1 ? childElements[0] : null;\n    };\n\n    const resolveExplicitHeight = () => {\n      if (!shouldMeasureDynamicHeight) return null;\n      if (!iframeRef.current || !doc.body) return null;\n      const parentViewportHeight =\n        iframeRef.current.ownerDocument?.documentElement?.clientHeight ||\n        window.innerHeight;\n      // Reuse parsed height metadata from the current html snapshot first to\n      // avoid re-inspecting the same DOM chain on every height tick.\n      const precomputedViewportHeightCss = renderViewportHeightCssRef.current;\n      const parsed = precomputedViewportHeightCss\n        ? parseExplicitHeight(\n            precomputedViewportHeightCss,\n            parentViewportHeight\n          )\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 container = wrapper?.firstElementChild as HTMLElement | null;\n      if (!container) return null;\n      const containerChildren = Array.from(container.children) as HTMLElement[];\n      const rootContentElement =\n        containerChildren.length === 1 ? containerChildren[0] : null;\n      const runtimeHeightMeta = inspectViewportHeightFromNodeChain(\n        rootContentElement,\n        {\n          getNode: getHeightInspectionNode,\n          getSingleChild: getSingleChildElement,\n        }\n      );\n      const runtimeViewportHeightCss = runtimeHeightMeta.viewportHeightCss;\n\n      if (runtimeViewportHeightCss) {\n        const runtimeViewportHeight = parseExplicitHeight(\n          runtimeViewportHeightCss,\n          parentViewportHeight\n        );\n\n        if (runtimeViewportHeight !== null) {\n          return Math.ceil(runtimeViewportHeight);\n        }\n      }\n\n      const explicitPixelHeight = resolveExplicitHeightFromNodeChain(\n        rootContentElement,\n        parentViewportHeight,\n        {\n          getNode: getHeightInspectionNode,\n          getSingleChild: getSingleChildElement,\n        }\n      );\n\n      return explicitPixelHeight !== null\n        ? Math.ceil(explicitPixelHeight)\n        : null;\n    };\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n\n      if (!isBlackboardMode) {\n        // Guard: prevent re-entrant measurement from ResizeObserver /\n        // MutationObserver callbacks triggered by our own height changes.\n        if (isMeasuringContentRef.current) {\n          // Mark that an update was requested while the guard was active.\n          // We will retry once the guard releases (see setTimeout below).\n          pendingHeightUpdateRef.current = true;\n          return;\n        }\n        isMeasuringContentRef.current = true;\n\n        // Content mode height measurement strategy:\n        // Temporarily set iframe height to the 16:9 minimum so that:\n        // 1. vmin units are stable: vmin = min(cw, minH)/100 = minH/100,\n        //    consistent with the final rendered 16:9 iframe.\n        // 2. Viewport-filling content (e.g. inline style=\"height:100vh\")\n        //    fills the 16:9 space → scrollHeight = minH, which is then\n        //    correctly bounded by the 16:9 minimum in contentModeStyle.\n        //    (Previously using cw caused such content to report 1:1 height,\n        //    overriding the 16:9 minimum.)\n        const iframe = iframeRef.current;\n        const cw = containerRef.current?.clientWidth || 0;\n        const prevH = iframe.style.height;\n\n        if (cw > 0) {\n          const minH = Math.round((cw * 9) / 16);\n          iframe.style.height = minH + \"px\";\n          // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n          doc.body.offsetHeight; // force layout\n\n          let measuredH = doc.body.scrollHeight;\n\n          // Detect inner elements that clip overflowing content behind a\n          // scrollbar (e.g. <div style=\"height:100vh; overflow-y:auto\"> whose\n          // content is taller than the iframe). body.scrollHeight won't see\n          // that overflow, so we walk the tree and factor in each scrollable\n          // element's full scroll height based on its position in the iframe.\n          const iframeWin = doc.defaultView;\n          if (iframeWin) {\n            // Returns the max natural bottom of inner elements that clip\n            // content via overflow:auto/scroll (i.e. internal scrollbars).\n            const getInnerScrollableHeight = (root: Element): number => {\n              let maxH = 0;\n              const walk = (el: Element) => {\n                if (el !== root && el.scrollHeight > el.clientHeight + 1) {\n                  const oy = iframeWin.getComputedStyle(el).overflowY;\n                  if (oy === \"auto\" || oy === \"scroll\") {\n                    const rect = el.getBoundingClientRect();\n                    if (rect.top >= 0) {\n                      maxH = Math.max(\n                        maxH,\n                        Math.ceil(rect.top + el.scrollHeight)\n                      );\n                    }\n                  }\n                }\n                for (const child of el.children) walk(child);\n              };\n              walk(root);\n              return maxH;\n            };\n\n            measuredH = Math.max(measuredH, getInnerScrollableHeight(doc.body));\n\n            // Content that uses vh-relative sizing grows as the viewport\n            // expands. Measure up to 8 more times at the expanded height so\n            // we capture the full content height in a single updateHeight()\n            // call rather than waiting for external re-triggers.\n            for (let i = 0; i < 8 && measuredH > minH; i++) {\n              iframe.style.height = measuredH + \"px\";\n              // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n              doc.body.offsetHeight; // force layout at expanded size\n              const nextH = Math.max(\n                doc.body.scrollHeight,\n                getInnerScrollableHeight(doc.body)\n              );\n              if (nextH <= measuredH + 1) break; // stable — stop iterating\n              measuredH = nextH;\n            }\n          }\n\n          // Restore iframe to let React control it via contentModeStyle\n          iframe.style.height = prevH;\n\n          setContentHeight((prev) => {\n            const next = Math.max(200, Math.ceil(measuredH));\n            return prev === next ? prev : next;\n          });\n        }\n\n        setTimeout(() => {\n          isMeasuringContentRef.current = false;\n          // Retry any update that was blocked while the guard was active\n          // (e.g. dynamic content injected by scripts or images loading).\n          if (pendingHeightUpdateRef.current) {\n            pendingHeightUpdateRef.current = false;\n            scheduleHeightUpdate();\n          }\n        }, 50);\n        return;\n      }\n\n      // Scaling mode: viewport is fixed, content scales via font-size.\n      if (shouldEnableScaling) return;\n\n      // Blackboard mode: use existing measurement logic\n      const bodyScrollH = doc.body.scrollHeight;\n      const htmlScrollH = doc.documentElement?.scrollHeight || 0;\n      const rootScrollH = rootEl?.scrollHeight || 0;\n      const measuredHeight = Math.max(bodyScrollH, htmlScrollH, rootScrollH);\n\n      if (shouldMeasureDynamicHeight) {\n        const explicitHeight = resolveExplicitHeight();\n        const nextHeight = Math.max(\n          200,\n          explicitHeight ?? Math.ceil(measuredHeight)\n        );\n        setHeight((prevHeight) =>\n          prevHeight === nextHeight ? prevHeight : nextHeight\n        );\n      }\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      // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n      loadBlackboardVendor()\n        .then((inject) => {\n          if (isDestroyed) return;\n          inject(doc);\n          if (shouldEnableScaling) {\n            injectScalingSystem(doc);\n          }\n          requestAnimationFrame(() => {\n            if (isDestroyed) return;\n            scheduleHeightUpdate();\n          });\n        })\n        .catch(() => {\n          if (isDestroyed) return;\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    // MutationObserver: detect DOM changes that ResizeObserver might miss\n    // (e.g. content injected by scripts, images loading, dynamic rendering)\n    const mutationObserver = new MutationObserver(() => {\n      scheduleHeightUpdate();\n    });\n    mutationObserver.observe(doc.body, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"style\", \"class\"],\n    });\n\n    return () => {\n      isDestroyed = true;\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n      if (shouldEnableScaling) {\n        const iframeWin = iframe.contentWindow as ScalingWindow | null;\n        iframeWin?.__mdf_cleanupScaling?.();\n      }\n      if (shouldBridgeSandboxInteraction) {\n        doc.removeEventListener(\"click\", handleSandboxClick, true);\n      }\n      // Defer unmount to avoid React warning when parent is mid-render\n      setTimeout(() => {\n        root.unmount();\n        rootRef.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  // Track container width for computing min-height in content mode\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n    const ro = new ResizeObserver((entries) => {\n      setContainerWidth(entries[0]?.contentRect.width ?? el.clientWidth);\n    });\n    ro.observe(el);\n    setContainerWidth(el.clientWidth);\n    return () => ro.disconnect();\n  }, []);\n\n  // Content mode: min 16:9 aspect ratio, grow to fit content (no scrollbar)\n  const contentModeStyle = useMemo<React.CSSProperties | undefined>(() => {\n    if (isBlackboardMode || containerWidth === 0 || isFullscreen)\n      return undefined;\n    const minH = Math.round((containerWidth * 9) / 16);\n    const h = Math.max(minH, contentHeight);\n    return { height: h };\n  }, [isBlackboardMode, containerWidth, contentHeight, isFullscreen]);\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        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        resetToken={resetToken}\n        hasRootVhHeight={hasRootVhHeight}\n        mode={mode}\n        stretchRootHeight={shouldStretchRootHeight}\n        enableScaling={shouldEnableScaling}\n      />\n    );\n\n    // Schedule multiple measurements to catch async content (scripts, images, styles).\n    initialPaintFrameRef.current = window.requestAnimationFrame(() => {\n      updateHeightRef.current?.();\n      if (shouldEnableScaling) {\n        const iframeWin = iframeRef.current\n          ?.contentWindow as ScalingWindow | null;\n        iframeWin?.__mdf_triggerFitContent?.();\n      }\n      initialPaintFrameRef.current = null;\n    });\n    const t1 = setTimeout(() => updateHeightRef.current?.(), 100);\n    const t2 = setTimeout(() => updateHeightRef.current?.(), 500);\n    return () => {\n      clearTimeout(t1);\n      clearTimeout(t2);\n    };\n  }, [\n    renderHtmlContent,\n    styleLoadingText,\n    scriptLoadingText,\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      : contentModeStyle\n        ? \"overflow-hidden flex items-center justify-center\"\n        : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\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          : contentModeStyle\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 onClick={() => emitSandboxInteraction(\"click\")}>\n          <ContentRender content={content} />\n        </div>\n      ) : (\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          }}\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","replaceRootScreenHeightToken","className","token","segments","replaceRootScreenHeightWithFullClass","html","enabled","match","tagStart","attrs","classMatch","nextClassName","IframeSandbox","content","type","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","replaceRootScreenHeightWithFull","enableScaling","containerRef","useRef","iframeRef","rootRef","updateHeightRef","height","setHeight","useState","contentHeight","setContentHeight","containerWidth","setContainerWidth","isMeasuringContentRef","pendingHeightUpdateRef","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","shouldInjectSandboxVendor","isBlackboardMode","shouldEnableScaling","shouldMeasureDynamicHeight","shouldProcessRootScreenHeight","prevHtmlRef","htmlContent","React","normalizedHtmlContent","originalRootHeightMeta","inspectViewportHeightFromHtmlRootString","EMPTY_ROOT_HEIGHT_META","shouldStretchRootHeight","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","initialPaintFrameRef","renderViewportHeightCssRef","emitSandboxInteraction","useCallback","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","clearDeferredRenderTimer","clearInitialPaintFrames","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","rootViewportHeightCss","hasRootVhHeight","sandboxViewportHeight","prev","iframe","doc","shouldBridgeSandboxInteraction","handleSandboxClick","rootEl","root","createRoot","isDestroyed","getHeightInspectionNode","node","getSingleChildElement","childElements","resolveExplicitHeight","parentViewportHeight","precomputedViewportHeightCss","parsed","parseExplicitHeight","container","containerChildren","rootContentElement","runtimeViewportHeightCss","inspectViewportHeightFromNodeChain","runtimeViewportHeight","explicitPixelHeight","resolveExplicitHeightFromNodeChain","updateHeight","cw","prevH","minH","measuredH","iframeWin","getInnerScrollableHeight","maxH","walk","el","oy","rect","child","i","nextH","next","scheduleHeightUpdate","bodyScrollH","htmlScrollH","rootScrollH","measuredHeight","explicitHeight","nextHeight","prevHeight","inject","injectScalingSystem","resizeObserver","mutationObserver","onFullscreenChange","ro","entries","contentModeStyle","useMemo","toggleFullscreen","target","jsx","SandboxApp","t1","t2","containerClassName","jsxs","ContentRender"],"mappings":"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"}
+{"version":3,"file":"IframeSandbox.cjs.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport SandboxApp from \"./SandboxApp\";\nimport ContentRender from \"./ContentRender\";\nimport {\n  EMPTY_ROOT_HEIGHT_META,\n  inspectViewportHeightFromHtmlRootString,\n  inspectViewportHeightFromNodeChain,\n  parseExplicitHeight,\n  resolveExplicitHeightFromNodeChain,\n} from \"./utils/iframe-viewport-height\";\nimport {\n  SANDBOX_INTERACTION_MESSAGE_SOURCE,\n  SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\nimport {\n  injectScalingSystem,\n  type ScalingWindow,\n} from \"./utils/iframe-scaling\";\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\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]*>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\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  enableScaling?: boolean;\n  disableLoadingOverlay?: boolean;\n}\n\nconst replaceRootScreenHeightToken = (className: string) =>\n  className\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => {\n      const segments = token.split(\":\");\n      if (\n        segments[segments.length - 1] !== \"h-screen\" &&\n        segments[segments.length - 1] !== \"min-h-screen\"\n      ) {\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  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  hideFullScreen = false,\n  mode = \"content\",\n  replaceRootScreenHeightWithFull = false,\n  enableScaling = false,\n  disableLoadingOverlay = false,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [height, setHeight] = useState(480);\n  const [contentHeight, setContentHeight] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const isMeasuringContentRef = useRef(false);\n  const pendingHeightUpdateRef = useRef(false);\n  const lastSandboxInteractionTimeRef = useRef(0);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const shouldInjectSandboxVendor = type === \"sandbox\";\n\n  const isBlackboardMode = mode === \"blackboard\";\n  const shouldEnableScaling =\n    enableScaling && isBlackboardMode && type === \"sandbox\";\n  const shouldMeasureDynamicHeight = isBlackboardMode && type === \"sandbox\";\n  const shouldProcessRootScreenHeight =\n    shouldMeasureDynamicHeight && replaceRootScreenHeightWithFull;\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(\n    () => (type === \"sandbox\" ? content : \"\"),\n    [content, type]\n  );\n  const normalizedHtmlContent = React.useMemo(\n    () =>\n      replaceRootScreenHeightWithFullClass(\n        htmlContent,\n        shouldProcessRootScreenHeight\n      ),\n    [htmlContent, shouldProcessRootScreenHeight]\n  );\n  const originalRootHeightMeta = React.useMemo(\n    () =>\n      shouldProcessRootScreenHeight\n        ? inspectViewportHeightFromHtmlRootString(htmlContent)\n        : EMPTY_ROOT_HEIGHT_META,\n    [htmlContent, shouldProcessRootScreenHeight]\n  );\n  const shouldStretchRootHeight = React.useMemo(\n    () =>\n      shouldProcessRootScreenHeight &&\n      originalRootHeightMeta.hasFullViewportHeight,\n    [\n      originalRootHeightMeta.hasFullViewportHeight,\n      shouldProcessRootScreenHeight,\n    ]\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 renderViewportHeightCssRef = useRef<string | null>(null);\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  };\n\n  useEffect(\n    () => () => {\n      clearDeferredRenderTimer();\n      clearInitialPaintFrames();\n    },\n    []\n  );\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 shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n    if (!shouldDeferRender) {\n      clearDeferredRenderTimer();\n      pendingHtmlRef.current = normalizedHtmlContent;\n      setRenderHtmlContent(normalizedHtmlContent);\n      return;\n    }\n\n    pendingHtmlRef.current = normalizedHtmlContent;\n    clearDeferredRenderTimer();\n    deferRenderTimerRef.current = window.setTimeout(() => {\n      setRenderHtmlContent(pendingHtmlRef.current);\n      deferRenderTimerRef.current = null;\n    }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n  }, [normalizedHtmlContent]);\n\n  const rootViewportHeightCss = React.useMemo(() => {\n    if (!shouldMeasureDynamicHeight) {\n      return null;\n    }\n\n    return inspectViewportHeightFromHtmlRootString(renderHtmlContent)\n      .viewportHeightCss;\n  }, [renderHtmlContent, shouldMeasureDynamicHeight]);\n\n  useEffect(() => {\n    renderViewportHeightCssRef.current = rootViewportHeightCss;\n  }, [rootViewportHeightCss]);\n\n  const hasRootVhHeight = Boolean(rootViewportHeightCss);\n  const sandboxViewportHeight =\n    isBlackboardMode && type === \"sandbox\"\n      ? shouldEnableScaling\n        ? \"100%\"\n        : shouldStretchRootHeight\n          ? \"100%\"\n          : (rootViewportHeightCss ?? `${height}px`)\n      : undefined;\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      :root { color-scheme: light; }\n      html, body, #root { width: 100%; }\n      ${mode === \"blackboard\" ? \"html, body, #root { height: 100%; }\" : \"\"}\n      html, body { margin: 0; padding: 0; overflow: ${shouldEnableScaling ? \"hidden auto\" : mode === \"blackboard\" ? \"auto\" : \"hidden\"}; }\n      *, *::before, *::after { box-sizing: border-box; }\n      ${\n        mode !== \"blackboard\"\n          ? `\n        .h-screen { height: auto !important; }\n        .min-h-screen { min-height: auto !important; }\n        .h-dvh, .h-svh, .h-lvh { height: auto !important; }\n        .min-h-dvh, .min-h-svh, .min-h-lvh { min-height: auto !important; }\n      `\n          : \"\"\n      }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n\n    // Force iframe theme to stay in light mode regardless of host OS preference.\n    doc.documentElement.setAttribute(\"data-theme\", \"light\");\n    doc.documentElement.style.colorScheme = \"light\";\n    doc.body?.style.setProperty(\"color-scheme\", \"light\");\n\n    const shouldBridgeSandboxInteraction =\n      isBlackboardMode && type === \"sandbox\";\n    const handleSandboxClick = () => emitSandboxInteraction(\"click\");\n\n    if (shouldBridgeSandboxInteraction) {\n      doc.addEventListener(\"click\", handleSandboxClick, 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    const getHeightInspectionNode = (node: HTMLElement) => ({\n      heightAttrValue: node.getAttribute(\"height\"),\n      styleAttrValue: node.getAttribute(\"style\"),\n      classAttrValue: node.getAttribute(\"class\"),\n    });\n    const getSingleChildElement = (node: HTMLElement) => {\n      const childElements = Array.from(node.children) as HTMLElement[];\n\n      return childElements.length === 1 ? childElements[0] : null;\n    };\n\n    const resolveExplicitHeight = () => {\n      if (!shouldMeasureDynamicHeight) return null;\n      if (!iframeRef.current || !doc.body) return null;\n      const parentViewportHeight =\n        iframeRef.current.ownerDocument?.documentElement?.clientHeight ||\n        window.innerHeight;\n      // Reuse parsed height metadata from the current html snapshot first to\n      // avoid re-inspecting the same DOM chain on every height tick.\n      const precomputedViewportHeightCss = renderViewportHeightCssRef.current;\n      const parsed = precomputedViewportHeightCss\n        ? parseExplicitHeight(\n            precomputedViewportHeightCss,\n            parentViewportHeight\n          )\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 container = wrapper?.firstElementChild as HTMLElement | null;\n      if (!container) return null;\n      const containerChildren = Array.from(container.children) as HTMLElement[];\n      const rootContentElement =\n        containerChildren.length === 1 ? containerChildren[0] : null;\n      const runtimeHeightMeta = inspectViewportHeightFromNodeChain(\n        rootContentElement,\n        {\n          getNode: getHeightInspectionNode,\n          getSingleChild: getSingleChildElement,\n        }\n      );\n      const runtimeViewportHeightCss = runtimeHeightMeta.viewportHeightCss;\n\n      if (runtimeViewportHeightCss) {\n        const runtimeViewportHeight = parseExplicitHeight(\n          runtimeViewportHeightCss,\n          parentViewportHeight\n        );\n\n        if (runtimeViewportHeight !== null) {\n          return Math.ceil(runtimeViewportHeight);\n        }\n      }\n\n      const explicitPixelHeight = resolveExplicitHeightFromNodeChain(\n        rootContentElement,\n        parentViewportHeight,\n        {\n          getNode: getHeightInspectionNode,\n          getSingleChild: getSingleChildElement,\n        }\n      );\n\n      return explicitPixelHeight !== null\n        ? Math.ceil(explicitPixelHeight)\n        : null;\n    };\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n\n      if (!isBlackboardMode) {\n        // Guard: prevent re-entrant measurement from ResizeObserver /\n        // MutationObserver callbacks triggered by our own height changes.\n        if (isMeasuringContentRef.current) {\n          // Mark that an update was requested while the guard was active.\n          // We will retry once the guard releases (see setTimeout below).\n          pendingHeightUpdateRef.current = true;\n          return;\n        }\n        isMeasuringContentRef.current = true;\n\n        // Content mode height measurement strategy:\n        // Temporarily set iframe height to the 16:9 minimum so that:\n        // 1. vmin units are stable: vmin = min(cw, minH)/100 = minH/100,\n        //    consistent with the final rendered 16:9 iframe.\n        // 2. Viewport-filling content (e.g. inline style=\"height:100vh\")\n        //    fills the 16:9 space → scrollHeight = minH, which is then\n        //    correctly bounded by the 16:9 minimum in contentModeStyle.\n        //    (Previously using cw caused such content to report 1:1 height,\n        //    overriding the 16:9 minimum.)\n        const iframe = iframeRef.current;\n        const cw = containerRef.current?.clientWidth || 0;\n        const prevH = iframe.style.height;\n\n        if (cw > 0) {\n          const minH = Math.round((cw * 9) / 16);\n          iframe.style.height = minH + \"px\";\n          // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n          doc.body.offsetHeight; // force layout\n\n          let measuredH = doc.body.scrollHeight;\n\n          // Detect inner elements that clip overflowing content behind a\n          // scrollbar (e.g. <div style=\"height:100vh; overflow-y:auto\"> whose\n          // content is taller than the iframe). body.scrollHeight won't see\n          // that overflow, so we walk the tree and factor in each scrollable\n          // element's full scroll height based on its position in the iframe.\n          const iframeWin = doc.defaultView;\n          if (iframeWin) {\n            // Returns the max natural bottom of inner elements that clip\n            // content via overflow:auto/scroll (i.e. internal scrollbars).\n            const getInnerScrollableHeight = (root: Element): number => {\n              let maxH = 0;\n              const walk = (el: Element) => {\n                if (el !== root && el.scrollHeight > el.clientHeight + 1) {\n                  const oy = iframeWin.getComputedStyle(el).overflowY;\n                  if (oy === \"auto\" || oy === \"scroll\") {\n                    const rect = el.getBoundingClientRect();\n                    if (rect.top >= 0) {\n                      maxH = Math.max(\n                        maxH,\n                        Math.ceil(rect.top + el.scrollHeight)\n                      );\n                    }\n                  }\n                }\n                for (const child of el.children) walk(child);\n              };\n              walk(root);\n              return maxH;\n            };\n\n            measuredH = Math.max(measuredH, getInnerScrollableHeight(doc.body));\n\n            // Content that uses vh-relative sizing grows as the viewport\n            // expands. Measure up to 8 more times at the expanded height so\n            // we capture the full content height in a single updateHeight()\n            // call rather than waiting for external re-triggers.\n            for (let i = 0; i < 8 && measuredH > minH; i++) {\n              iframe.style.height = measuredH + \"px\";\n              // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n              doc.body.offsetHeight; // force layout at expanded size\n              const nextH = Math.max(\n                doc.body.scrollHeight,\n                getInnerScrollableHeight(doc.body)\n              );\n              if (nextH <= measuredH + 1) break; // stable — stop iterating\n              measuredH = nextH;\n            }\n          }\n\n          // Restore iframe to let React control it via contentModeStyle\n          iframe.style.height = prevH;\n\n          setContentHeight((prev) => {\n            const next = Math.max(200, Math.ceil(measuredH));\n            return prev === next ? prev : next;\n          });\n        }\n\n        setTimeout(() => {\n          isMeasuringContentRef.current = false;\n          // Retry any update that was blocked while the guard was active\n          // (e.g. dynamic content injected by scripts or images loading).\n          if (pendingHeightUpdateRef.current) {\n            pendingHeightUpdateRef.current = false;\n            scheduleHeightUpdate();\n          }\n        }, 50);\n        return;\n      }\n\n      // Scaling mode: viewport is fixed, content scales via font-size.\n      if (shouldEnableScaling) return;\n\n      // Blackboard mode: use existing measurement logic\n      const bodyScrollH = doc.body.scrollHeight;\n      const htmlScrollH = doc.documentElement?.scrollHeight || 0;\n      const rootScrollH = rootEl?.scrollHeight || 0;\n      const measuredHeight = Math.max(bodyScrollH, htmlScrollH, rootScrollH);\n\n      if (shouldMeasureDynamicHeight) {\n        const explicitHeight = resolveExplicitHeight();\n        const nextHeight = Math.max(\n          200,\n          explicitHeight ?? Math.ceil(measuredHeight)\n        );\n        setHeight((prevHeight) =>\n          prevHeight === nextHeight ? prevHeight : nextHeight\n        );\n      }\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      // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n      loadBlackboardVendor()\n        .then((inject) => {\n          if (isDestroyed) return;\n          inject(doc);\n          if (shouldEnableScaling) {\n            injectScalingSystem(doc);\n          }\n          requestAnimationFrame(() => {\n            if (isDestroyed) return;\n            scheduleHeightUpdate();\n          });\n        })\n        .catch(() => {\n          if (isDestroyed) return;\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    // MutationObserver: detect DOM changes that ResizeObserver might miss\n    // (e.g. content injected by scripts, images loading, dynamic rendering)\n    const mutationObserver = new MutationObserver(() => {\n      scheduleHeightUpdate();\n    });\n    mutationObserver.observe(doc.body, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"style\", \"class\"],\n    });\n\n    return () => {\n      isDestroyed = true;\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n      if (shouldEnableScaling) {\n        const iframeWin = iframe.contentWindow as ScalingWindow | null;\n        iframeWin?.__mdf_cleanupScaling?.();\n      }\n      if (shouldBridgeSandboxInteraction) {\n        doc.removeEventListener(\"click\", handleSandboxClick, true);\n      }\n      // Defer unmount to avoid React warning when parent is mid-render\n      setTimeout(() => {\n        root.unmount();\n        rootRef.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  // Track container width for computing min-height in content mode\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n    const ro = new ResizeObserver((entries) => {\n      setContainerWidth(entries[0]?.contentRect.width ?? el.clientWidth);\n    });\n    ro.observe(el);\n    setContainerWidth(el.clientWidth);\n    return () => ro.disconnect();\n  }, []);\n\n  // Content mode: min 16:9 aspect ratio, grow to fit content (no scrollbar)\n  const contentModeStyle = useMemo<React.CSSProperties | undefined>(() => {\n    if (isBlackboardMode || containerWidth === 0 || isFullscreen)\n      return undefined;\n    const minH = Math.round((containerWidth * 9) / 16);\n    const h = Math.max(minH, contentHeight);\n    return { height: h };\n  }, [isBlackboardMode, containerWidth, contentHeight, isFullscreen]);\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        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        disableLoadingOverlay={disableLoadingOverlay}\n        resetToken={resetToken}\n        hasRootVhHeight={hasRootVhHeight}\n        mode={mode}\n        stretchRootHeight={shouldStretchRootHeight}\n        enableScaling={shouldEnableScaling}\n      />\n    );\n\n    // Schedule multiple measurements to catch async content (scripts, images, styles).\n    initialPaintFrameRef.current = window.requestAnimationFrame(() => {\n      updateHeightRef.current?.();\n      if (shouldEnableScaling) {\n        const iframeWin = iframeRef.current\n          ?.contentWindow as ScalingWindow | null;\n        iframeWin?.__mdf_triggerFitContent?.();\n      }\n      initialPaintFrameRef.current = null;\n    });\n    const t1 = setTimeout(() => updateHeightRef.current?.(), 100);\n    const t2 = setTimeout(() => updateHeightRef.current?.(), 500);\n    return () => {\n      clearTimeout(t1);\n      clearTimeout(t2);\n    };\n  }, [\n    renderHtmlContent,\n    styleLoadingText,\n    scriptLoadingText,\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      : contentModeStyle\n        ? \"overflow-hidden flex items-center justify-center\"\n        : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\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          : contentModeStyle\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 onClick={() => emitSandboxInteraction(\"click\")}>\n          <ContentRender\n            content={content}\n            disableSandboxLoadingOverlay={disableLoadingOverlay}\n          />\n        </div>\n      ) : (\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          }}\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","replaceRootScreenHeightToken","className","token","segments","replaceRootScreenHeightWithFullClass","html","enabled","match","tagStart","attrs","classMatch","nextClassName","IframeSandbox","content","type","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","replaceRootScreenHeightWithFull","enableScaling","disableLoadingOverlay","containerRef","useRef","iframeRef","rootRef","updateHeightRef","height","setHeight","useState","contentHeight","setContentHeight","containerWidth","setContainerWidth","isMeasuringContentRef","pendingHeightUpdateRef","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","shouldInjectSandboxVendor","isBlackboardMode","shouldEnableScaling","shouldMeasureDynamicHeight","shouldProcessRootScreenHeight","prevHtmlRef","htmlContent","React","normalizedHtmlContent","originalRootHeightMeta","inspectViewportHeightFromHtmlRootString","EMPTY_ROOT_HEIGHT_META","shouldStretchRootHeight","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","initialPaintFrameRef","renderViewportHeightCssRef","emitSandboxInteraction","useCallback","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","clearDeferredRenderTimer","clearInitialPaintFrames","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","rootViewportHeightCss","hasRootVhHeight","sandboxViewportHeight","prev","iframe","doc","shouldBridgeSandboxInteraction","handleSandboxClick","rootEl","root","createRoot","isDestroyed","getHeightInspectionNode","node","getSingleChildElement","childElements","resolveExplicitHeight","parentViewportHeight","precomputedViewportHeightCss","parsed","parseExplicitHeight","container","containerChildren","rootContentElement","runtimeViewportHeightCss","inspectViewportHeightFromNodeChain","runtimeViewportHeight","explicitPixelHeight","resolveExplicitHeightFromNodeChain","updateHeight","cw","prevH","minH","measuredH","iframeWin","getInnerScrollableHeight","maxH","walk","el","oy","rect","child","i","nextH","next","scheduleHeightUpdate","bodyScrollH","htmlScrollH","rootScrollH","measuredHeight","explicitHeight","nextHeight","prevHeight","inject","injectScalingSystem","resizeObserver","mutationObserver","onFullscreenChange","ro","entries","contentModeStyle","useMemo","toggleFullscreen","target","jsx","SandboxApp","t1","t2","containerClassName","jsxs","ContentRender"],"mappings":"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"}

package/dist/components/ContentRender/IframeSandbox.d.ts

@@ -11,6 +11,7 @@ export interface IframeSandboxProps {
     type: "sandbox" | "markdown";
     replaceRootScreenHeightWithFull?: boolean;
     enableScaling?: boolean;
+    disableLoadingOverlay?: boolean;
 }
 declare const IframeSandbox: React.FC<IframeSandboxProps>;
 export default IframeSandbox;

package/dist/components/ContentRender/IframeSandbox.es.js

@@ -1,30 +1,30 @@
-import { j as S } from "../../_virtual/jsx-runtime.es.js";
-import j, { useRef as i, useState as M, useCallback as Be, useEffect as H, useMemo as We } from "react";
-import { createRoot as De } from "react-dom/client";
-import Pe from "./SandboxApp.es.js";
-import $e from "./ContentRender.es.js";
-import { inspectViewportHeightFromHtmlRootString as ye, EMPTY_ROOT_HEIGHT_META as ze, parseExplicitHeight as Ce, inspectViewportHeightFromNodeChain as qe, resolveExplicitHeightFromNodeChain as Ge } from "./utils/iframe-viewport-height.es.js";
-import { SANDBOX_INTERACTION_MESSAGE_TYPE as Le, SANDBOX_INTERACTION_MESSAGE_SOURCE as Ue } from "../../lib/sandboxInteraction.es.js";
-import { injectScalingSystem as Ye } from "./utils/iframe-scaling.es.js";
+import { j as C } from "../../_virtual/jsx-runtime.es.js";
+import j, { useRef as i, useState as M, useCallback as We, useEffect as H, useMemo as De } from "react";
+import { createRoot as Pe } from "react-dom/client";
+import $e from "./SandboxApp.es.js";
+import ze from "./ContentRender.es.js";
+import { inspectViewportHeightFromHtmlRootString as ye, EMPTY_ROOT_HEIGHT_META as qe, parseExplicitHeight as Ce, inspectViewportHeightFromNodeChain as Ge, resolveExplicitHeightFromNodeChain as Le } from "./utils/iframe-viewport-height.es.js";
+import { SANDBOX_INTERACTION_MESSAGE_TYPE as Ue, SANDBOX_INTERACTION_MESSAGE_SOURCE as Ye } from "../../lib/sandboxInteraction.es.js";
+import { injectScalingSystem as Xe } from "./utils/iframe-scaling.es.js";
 let oe = null;
-const Xe = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
+const Ze = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
   (c) => c.injectBlackboardLibraries
-)), oe), Ze = /<img\b[^>]*>/i, Je = 180, Ke = 240, Qe = (c) => c.split(/\s+/).filter(Boolean).map((o) => {
+)), oe), Je = /<img\b[^>]*>/i, Ke = 180, Qe = 240, et = (c) => c.split(/\s+/).filter(Boolean).map((o) => {
   const s = o.split(":");
   return s[s.length - 1] !== "h-screen" && s[s.length - 1] !== "min-h-screen" ? o : (s[s.length - 1] = "h-full", s.join(":"));
-}).join(" "), et = (c, o) => !o || !c.trim() ? c : c.replace(
+}).join(" "), tt = (c, o) => !o || !c.trim() ? c : c.replace(
   /^(\s*<[a-zA-Z][\w:-]*)(\s[^>]*?)?>/,
   (s, B, T = "") => {
     const d = T.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);
     if (!d)
       return s;
-    const W = Qe(d[2]);
+    const W = et(d[2]);
     return W === d[2] ? s : `${B}${T.replace(
       d[0],
       `class=${d[1]}${W}${d[1]}`
     )}>`;
   }
-), at = ({
+), ut = ({
   content: c,
   type: o,
   className: s,
@@ -33,78 +33,79 @@ const Xe = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
   fullScreenButtonText: d,
   hideFullScreen: W = !1,
   mode: l = "content",
-  replaceRootScreenHeightWithFull: Se = !1,
-  enableScaling: Me = !1
+  replaceRootScreenHeightWithFull: Me = !1,
+  enableScaling: Te = !1,
+  disableLoadingOverlay: ie = !1
 }) => {
   const D = i(null), m = i(null), U = i(null), A = i(() => {
-  }), [Te, Ae] = M(480), [ie, _e] = M(0), [Y, se] = M(0), X = i(!1), Z = i(!1), ce = i(0), [le, ke] = M(0), [J, Fe] = M(!1), Ie = o === "sandbox", f = l === "blackboard", w = Me && f && o === "sandbox", _ = f && o === "sandbox", R = _ && Se, K = i(""), P = j.useMemo(
+  }), [Ae, _e] = M(480), [se, ke] = M(0), [Y, ce] = M(0), X = i(!1), Z = i(!1), le = i(0), [ae, Fe] = M(0), [J, Ie] = M(!1), Ne = o === "sandbox", f = l === "blackboard", w = Te && f && o === "sandbox", _ = f && o === "sandbox", R = _ && Me, K = i(""), P = j.useMemo(
     () => o === "sandbox" ? c : "",
     [c, o]
   ), n = j.useMemo(
-    () => et(
+    () => tt(
       P,
       R
     ),
     [P, R]
-  ), ae = j.useMemo(
-    () => R ? ye(P) : ze,
-    [P, R]
   ), ue = j.useMemo(
-    () => R && ae.hasFullViewportHeight,
+    () => R ? ye(P) : qe,
+    [P, R]
+  ), he = j.useMemo(
+    () => R && ue.hasFullViewportHeight,
     [
-      ae.hasFullViewportHeight,
+      ue.hasFullViewportHeight,
       R
     ]
-  ), [$, he] = M(
+  ), [$, de] = M(
     n
-  ), de = i(n), Q = i(n), k = i(null), F = i(null), me = i(null), fe = Be((t) => {
+  ), me = i(n), Q = i(n), k = i(null), F = i(null), fe = i(null), ge = We((t) => {
     if (typeof window > "u")
       return;
     const e = Date.now();
-    e - ce.current < Ke || (ce.current = e, window.postMessage(
+    e - le.current < Qe || (le.current = e, window.postMessage(
       {
-        source: Ue,
-        type: Le,
+        source: Ye,
+        type: Ue,
         eventType: t
       },
       window.location.origin
     ));
   }, []), ee = () => {
     k.current !== null && (window.clearTimeout(k.current), k.current = null);
-  }, Ne = () => {
+  }, Oe = () => {
     F.current !== null && (window.cancelAnimationFrame(F.current), F.current = null);
   };
   H(
     () => () => {
-      ee(), Ne();
+      ee(), Oe();
     },
     []
   ), H(() => {
-    const t = de.current;
-    de.current = n;
-    const e = !!t && n.length > t.length && n.startsWith(t), a = Ze.test(
+    const t = me.current;
+    me.current = n;
+    const e = !!t && n.length > t.length && n.startsWith(t), a = Je.test(
       n
     );
     if (!(e && a)) {
-      ee(), Q.current = n, he(n);
+      ee(), Q.current = n, de(n);
       return;
     }
     Q.current = n, ee(), k.current = window.setTimeout(() => {
-      he(Q.current), k.current = null;
-    }, Je);
+      de(Q.current), k.current = null;
+    }, Ke);
   }, [n]);
   const z = j.useMemo(() => _ ? ye($).viewportHeightCss : null, [$, _]);
   H(() => {
-    me.current = z;
+    fe.current = z;
   }, [z]);
-  const ge = !!z, I = f && o === "sandbox" ? w || ue ? "100%" : z ?? `${Te}px` : void 0;
+  const be = !!z, I = f && o === "sandbox" ? w || he ? "100%" : z ?? `${Ae}px` : void 0;
   H(() => {
     if (l !== "blackboard") {
       K.current = n;
       return;
     }
     const t = K.current;
-    !(t && n.startsWith(t)) && t && ke((a) => a + 1), K.current = n;
+    !(t && n.startsWith(t)) && t && Fe((a) => a + 1), K.current = n;
   }, [l, n]), H(() => {
     const t = m.current;
     if (!t) return;
@@ -133,23 +134,23 @@ const Xe = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
     <div id="root"></div>
   </body>
 </html>`), e.close(), e.documentElement.setAttribute("data-theme", "light"), e.documentElement.style.colorScheme = "light", e.body?.style.setProperty("color-scheme", "light");
-    const a = f && o === "sandbox", q = () => fe("click");
+    const a = f && o === "sandbox", q = () => ge("click");
     a && e.addEventListener("click", q, !0);
     const N = e.getElementById("root");
     if (!N) return;
-    const pe = De(N);
-    U.current = pe;
+    const He = Pe(N);
+    U.current = He;
     let O = !1;
-    const He = (r) => ({
+    const we = (r) => ({
       heightAttrValue: r.getAttribute("height"),
       styleAttrValue: r.getAttribute("style"),
       classAttrValue: r.getAttribute("class")
-    }), we = (r) => {
+    }), xe = (r) => {
       const x = Array.from(r.children);
       return x.length === 1 ? x[0] : null;
-    }, je = () => {
+    }, Be = () => {
       if (!_ || !m.current || !e.body) return null;
-      const r = m.current.ownerDocument?.documentElement?.clientHeight || window.innerHeight, x = me.current, G = x ? Ce(
+      const r = m.current.ownerDocument?.documentElement?.clientHeight || window.innerHeight, x = fe.current, G = x ? Ce(
         x,
         r
       ) : null;
@@ -159,11 +160,11 @@ const Xe = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
         ".sandbox-wrapper"
       )?.firstElementChild;
       if (!h) return null;
-      const g = Array.from(h.children), v = g.length === 1 ? g[0] : null, u = qe(
+      const g = Array.from(h.children), v = g.length === 1 ? g[0] : null, u = Ge(
         v,
         {
-          getNode: He,
-          getSingleChild: we
+          getNode: we,
+          getSingleChild: xe
         }
       ).viewportHeightCss;
       if (u) {
@@ -174,12 +175,12 @@ const Xe = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
         if (b !== null)
           return Math.ceil(b);
       }
-      const V = Ge(
+      const V = Le(
         v,
         r,
         {
-          getNode: He,
-          getSingleChild: we
+          getNode: we,
+          getSingleChild: xe
         }
       );
       return V !== null ? Math.ceil(V) : null;
@@ -199,101 +200,101 @@ const Xe = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
           const V = e.defaultView;
           if (V) {
             const b = (p) => {
-              let C = 0;
-              const Ee = (E) => {
+              let y = 0;
+              const Re = (E) => {
                 if (E !== p && E.scrollHeight > E.clientHeight + 1) {
                   const L = V.getComputedStyle(E).overflowY;
                   if (L === "auto" || L === "scroll") {
-                    const Re = E.getBoundingClientRect();
-                    Re.top >= 0 && (C = Math.max(
-                      C,
-                      Math.ceil(Re.top + E.scrollHeight)
+                    const Se = E.getBoundingClientRect();
+                    Se.top >= 0 && (y = Math.max(
+                      y,
+                      Math.ceil(Se.top + E.scrollHeight)
                     ));
                   }
                 }
-                for (const L of E.children) Ee(L);
+                for (const L of E.children) Re(L);
               };
-              return Ee(p), C;
+              return Re(p), y;
             };
             u = Math.max(u, b(e.body));
             for (let p = 0; p < 8 && u > re; p++) {
               h.style.height = u + "px", e.body.offsetHeight;
-              const C = Math.max(
+              const y = Math.max(
                 e.body.scrollHeight,
                 b(e.body)
               );
-              if (C <= u + 1) break;
-              u = C;
+              if (y <= u + 1) break;
+              u = y;
             }
           }
-          h.style.height = v, _e((b) => {
+          h.style.height = v, ke((b) => {
             const p = Math.max(200, Math.ceil(u));
             return b === p ? b : p;
           });
         }
         setTimeout(() => {
-          X.current = !1, Z.current && (Z.current = !1, y());
+          X.current = !1, Z.current && (Z.current = !1, S());
         }, 50);
         return;
       }
       if (w) return;
-      const r = e.body.scrollHeight, x = e.documentElement?.scrollHeight || 0, G = N?.scrollHeight || 0, ve = Math.max(r, x, G);
+      const r = e.body.scrollHeight, x = e.documentElement?.scrollHeight || 0, G = N?.scrollHeight || 0, Ee = Math.max(r, x, G);
       if (_) {
-        const h = je(), g = Math.max(
+        const h = Be(), g = Math.max(
           200,
-          h ?? Math.ceil(ve)
+          h ?? Math.ceil(Ee)
         );
-        Ae(
+        _e(
           (v) => v === g ? v : g
         );
       }
-    }, y = () => {
+    }, S = () => {
       requestAnimationFrame(() => {
         O || te();
       });
     };
-    A.current = y, te(), y(), Ie && Xe().then((r) => {
-      O || (r(e), w && Ye(e), requestAnimationFrame(() => {
-        O || y();
+    A.current = S, te(), S(), Ne && Ze().then((r) => {
+      O || (r(e), w && Xe(e), requestAnimationFrame(() => {
+        O || S();
       }));
     }).catch(() => {
-      O || y();
+      O || S();
     });
     const ne = new ResizeObserver(() => te());
     ne.observe(e.body), N && ne.observe(N);
-    const xe = new MutationObserver(() => {
-      y();
+    const ve = new MutationObserver(() => {
+      S();
     });
-    return xe.observe(e.body, {
+    return ve.observe(e.body, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       attributeFilter: ["style", "class"]
     }), () => {
-      O = !0, ne.disconnect(), xe.disconnect(), w && t.contentWindow?.__mdf_cleanupScaling?.(), a && e.removeEventListener("click", q, !0), setTimeout(() => {
-        pe.unmount(), U.current = null, A.current = () => {
+      O = !0, ne.disconnect(), ve.disconnect(), w && t.contentWindow?.__mdf_cleanupScaling?.(), a && e.removeEventListener("click", q, !0), setTimeout(() => {
+        He.unmount(), U.current = null, A.current = () => {
         };
       }, 0);
     };
   }, []), H(() => {
     const t = () => {
-      Fe(!!document.fullscreenElement);
+      Ie(!!document.fullscreenElement);
     };
     return document.addEventListener("fullscreenchange", t), () => document.removeEventListener("fullscreenchange", t);
   }, []), H(() => {
     const t = D.current;
     if (!t) return;
     const e = new ResizeObserver((a) => {
-      se(a[0]?.contentRect.width ?? t.clientWidth);
+      ce(a[0]?.contentRect.width ?? t.clientWidth);
     });
-    return e.observe(t), se(t.clientWidth), () => e.disconnect();
+    return e.observe(t), ce(t.clientWidth), () => e.disconnect();
   }, []);
-  const be = We(() => {
+  const pe = De(() => {
     if (f || Y === 0 || J)
       return;
     const t = Math.round(Y * 9 / 16);
-    return { height: Math.max(t, ie) };
-  }, [f, Y, ie, J]), Oe = () => {
+    return { height: Math.max(t, se) };
+  }, [f, Y, se, J]), Ve = () => {
     const t = D.current || m.current;
     if (t) {
       if (document.fullscreenElement) {
@@ -309,16 +310,17 @@ const Xe = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
     const t = U.current;
     if (!t) return;
     t.render(
-      /* @__PURE__ */ S.jsx(
-        Pe,
+      /* @__PURE__ */ C.jsx(
+        $e,
         {
           html: $,
           styleLoadingText: B,
           scriptLoadingText: T,
-          resetToken: le,
-          hasRootVhHeight: ge,
+          disableLoadingOverlay: ie,
+          resetToken: ae,
+          hasRootVhHeight: be,
           mode: l,
-          stretchRootHeight: ue,
+          stretchRootHeight: he,
           enableScaling: w
         }
       )
@@ -333,34 +335,40 @@ const Xe = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
     $,
     B,
     T,
-    le,
+    ae,
     l
   ]);
-  const Ve = [
+  const je = [
     "w-full relative content-render-iframe-sandbox",
-    f ? "h-full overflow-auto flex flex-col" : be ? "overflow-hidden flex items-center justify-center" : "aspect-[16/9] overflow-hidden flex items-center justify-center"
+    f ? "h-full overflow-auto flex flex-col" : pe ? "overflow-hidden flex items-center justify-center" : "aspect-[16/9] overflow-hidden flex items-center justify-center"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ S.jsxs(
+  return /* @__PURE__ */ C.jsxs(
     "div",
     {
       ref: D,
-      "data-root-vh": ge ? "true" : "false",
-      className: Ve,
+      "data-root-vh": be ? "true" : "false",
+      className: je,
       style: I ? {
         height: I,
         minHeight: I
-      } : be,
+      } : pe,
       children: [
-        !W && /* @__PURE__ */ S.jsx(
+        !W && /* @__PURE__ */ C.jsx(
           "button",
           {
             type: "button",
-            onClick: Oe,
+            onClick: Ve,
             className: "absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",
             children: J ? "退出全屏" : d || "全屏浏览"
           }
         ),
-        l === "blackboard" && o === "markdown" ? /* @__PURE__ */ S.jsx("div", { onClick: () => fe("click"), children: /* @__PURE__ */ S.jsx($e, { content: c }) }) : /* @__PURE__ */ S.jsx(
+        l === "blackboard" && o === "markdown" ? /* @__PURE__ */ C.jsx("div", { onClick: () => ge("click"), children: /* @__PURE__ */ C.jsx(
+          ze,
+          {
+            content: c,
+            disableSandboxLoadingOverlay: ie
+          }
+        ) }) : /* @__PURE__ */ C.jsx(
           "iframe",
           {
             ref: m,
@@ -380,6 +388,6 @@ const Xe = () => (oe || (oe = import("./blackboard-vendor.es.js").then(
   );
 };
 export {
-  at as default
+  ut as default
 };
 //# sourceMappingURL=IframeSandbox.es.js.map