npm - markdown-flow-ui - Versions diffs - 0.1.100 → 0.1.101 - Mend

markdown-flow-ui 0.1.100 → 0.1.101

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 (163) hide show

package/dist/components/ContentRender/IframeSandbox.cjs.js CHANGED Viewed

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("../../_virtual/jsx-runtime.cjs.js"),n=require("react"),ce=require("react-dom/client"),le=require("./SandboxApp.cjs.js"),ue=require("./utils/split-content.cjs.js"),ae=require("./ContentRender.cjs.js"),he=()=>Promise.resolve().then(()=>require("./blackboard-vendor.cjs.js")).then(i=>i.injectBlackboardLibraries),de=/<img\b[^>]*>/i,fe=180,me="markdown-flow-ui:sandbox",pe="interaction",be=240,K=i=>i.split(/\s+/).filter(Boolean).map(o=>o.split(":").pop()||o),Z=i=>{const o=i.trim().toLowerCase();if(!o)return null;const d=o.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);return d?`${d[1]}${d[2].toLowerCase()}`:null},J=i=>{if(!i.trim())return null;const o=K(i);if(o.includes("h-screen")||o.includes("h-dvh"))return"100dvh";if(o.includes("h-svh"))return"100svh";if(o.includes("h-lvh"))return"100lvh";const d=o.find(H=>/^h-\[[0-9.]+(vh|dvh|svh|lvh)\]$/i.test(H));if(!d)return null;const v=d.match(/^h-\[([0-9.]+)(vh|dvh|svh|lvh)\]$/i);return v?`${v[1]}${v[2].toLowerCase()}`:null},ge=({content:i,type:o,className:d,loadingText:v,styleLoadingText:H,scriptLoadingText:q,fullScreenButtonText:k,hideFullScreen:z=!1,mode:h="content"})=>{const F=n.useRef(null),x=n.useRef(null),N=n.useRef(null),$=n.useRef(null),j=n.useRef(()=>{}),P=n.useRef(0),[,Q]=n.useState(480),[V,ee]=n.useState(0),[te,ne]=n.useState(!1),G=h==="blackboard",_=n.useRef(""),r=n.useMemo(()=>{const e=ue.splitContentSegments(i).filter(l=>l.type==="sandbox");return(h==="blackboard"?e[e.length-1]?.value||"":e.map(l=>l.value).join(`
-`))||""},[i,h]),[T,U]=n.useState(r),W=n.useRef(r),I=n.useRef(r),C=n.useRef(null),R=n.useCallback(t=>{if(typeof window>"u")return;const e=Date.now();e-P.current<be||(P.current=e,window.postMessage({source:me,type:pe,eventType:t},window.location.origin))},[]),D=()=>{C.current!==null&&(window.clearTimeout(C.current),C.current=null)};n.useEffect(()=>()=>{D()},[]),n.useEffect(()=>{const t=W.current;W.current=r;const e=!!t&&r.length>t.length&&r.startsWith(t),c=de.test(r);if(!(e&&c)){D(),I.current=r,U(r);return}I.current=r,D(),C.current=window.setTimeout(()=>{U(I.current),C.current=null},fe)},[r]);const X=!!n.useMemo(()=>{const t=T.trim();if(!t)return null;const e=t.match(/^<([a-zA-Z][\w:-]*)(\s[^>]*?)?>/);if(!e)return null;const c=e[2]||"",l=c.match(/\bheight\s*=\s*["']([^"']+)["']/i);if(l){const f=Z(l[1]);if(f)return f}const y=c.match(/\bstyle\s*=\s*["']([^"']+)["']/i)?.[1]?.match(/\bheight\s*:\s*([^;]+)/i)?.[1];if(y){const f=Z(y);if(f)return f}const p=c.match(/\bclass\s*=\s*["']([^"']+)["']/i)?.[1];return p?J(p):null},[T]);n.useEffect(()=>{if(h!=="blackboard"){_.current=r;return}const t=_.current;!(t&&r.startsWith(t))&&t&&ee(c=>c+1),_.current=r},[r,h]),n.useEffect(()=>{const t=x.current;if(!t)return;const e=t.contentDocument;if(!e)return;e.open(),e.write(`<!DOCTYPE html>
-<html${h==="blackboard"?' style="height: 100%;"':""}>
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../../_virtual/jsx-runtime.cjs.js"),e=require("react"),xe=require("react-dom/client"),He=require("./SandboxApp.cjs.js"),ve=require("./ContentRender.cjs.js"),d=require("./utils/iframe-viewport-height.cjs.js"),ue=require("../../lib/sandboxInteraction.cjs.js");let z=null;const Se=()=>(z||(z=Promise.resolve().then(()=>require("./blackboard-vendor.cjs.js")).then(l=>l.injectBlackboardLibraries)),z),Ce=/<img\b[^>]*>/i,Me=180,Te=240,Ae=l=>l.split(/\s+/).filter(Boolean).map(s=>{const i=s.split(":");return i[i.length-1]!=="h-screen"&&i[i.length-1]!=="min-h-screen"?s:(i[i.length-1]="h-full",i.join(":"))}).join(" "),ye=(l,s)=>!s||!l.trim()?l:l.replace(/^(\s*<[a-zA-Z][\w:-]*)(\s[^>]*?)?>/,(i,S,b="")=>{const c=b.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);if(!c)return i;const C=Ae(c[2]);return C===c[2]?i:`${S}${b.replace(c[0],`class=${c[1]}${C}${c[1]}`)}>`}),Ie=({content:l,type:s,className:i,styleLoadingText:S,scriptLoadingText:b,fullScreenButtonText:c,hideFullScreen:C=!1,mode:u="content",replaceRootScreenHeightWithFull:ae=!1})=>{const G=e.useRef(null),h=e.useRef(null),V=e.useRef(null),O=e.useRef(()=>{}),[de,he]=e.useState(480),U=e.useRef(0),[W,me]=e.useState(0),[fe,ge]=e.useState(!1),pe=s==="sandbox",M=u==="blackboard",w=M&&s==="sandbox",m=w&&ae,D=e.useRef(""),T=e.useMemo(()=>s==="sandbox"?l:"",[l,s]),r=e.useMemo(()=>ye(T,m),[T,m]),X=e.useMemo(()=>m?d.inspectViewportHeightFromHtmlRootString(T):d.EMPTY_ROOT_HEIGHT_META,[T,m]),Y=e.useMemo(()=>m&&X.hasFullViewportHeight,[X.hasFullViewportHeight,m]),[A,Z]=e.useState(r),J=e.useRef(r),B=e.useRef(r),R=e.useRef(null),E=e.useRef(null),K=e.useRef(null),f=e.useCallback(n=>{if(typeof window>"u")return;const t=Date.now();t-U.current<Te||(U.current=t,window.postMessage({source:ue.SANDBOX_INTERACTION_MESSAGE_SOURCE,type:ue.SANDBOX_INTERACTION_MESSAGE_TYPE,eventType:n},window.location.origin))},[]),P=()=>{R.current!==null&&(window.clearTimeout(R.current),R.current=null)},be=()=>{E.current!==null&&(window.cancelAnimationFrame(E.current),E.current=null)};e.useEffect(()=>()=>{P(),be()},[]),e.useEffect(()=>{const n=J.current;J.current=r;const t=!!n&&r.length>n.length&&r.startsWith(n),g=Ce.test(r);if(!(t&&g)){P(),B.current=r,Z(r);return}B.current=r,P(),R.current=window.setTimeout(()=>{Z(B.current),R.current=null},Me)},[r]);const y=e.useMemo(()=>w?d.inspectViewportHeightFromHtmlRootString(A).viewportHeightCss:null,[A,w]);e.useEffect(()=>{K.current=y},[y]);const Q=!!y,x=M&&s==="sandbox"?Y?"100%":y??`${de}px`:void 0;e.useEffect(()=>{if(u!=="blackboard"){D.current=r;return}const n=D.current;!(n&&r.startsWith(n))&&n&&me(g=>g+1),D.current=r},[u,r]),e.useEffect(()=>{const n=h.current;if(!n)return;const t=n.contentDocument;if(!t)return;t.open(),t.write(`<!DOCTYPE html>
+<html${u==="blackboard"?' style="height: 100%;"':""}>
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <style>
+      :root { color-scheme: light; }
       html, body, #root { width: 100%; height: 100%; }
       html, body { margin: 0; padding: 0; overflow: auto; }
       *, *::before, *::after { box-sizing: border-box; }
@@ -13,5 +13,5 @@
   <body>
     <div id="root"></div>
   </body>
-</html>`),e.close(),$.current=e;const c=G&&o==="sandbox",l=()=>R("pointerdown"),O=()=>R("mousedown"),y=()=>R("touchstart");c&&(e.addEventListener("pointerdown",l,!0),e.addEventListener("mousedown",O,!0),e.addEventListener("touchstart",y,!0));const p=e.getElementById("root");if(!p)return;const f=ce.createRoot(p);N.current=f;let S=!1;const Y=(u,m)=>{const s=u.trim().toLowerCase();if(!s)return null;const a=Number.parseFloat(s);return Number.isNaN(a)?null:/(dvh|svh|lvh|vh)$/i.test(s)?a/100*m:s.endsWith("px")||/^[0-9.]+$/.test(s)?a:null},se=(u,m)=>{if(!u.trim())return null;const s=J(u);if(s)return Y(s,m);const b=K(u).find(A=>/^h-\[[0-9.]+px\]$/i.test(A));if(!b)return null;const g=b.match(/^h-\[([0-9.]+)px\]$/i);if(!g)return null;const w=Number.parseFloat(g[1]);return Number.isNaN(w)?null:w},ie=()=>{if(!x.current||!e.body)return null;const m=e.body.querySelector(".sandbox-wrapper")?.firstElementChild;if(!m)return null;const s=Array.from(m.children);if(s.length!==1)return null;const a=s[0],b=a.style.height||a.getAttribute("height"),g=x.current.ownerDocument?.documentElement?.clientHeight||window.innerHeight,w=b?Y(b,g):null;if(w!==null)return Math.ceil(w);const A=se(a.getAttribute("class")||"",g);return A!==null?Math.ceil(A):null},B=()=>{if(!x.current||!e.body)return;const u=e.body.getBoundingClientRect(),m=e.documentElement?.getBoundingClientRect(),s=u.height,a=m?.height||0,b=Math.max(s,a),g=ie(),w=Math.max(200,g??Math.ceil(b));Q(w)},M=()=>{requestAnimationFrame(()=>{S||B()})};j.current=M,B(),M(),he().then(u=>{S||(u(e),M())}).catch(()=>{S||M()});const L=new ResizeObserver(()=>B());return L.observe(e.body),p&&L.observe(p),()=>{S=!0,L.disconnect(),c&&(e.removeEventListener("pointerdown",l,!0),e.removeEventListener("mousedown",O,!0),e.removeEventListener("touchstart",y,!0)),setTimeout(()=>{f.unmount(),N.current=null,$.current=null,j.current=()=>{}},0)}},[]),n.useEffect(()=>{const t=()=>{ne(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",t),()=>document.removeEventListener("fullscreenchange",t)},[]);const re=()=>{const t=F.current||x.current;if(t){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}t.requestFullscreen&&t.requestFullscreen().catch(()=>{})}};n.useEffect(()=>{const t=N.current;t&&(t.render(E.jsxRuntimeExports.jsx(le.default,{html:T,loadingText:v,styleLoadingText:H,scriptLoadingText:q,fullScreenButtonText:k,hideFullScreen:z,resetToken:V,hasRootVhHeight:X,mode:h})),requestAnimationFrame(()=>j.current?.()))},[T,v,H,q,k,V,h]);const oe=["w-full relative content-render-iframe-sandbox",G?"h-full overflow-auto flex flex-col":"aspect-[16/9] overflow-hidden flex items-center justify-center"].filter(Boolean).join(" ");return E.jsxRuntimeExports.jsxs("div",{ref:F,"data-root-vh":X?"true":"false",className:oe,children:[!z&&E.jsxRuntimeExports.jsx("button",{type:"button",onClick:re,className:"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",children:te?"退出全屏":k||"全屏浏览"}),h==="blackboard"&&o==="markdown"?E.jsxRuntimeExports.jsx("div",{onMouseDown:()=>R("mousedown"),onPointerDown:()=>R("pointerdown"),onTouchStart:()=>R("touchstart"),children:E.jsxRuntimeExports.jsx(ae.default,{content:i})}):E.jsxRuntimeExports.jsx("iframe",{ref:x,sandbox:"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",allow:"fullscreen",allowFullScreen:!0,className:[d,"w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),style:{height:"100%",margin:"auto"}})]})};exports.default=ge;
+</html>`),t.close(),t.documentElement.setAttribute("data-theme","light"),t.documentElement.style.colorScheme="light",t.body?.style.setProperty("color-scheme","light");const g=M&&s==="sandbox",k=()=>f("pointerdown"),ee=()=>f("mousedown"),te=()=>f("touchstart");g&&(t.addEventListener("pointerdown",k,!0),t.addEventListener("mousedown",ee,!0),t.addEventListener("touchstart",te,!0));const I=t.getElementById("root");if(!I)return;const ne=xe.createRoot(I);V.current=ne;let H=!1;const re=o=>({heightAttrValue:o.getAttribute("height"),styleAttrValue:o.getAttribute("style"),classAttrValue:o.getAttribute("class")}),oe=o=>{const a=Array.from(o.children);return a.length===1?a[0]:null},Ee=()=>{if(!w||!h.current||!t.body)return null;const o=h.current.ownerDocument?.documentElement?.clientHeight||window.innerHeight,a=K.current,F=a?d.parseExplicitHeight(a,o):null;if(F!==null)return Math.ceil(F);const N=t.body.querySelector(".sandbox-wrapper")?.firstElementChild;if(!N)return null;const _=Array.from(N.children),v=_.length===1?_[0]:null,ie=d.inspectViewportHeightFromNodeChain(v,{getNode:re,getSingleChild:oe}).viewportHeightCss;if(ie){const ce=d.parseExplicitHeight(ie,o);if(ce!==null)return Math.ceil(ce)}const le=d.resolveExplicitHeightFromNodeChain(v,o,{getNode:re,getSingleChild:oe});return le!==null?Math.ceil(le):null},q=()=>{if(!w||!h.current||!t.body)return;const o=t.body.getBoundingClientRect(),a=t.documentElement?.getBoundingClientRect(),F=o.height,se=a?.height||0,N=Math.max(F,se),_=Ee(),v=Math.max(200,_??Math.ceil(N));he($=>$===v?$:v)},j=()=>{requestAnimationFrame(()=>{H||q()})};O.current=j,q(),j(),pe&&Se().then(o=>{H||(o(t),requestAnimationFrame(()=>{H||j()}))}).catch(()=>{H||j()});const L=new ResizeObserver(()=>q());return L.observe(t.body),I&&L.observe(I),()=>{H=!0,L.disconnect(),g&&(t.removeEventListener("pointerdown",k,!0),t.removeEventListener("mousedown",ee,!0),t.removeEventListener("touchstart",te,!0)),setTimeout(()=>{ne.unmount(),V.current=null,O.current=()=>{}},0)}},[]),e.useEffect(()=>{const n=()=>{ge(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",n),()=>document.removeEventListener("fullscreenchange",n)},[]);const we=()=>{const n=G.current||h.current;if(n){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}n.requestFullscreen&&n.requestFullscreen().catch(()=>{})}};e.useEffect(()=>{const n=V.current;n&&(n.render(p.jsxRuntimeExports.jsx(He.default,{html:A,styleLoadingText:S,scriptLoadingText:b,resetToken:W,hasRootVhHeight:Q,mode:u,stretchRootHeight:Y})),E.current=window.requestAnimationFrame(()=>{O.current?.(),E.current=null}))},[A,S,b,W,u]);const Re=["w-full relative content-render-iframe-sandbox",M?"h-full overflow-auto flex flex-col":"aspect-[16/9] overflow-hidden flex items-center justify-center"].filter(Boolean).join(" ");return p.jsxRuntimeExports.jsxs("div",{ref:G,"data-root-vh":Q?"true":"false",className:Re,style:x?{height:x,minHeight:x}:void 0,children:[!C&&p.jsxRuntimeExports.jsx("button",{type:"button",onClick:we,className:"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",children:fe?"退出全屏":c||"全屏浏览"}),u==="blackboard"&&s==="markdown"?p.jsxRuntimeExports.jsx("div",{onMouseDown:()=>f("mousedown"),onPointerDown:()=>f("pointerdown"),onTouchStart:()=>f("touchstart"),children:p.jsxRuntimeExports.jsx(ve.default,{content:l})}):p.jsxRuntimeExports.jsx("iframe",{ref:h,sandbox:"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",allow:"fullscreen",allowFullScreen:!0,className:[i,"w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),style:{height:x??"100%",minHeight:x,margin:"auto",visibility:"visible"}})]})};exports.default=Ie;
 //# sourceMappingURL=IframeSandbox.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IframeSandbox.cjs.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\n// Lazy-load iframe vendor libraries and inject them into the sandbox document.\nconst loadBlackboardVendor = () =>\n import(\"./blackboard-vendor\").then((m) => m.injectBlackboardLibraries);\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_MESSAGE_SOURCE = \"markdown-flow-ui:sandbox\";\nconst SANDBOX_INTERACTION_MESSAGE_TYPE = \"interaction\";\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\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}\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 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}) => {\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 lastSandboxInteractionTimeRef = useRef(0);\n const [, setHeight] = useState(480);\n const [resetToken, setResetToken] = useState(0);\n const [isFullscreen, setIsFullscreen] = useState(false);\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 [renderHtmlContent, setRenderHtmlContent] = useState(htmlContent);\n const prevIncomingHtmlRef = useRef(htmlContent);\n const pendingHtmlRef = useRef(htmlContent);\n const deferRenderTimerRef = useRef<number \| 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 useEffect(\n () => () => {\n clearDeferredRenderTimer();\n },\n []\n );\n\n useEffect(() => {\n const prevIncomingHtml = prevIncomingHtmlRef.current;\n prevIncomingHtmlRef.current = htmlContent;\n\n const isAppendOnlyStream =\n !!prevIncomingHtml &&\n htmlContent.length > prevIncomingHtml.length &&\n htmlContent.startsWith(prevIncomingHtml);\n const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(htmlContent);\n const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n if (!shouldDeferRender) {\n clearDeferredRenderTimer();\n pendingHtmlRef.current = htmlContent;\n setRenderHtmlContent(htmlContent);\n return;\n }\n\n pendingHtmlRef.current = htmlContent;\n clearDeferredRenderTimer();\n deferRenderTimerRef.current = window.setTimeout(() => {\n setRenderHtmlContent(pendingHtmlRef.current);\n deferRenderTimerRef.current = null;\n }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n }, [htmlContent]);\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 useEffect(() => {\n if (mode !== \"blackboard\") {\n prevHtmlRef.current = htmlContent;\n return;\n }\n const prev = prevHtmlRef.current;\n const isContinuation = prev && htmlContent.startsWith(prev);\n if (!isContinuation && prev) {\n setResetToken((token) => token + 1);\n }\n prevHtmlRef.current = htmlContent;\n }, [htmlContent, mode]);\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 // Inject Tailwind/DaisyUI/GSAP into iframe for all sandbox modes.\n // Dynamic import keeps ~3.3 MB of vendor libs out of the main bundle.\n // Tailwind's MutationObserver ensures styles apply even if content renders first.\n loadBlackboardVendor()\n .then((inject) => {\n if (isDestroyed) return;\n inject(doc);\n scheduleHeightUpdate();\n })\n .catch(() => {\n if (isDestroyed) return;\n scheduleHeightUpdate();\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 />\n );\n requestAnimationFrame(() => updateHeightRef.current?.());\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 return (\n <div\n ref={containerRef}\n data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n className={containerClassName}\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 <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: \"100%\",\n margin: \"auto\",\n }}\n />\n )}\n </div>\n );\n};\n\nexport default IframeSandbox;\n"],"names":["loadBlackboardVendor","m","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","SANDBOX_INTERACTION_THROTTLE_MS","normalizeTailwindHeightTokens","className","token","parseViewportHeightCss","value","normalized","matched","extractViewportHeightFromTailwindClass","normalizedTokens","arbitraryToken","IframeSandbox","content","type","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","lastSandboxInteractionTimeRef","setHeight","useState","resetToken","setResetToken","isFullscreen","setIsFullscreen","isBlackboardMode","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","emitSandboxInteraction","useCallback","eventType","now","clearDeferredRenderTimer","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","hasRootVhHeight","rootMatch","attrs","heightAttrMatch","explicitHeightCss","styleHeightMatch","styleHeightCss","classAttrMatch","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"],"mappings":"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"}
1	+ {"version":3,"file":"IframeSandbox.cjs.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } 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\";\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}\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}) => {\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 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 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 ? 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%; 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 // 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 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 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 (!shouldMeasureDynamicHeight) return;\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((prevHeight) =>\n prevHeight === nextHeight ? prevHeight : nextHeight\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 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 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 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 styleLoadingText={styleLoadingText}\n scriptLoadingText={scriptLoadingText}\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 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 : \"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 : 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 <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 )}\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","containerRef","useRef","iframeRef","rootRef","updateHeightRef","height","setHeight","useState","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","shouldInjectSandboxVendor","isBlackboardMode","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","handleSandboxPointerDown","handleSandboxMouseDown","handleSandboxTouchStart","rootEl","root","createRoot","isDestroyed","getHeightInspectionNode","node","getSingleChildElement","childElements","resolveExplicitHeight","parentViewportHeight","precomputedViewportHeightCss","parsed","parseExplicitHeight","container","containerChildren","rootContentElement","runtimeViewportHeightCss","inspectViewportHeightFromNodeChain","runtimeViewportHeight","explicitPixelHeight","resolveExplicitHeightFromNodeChain","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","explicitHeight","nextHeight","prevHeight","scheduleHeightUpdate","inject","resizeObserver","onFullscreenChange","toggleFullscreen","target","jsx","SandboxApp","containerClassName","jsxs","ContentRender"],"mappings":"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"}

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

@@ -9,6 +9,7 @@ export interface IframeSandboxProps {
     hideFullScreen?: boolean;
     mode?: "content" | "blackboard";
     type: "sandbox" | "markdown";
+    replaceRootScreenHeightWithFull?: boolean;
 }
 declare const IframeSandbox: React.FC<IframeSandboxProps>;
 export default IframeSandbox;