npm - markdown-flow-ui - Versions diffs - 0.1.100-beta.37 → 0.1.100-beta.39 - Mend

markdown-flow-ui 0.1.100-beta.37 → 0.1.100-beta.39

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

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("../../_virtual/jsx-runtime.cjs.js"),o=require("react"),Te=require("react-dom/client"),Ne=require("./SandboxApp.cjs.js"),Pe=require("./utils/split-content.cjs.js"),_e=require("./ContentRender.cjs.js"),de=require("../../lib/sandboxInteraction.cjs.js");let K=null;const Fe=()=>(K||(K=Promise.resolve().then(()=>require("./blackboard-vendor.cjs.js")).then(e=>e.injectBlackboardLibraries)),K),Ve=()=>{const e=performance.now(),t=new Date().toISOString();return console.log("[IframeSandbox][SandboxLoad] start",{startedAt:t}),Fe().then(n=>(console.log("[IframeSandbox][SandboxLoad] done",{startedAt:t,endedAt:new Date().toISOString(),durationMs:Number((performance.now()-e).toFixed(2))}),n)).catch(n=>{throw console.error("[IframeSandbox][SandboxLoad] failed",{startedAt:t,endedAt:new Date().toISOString(),durationMs:Number((performance.now()-e).toFixed(2)),error:n}),n})},Oe=/<img\b[^>]*>/i,De=180,je=240,ke=/<img\b[^>]*\bsrc\s*=\s*["']([^"']+)["'][^>]*>/gi,he=new Map,j=new Set,Le=e=>{const t=Array.from(e.matchAll(ke));return Array.from(new Set(t.map(n=>n[1]?.trim()).filter(n=>!!n)))},Be=e=>{if(!e)return Promise.resolve();const t=he.get(e);if(t)return t;const n=new Promise(i=>{if(typeof window>"u"){j.add(e),i();return}const s=new window.Image;s.decoding="sync",s.loading="eager",s.fetchPriority="high";const c=()=>{(typeof s.decode=="function"?s.decode().catch(()=>{}):Promise.resolve()).finally(()=>{j.add(e),i()})};s.onload=()=>{c()},s.onerror=()=>{j.add(e),i()},s.src=e,s.complete&&s.naturalWidth>0&&c()});return he.set(e,n),n},me=(e=[])=>Promise.allSettled(e.map(t=>Be(t))),ge=e=>e.split(/\s+/).filter(Boolean).map(t=>t.split(":").pop()||t),k=e=>{const t=e.trim().toLowerCase();if(!t)return null;const n=t.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);return n?`${n[1]}${n[2].toLowerCase()}`:null},Q=e=>{if(!e.trim())return null;const t=ge(e);if(t.includes("h-screen")||t.includes("h-dvh")||t.includes("min-h-screen")||t.includes("min-h-dvh"))return"100dvh";if(t.includes("h-svh")||t.includes("min-h-svh"))return"100svh";if(t.includes("h-lvh")||t.includes("min-h-lvh"))return"100lvh";const n=t.find(s=>/^(h|min-h)-\[[0-9.]+(vh|dvh|svh|lvh)\]$/i.test(s));if(!n)return null;const i=n.match(/^(h|min-h)-\[([0-9.]+)(vh|dvh|svh|lvh)\]$/i);return i?`${i[2]}${i[3].toLowerCase()}`:null},$e=new Set(["base","link","meta","script","style","template","title"]),pe=e=>!$e.has(e.tagName.toLowerCase()),qe=e=>Array.from(e.childNodes).find(t=>t.nodeType===Node.ELEMENT_NODE&&pe(t))||null,ze=e=>{const t=[];let n=qe(e);for(;n;){t.push(n);const i=Array.from(n.children).filter(s=>pe(s));if(i.length!==1)break;n=i[0]}return t},Ge=e=>{const t=e.getAttribute("height"),n=t?k(t):null;if(n)return n;const i=e.getAttribute("style")?.match(/\bheight\s*:\s*([^;]+)/i)?.[1]||null,s=i?k(i):null;return s||Q(e.getAttribute("class")||"")},be=e=>e==="100vh"||e==="100dvh"||e==="100svh"||e==="100lvh",we=e=>{const t=ze(e);let n=null,i=!1;return t.forEach(s=>{const c=Ge(s);!n&&c&&(n=c),be(c)&&(i=!0)}),{viewportHeightCss:n,hasFullViewportHeight:i}},Xe=e=>{const t=e.trim();if(!t)return{viewportHeightCss:null,hasFullViewportHeight:!1};const i=t.match(/^<([a-zA-Z][\w:-]*)(\s[^>]*?)?>/)?.[2]||"",s=i.match(/\bheight\s*=\s*["']([^"']+)["']/i)?.[1],m=i.match(/\bstyle\s*=\s*["']([^"']+)["']/i)?.[1]?.match(/\bheight\s*:\s*([^;]+)/i)?.[1],y=i.match(/\bclass\s*=\s*["']([^"']+)["']/i)?.[1],h=(s?k(s):null)||(m?k(m):null)||(y?Q(y):null);return{viewportHeightCss:h,hasFullViewportHeight:be(h)}},fe=e=>{const t=e.trim();if(!t)return{viewportHeightCss:null,hasFullViewportHeight:!1};if(typeof document>"u")return Xe(t);const n=document.createElement("template");return n.innerHTML=t,we(n.content)},Ue=e=>e.split(/\s+/).filter(Boolean).map(t=>{const n=t.split(":");return n[n.length-1]!=="h-screen"&&n[n.length-1]!=="min-h-screen"?t:(n[n.length-1]="h-full",n.join(":"))}).join(" "),We=(e,t)=>!t||!e.trim()?e:e.replace(/^(\s*<[a-zA-Z][\w:-]*)(\s[^>]*?)?>/,(n,i,s="")=>{const c=s.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);if(!c)return n;const m=Ue(c[2]);return m===c[2]?n:`${i}${s.replace(c[0],`class=${c[1]}${m}${c[1]}`)}>`}),Ye=({content:e,type:t,className:n,loadingText:i,styleLoadingText:s,scriptLoadingText:c,fullScreenButtonText:m,hideFullScreen:y=!1,mode:h="content",replaceRootScreenHeightWithFull:N=!1})=>{const ee=o.useRef(null),S=o.useRef(null),L=o.useRef(null),te=o.useRef(null),B=o.useRef(()=>{}),[xe,ve]=o.useState(480),ne=o.useRef(0),[re,Ee]=o.useState(0),[Re,Se]=o.useState(!1),[,$]=o.useState(!0),He=t==="sandbox",q=h==="blackboard",z=o.useRef(""),P=o.useMemo(()=>{const r=Pe.splitContentSegments(e).filter(p=>p.type==="sandbox");return(h==="blackboard"?r[r.length-1]?.value||"":r.map(p=>p.value).join(`
-`))||""},[e,h]),a=o.useMemo(()=>We(P,N),[P,N]),A=o.useMemo(()=>Le(a),[a]),oe=o.useMemo(()=>fe(P),[P]),se=o.useMemo(()=>N&&oe.hasFullViewportHeight,[oe.hasFullViewportHeight,N]),[_,G]=o.useState(a),ie=o.useRef(a),X=o.useRef(a),C=o.useRef(null),M=o.useRef(null),U=o.useRef(null),W=o.useRef(0),H=o.useCallback(l=>{if(typeof window>"u")return;const r=Date.now();r-ne.current<je||(ne.current=r,window.postMessage({source:de.SANDBOX_INTERACTION_MESSAGE_SOURCE,type:de.SANDBOX_INTERACTION_MESSAGE_TYPE,eventType:l},window.location.origin))},[]),le=()=>{C.current!==null&&(window.clearTimeout(C.current),C.current=null)},ye=()=>{M.current!==null&&(window.cancelAnimationFrame(M.current),M.current=null),U.current!==null&&(window.cancelAnimationFrame(U.current),U.current=null)};o.useEffect(()=>()=>{le(),ye()},[]),o.useEffect(()=>{me(A)},[A]),o.useEffect(()=>{const l=ie.current;ie.current=a;const r=!!l&&a.length>l.length&&a.startsWith(l),g=Oe.test(a),p=r&&g&&A.some(x=>!j.has(x)),F=r&&g;if(X.current=a,le(),p){const x=W.current+1;W.current=x,me(A).then(()=>{W.current===x&&G(X.current)});return}if(!F){G(a);return}C.current=window.setTimeout(()=>{G(X.current),C.current=null},De)},[A,a]);const ce=o.useMemo(()=>fe(_).viewportHeightCss,[_]),ae=!!ce,I=q&&t==="sandbox"?se?"100%":ce??`${xe}px`:void 0;o.useEffect(()=>{if(h!=="blackboard"){z.current=a;return}const l=z.current;!(l&&a.startsWith(l))&&l&&Ee(g=>g+1),z.current=a},[h,a]),o.useEffect(()=>{const l=S.current;if(!l)return;const r=l.contentDocument;if(!r)return;r.open(),r.write(`<!DOCTYPE html>
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("../../_virtual/jsx-runtime.cjs.js"),o=require("react"),Ne=require("react-dom/client"),Pe=require("./SandboxApp.cjs.js"),_e=require("./utils/split-content.cjs.js"),Fe=require("./ContentRender.cjs.js"),de=require("../../lib/sandboxInteraction.cjs.js");let K=null;const ge=()=>(K||(K=Promise.resolve().then(()=>require("./blackboard-vendor.cjs.js")).then(e=>e.injectBlackboardLibraries)),K);typeof window<"u"&&ge();const Ve=()=>{const e=performance.now(),t=new Date().toISOString();return console.log("[IframeSandbox][SandboxLoad] start",{startedAt:t}),ge().then(n=>(console.log("[IframeSandbox][SandboxLoad] done",{startedAt:t,endedAt:new Date().toISOString(),durationMs:Number((performance.now()-e).toFixed(2))}),n)).catch(n=>{throw console.error("[IframeSandbox][SandboxLoad] failed",{startedAt:t,endedAt:new Date().toISOString(),durationMs:Number((performance.now()-e).toFixed(2)),error:n}),n})},Oe=/<img\b[^>]*>/i,De=180,je=240,ke=/<img\b[^>]*\bsrc\s*=\s*["']([^"']+)["'][^>]*>/gi,he=new Map,j=new Set,Le=e=>{const t=Array.from(e.matchAll(ke));return Array.from(new Set(t.map(n=>n[1]?.trim()).filter(n=>!!n)))},Be=e=>{if(!e)return Promise.resolve();const t=he.get(e);if(t)return t;const n=new Promise(i=>{if(typeof window>"u"){j.add(e),i();return}const s=new window.Image;s.decoding="sync",s.loading="eager",s.fetchPriority="high";const c=()=>{(typeof s.decode=="function"?s.decode().catch(()=>{}):Promise.resolve()).finally(()=>{j.add(e),i()})};s.onload=()=>{c()},s.onerror=()=>{j.add(e),i()},s.src=e,s.complete&&s.naturalWidth>0&&c()});return he.set(e,n),n},me=(e=[])=>Promise.allSettled(e.map(t=>Be(t))),pe=e=>e.split(/\s+/).filter(Boolean).map(t=>t.split(":").pop()||t),k=e=>{const t=e.trim().toLowerCase();if(!t)return null;const n=t.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);return n?`${n[1]}${n[2].toLowerCase()}`:null},Q=e=>{if(!e.trim())return null;const t=pe(e);if(t.includes("h-screen")||t.includes("h-dvh")||t.includes("min-h-screen")||t.includes("min-h-dvh"))return"100dvh";if(t.includes("h-svh")||t.includes("min-h-svh"))return"100svh";if(t.includes("h-lvh")||t.includes("min-h-lvh"))return"100lvh";const n=t.find(s=>/^(h|min-h)-\[[0-9.]+(vh|dvh|svh|lvh)\]$/i.test(s));if(!n)return null;const i=n.match(/^(h|min-h)-\[([0-9.]+)(vh|dvh|svh|lvh)\]$/i);return i?`${i[2]}${i[3].toLowerCase()}`:null},$e=new Set(["base","link","meta","script","style","template","title"]),be=e=>!$e.has(e.tagName.toLowerCase()),qe=e=>Array.from(e.childNodes).find(t=>t.nodeType===Node.ELEMENT_NODE&&be(t))||null,ze=e=>{const t=[];let n=qe(e);for(;n;){t.push(n);const i=Array.from(n.children).filter(s=>be(s));if(i.length!==1)break;n=i[0]}return t},Ge=e=>{const t=e.getAttribute("height"),n=t?k(t):null;if(n)return n;const i=e.getAttribute("style")?.match(/\bheight\s*:\s*([^;]+)/i)?.[1]||null,s=i?k(i):null;return s||Q(e.getAttribute("class")||"")},we=e=>e==="100vh"||e==="100dvh"||e==="100svh"||e==="100lvh",ve=e=>{const t=ze(e);let n=null,i=!1;return t.forEach(s=>{const c=Ge(s);!n&&c&&(n=c),we(c)&&(i=!0)}),{viewportHeightCss:n,hasFullViewportHeight:i}},Xe=e=>{const t=e.trim();if(!t)return{viewportHeightCss:null,hasFullViewportHeight:!1};const i=t.match(/^<([a-zA-Z][\w:-]*)(\s[^>]*?)?>/)?.[2]||"",s=i.match(/\bheight\s*=\s*["']([^"']+)["']/i)?.[1],m=i.match(/\bstyle\s*=\s*["']([^"']+)["']/i)?.[1]?.match(/\bheight\s*:\s*([^;]+)/i)?.[1],y=i.match(/\bclass\s*=\s*["']([^"']+)["']/i)?.[1],h=(s?k(s):null)||(m?k(m):null)||(y?Q(y):null);return{viewportHeightCss:h,hasFullViewportHeight:we(h)}},fe=e=>{const t=e.trim();if(!t)return{viewportHeightCss:null,hasFullViewportHeight:!1};if(typeof document>"u")return Xe(t);const n=document.createElement("template");return n.innerHTML=t,ve(n.content)},Ue=e=>e.split(/\s+/).filter(Boolean).map(t=>{const n=t.split(":");return n[n.length-1]!=="h-screen"&&n[n.length-1]!=="min-h-screen"?t:(n[n.length-1]="h-full",n.join(":"))}).join(" "),We=(e,t)=>!t||!e.trim()?e:e.replace(/^(\s*<[a-zA-Z][\w:-]*)(\s[^>]*?)?>/,(n,i,s="")=>{const c=s.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);if(!c)return n;const m=Ue(c[2]);return m===c[2]?n:`${i}${s.replace(c[0],`class=${c[1]}${m}${c[1]}`)}>`}),Ye=({content:e,type:t,className:n,loadingText:i,styleLoadingText:s,scriptLoadingText:c,fullScreenButtonText:m,hideFullScreen:y=!1,mode:h="content",replaceRootScreenHeightWithFull:N=!1})=>{const ee=o.useRef(null),S=o.useRef(null),L=o.useRef(null),te=o.useRef(null),B=o.useRef(()=>{}),[xe,Ee]=o.useState(480),ne=o.useRef(0),[re,Re]=o.useState(0),[Se,He]=o.useState(!1),[,$]=o.useState(!0),ye=t==="sandbox",q=h==="blackboard",z=o.useRef(""),P=o.useMemo(()=>{const r=_e.splitContentSegments(e).filter(p=>p.type==="sandbox");return(h==="blackboard"?r[r.length-1]?.value||"":r.map(p=>p.value).join(`
+`))||""},[e,h]),a=o.useMemo(()=>We(P,N),[P,N]),A=o.useMemo(()=>Le(a),[a]),oe=o.useMemo(()=>fe(P),[P]),se=o.useMemo(()=>N&&oe.hasFullViewportHeight,[oe.hasFullViewportHeight,N]),[_,G]=o.useState(a),ie=o.useRef(a),X=o.useRef(a),C=o.useRef(null),M=o.useRef(null),U=o.useRef(null),W=o.useRef(0),H=o.useCallback(l=>{if(typeof window>"u")return;const r=Date.now();r-ne.current<je||(ne.current=r,window.postMessage({source:de.SANDBOX_INTERACTION_MESSAGE_SOURCE,type:de.SANDBOX_INTERACTION_MESSAGE_TYPE,eventType:l},window.location.origin))},[]),le=()=>{C.current!==null&&(window.clearTimeout(C.current),C.current=null)},Ae=()=>{M.current!==null&&(window.cancelAnimationFrame(M.current),M.current=null),U.current!==null&&(window.cancelAnimationFrame(U.current),U.current=null)};o.useEffect(()=>()=>{le(),Ae()},[]),o.useEffect(()=>{me(A)},[A]),o.useEffect(()=>{const l=ie.current;ie.current=a;const r=!!l&&a.length>l.length&&a.startsWith(l),g=Oe.test(a),p=r&&g&&A.some(v=>!j.has(v)),F=r&&g;if(X.current=a,le(),p){const v=W.current+1;W.current=v,me(A).then(()=>{W.current===v&&G(X.current)});return}if(!F){G(a);return}C.current=window.setTimeout(()=>{G(X.current),C.current=null},De)},[A,a]);const ce=o.useMemo(()=>fe(_).viewportHeightCss,[_]),ae=!!ce,I=q&&t==="sandbox"?se?"100%":ce??`${xe}px`:void 0;o.useEffect(()=>{if(h!=="blackboard"){z.current=a;return}const l=z.current;!(l&&a.startsWith(l))&&l&&Re(g=>g+1),z.current=a},[h,a]),o.useEffect(()=>{const l=S.current;if(!l)return;const r=l.contentDocument;if(!r)return;r.open(),r.write(`<!DOCTYPE html>
 <html${h==="blackboard"?' style="height: 100%;"':""}>
   <head>
     <meta charset="utf-8" />
@@ -14,5 +14,5 @@
   <body>
     <div id="root"></div>
   </body>
-</html>`),r.close(),r.documentElement.setAttribute("data-theme","light"),r.documentElement.style.colorScheme="light",r.body?.style.setProperty("color-scheme","light"),te.current=r;const g=q&&t==="sandbox",p=()=>H("pointerdown"),F=()=>H("mousedown"),x=()=>H("touchstart");g&&(r.addEventListener("pointerdown",p,!0),r.addEventListener("mousedown",F,!0),r.addEventListener("touchstart",x,!0));const V=r.getElementById("root");if(!V)return;const ue=Te.createRoot(V);L.current=ue;let T=!1;const Y=(u,b)=>{const d=u.trim().toLowerCase();if(!d)return null;const v=Number.parseFloat(d);return Number.isNaN(v)?null:/(dvh|svh|lvh|vh)$/i.test(d)?v/100*b:d.endsWith("px")||/^[0-9.]+$/.test(d)?v:null},Me=(u,b)=>{if(!u.trim())return null;const d=Q(u);if(d)return Y(d,b);const f=ge(u).find(D=>/^h-\[[0-9.]+px\]$/i.test(D));if(!f)return null;const E=f.match(/^h-\[([0-9.]+)px\]$/i);if(!E)return null;const R=Number.parseFloat(E[1]);return Number.isNaN(R)?null:R},Ie=()=>{if(!S.current||!r.body)return null;const u=S.current.ownerDocument?.documentElement?.clientHeight||window.innerHeight,{viewportHeightCss:b}=we(r.body),d=b?Y(b,u):null;if(d!==null)return Math.ceil(d);const f=r.body.querySelector(".sandbox-wrapper")?.querySelector(".sandbox-container > *");if(!f)return null;const E=f.style.height||f.getAttribute("height"),R=E?Y(E,u):null;if(R!==null)return Math.ceil(R);const D=Me(f.getAttribute("class")||"",u);return D!==null?Math.ceil(D):null},Z=()=>{if(!S.current||!r.body)return;const u=r.body.getBoundingClientRect(),b=r.documentElement?.getBoundingClientRect(),d=u.height,v=b?.height||0,f=Math.max(d,v),E=Ie(),R=Math.max(200,E??Math.ceil(f));ve(R)},O=()=>{requestAnimationFrame(()=>{T||Z()})};B.current=O,Z(),O(),He?Ve().then(u=>{T||(u(r),requestAnimationFrame(()=>{T||($(!0),O())}))}).catch(()=>{T||($(!0),O())}):$(!0);const J=new ResizeObserver(()=>Z());return J.observe(r.body),V&&J.observe(V),()=>{T=!0,J.disconnect(),g&&(r.removeEventListener("pointerdown",p,!0),r.removeEventListener("mousedown",F,!0),r.removeEventListener("touchstart",x,!0)),setTimeout(()=>{ue.unmount(),L.current=null,te.current=null,B.current=()=>{}},0)}},[]),o.useEffect(()=>{const l=()=>{Se(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",l),()=>document.removeEventListener("fullscreenchange",l)},[]);const Ae=()=>{const l=ee.current||S.current;if(l){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}l.requestFullscreen&&l.requestFullscreen().catch(()=>{})}};o.useEffect(()=>{const l=L.current;l&&(l.render(w.jsxRuntimeExports.jsx(Ne.default,{html:_,loadingText:i,styleLoadingText:s,scriptLoadingText:c,fullScreenButtonText:m,hideFullScreen:y,resetToken:re,hasRootVhHeight:ae,mode:h,stretchRootHeight:se})),M.current=window.requestAnimationFrame(()=>{B.current?.(),M.current=null}))},[_,i,s,c,m,re,h]);const Ce=["w-full relative content-render-iframe-sandbox",q?"h-full overflow-auto flex flex-col":"aspect-[16/9] overflow-hidden flex items-center justify-center"].filter(Boolean).join(" ");return w.jsxRuntimeExports.jsxs("div",{ref:ee,"data-root-vh":ae?"true":"false",className:Ce,style:I?{height:I,minHeight:I}:void 0,children:[!y&&w.jsxRuntimeExports.jsx("button",{type:"button",onClick:Ae,className:"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",children:Re?"退出全屏":m||"全屏浏览"}),h==="blackboard"&&t==="markdown"?w.jsxRuntimeExports.jsx("div",{onMouseDown:()=>H("mousedown"),onPointerDown:()=>H("pointerdown"),onTouchStart:()=>H("touchstart"),children:w.jsxRuntimeExports.jsx(_e.default,{content:e})}):w.jsxRuntimeExports.jsxs(w.jsxRuntimeExports.Fragment,{children:[null,w.jsxRuntimeExports.jsx("iframe",{ref:S,sandbox:"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",allow:"fullscreen",allowFullScreen:!0,className:[n,"w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),style:{height:I??"100%",minHeight:I,margin:"auto",visibility:"visible"}}),null]})]})};exports.default=Ye;
+</html>`),r.close(),r.documentElement.setAttribute("data-theme","light"),r.documentElement.style.colorScheme="light",r.body?.style.setProperty("color-scheme","light"),te.current=r;const g=q&&t==="sandbox",p=()=>H("pointerdown"),F=()=>H("mousedown"),v=()=>H("touchstart");g&&(r.addEventListener("pointerdown",p,!0),r.addEventListener("mousedown",F,!0),r.addEventListener("touchstart",v,!0));const V=r.getElementById("root");if(!V)return;const ue=Ne.createRoot(V);L.current=ue;let T=!1;const Y=(u,b)=>{const d=u.trim().toLowerCase();if(!d)return null;const x=Number.parseFloat(d);return Number.isNaN(x)?null:/(dvh|svh|lvh|vh)$/i.test(d)?x/100*b:d.endsWith("px")||/^[0-9.]+$/.test(d)?x:null},Ie=(u,b)=>{if(!u.trim())return null;const d=Q(u);if(d)return Y(d,b);const f=pe(u).find(D=>/^h-\[[0-9.]+px\]$/i.test(D));if(!f)return null;const E=f.match(/^h-\[([0-9.]+)px\]$/i);if(!E)return null;const R=Number.parseFloat(E[1]);return Number.isNaN(R)?null:R},Te=()=>{if(!S.current||!r.body)return null;const u=S.current.ownerDocument?.documentElement?.clientHeight||window.innerHeight,{viewportHeightCss:b}=ve(r.body),d=b?Y(b,u):null;if(d!==null)return Math.ceil(d);const f=r.body.querySelector(".sandbox-wrapper")?.querySelector(".sandbox-container > *");if(!f)return null;const E=f.style.height||f.getAttribute("height"),R=E?Y(E,u):null;if(R!==null)return Math.ceil(R);const D=Ie(f.getAttribute("class")||"",u);return D!==null?Math.ceil(D):null},Z=()=>{if(!S.current||!r.body)return;const u=r.body.getBoundingClientRect(),b=r.documentElement?.getBoundingClientRect(),d=u.height,x=b?.height||0,f=Math.max(d,x),E=Te(),R=Math.max(200,E??Math.ceil(f));Ee(R)},O=()=>{requestAnimationFrame(()=>{T||Z()})};B.current=O,Z(),O(),ye?Ve().then(u=>{T||(u(r),requestAnimationFrame(()=>{T||($(!0),O())}))}).catch(()=>{T||($(!0),O())}):$(!0);const J=new ResizeObserver(()=>Z());return J.observe(r.body),V&&J.observe(V),()=>{T=!0,J.disconnect(),g&&(r.removeEventListener("pointerdown",p,!0),r.removeEventListener("mousedown",F,!0),r.removeEventListener("touchstart",v,!0)),setTimeout(()=>{ue.unmount(),L.current=null,te.current=null,B.current=()=>{}},0)}},[]),o.useEffect(()=>{const l=()=>{He(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",l),()=>document.removeEventListener("fullscreenchange",l)},[]);const Ce=()=>{const l=ee.current||S.current;if(l){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}l.requestFullscreen&&l.requestFullscreen().catch(()=>{})}};o.useEffect(()=>{const l=L.current;l&&(l.render(w.jsxRuntimeExports.jsx(Pe.default,{html:_,loadingText:i,styleLoadingText:s,scriptLoadingText:c,fullScreenButtonText:m,hideFullScreen:y,resetToken:re,hasRootVhHeight:ae,mode:h,stretchRootHeight:se})),M.current=window.requestAnimationFrame(()=>{B.current?.(),M.current=null}))},[_,i,s,c,m,re,h]);const Me=["w-full relative content-render-iframe-sandbox",q?"h-full overflow-auto flex flex-col":"aspect-[16/9] overflow-hidden flex items-center justify-center"].filter(Boolean).join(" ");return w.jsxRuntimeExports.jsxs("div",{ref:ee,"data-root-vh":ae?"true":"false",className:Me,style:I?{height:I,minHeight:I}:void 0,children:[!y&&w.jsxRuntimeExports.jsx("button",{type:"button",onClick:Ce,className:"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",children:Se?"退出全屏":m||"全屏浏览"}),h==="blackboard"&&t==="markdown"?w.jsxRuntimeExports.jsx("div",{onMouseDown:()=>H("mousedown"),onPointerDown:()=>H("pointerdown"),onTouchStart:()=>H("touchstart"),children:w.jsxRuntimeExports.jsx(Fe.default,{content:e})}):w.jsxRuntimeExports.jsxs(w.jsxRuntimeExports.Fragment,{children:[null,w.jsxRuntimeExports.jsx("iframe",{ref:S,sandbox:"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",allow:"fullscreen",allowFullScreen:!0,className:[n,"w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),style:{height:I??"100%",minHeight:I,margin:"auto",visibility:"visible"}}),null]})]})};exports.default=Ye;
 //# 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 { Loader2 } from \"lucide-react\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\nimport {\n SANDBOX_INTERACTION_MESSAGE_SOURCE,\n SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\n\ntype InjectBlackboardLibraries =\n typeof import(\"./blackboard-vendor\").injectBlackboardLibraries;\n\n// Cache the sandbox vendor loader so every iframe reuses the same preload request.\nlet blackboardVendorPromise: Promise<InjectBlackboardLibraries> \| null = null;\n\nconst loadBlackboardVendor = () => {\n if (!blackboardVendorPromise) {\n blackboardVendorPromise = import(\"./blackboard-vendor\").then(\n (m) => m.injectBlackboardLibraries\n );\n }\n\n return blackboardVendorPromise;\n};\n\nconst loadBlackboardVendorOnDemandWithMetrics = () => {\n const loadStart = performance.now();\n const startedAt = new Date().toISOString();\n console.log(\"[IframeSandbox][SandboxLoad] start\", { startedAt });\n\n return loadBlackboardVendor()\n .then((inject) => {\n console.log(\"[IframeSandbox][SandboxLoad] done\", {\n startedAt,\n endedAt: new Date().toISOString(),\n durationMs: Number((performance.now() - loadStart).toFixed(2)),\n });\n return inject;\n })\n .catch((error) => {\n console.error(\"[IframeSandbox][SandboxLoad] failed\", {\n startedAt,\n endedAt: new Date().toISOString(),\n durationMs: Number((performance.now() - loadStart).toFixed(2)),\n error,\n });\n throw error;\n });\n};\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\nconst COMPLETE_IMAGE_SOURCE_PATTERN =\n /<img\\b[^>]\\bsrc\\s=\\s[\"']([^\"']+)[\"'][^>]>/gi;\nconst SANDBOX_IMAGE_PRELOAD_CACHE = new Map<string, Promise<void>>();\nconst SANDBOX_IMAGE_READY_CACHE = new Set<string>();\n\nconst extractCompleteImageSources = (html: string) => {\n const matches = Array.from(html.matchAll(COMPLETE_IMAGE_SOURCE_PATTERN));\n return Array.from(\n new Set(\n matches\n .map((match) => match[1]?.trim())\n .filter((src): src is string => Boolean(src))\n )\n );\n};\n\nconst preloadSandboxImage = (src: string) => {\n if (!src) {\n return Promise.resolve();\n }\n\n const cached = SANDBOX_IMAGE_PRELOAD_CACHE.get(src);\n if (cached) {\n return cached;\n }\n\n const nextPromise = new Promise<void>((resolve) => {\n if (typeof window === \"undefined\") {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n return;\n }\n\n const image = new window.Image();\n image.decoding = \"sync\";\n image.loading = \"eager\";\n image.fetchPriority = \"high\";\n\n const settleWhenRenderable = () => {\n const decodePromise =\n typeof image.decode === \"function\"\n ? image.decode().catch(() => undefined)\n : Promise.resolve();\n\n void decodePromise.finally(() => {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n });\n };\n\n image.onload = () => {\n settleWhenRenderable();\n };\n image.onerror = () => {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n };\n image.src = src;\n\n if (image.complete && image.naturalWidth > 0) {\n settleWhenRenderable();\n }\n });\n\n SANDBOX_IMAGE_PRELOAD_CACHE.set(src, nextPromise);\n return nextPromise;\n};\n\nconst preloadSandboxImages = (sources: string[] = []) =>\n Promise.allSettled(sources.map((source) => preloadSandboxImage(source)));\n\nexport interface IframeSandboxProps {\n content: string;\n className?: string;\n loadingText?: string;\n styleLoadingText?: string;\n scriptLoadingText?: string;\n fullScreenButtonText?: string;\n hideFullScreen?: boolean;\n mode?: \"content\" \| \"blackboard\";\n type: \"sandbox\" \| \"markdown\";\n replaceRootScreenHeightWithFull?: boolean;\n}\n\nconst normalizeTailwindHeightTokens = (className: string) =>\n className\n .split(/\\s+/)\n .filter(Boolean)\n .map((token) => token.split(\":\").pop() \|\| token);\n\nconst parseViewportHeightCss = (value: string) => {\n const normalized = value.trim().toLowerCase();\n if (!normalized) return null;\n const matched = normalized.match(/^([0-9.]+)(vh\|dvh\|svh\|lvh)$/i);\n if (!matched) return null;\n return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractViewportHeightFromTailwindClass = (className: string) => {\n if (!className.trim()) return null;\n const normalizedTokens = normalizeTailwindHeightTokens(className);\n if (\n normalizedTokens.includes(\"h-screen\") \|\|\n normalizedTokens.includes(\"h-dvh\") \|\|\n normalizedTokens.includes(\"min-h-screen\") \|\|\n normalizedTokens.includes(\"min-h-dvh\")\n ) {\n return \"100dvh\";\n }\n if (\n normalizedTokens.includes(\"h-svh\") \|\|\n normalizedTokens.includes(\"min-h-svh\")\n ) {\n return \"100svh\";\n }\n if (\n normalizedTokens.includes(\"h-lvh\") \|\|\n normalizedTokens.includes(\"min-h-lvh\")\n ) {\n return \"100lvh\";\n }\n const arbitraryToken = normalizedTokens.find((token) =>\n /^(h\|min-h)-\\[[0-9.]+(vh\|dvh\|svh\|lvh)\\]$/i.test(token)\n );\n if (!arbitraryToken) return null;\n const matched = arbitraryToken.match(\n /^(h\|min-h)-\\[([0-9.]+)(vh\|dvh\|svh\|lvh)\\]$/i\n );\n if (!matched) return null;\n return `${matched[2]}${matched[3].toLowerCase()}`;\n};\n\nconst SANDBOX_IGNORED_TAG_NAMES = new Set([\n \"base\",\n \"link\",\n \"meta\",\n \"script\",\n \"style\",\n \"template\",\n \"title\",\n]);\n\nconst isSandboxRenderableElement = (element: Element) =>\n !SANDBOX_IGNORED_TAG_NAMES.has(element.tagName.toLowerCase());\n\nconst getFirstRenderableElementChild = (root: ParentNode) =>\n Array.from(root.childNodes).find(\n (node): node is HTMLElement =>\n node.nodeType === Node.ELEMENT_NODE &&\n isSandboxRenderableElement(node as HTMLElement)\n ) \|\| null;\n\nconst getInspectableSandboxElementChain = (root: ParentNode) => {\n const chain: HTMLElement[] = [];\n let current = getFirstRenderableElementChild(root);\n\n while (current) {\n chain.push(current);\n\n const childElements = Array.from(current.children).filter(\n (element): element is HTMLElement => isSandboxRenderableElement(element)\n );\n\n if (childElements.length !== 1) {\n break;\n }\n\n current = childElements[0];\n }\n\n return chain;\n};\n\nconst extractViewportHeightFromElement = (element: HTMLElement) => {\n const heightAttrValue = element.getAttribute(\"height\");\n const attrViewportHeight = heightAttrValue\n ? parseViewportHeightCss(heightAttrValue)\n : null;\n\n if (attrViewportHeight) {\n return attrViewportHeight;\n }\n\n const styleHeightValue =\n element.getAttribute(\"style\")?.match(/\\bheight\\s:\\s([^;]+)/i)?.[1] \|\|\n null;\n const styleViewportHeight = styleHeightValue\n ? parseViewportHeightCss(styleHeightValue)\n : null;\n\n if (styleViewportHeight) {\n return styleViewportHeight;\n }\n\n return extractViewportHeightFromTailwindClass(\n element.getAttribute(\"class\") \|\| \"\"\n );\n};\n\nconst isFullViewportHeightCss = (value: string \| null) =>\n value === \"100vh\" \|\|\n value === \"100dvh\" \|\|\n value === \"100svh\" \|\|\n value === \"100lvh\";\n\nconst inspectSandboxPrimaryHeight = (root: ParentNode) => {\n const inspectableElements = getInspectableSandboxElementChain(root);\n let viewportHeightCss: string \| null = null;\n let hasFullViewportHeight = false;\n\n inspectableElements.forEach((element) => {\n const elementViewportHeight = extractViewportHeightFromElement(element);\n\n if (!viewportHeightCss && elementViewportHeight) {\n viewportHeightCss = elementViewportHeight;\n }\n\n if (isFullViewportHeightCss(elementViewportHeight)) {\n hasFullViewportHeight = true;\n }\n });\n\n return {\n viewportHeightCss,\n hasFullViewportHeight,\n };\n};\n\nconst inspectRootHeightFromHtmlString = (html: string) => {\n const normalized = html.trim();\n\n if (!normalized) {\n return {\n viewportHeightCss: null,\n hasFullViewportHeight: false,\n };\n }\n\n const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-])(\\s[^>]?)?>/);\n const attrs = rootMatch?.[2] \|\| \"\";\n const heightAttrValue = attrs.match(/\\bheight\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const styleAttrValue = attrs.match(/\\bstyle\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const styleHeightValue = styleAttrValue?.match(\n /\\bheight\\s:\\s([^;]+)/i\n )?.[1];\n const classAttrValue = attrs.match(/\\bclass\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const viewportHeightCss =\n (heightAttrValue ? parseViewportHeightCss(heightAttrValue) : null) \|\|\n (styleHeightValue ? parseViewportHeightCss(styleHeightValue) : null) \|\|\n (classAttrValue\n ? extractViewportHeightFromTailwindClass(classAttrValue)\n : null);\n\n return {\n viewportHeightCss,\n hasFullViewportHeight: isFullViewportHeightCss(viewportHeightCss),\n };\n};\n\nconst inspectSandboxPrimaryHeightFromHtml = (html: string) => {\n const normalized = html.trim();\n\n if (!normalized) {\n return {\n viewportHeightCss: null,\n hasFullViewportHeight: false,\n };\n }\n\n if (typeof document === \"undefined\") {\n return inspectRootHeightFromHtmlString(normalized);\n }\n\n const template = document.createElement(\"template\");\n template.innerHTML = normalized;\n\n return inspectSandboxPrimaryHeight(template.content);\n};\n\nconst replaceRootScreenHeightToken = (className: string) =>\n className\n .split(/\\s+/)\n .filter(Boolean)\n .map((token) => {\n const segments = token.split(\":\");\n if (\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 loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\n hideFullScreen = false,\n mode = \"content\",\n replaceRootScreenHeightWithFull = false,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const iframeRef = useRef<HTMLIFrameElement>(null);\n const rootRef = useRef<Root \| null>(null);\n const docRef = useRef<Document \| null>(null);\n const updateHeightRef = useRef<() => void>(() => {});\n const [height, setHeight] = useState(480);\n const lastSandboxInteractionTimeRef = useRef(0);\n const [resetToken, setResetToken] = useState(0);\n const [isFullscreen, setIsFullscreen] = useState(false);\n const [, setIsSandboxVendorReady] = useState(true);\n const shouldInjectSandboxVendor = type === \"sandbox\";\n\n const isBlackboardMode = mode === \"blackboard\";\n const prevHtmlRef = useRef<string>(\"\");\n const htmlContent = React.useMemo(() => {\n const segments = splitContentSegments(content);\n // console.log('segments=====', segments);\n const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n const sandboxContent =\n mode === \"blackboard\"\n ? sandboxSegments[sandboxSegments.length - 1]?.value \|\| \"\"\n : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n return sandboxContent \|\| \"\";\n }, [content, mode]);\n const normalizedHtmlContent = React.useMemo(\n () =>\n replaceRootScreenHeightWithFullClass(\n htmlContent,\n replaceRootScreenHeightWithFull\n ),\n [htmlContent, replaceRootScreenHeightWithFull]\n );\n const completeImageSources = React.useMemo(\n () => extractCompleteImageSources(normalizedHtmlContent),\n [normalizedHtmlContent]\n );\n const htmlHeightMeta = React.useMemo(\n () => inspectSandboxPrimaryHeightFromHtml(htmlContent),\n [htmlContent]\n );\n const shouldStretchRootHeight = React.useMemo(\n () =>\n replaceRootScreenHeightWithFull && htmlHeightMeta.hasFullViewportHeight,\n [htmlHeightMeta.hasFullViewportHeight, replaceRootScreenHeightWithFull]\n );\n const [renderHtmlContent, setRenderHtmlContent] = useState(\n normalizedHtmlContent\n );\n const prevIncomingHtmlRef = useRef(normalizedHtmlContent);\n const pendingHtmlRef = useRef(normalizedHtmlContent);\n const deferRenderTimerRef = useRef<number \| null>(null);\n const initialPaintFrameRef = useRef<number \| null>(null);\n const initialPaintCommitFrameRef = useRef<number \| null>(null);\n const imagePreloadRequestIdRef = useRef(0);\n\n const emitSandboxInteraction = useCallback((eventType: string) => {\n if (typeof window === \"undefined\") {\n return;\n }\n const now = Date.now();\n if (\n now - lastSandboxInteractionTimeRef.current <\n SANDBOX_INTERACTION_THROTTLE_MS\n ) {\n return;\n }\n lastSandboxInteractionTimeRef.current = now;\n window.postMessage(\n {\n source: SANDBOX_INTERACTION_MESSAGE_SOURCE,\n type: SANDBOX_INTERACTION_MESSAGE_TYPE,\n eventType,\n },\n window.location.origin\n );\n }, []);\n\n const clearDeferredRenderTimer = () => {\n if (deferRenderTimerRef.current === null) return;\n window.clearTimeout(deferRenderTimerRef.current);\n deferRenderTimerRef.current = null;\n };\n\n const clearInitialPaintFrames = () => {\n if (initialPaintFrameRef.current !== null) {\n window.cancelAnimationFrame(initialPaintFrameRef.current);\n initialPaintFrameRef.current = null;\n }\n if (initialPaintCommitFrameRef.current !== null) {\n window.cancelAnimationFrame(initialPaintCommitFrameRef.current);\n initialPaintCommitFrameRef.current = null;\n }\n };\n\n useEffect(\n () => () => {\n clearDeferredRenderTimer();\n clearInitialPaintFrames();\n },\n []\n );\n\n useEffect(() => {\n void preloadSandboxImages(completeImageSources);\n }, [completeImageSources]);\n\n useEffect(() => {\n const prevIncomingHtml = prevIncomingHtmlRef.current;\n prevIncomingHtmlRef.current = normalizedHtmlContent;\n\n const isAppendOnlyStream =\n !!prevIncomingHtml &&\n normalizedHtmlContent.length > prevIncomingHtml.length &&\n normalizedHtmlContent.startsWith(prevIncomingHtml);\n const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(\n normalizedHtmlContent\n );\n const hasPendingImagePreload =\n isAppendOnlyStream &&\n containsCompleteImage &&\n completeImageSources.some(\n (source) => !SANDBOX_IMAGE_READY_CACHE.has(source)\n );\n const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n pendingHtmlRef.current = normalizedHtmlContent;\n clearDeferredRenderTimer();\n\n if (hasPendingImagePreload) {\n const requestId = imagePreloadRequestIdRef.current + 1;\n imagePreloadRequestIdRef.current = requestId;\n\n void preloadSandboxImages(completeImageSources).then(() => {\n if (imagePreloadRequestIdRef.current !== requestId) {\n return;\n }\n\n setRenderHtmlContent(pendingHtmlRef.current);\n });\n return;\n }\n\n if (!shouldDeferRender) {\n setRenderHtmlContent(normalizedHtmlContent);\n return;\n }\n\n deferRenderTimerRef.current = window.setTimeout(() => {\n setRenderHtmlContent(pendingHtmlRef.current);\n deferRenderTimerRef.current = null;\n }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n }, [completeImageSources, normalizedHtmlContent]);\n\n const rootViewportHeightCss = React.useMemo(\n () =>\n inspectSandboxPrimaryHeightFromHtml(renderHtmlContent).viewportHeightCss,\n [renderHtmlContent]\n );\n const hasRootVhHeight = Boolean(rootViewportHeightCss);\n const sandboxViewportHeight =\n isBlackboardMode && type === \"sandbox\"\n ? shouldStretchRootHeight\n ? \"100%\"\n : (rootViewportHeightCss ?? `${height}px`)\n : undefined;\n const shouldShowHtmlFallbackWhilePreparingSandbox = false;\n useEffect(() => {\n if (mode !== \"blackboard\") {\n prevHtmlRef.current = normalizedHtmlContent;\n return;\n }\n const prev = prevHtmlRef.current;\n const isContinuation = prev && normalizedHtmlContent.startsWith(prev);\n if (!isContinuation && prev) {\n setResetToken((token) => token + 1);\n }\n prevHtmlRef.current = normalizedHtmlContent;\n }, [mode, normalizedHtmlContent]);\n\n useEffect(() => {\n const iframe = iframeRef.current;\n if (!iframe) return undefined;\n\n const doc = iframe.contentDocument;\n if (!doc) return undefined;\n\n doc.open();\n doc.write(`<!DOCTYPE html>\n<html${mode === \"blackboard\" ? ' style=\"height: 100%;\"' : \"\"}>\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <style>\n :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 docRef.current = doc;\n\n const shouldBridgeSandboxInteraction =\n isBlackboardMode && type === \"sandbox\";\n const handleSandboxPointerDown = () =>\n emitSandboxInteraction(\"pointerdown\");\n const handleSandboxMouseDown = () => emitSandboxInteraction(\"mousedown\");\n const handleSandboxTouchStart = () => emitSandboxInteraction(\"touchstart\");\n\n if (shouldBridgeSandboxInteraction) {\n doc.addEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n doc.addEventListener(\"mousedown\", handleSandboxMouseDown, true);\n doc.addEventListener(\"touchstart\", handleSandboxTouchStart, true);\n }\n\n const rootEl = doc.getElementById(\"root\");\n if (!rootEl) return undefined;\n\n const root = createRoot(rootEl);\n rootRef.current = root;\n let isDestroyed = false;\n\n const parseExplicitHeight = (\n value: string,\n parentViewportHeight: number\n ) => {\n const normalized = value.trim().toLowerCase();\n if (!normalized) return null;\n const numeric = Number.parseFloat(normalized);\n if (Number.isNaN(numeric)) return null;\n if (/(dvh\|svh\|lvh\|vh)$/i.test(normalized)) {\n return (numeric / 100) * parentViewportHeight;\n }\n if (normalized.endsWith(\"px\") \|\| /^[0-9.]+$/.test(normalized)) {\n return numeric;\n }\n return null;\n };\n const parseTailwindHeightClass = (\n className: string,\n parentViewportHeight: number\n ) => {\n if (!className.trim()) return null;\n const viewportHeightCss =\n extractViewportHeightFromTailwindClass(className);\n if (viewportHeightCss) {\n return parseExplicitHeight(viewportHeightCss, parentViewportHeight);\n }\n const normalizedTokens = normalizeTailwindHeightTokens(className);\n const arbitraryToken = normalizedTokens.find((token) =>\n /^h-\\[[0-9.]+px\\]$/i.test(token)\n );\n if (!arbitraryToken) return null;\n const matched = arbitraryToken.match(/^h-\\[([0-9.]+)px\\]$/i);\n if (!matched) return null;\n const numeric = Number.parseFloat(matched[1]);\n if (Number.isNaN(numeric)) return null;\n return numeric;\n };\n\n const resolveExplicitHeight = () => {\n if (!iframeRef.current \|\| !doc.body) return null;\n const parentViewportHeight =\n iframeRef.current.ownerDocument?.documentElement?.clientHeight \|\|\n window.innerHeight;\n const { viewportHeightCss } = inspectSandboxPrimaryHeight(doc.body);\n const parsed = viewportHeightCss\n ? parseExplicitHeight(viewportHeightCss, parentViewportHeight)\n : null;\n\n if (parsed !== null) {\n return Math.ceil(parsed);\n }\n\n const wrapper = doc.body.querySelector(\n \".sandbox-wrapper\"\n ) as HTMLElement \| null;\n const target = wrapper?.querySelector(\n \".sandbox-container > *\"\n ) as HTMLElement \| null;\n\n if (!target) return null;\n\n const heightValue = target.style.height \|\| target.getAttribute(\"height\");\n const explicitPixelHeight = heightValue\n ? parseExplicitHeight(heightValue, parentViewportHeight)\n : null;\n\n if (explicitPixelHeight !== null) {\n return Math.ceil(explicitPixelHeight);\n }\n\n const classHeight = parseTailwindHeightClass(\n target.getAttribute(\"class\") \|\| \"\",\n parentViewportHeight\n );\n\n return classHeight !== null ? Math.ceil(classHeight) : null;\n };\n\n const updateHeight = () => {\n if (!iframeRef.current \|\| !doc.body) return;\n const bodyRect = doc.body.getBoundingClientRect();\n const htmlRect = doc.documentElement?.getBoundingClientRect();\n const bodyHeight = bodyRect.height;\n const htmlHeight = htmlRect?.height \|\| 0;\n const contentHeight = Math.max(bodyHeight, htmlHeight);\n const explicitHeight = resolveExplicitHeight();\n const nextHeight = Math.max(\n 200,\n explicitHeight ?? Math.ceil(contentHeight)\n );\n setHeight(nextHeight);\n };\n const scheduleHeightUpdate = () => {\n requestAnimationFrame(() => {\n if (isDestroyed) return;\n updateHeight();\n });\n };\n updateHeightRef.current = scheduleHeightUpdate;\n\n updateHeight();\n scheduleHeightUpdate();\n\n if (!shouldInjectSandboxVendor) {\n setIsSandboxVendorReady(true);\n } else {\n // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n loadBlackboardVendorOnDemandWithMetrics()\n .then((inject) => {\n if (isDestroyed) return;\n inject(doc);\n requestAnimationFrame(() => {\n if (isDestroyed) return;\n setIsSandboxVendorReady(true);\n scheduleHeightUpdate();\n });\n })\n .catch(() => {\n if (isDestroyed) return;\n setIsSandboxVendorReady(true);\n scheduleHeightUpdate();\n });\n }\n\n const resizeObserver = new ResizeObserver(() => updateHeight());\n resizeObserver.observe(doc.body);\n if (rootEl) {\n resizeObserver.observe(rootEl);\n }\n\n return () => {\n isDestroyed = true;\n resizeObserver.disconnect();\n if (shouldBridgeSandboxInteraction) {\n doc.removeEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n doc.removeEventListener(\"mousedown\", handleSandboxMouseDown, true);\n doc.removeEventListener(\"touchstart\", handleSandboxTouchStart, true);\n }\n // Defer unmount to avoid React warning when parent is mid-render\n setTimeout(() => {\n root.unmount();\n rootRef.current = null;\n docRef.current = null;\n updateHeightRef.current = () => {};\n }, 0);\n };\n }, []);\n\n useEffect(() => {\n const onFullscreenChange = () => {\n setIsFullscreen(Boolean(document.fullscreenElement));\n };\n document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n return () =>\n document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n }, []);\n\n const toggleFullscreen = () => {\n const target = containerRef.current \|\| iframeRef.current;\n if (!target) return;\n if (document.fullscreenElement) {\n document.exitFullscreen().catch(() => {});\n return;\n }\n if (target.requestFullscreen) {\n target.requestFullscreen().catch(() => {});\n }\n };\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) return;\n\n root.render(\n <SandboxApp\n html={renderHtmlContent}\n loadingText={loadingText}\n styleLoadingText={styleLoadingText}\n scriptLoadingText={scriptLoadingText}\n fullScreenButtonText={fullScreenButtonText}\n hideFullScreen={hideFullScreen}\n resetToken={resetToken}\n hasRootVhHeight={hasRootVhHeight}\n mode={mode}\n stretchRootHeight={shouldStretchRootHeight}\n />\n );\n\n initialPaintFrameRef.current = window.requestAnimationFrame(() => {\n updateHeightRef.current?.();\n initialPaintFrameRef.current = null;\n });\n }, [\n renderHtmlContent,\n loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\n resetToken,\n mode,\n ]);\n const containerClassName = [\n \"w-full relative content-render-iframe-sandbox\",\n isBlackboardMode\n ? \"h-full overflow-auto flex flex-col\"\n : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n ]\n .filter(Boolean)\n .join(\" \");\n\n const shouldShowSandboxLoading = false;\n\n return (\n <div\n ref={containerRef}\n data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n className={containerClassName}\n style={\n sandboxViewportHeight\n ? {\n height: sandboxViewportHeight,\n minHeight: sandboxViewportHeight,\n }\n : undefined\n }\n >\n {!hideFullScreen && (\n <button\n type=\"button\"\n onClick={toggleFullscreen}\n className={\n \"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer\"\n }\n >\n {isFullscreen ? \"退出全屏\" : fullScreenButtonText \|\| \"全屏浏览\"}\n </button>\n )}\n {mode === \"blackboard\" && type === \"markdown\" ? (\n <div\n onMouseDown={() => emitSandboxInteraction(\"mousedown\")}\n onPointerDown={() => emitSandboxInteraction(\"pointerdown\")}\n onTouchStart={() => emitSandboxInteraction(\"touchstart\")}\n >\n <ContentRender content={content} />\n </div>\n ) : (\n <>\n {shouldShowHtmlFallbackWhilePreparingSandbox ? (\n <div\n aria-hidden\n className=\"absolute inset-0 z-10 overflow-hidden\"\n style={{\n height: sandboxViewportHeight ?? \"100%\",\n minHeight: sandboxViewportHeight,\n }}\n >\n <div\n className=\"h-full w-full\"\n dangerouslySetInnerHTML={{ __html: renderHtmlContent }}\n />\n </div>\n ) : null}\n <iframe\n ref={iframeRef}\n sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n allow=\"fullscreen\"\n allowFullScreen\n className={[className, \"w-full h-full mx-auto my-auto block\"]\n .filter(Boolean)\n .join(\" \")}\n style={{\n height: sandboxViewportHeight ?? \"100%\",\n minHeight: sandboxViewportHeight,\n margin: \"auto\",\n visibility: \"visible\",\n }}\n />\n {shouldShowSandboxLoading ? (\n <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-center\">\n <Loader2\n aria-label={loadingText \|\| \"Preparing sandbox styles\"}\n className=\"text-primary h-7 w-7 animate-spin\"\n />\n </div>\n ) : null}\n </>\n )}\n </div>\n );\n};\n\nexport default IframeSandbox;\n"],"names":["blackboardVendorPromise","loadBlackboardVendor","m","loadBlackboardVendorOnDemandWithMetrics","loadStart","startedAt","inject","error","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_THROTTLE_MS","COMPLETE_IMAGE_SOURCE_PATTERN","SANDBOX_IMAGE_PRELOAD_CACHE","SANDBOX_IMAGE_READY_CACHE","extractCompleteImageSources","html","matches","match","src","preloadSandboxImage","cached","nextPromise","resolve","image","settleWhenRenderable","preloadSandboxImages","sources","source","normalizeTailwindHeightTokens","className","token","parseViewportHeightCss","value","normalized","matched","extractViewportHeightFromTailwindClass","normalizedTokens","arbitraryToken","SANDBOX_IGNORED_TAG_NAMES","isSandboxRenderableElement","element","getFirstRenderableElementChild","root","node","getInspectableSandboxElementChain","chain","current","childElements","extractViewportHeightFromElement","heightAttrValue","attrViewportHeight","styleHeightValue","styleViewportHeight","isFullViewportHeightCss","inspectSandboxPrimaryHeight","inspectableElements","viewportHeightCss","hasFullViewportHeight","elementViewportHeight","inspectRootHeightFromHtmlString","attrs","classAttrValue","inspectSandboxPrimaryHeightFromHtml","template","replaceRootScreenHeightToken","segments","replaceRootScreenHeightWithFullClass","enabled","tagStart","classMatch","nextClassName","IframeSandbox","content","type","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","replaceRootScreenHeightWithFull","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","setIsSandboxVendorReady","shouldInjectSandboxVendor","isBlackboardMode","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","normalizedHtmlContent","completeImageSources","htmlHeightMeta","shouldStretchRootHeight","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","initialPaintFrameRef","initialPaintCommitFrameRef","imagePreloadRequestIdRef","emitSandboxInteraction","useCallback","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","clearDeferredRenderTimer","clearInitialPaintFrames","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","hasPendingImagePreload","shouldDeferRender","requestId","rootViewportHeightCss","hasRootVhHeight","sandboxViewportHeight","prev","iframe","doc","shouldBridgeSandboxInteraction","handleSandboxPointerDown","handleSandboxMouseDown","handleSandboxTouchStart","rootEl","createRoot","isDestroyed","parseExplicitHeight","parentViewportHeight","numeric","parseTailwindHeightClass","resolveExplicitHeight","parsed","target","heightValue","explicitPixelHeight","classHeight","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","explicitHeight","nextHeight","scheduleHeightUpdate","resizeObserver","onFullscreenChange","toggleFullscreen","jsx","SandboxApp","containerClassName","jsxs","ContentRender","Fragment"],"mappings":"uXAeA,IAAIA,EAAqE,KAEzE,MAAMC,GAAuB,KACtBD,IACHA,EAA0B,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,4BAAqB,CAAA,EAAE,KACrDE,GAAMA,EAAE,yBAAA,GAINF,GAGHG,GAA0C,IAAM,CACpD,MAAMC,EAAY,YAAY,IAAA,EACxBC,EAAY,IAAI,KAAA,EAAO,YAAA,EAC7B,eAAQ,IAAI,qCAAsC,CAAE,UAAAA,CAAA,CAAW,EAExDJ,GAAA,EACJ,KAAMK,IACL,QAAQ,IAAI,oCAAqC,CAC/C,UAAAD,EACA,QAAS,IAAI,KAAA,EAAO,YAAA,EACpB,WAAY,QAAQ,YAAY,IAAA,EAAQD,GAAW,QAAQ,CAAC,CAAC,CAAA,CAC9D,EACME,EACR,EACA,MAAOC,GAAU,CAChB,cAAQ,MAAM,sCAAuC,CACnD,UAAAF,EACA,QAAS,IAAI,KAAA,EAAO,YAAA,EACpB,WAAY,QAAQ,YAAY,IAAA,EAAQD,GAAW,QAAQ,CAAC,CAAC,EAC7D,MAAAG,CAAA,CACD,EACKA,CACR,CAAC,CACL,EAEMC,GAA6B,gBAC7BC,GAAgC,IAChCC,GAAkC,IAClCC,GACJ,kDACIC,OAAkC,IAClCC,MAAgC,IAEhCC,GAA+BC,GAAiB,CACpD,MAAMC,EAAU,MAAM,KAAKD,EAAK,SAASJ,EAA6B,CAAC,EACvE,OAAO,MAAM,KACX,IAAI,IACFK,EACG,IAAKC,GAAUA,EAAM,CAAC,GAAG,KAAA,CAAM,EAC/B,OAAQC,GAAuB,EAAQA,CAAI,CAAA,CAChD,CAEJ,EAEMC,GAAuBD,GAAgB,CAC3C,GAAI,CAACA,EACH,OAAO,QAAQ,QAAA,EAGjB,MAAME,EAASR,GAA4B,IAAIM,CAAG,EAClD,GAAIE,EACF,OAAOA,EAGT,MAAMC,EAAc,IAAI,QAAeC,GAAY,CACjD,GAAI,OAAO,OAAW,IAAa,CACjCT,EAA0B,IAAIK,CAAG,EACjCI,EAAA,EACA,MACF,CAEA,MAAMC,EAAQ,IAAI,OAAO,MACzBA,EAAM,SAAW,OACjBA,EAAM,QAAU,QAChBA,EAAM,cAAgB,OAEtB,MAAMC,EAAuB,IAAM,EAE/B,OAAOD,EAAM,QAAW,WACpBA,EAAM,OAAA,EAAS,MAAM,IAAA,EAAe,EACpC,QAAQ,QAAA,GAEK,QAAQ,IAAM,CAC/BV,EAA0B,IAAIK,CAAG,EACjCI,EAAA,CACF,CAAC,CACH,EAEAC,EAAM,OAAS,IAAM,CACnBC,EAAA,CACF,EACAD,EAAM,QAAU,IAAM,CACpBV,EAA0B,IAAIK,CAAG,EACjCI,EAAA,CACF,EACAC,EAAM,IAAML,EAERK,EAAM,UAAYA,EAAM,aAAe,GACzCC,EAAA,CAEJ,CAAC,EAED,OAAAZ,GAA4B,IAAIM,EAAKG,CAAW,EACzCA,CACT,EAEMI,GAAuB,CAACC,EAAoB,CAAA,IAChD,QAAQ,WAAWA,EAAQ,IAAKC,GAAWR,GAAoBQ,CAAM,CAAC,CAAC,EAenEC,GAAiCC,GACrCA,EACG,MAAM,KAAK,EACX,OAAO,OAAO,EACd,IAAKC,GAAUA,EAAM,MAAM,GAAG,EAAE,IAAA,GAASA,CAAK,EAE7CC,EAA0BC,GAAkB,CAChD,MAAMC,EAAaD,EAAM,KAAA,EAAO,YAAA,EAChC,GAAI,CAACC,EAAY,OAAO,KACxB,MAAMC,EAAUD,EAAW,MAAM,8BAA8B,EAC/D,OAAKC,EACE,GAAGA,EAAQ,CAAC,CAAC,GAAGA,EAAQ,CAAC,EAAE,YAAA,CAAa,GAD1B,IAEvB,EAEMC,EAA0CN,GAAsB,CACpE,GAAI,CAACA,EAAU,KAAA,EAAQ,OAAO,KAC9B,MAAMO,EAAmBR,GAA8BC,CAAS,EAChE,GACEO,EAAiB,SAAS,UAAU,GACpCA,EAAiB,SAAS,OAAO,GACjCA,EAAiB,SAAS,cAAc,GACxCA,EAAiB,SAAS,WAAW,EAErC,MAAO,SAET,GACEA,EAAiB,SAAS,OAAO,GACjCA,EAAiB,SAAS,WAAW,EAErC,MAAO,SAET,GACEA,EAAiB,SAAS,OAAO,GACjCA,EAAiB,SAAS,WAAW,EAErC,MAAO,SAET,MAAMC,EAAiBD,EAAiB,KAAMN,GAC5C,2CAA2C,KAAKA,CAAK,CAAA,EAEvD,GAAI,CAACO,EAAgB,OAAO,KAC5B,MAAMH,EAAUG,EAAe,MAC7B,4CAAA,EAEF,OAAKH,EACE,GAAGA,EAAQ,CAAC,CAAC,GAAGA,EAAQ,CAAC,EAAE,YAAA,CAAa,GAD1B,IAEvB,EAEMI,OAAgC,IAAI,CACxC,OACA,OACA,OACA,SACA,QACA,WACA,OACF,CAAC,EAEKC,GAA8BC,GAClC,CAACF,GAA0B,IAAIE,EAAQ,QAAQ,aAAa,EAExDC,GAAkCC,GACtC,MAAM,KAAKA,EAAK,UAAU,EAAE,KACzBC,GACCA,EAAK,WAAa,KAAK,cACvBJ,GAA2BI,CAAmB,CAClD,GAAK,KAEDC,GAAqCF,GAAqB,CAC9D,MAAMG,EAAuB,CAAA,EAC7B,IAAIC,EAAUL,GAA+BC,CAAI,EAEjD,KAAOI,GAAS,CACdD,EAAM,KAAKC,CAAO,EAElB,MAAMC,EAAgB,MAAM,KAAKD,EAAQ,QAAQ,EAAE,OAChDN,GAAoCD,GAA2BC,CAAO,CAAA,EAGzE,GAAIO,EAAc,SAAW,EAC3B,MAGFD,EAAUC,EAAc,CAAC,CAC3B,CAEA,OAAOF,CACT,EAEMG,GAAoCR,GAAyB,CACjE,MAAMS,EAAkBT,EAAQ,aAAa,QAAQ,EAC/CU,EAAqBD,EACvBlB,EAAuBkB,CAAe,EACtC,KAEJ,GAAIC,EACF,OAAOA,EAGT,MAAMC,EACJX,EAAQ,aAAa,OAAO,GAAG,MAAM,yBAAyB,IAAI,CAAC,GACnE,KACIY,EAAsBD,EACxBpB,EAAuBoB,CAAgB,EACvC,KAEJ,OAAIC,GAIGjB,EACLK,EAAQ,aAAa,OAAO,GAAK,EAAA,CAErC,EAEMa,GAA2BrB,GAC/BA,IAAU,SACVA,IAAU,UACVA,IAAU,UACVA,IAAU,SAENsB,GAA+BZ,GAAqB,CACxD,MAAMa,EAAsBX,GAAkCF,CAAI,EAClE,IAAIc,EAAmC,KACnCC,EAAwB,GAE5B,OAAAF,EAAoB,QAASf,GAAY,CACvC,MAAMkB,EAAwBV,GAAiCR,CAAO,EAElE,CAACgB,GAAqBE,IACxBF,EAAoBE,GAGlBL,GAAwBK,CAAqB,IAC/CD,EAAwB,GAE5B,CAAC,EAEM,CACL,kBAAAD,EACA,sBAAAC,CAAA,CAEJ,EAEME,GAAmC5C,GAAiB,CACxD,MAAMkB,EAAalB,EAAK,KAAA,EAExB,GAAI,CAACkB,EACH,MAAO,CACL,kBAAmB,KACnB,sBAAuB,EAAA,EAK3B,MAAM2B,EADY3B,EAAW,MAAM,iCAAiC,IAC1C,CAAC,GAAK,GAC1BgB,EAAkBW,EAAM,MAAM,kCAAkC,IAAI,CAAC,EAErET,EADiBS,EAAM,MAAM,iCAAiC,IAAI,CAAC,GAChC,MACvC,yBAAA,IACE,CAAC,EACCC,EAAiBD,EAAM,MAAM,iCAAiC,IAAI,CAAC,EACnEJ,GACHP,EAAkBlB,EAAuBkB,CAAe,EAAI,QAC5DE,EAAmBpB,EAAuBoB,CAAgB,EAAI,QAC9DU,EACG1B,EAAuC0B,CAAc,EACrD,MAEN,MAAO,CACL,kBAAAL,EACA,sBAAuBH,GAAwBG,CAAiB,CAAA,CAEpE,EAEMM,GAAuC/C,GAAiB,CAC5D,MAAMkB,EAAalB,EAAK,KAAA,EAExB,GAAI,CAACkB,EACH,MAAO,CACL,kBAAmB,KACnB,sBAAuB,EAAA,EAI3B,GAAI,OAAO,SAAa,IACtB,OAAO0B,GAAgC1B,CAAU,EAGnD,MAAM8B,EAAW,SAAS,cAAc,UAAU,EAClD,OAAAA,EAAS,UAAY9B,EAEdqB,GAA4BS,EAAS,OAAO,CACrD,EAEMC,GAAgCnC,GACpCA,EACG,MAAM,KAAK,EACX,OAAO,OAAO,EACd,IAAKC,GAAU,CACd,MAAMmC,EAAWnC,EAAM,MAAM,GAAG,EAChC,OACEmC,EAASA,EAAS,OAAS,CAAC,IAAM,YAClCA,EAASA,EAAS,OAAS,CAAC,IAAM,eAE3BnC,GAETmC,EAASA,EAAS,OAAS,CAAC,EAAI,SACzBA,EAAS,KAAK,GAAG,EAC1B,CAAC,EACA,KAAK,GAAG,EAEPC,GAAuC,CAC3CnD,EACAoD,IAEI,CAACA,GAAW,CAACpD,EAAK,OACbA,EAGFA,EAAK,QACV,qCACA,CAACE,EAAOmD,EAAkBR,EAAQ,KAAO,CACvC,MAAMS,EAAaT,EAAM,MAAM,iCAAiC,EAEhE,GAAI,CAACS,EACH,OAAOpD,EAGT,MAAMqD,EAAgBN,GAA6BK,EAAW,CAAC,CAAC,EAEhE,OAAIC,IAAkBD,EAAW,CAAC,EACzBpD,EAGF,GAAGmD,CAAQ,GAAGR,EAAM,QACzBS,EAAW,CAAC,EACZ,SAASA,EAAW,CAAC,CAAC,GAAGC,CAAa,GAAGD,EAAW,CAAC,CAAC,EAAA,CACvD,GACH,CAAA,EAIEE,GAA8C,CAAC,CACnD,QAAAC,EACA,KAAAC,EACA,UAAA5C,EACA,YAAA6C,EACA,iBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,eAAAC,EAAiB,GACjB,KAAAC,EAAO,UACP,gCAAAC,EAAkC,EACpC,IAAM,CACJ,MAAMC,GAAeC,EAAAA,OAAuB,IAAI,EAC1CC,EAAYD,EAAAA,OAA0B,IAAI,EAC1CE,EAAUF,EAAAA,OAAoB,IAAI,EAClCG,GAASH,EAAAA,OAAwB,IAAI,EACrCI,EAAkBJ,EAAAA,OAAmB,IAAM,CAAC,CAAC,EAC7C,CAACK,GAAQC,EAAS,EAAIC,EAAAA,SAAS,GAAG,EAClCC,GAAgCR,EAAAA,OAAO,CAAC,EACxC,CAACS,GAAYC,EAAa,EAAIH,EAAAA,SAAS,CAAC,EACxC,CAACI,GAAcC,EAAe,EAAIL,EAAAA,SAAS,EAAK,EAChD,EAAGM,CAAuB,EAAIN,EAAAA,SAAS,EAAI,EAC3CO,GAA4BvB,IAAS,UAErCwB,EAAmBlB,IAAS,aAC5BmB,EAAchB,EAAAA,OAAe,EAAE,EAC/BiB,EAAcC,EAAM,QAAQ,IAAM,CAGtC,MAAMC,EAFWC,GAAAA,qBAAqB9B,CAAO,EAEZ,OAAQ+B,GAAQA,EAAI,OAAS,SAAS,EAKvE,OAHExB,IAAS,aACLsB,EAAgBA,EAAgB,OAAS,CAAC,GAAG,OAAS,GACtDA,EAAgB,IAAKE,GAAQA,EAAI,KAAK,EAAE,KAAK;AAAA,CAAI,IAC9B,EAC3B,EAAG,CAAC/B,EAASO,CAAI,CAAC,EACZyB,EAAwBJ,EAAM,QAClC,IACElC,GACEiC,EACAnB,CAAA,EAEJ,CAACmB,EAAanB,CAA+B,CAAA,EAEzCyB,EAAuBL,EAAM,QACjC,IAAMtF,GAA4B0F,CAAqB,EACvD,CAACA,CAAqB,CAAA,EAElBE,GAAiBN,EAAM,QAC3B,IAAMtC,GAAoCqC,CAAW,EACrD,CAACA,CAAW,CAAA,EAERQ,GAA0BP,EAAM,QACpC,IACEpB,GAAmC0B,GAAe,sBACpD,CAACA,GAAe,sBAAuB1B,CAA+B,CAAA,EAElE,CAAC4B,EAAmBC,CAAoB,EAAIpB,EAAAA,SAChDe,CAAA,EAEIM,GAAsB5B,EAAAA,OAAOsB,CAAqB,EAClDO,EAAiB7B,EAAAA,OAAOsB,CAAqB,EAC7CQ,EAAsB9B,EAAAA,OAAsB,IAAI,EAChD+B,EAAuB/B,EAAAA,OAAsB,IAAI,EACjDgC,EAA6BhC,EAAAA,OAAsB,IAAI,EACvDiC,EAA2BjC,EAAAA,OAAO,CAAC,EAEnCkC,EAAyBC,cAAaC,GAAsB,CAChE,GAAI,OAAO,OAAW,IACpB,OAEF,MAAMC,EAAM,KAAK,IAAA,EAEfA,EAAM7B,GAA8B,QACpChF,KAIFgF,GAA8B,QAAU6B,EACxC,OAAO,YACL,CACE,OAAQC,GAAAA,mCACR,KAAMC,GAAAA,iCACN,UAAAH,CAAA,EAEF,OAAO,SAAS,MAAA,EAEpB,EAAG,CAAA,CAAE,EAECI,GAA2B,IAAM,CACjCV,EAAoB,UAAY,OACpC,OAAO,aAAaA,EAAoB,OAAO,EAC/CA,EAAoB,QAAU,KAChC,EAEMW,GAA0B,IAAM,CAChCV,EAAqB,UAAY,OACnC,OAAO,qBAAqBA,EAAqB,OAAO,EACxDA,EAAqB,QAAU,MAE7BC,EAA2B,UAAY,OACzC,OAAO,qBAAqBA,EAA2B,OAAO,EAC9DA,EAA2B,QAAU,KAEzC,EAEAU,EAAAA,UACE,IAAM,IAAM,CACVF,GAAA,EACAC,GAAA,CACF,EACA,CAAA,CAAC,EAGHC,EAAAA,UAAU,IAAM,CACTnG,GAAqBgF,CAAoB,CAChD,EAAG,CAACA,CAAoB,CAAC,EAEzBmB,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAmBf,GAAoB,QAC7CA,GAAoB,QAAUN,EAE9B,MAAMsB,EACJ,CAAC,CAACD,GACFrB,EAAsB,OAASqB,EAAiB,QAChDrB,EAAsB,WAAWqB,CAAgB,EAC7CE,EAAwBvH,GAA2B,KACvDgG,CAAA,EAEIwB,EACJF,GACAC,GACAtB,EAAqB,KAClB9E,GAAW,CAACd,EAA0B,IAAIc,CAAM,CAAA,EAE/CsG,EAAoBH,GAAsBC,EAKhD,GAHAhB,EAAe,QAAUP,EACzBkB,GAAA,EAEIM,EAAwB,CAC1B,MAAME,EAAYf,EAAyB,QAAU,EACrDA,EAAyB,QAAUe,EAE9BzG,GAAqBgF,CAAoB,EAAE,KAAK,IAAM,CACrDU,EAAyB,UAAYe,GAIzCrB,EAAqBE,EAAe,OAAO,CAC7C,CAAC,EACD,MACF,CAEA,GAAI,CAACkB,EAAmB,CACtBpB,EAAqBL,CAAqB,EAC1C,MACF,CAEAQ,EAAoB,QAAU,OAAO,WAAW,IAAM,CACpDH,EAAqBE,EAAe,OAAO,EAC3CC,EAAoB,QAAU,IAChC,EAAGvG,EAA6B,CAClC,EAAG,CAACgG,EAAsBD,CAAqB,CAAC,EAEhD,MAAM2B,GAAwB/B,EAAM,QAClC,IACEtC,GAAoC8C,CAAiB,EAAE,kBACzD,CAACA,CAAiB,CAAA,EAEdwB,GAAkB,EAAQD,GAC1BE,EACJpC,GAAoBxB,IAAS,UACzBkC,GACE,OACCwB,IAAyB,GAAG5C,EAAM,KACrC,OAENqC,EAAAA,UAAU,IAAM,CACd,GAAI7C,IAAS,aAAc,CACzBmB,EAAY,QAAUM,EACtB,MACF,CACA,MAAM8B,EAAOpC,EAAY,QAErB,EADmBoC,GAAQ9B,EAAsB,WAAW8B,CAAI,IAC7CA,GACrB1C,GAAe9D,GAAUA,EAAQ,CAAC,EAEpCoE,EAAY,QAAUM,CACxB,EAAG,CAACzB,EAAMyB,CAAqB,CAAC,EAEhCoB,EAAAA,UAAU,IAAM,CACd,MAAMW,EAASpD,EAAU,QACzB,GAAI,CAACoD,EAAQ,OAEb,MAAMC,EAAMD,EAAO,gBACnB,GAAI,CAACC,EAAK,OAEVA,EAAI,KAAA,EACJA,EAAI,MAAM;AAAA,OACPzD,IAAS,aAAe,yBAA2B,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAcpD,EACJyD,EAAI,MAAA,EAGJA,EAAI,gBAAgB,aAAa,aAAc,OAAO,EACtDA,EAAI,gBAAgB,MAAM,YAAc,QACxCA,EAAI,MAAM,MAAM,YAAY,eAAgB,OAAO,EAEnDnD,GAAO,QAAUmD,EAEjB,MAAMC,EACJxC,GAAoBxB,IAAS,UACzBiE,EAA2B,IAC/BtB,EAAuB,aAAa,EAChCuB,EAAyB,IAAMvB,EAAuB,WAAW,EACjEwB,EAA0B,IAAMxB,EAAuB,YAAY,EAErEqB,IACFD,EAAI,iBAAiB,cAAeE,EAA0B,EAAI,EAClEF,EAAI,iBAAiB,YAAaG,EAAwB,EAAI,EAC9DH,EAAI,iBAAiB,aAAcI,EAAyB,EAAI,GAGlE,MAAMC,EAASL,EAAI,eAAe,MAAM,EACxC,GAAI,CAACK,EAAQ,OAEb,MAAMnG,GAAOoG,GAAAA,WAAWD,CAAM,EAC9BzD,EAAQ,QAAU1C,GAClB,IAAIqG,EAAc,GAElB,MAAMC,EAAsB,CAC1BhH,EACAiH,IACG,CACH,MAAMhH,EAAaD,EAAM,KAAA,EAAO,YAAA,EAChC,GAAI,CAACC,EAAY,OAAO,KACxB,MAAMiH,EAAU,OAAO,WAAWjH,CAAU,EAC5C,OAAI,OAAO,MAAMiH,CAAO,EAAU,KAC9B,qBAAqB,KAAKjH,CAAU,EAC9BiH,EAAU,IAAOD,EAEvBhH,EAAW,SAAS,IAAI,GAAK,YAAY,KAAKA,CAAU,EACnDiH,EAEF,IACT,EACMC,GAA2B,CAC/BtH,EACAoH,IACG,CACH,GAAI,CAACpH,EAAU,KAAA,EAAQ,OAAO,KAC9B,MAAM2B,EACJrB,EAAuCN,CAAS,EAClD,GAAI2B,EACF,OAAOwF,EAAoBxF,EAAmByF,CAAoB,EAGpE,MAAM5G,EADmBT,GAA8BC,CAAS,EACxB,KAAMC,GAC5C,qBAAqB,KAAKA,CAAK,CAAA,EAEjC,GAAI,CAACO,EAAgB,OAAO,KAC5B,MAAMH,EAAUG,EAAe,MAAM,sBAAsB,EAC3D,GAAI,CAACH,EAAS,OAAO,KACrB,MAAMgH,EAAU,OAAO,WAAWhH,EAAQ,CAAC,CAAC,EAC5C,OAAI,OAAO,MAAMgH,CAAO,EAAU,KAC3BA,CACT,EAEME,GAAwB,IAAM,CAClC,GAAI,CAACjE,EAAU,SAAW,CAACqD,EAAI,KAAM,OAAO,KAC5C,MAAMS,EACJ9D,EAAU,QAAQ,eAAe,iBAAiB,cAClD,OAAO,YACH,CAAE,kBAAA3B,CAAA,EAAsBF,GAA4BkF,EAAI,IAAI,EAC5Da,EAAS7F,EACXwF,EAAoBxF,EAAmByF,CAAoB,EAC3D,KAEJ,GAAII,IAAW,KACb,OAAO,KAAK,KAAKA,CAAM,EAMzB,MAAMC,EAHUd,EAAI,KAAK,cACvB,kBAAA,GAEsB,cACtB,wBAAA,EAGF,GAAI,CAACc,EAAQ,OAAO,KAEpB,MAAMC,EAAcD,EAAO,MAAM,QAAUA,EAAO,aAAa,QAAQ,EACjEE,EAAsBD,EACxBP,EAAoBO,EAAaN,CAAoB,EACrD,KAEJ,GAAIO,IAAwB,KAC1B,OAAO,KAAK,KAAKA,CAAmB,EAGtC,MAAMC,EAAcN,GAClBG,EAAO,aAAa,OAAO,GAAK,GAChCL,CAAA,EAGF,OAAOQ,IAAgB,KAAO,KAAK,KAAKA,CAAW,EAAI,IACzD,EAEMC,EAAe,IAAM,CACzB,GAAI,CAACvE,EAAU,SAAW,CAACqD,EAAI,KAAM,OACrC,MAAMmB,EAAWnB,EAAI,KAAK,sBAAA,EACpBoB,EAAWpB,EAAI,iBAAiB,sBAAA,EAChCqB,EAAaF,EAAS,OACtBG,EAAaF,GAAU,QAAU,EACjCG,EAAgB,KAAK,IAAIF,EAAYC,CAAU,EAC/CE,EAAiBZ,GAAA,EACjBa,EAAa,KAAK,IACtB,IACAD,GAAkB,KAAK,KAAKD,CAAa,CAAA,EAE3CvE,GAAUyE,CAAU,CACtB,EACMC,EAAuB,IAAM,CACjC,sBAAsB,IAAM,CACtBnB,GACJW,EAAA,CACF,CAAC,CACH,EACApE,EAAgB,QAAU4E,EAE1BR,EAAA,EACAQ,EAAA,EAEKlE,GAIH7F,GAAA,EACG,KAAMG,GAAW,CACZyI,IACJzI,EAAOkI,CAAG,EACV,sBAAsB,IAAM,CACtBO,IACJhD,EAAwB,EAAI,EAC5BmE,EAAA,EACF,CAAC,EACH,CAAC,EACA,MAAM,IAAM,CACPnB,IACJhD,EAAwB,EAAI,EAC5BmE,EAAA,EACF,CAAC,EAjBHnE,EAAwB,EAAI,EAoB9B,MAAMoE,EAAiB,IAAI,eAAe,IAAMT,GAAc,EAC9D,OAAAS,EAAe,QAAQ3B,EAAI,IAAI,EAC3BK,GACFsB,EAAe,QAAQtB,CAAM,EAGxB,IAAM,CACXE,EAAc,GACdoB,EAAe,WAAA,EACX1B,IACFD,EAAI,oBAAoB,cAAeE,EAA0B,EAAI,EACrEF,EAAI,oBAAoB,YAAaG,EAAwB,EAAI,EACjEH,EAAI,oBAAoB,aAAcI,EAAyB,EAAI,GAGrE,WAAW,IAAM,CACflG,GAAK,QAAA,EACL0C,EAAQ,QAAU,KAClBC,GAAO,QAAU,KACjBC,EAAgB,QAAU,IAAM,CAAC,CACnC,EAAG,CAAC,CACN,CACF,EAAG,CAAA,CAAE,EAELsC,EAAAA,UAAU,IAAM,CACd,MAAMwC,EAAqB,IAAM,CAC/BtE,GAAgB,EAAQ,SAAS,iBAAkB,CACrD,EACA,gBAAS,iBAAiB,mBAAoBsE,CAAkB,EACzD,IACL,SAAS,oBAAoB,mBAAoBA,CAAkB,CACvE,EAAG,CAAA,CAAE,EAEL,MAAMC,GAAmB,IAAM,CAC7B,MAAMf,EAASrE,GAAa,SAAWE,EAAU,QACjD,GAAKmE,EACL,IAAI,SAAS,kBAAmB,CAC9B,SAAS,iBAAiB,MAAM,IAAM,CAAC,CAAC,EACxC,MACF,CACIA,EAAO,mBACTA,EAAO,oBAAoB,MAAM,IAAM,CAAC,CAAC,EAE7C,EAEA1B,EAAAA,UAAU,IAAM,CACd,MAAMlF,EAAO0C,EAAQ,QAChB1C,IAELA,EAAK,OACH4H,EAAAA,kBAAAA,IAACC,GAAAA,QAAA,CACC,KAAM3D,EACN,YAAAlC,EACA,iBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,eAAAC,EACA,WAAAa,GACA,gBAAAyC,GACA,KAAArD,EACA,kBAAmB4B,EAAA,CAAA,CACrB,EAGFM,EAAqB,QAAU,OAAO,sBAAsB,IAAM,CAChE3B,EAAgB,UAAA,EAChB2B,EAAqB,QAAU,IACjC,CAAC,EACH,EAAG,CACDL,EACAlC,EACAC,EACAC,EACAC,EACAc,GACAZ,CAAA,CACD,EACD,MAAMyF,GAAqB,CACzB,gDACAvE,EACI,qCACA,gEAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EAIX,OACEwE,EAAAA,kBAAAA,KAAC,MAAA,CACC,IAAKxF,GACL,eAAcmD,GAAkB,OAAS,QACzC,UAAWoC,GACX,MACEnC,EACI,CACE,OAAQA,EACR,UAAWA,CAAA,EAEb,OAGL,SAAA,CAAA,CAACvD,GACAwF,EAAAA,kBAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASD,GACT,UACE,qFAGD,SAAAxE,GAAe,OAAShB,GAAwB,MAAA,CAAA,EAGpDE,IAAS,cAAgBN,IAAS,WACjC6F,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAa,IAAMlD,EAAuB,WAAW,EACrD,cAAe,IAAMA,EAAuB,aAAa,EACzD,aAAc,IAAMA,EAAuB,YAAY,EAEvD,SAAAkD,EAAAA,kBAAAA,IAACI,YAAc,QAAAlG,CAAA,CAAkB,CAAA,CAAA,EAGnCiG,EAAAA,kBAAAA,KAAAE,6BAAA,CACG,SAAA,CAcG,KACJL,EAAAA,kBAAAA,IAAC,SAAA,CACC,IAAKnF,EACL,QAAQ,8EACR,MAAM,aACN,gBAAe,GACf,UAAW,CAACtD,EAAW,qCAAqC,EACzD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAO,CACL,OAAQwG,GAAyB,OACjC,UAAWA,EACX,OAAQ,OACR,WAAY,SAAA,CACd,CAAA,EASE,IAAA,CAAA,CACN,CAAA,CAAA,CAAA,CAIR"}
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 { Loader2 } from \"lucide-react\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\nimport {\n SANDBOX_INTERACTION_MESSAGE_SOURCE,\n SANDBOX_INTERACTION_MESSAGE_TYPE,\n} from \"../../lib/sandboxInteraction\";\n\ntype InjectBlackboardLibraries =\n typeof import(\"./blackboard-vendor\").injectBlackboardLibraries;\n\n// Cache the sandbox vendor loader so every iframe reuses the same preload request.\nlet blackboardVendorPromise: Promise<InjectBlackboardLibraries> \| null = null;\n\nconst loadBlackboardVendor = () => {\n if (!blackboardVendorPromise) {\n blackboardVendorPromise = import(\"./blackboard-vendor\").then(\n (m) => m.injectBlackboardLibraries\n );\n }\n\n return blackboardVendorPromise;\n};\n\nif (typeof window !== \"undefined\") {\n // Warm sandbox vendor in browser so the first iframe render can start sooner.\n void loadBlackboardVendor();\n}\n\nconst loadBlackboardVendorOnDemandWithMetrics = () => {\n const loadStart = performance.now();\n const startedAt = new Date().toISOString();\n console.log(\"[IframeSandbox][SandboxLoad] start\", { startedAt });\n\n return loadBlackboardVendor()\n .then((inject) => {\n console.log(\"[IframeSandbox][SandboxLoad] done\", {\n startedAt,\n endedAt: new Date().toISOString(),\n durationMs: Number((performance.now() - loadStart).toFixed(2)),\n });\n return inject;\n })\n .catch((error) => {\n console.error(\"[IframeSandbox][SandboxLoad] failed\", {\n startedAt,\n endedAt: new Date().toISOString(),\n durationMs: Number((performance.now() - loadStart).toFixed(2)),\n error,\n });\n throw error;\n });\n};\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\nconst COMPLETE_IMAGE_SOURCE_PATTERN =\n /<img\\b[^>]\\bsrc\\s=\\s[\"']([^\"']+)[\"'][^>]>/gi;\nconst SANDBOX_IMAGE_PRELOAD_CACHE = new Map<string, Promise<void>>();\nconst SANDBOX_IMAGE_READY_CACHE = new Set<string>();\n\nconst extractCompleteImageSources = (html: string) => {\n const matches = Array.from(html.matchAll(COMPLETE_IMAGE_SOURCE_PATTERN));\n return Array.from(\n new Set(\n matches\n .map((match) => match[1]?.trim())\n .filter((src): src is string => Boolean(src))\n )\n );\n};\n\nconst preloadSandboxImage = (src: string) => {\n if (!src) {\n return Promise.resolve();\n }\n\n const cached = SANDBOX_IMAGE_PRELOAD_CACHE.get(src);\n if (cached) {\n return cached;\n }\n\n const nextPromise = new Promise<void>((resolve) => {\n if (typeof window === \"undefined\") {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n return;\n }\n\n const image = new window.Image();\n image.decoding = \"sync\";\n image.loading = \"eager\";\n image.fetchPriority = \"high\";\n\n const settleWhenRenderable = () => {\n const decodePromise =\n typeof image.decode === \"function\"\n ? image.decode().catch(() => undefined)\n : Promise.resolve();\n\n void decodePromise.finally(() => {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n });\n };\n\n image.onload = () => {\n settleWhenRenderable();\n };\n image.onerror = () => {\n SANDBOX_IMAGE_READY_CACHE.add(src);\n resolve();\n };\n image.src = src;\n\n if (image.complete && image.naturalWidth > 0) {\n settleWhenRenderable();\n }\n });\n\n SANDBOX_IMAGE_PRELOAD_CACHE.set(src, nextPromise);\n return nextPromise;\n};\n\nconst preloadSandboxImages = (sources: string[] = []) =>\n Promise.allSettled(sources.map((source) => preloadSandboxImage(source)));\n\nexport interface IframeSandboxProps {\n content: string;\n className?: string;\n loadingText?: string;\n styleLoadingText?: string;\n scriptLoadingText?: string;\n fullScreenButtonText?: string;\n hideFullScreen?: boolean;\n mode?: \"content\" \| \"blackboard\";\n type: \"sandbox\" \| \"markdown\";\n replaceRootScreenHeightWithFull?: boolean;\n}\n\nconst normalizeTailwindHeightTokens = (className: string) =>\n className\n .split(/\\s+/)\n .filter(Boolean)\n .map((token) => token.split(\":\").pop() \|\| token);\n\nconst parseViewportHeightCss = (value: string) => {\n const normalized = value.trim().toLowerCase();\n if (!normalized) return null;\n const matched = normalized.match(/^([0-9.]+)(vh\|dvh\|svh\|lvh)$/i);\n if (!matched) return null;\n return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractViewportHeightFromTailwindClass = (className: string) => {\n if (!className.trim()) return null;\n const normalizedTokens = normalizeTailwindHeightTokens(className);\n if (\n normalizedTokens.includes(\"h-screen\") \|\|\n normalizedTokens.includes(\"h-dvh\") \|\|\n normalizedTokens.includes(\"min-h-screen\") \|\|\n normalizedTokens.includes(\"min-h-dvh\")\n ) {\n return \"100dvh\";\n }\n if (\n normalizedTokens.includes(\"h-svh\") \|\|\n normalizedTokens.includes(\"min-h-svh\")\n ) {\n return \"100svh\";\n }\n if (\n normalizedTokens.includes(\"h-lvh\") \|\|\n normalizedTokens.includes(\"min-h-lvh\")\n ) {\n return \"100lvh\";\n }\n const arbitraryToken = normalizedTokens.find((token) =>\n /^(h\|min-h)-\\[[0-9.]+(vh\|dvh\|svh\|lvh)\\]$/i.test(token)\n );\n if (!arbitraryToken) return null;\n const matched = arbitraryToken.match(\n /^(h\|min-h)-\\[([0-9.]+)(vh\|dvh\|svh\|lvh)\\]$/i\n );\n if (!matched) return null;\n return `${matched[2]}${matched[3].toLowerCase()}`;\n};\n\nconst SANDBOX_IGNORED_TAG_NAMES = new Set([\n \"base\",\n \"link\",\n \"meta\",\n \"script\",\n \"style\",\n \"template\",\n \"title\",\n]);\n\nconst isSandboxRenderableElement = (element: Element) =>\n !SANDBOX_IGNORED_TAG_NAMES.has(element.tagName.toLowerCase());\n\nconst getFirstRenderableElementChild = (root: ParentNode) =>\n Array.from(root.childNodes).find(\n (node): node is HTMLElement =>\n node.nodeType === Node.ELEMENT_NODE &&\n isSandboxRenderableElement(node as HTMLElement)\n ) \|\| null;\n\nconst getInspectableSandboxElementChain = (root: ParentNode) => {\n const chain: HTMLElement[] = [];\n let current = getFirstRenderableElementChild(root);\n\n while (current) {\n chain.push(current);\n\n const childElements = Array.from(current.children).filter(\n (element): element is HTMLElement => isSandboxRenderableElement(element)\n );\n\n if (childElements.length !== 1) {\n break;\n }\n\n current = childElements[0];\n }\n\n return chain;\n};\n\nconst extractViewportHeightFromElement = (element: HTMLElement) => {\n const heightAttrValue = element.getAttribute(\"height\");\n const attrViewportHeight = heightAttrValue\n ? parseViewportHeightCss(heightAttrValue)\n : null;\n\n if (attrViewportHeight) {\n return attrViewportHeight;\n }\n\n const styleHeightValue =\n element.getAttribute(\"style\")?.match(/\\bheight\\s:\\s([^;]+)/i)?.[1] \|\|\n null;\n const styleViewportHeight = styleHeightValue\n ? parseViewportHeightCss(styleHeightValue)\n : null;\n\n if (styleViewportHeight) {\n return styleViewportHeight;\n }\n\n return extractViewportHeightFromTailwindClass(\n element.getAttribute(\"class\") \|\| \"\"\n );\n};\n\nconst isFullViewportHeightCss = (value: string \| null) =>\n value === \"100vh\" \|\|\n value === \"100dvh\" \|\|\n value === \"100svh\" \|\|\n value === \"100lvh\";\n\nconst inspectSandboxPrimaryHeight = (root: ParentNode) => {\n const inspectableElements = getInspectableSandboxElementChain(root);\n let viewportHeightCss: string \| null = null;\n let hasFullViewportHeight = false;\n\n inspectableElements.forEach((element) => {\n const elementViewportHeight = extractViewportHeightFromElement(element);\n\n if (!viewportHeightCss && elementViewportHeight) {\n viewportHeightCss = elementViewportHeight;\n }\n\n if (isFullViewportHeightCss(elementViewportHeight)) {\n hasFullViewportHeight = true;\n }\n });\n\n return {\n viewportHeightCss,\n hasFullViewportHeight,\n };\n};\n\nconst inspectRootHeightFromHtmlString = (html: string) => {\n const normalized = html.trim();\n\n if (!normalized) {\n return {\n viewportHeightCss: null,\n hasFullViewportHeight: false,\n };\n }\n\n const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-])(\\s[^>]?)?>/);\n const attrs = rootMatch?.[2] \|\| \"\";\n const heightAttrValue = attrs.match(/\\bheight\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const styleAttrValue = attrs.match(/\\bstyle\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const styleHeightValue = styleAttrValue?.match(\n /\\bheight\\s:\\s([^;]+)/i\n )?.[1];\n const classAttrValue = attrs.match(/\\bclass\\s=\\s[\"']([^\"']+)[\"']/i)?.[1];\n const viewportHeightCss =\n (heightAttrValue ? parseViewportHeightCss(heightAttrValue) : null) \|\|\n (styleHeightValue ? parseViewportHeightCss(styleHeightValue) : null) \|\|\n (classAttrValue\n ? extractViewportHeightFromTailwindClass(classAttrValue)\n : null);\n\n return {\n viewportHeightCss,\n hasFullViewportHeight: isFullViewportHeightCss(viewportHeightCss),\n };\n};\n\nconst inspectSandboxPrimaryHeightFromHtml = (html: string) => {\n const normalized = html.trim();\n\n if (!normalized) {\n return {\n viewportHeightCss: null,\n hasFullViewportHeight: false,\n };\n }\n\n if (typeof document === \"undefined\") {\n return inspectRootHeightFromHtmlString(normalized);\n }\n\n const template = document.createElement(\"template\");\n template.innerHTML = normalized;\n\n return inspectSandboxPrimaryHeight(template.content);\n};\n\nconst replaceRootScreenHeightToken = (className: string) =>\n className\n .split(/\\s+/)\n .filter(Boolean)\n .map((token) => {\n const segments = token.split(\":\");\n if (\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 loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\n hideFullScreen = false,\n mode = \"content\",\n replaceRootScreenHeightWithFull = false,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const iframeRef = useRef<HTMLIFrameElement>(null);\n const rootRef = useRef<Root \| null>(null);\n const docRef = useRef<Document \| null>(null);\n const updateHeightRef = useRef<() => void>(() => {});\n const [height, setHeight] = useState(480);\n const lastSandboxInteractionTimeRef = useRef(0);\n const [resetToken, setResetToken] = useState(0);\n const [isFullscreen, setIsFullscreen] = useState(false);\n const [, setIsSandboxVendorReady] = useState(true);\n const shouldInjectSandboxVendor = type === \"sandbox\";\n\n const isBlackboardMode = mode === \"blackboard\";\n const prevHtmlRef = useRef<string>(\"\");\n const htmlContent = React.useMemo(() => {\n const segments = splitContentSegments(content);\n // console.log('segments=====', segments);\n const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n const sandboxContent =\n mode === \"blackboard\"\n ? sandboxSegments[sandboxSegments.length - 1]?.value \|\| \"\"\n : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n return sandboxContent \|\| \"\";\n }, [content, mode]);\n const normalizedHtmlContent = React.useMemo(\n () =>\n replaceRootScreenHeightWithFullClass(\n htmlContent,\n replaceRootScreenHeightWithFull\n ),\n [htmlContent, replaceRootScreenHeightWithFull]\n );\n const completeImageSources = React.useMemo(\n () => extractCompleteImageSources(normalizedHtmlContent),\n [normalizedHtmlContent]\n );\n const htmlHeightMeta = React.useMemo(\n () => inspectSandboxPrimaryHeightFromHtml(htmlContent),\n [htmlContent]\n );\n const shouldStretchRootHeight = React.useMemo(\n () =>\n replaceRootScreenHeightWithFull && htmlHeightMeta.hasFullViewportHeight,\n [htmlHeightMeta.hasFullViewportHeight, replaceRootScreenHeightWithFull]\n );\n const [renderHtmlContent, setRenderHtmlContent] = useState(\n normalizedHtmlContent\n );\n const prevIncomingHtmlRef = useRef(normalizedHtmlContent);\n const pendingHtmlRef = useRef(normalizedHtmlContent);\n const deferRenderTimerRef = useRef<number \| null>(null);\n const initialPaintFrameRef = useRef<number \| null>(null);\n const initialPaintCommitFrameRef = useRef<number \| null>(null);\n const imagePreloadRequestIdRef = useRef(0);\n\n const emitSandboxInteraction = useCallback((eventType: string) => {\n if (typeof window === \"undefined\") {\n return;\n }\n const now = Date.now();\n if (\n now - lastSandboxInteractionTimeRef.current <\n SANDBOX_INTERACTION_THROTTLE_MS\n ) {\n return;\n }\n lastSandboxInteractionTimeRef.current = now;\n window.postMessage(\n {\n source: SANDBOX_INTERACTION_MESSAGE_SOURCE,\n type: SANDBOX_INTERACTION_MESSAGE_TYPE,\n eventType,\n },\n window.location.origin\n );\n }, []);\n\n const clearDeferredRenderTimer = () => {\n if (deferRenderTimerRef.current === null) return;\n window.clearTimeout(deferRenderTimerRef.current);\n deferRenderTimerRef.current = null;\n };\n\n const clearInitialPaintFrames = () => {\n if (initialPaintFrameRef.current !== null) {\n window.cancelAnimationFrame(initialPaintFrameRef.current);\n initialPaintFrameRef.current = null;\n }\n if (initialPaintCommitFrameRef.current !== null) {\n window.cancelAnimationFrame(initialPaintCommitFrameRef.current);\n initialPaintCommitFrameRef.current = null;\n }\n };\n\n useEffect(\n () => () => {\n clearDeferredRenderTimer();\n clearInitialPaintFrames();\n },\n []\n );\n\n useEffect(() => {\n void preloadSandboxImages(completeImageSources);\n }, [completeImageSources]);\n\n useEffect(() => {\n const prevIncomingHtml = prevIncomingHtmlRef.current;\n prevIncomingHtmlRef.current = normalizedHtmlContent;\n\n const isAppendOnlyStream =\n !!prevIncomingHtml &&\n normalizedHtmlContent.length > prevIncomingHtml.length &&\n normalizedHtmlContent.startsWith(prevIncomingHtml);\n const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(\n normalizedHtmlContent\n );\n const hasPendingImagePreload =\n isAppendOnlyStream &&\n containsCompleteImage &&\n completeImageSources.some(\n (source) => !SANDBOX_IMAGE_READY_CACHE.has(source)\n );\n const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n pendingHtmlRef.current = normalizedHtmlContent;\n clearDeferredRenderTimer();\n\n if (hasPendingImagePreload) {\n const requestId = imagePreloadRequestIdRef.current + 1;\n imagePreloadRequestIdRef.current = requestId;\n\n void preloadSandboxImages(completeImageSources).then(() => {\n if (imagePreloadRequestIdRef.current !== requestId) {\n return;\n }\n\n setRenderHtmlContent(pendingHtmlRef.current);\n });\n return;\n }\n\n if (!shouldDeferRender) {\n setRenderHtmlContent(normalizedHtmlContent);\n return;\n }\n\n deferRenderTimerRef.current = window.setTimeout(() => {\n setRenderHtmlContent(pendingHtmlRef.current);\n deferRenderTimerRef.current = null;\n }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n }, [completeImageSources, normalizedHtmlContent]);\n\n const rootViewportHeightCss = React.useMemo(\n () =>\n inspectSandboxPrimaryHeightFromHtml(renderHtmlContent).viewportHeightCss,\n [renderHtmlContent]\n );\n const hasRootVhHeight = Boolean(rootViewportHeightCss);\n const sandboxViewportHeight =\n isBlackboardMode && type === \"sandbox\"\n ? shouldStretchRootHeight\n ? \"100%\"\n : (rootViewportHeightCss ?? `${height}px`)\n : undefined;\n const shouldShowHtmlFallbackWhilePreparingSandbox = false;\n useEffect(() => {\n if (mode !== \"blackboard\") {\n prevHtmlRef.current = normalizedHtmlContent;\n return;\n }\n const prev = prevHtmlRef.current;\n const isContinuation = prev && normalizedHtmlContent.startsWith(prev);\n if (!isContinuation && prev) {\n setResetToken((token) => token + 1);\n }\n prevHtmlRef.current = normalizedHtmlContent;\n }, [mode, normalizedHtmlContent]);\n\n useEffect(() => {\n const iframe = iframeRef.current;\n if (!iframe) return undefined;\n\n const doc = iframe.contentDocument;\n if (!doc) return undefined;\n\n doc.open();\n doc.write(`<!DOCTYPE html>\n<html${mode === \"blackboard\" ? ' style=\"height: 100%;\"' : \"\"}>\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <style>\n :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 docRef.current = doc;\n\n const shouldBridgeSandboxInteraction =\n isBlackboardMode && type === \"sandbox\";\n const handleSandboxPointerDown = () =>\n emitSandboxInteraction(\"pointerdown\");\n const handleSandboxMouseDown = () => emitSandboxInteraction(\"mousedown\");\n const handleSandboxTouchStart = () => emitSandboxInteraction(\"touchstart\");\n\n if (shouldBridgeSandboxInteraction) {\n doc.addEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n doc.addEventListener(\"mousedown\", handleSandboxMouseDown, true);\n doc.addEventListener(\"touchstart\", handleSandboxTouchStart, true);\n }\n\n const rootEl = doc.getElementById(\"root\");\n if (!rootEl) return undefined;\n\n const root = createRoot(rootEl);\n rootRef.current = root;\n let isDestroyed = false;\n\n const parseExplicitHeight = (\n value: string,\n parentViewportHeight: number\n ) => {\n const normalized = value.trim().toLowerCase();\n if (!normalized) return null;\n const numeric = Number.parseFloat(normalized);\n if (Number.isNaN(numeric)) return null;\n if (/(dvh\|svh\|lvh\|vh)$/i.test(normalized)) {\n return (numeric / 100) * parentViewportHeight;\n }\n if (normalized.endsWith(\"px\") \|\| /^[0-9.]+$/.test(normalized)) {\n return numeric;\n }\n return null;\n };\n const parseTailwindHeightClass = (\n className: string,\n parentViewportHeight: number\n ) => {\n if (!className.trim()) return null;\n const viewportHeightCss =\n extractViewportHeightFromTailwindClass(className);\n if (viewportHeightCss) {\n return parseExplicitHeight(viewportHeightCss, parentViewportHeight);\n }\n const normalizedTokens = normalizeTailwindHeightTokens(className);\n const arbitraryToken = normalizedTokens.find((token) =>\n /^h-\\[[0-9.]+px\\]$/i.test(token)\n );\n if (!arbitraryToken) return null;\n const matched = arbitraryToken.match(/^h-\\[([0-9.]+)px\\]$/i);\n if (!matched) return null;\n const numeric = Number.parseFloat(matched[1]);\n if (Number.isNaN(numeric)) return null;\n return numeric;\n };\n\n const resolveExplicitHeight = () => {\n if (!iframeRef.current \|\| !doc.body) return null;\n const parentViewportHeight =\n iframeRef.current.ownerDocument?.documentElement?.clientHeight \|\|\n window.innerHeight;\n const { viewportHeightCss } = inspectSandboxPrimaryHeight(doc.body);\n const parsed = viewportHeightCss\n ? parseExplicitHeight(viewportHeightCss, parentViewportHeight)\n : null;\n\n if (parsed !== null) {\n return Math.ceil(parsed);\n }\n\n const wrapper = doc.body.querySelector(\n \".sandbox-wrapper\"\n ) as HTMLElement \| null;\n const target = wrapper?.querySelector(\n \".sandbox-container > *\"\n ) as HTMLElement \| null;\n\n if (!target) return null;\n\n const heightValue = target.style.height \|\| target.getAttribute(\"height\");\n const explicitPixelHeight = heightValue\n ? parseExplicitHeight(heightValue, parentViewportHeight)\n : null;\n\n if (explicitPixelHeight !== null) {\n return Math.ceil(explicitPixelHeight);\n }\n\n const classHeight = parseTailwindHeightClass(\n target.getAttribute(\"class\") \|\| \"\",\n parentViewportHeight\n );\n\n return classHeight !== null ? Math.ceil(classHeight) : null;\n };\n\n const updateHeight = () => {\n if (!iframeRef.current \|\| !doc.body) return;\n const bodyRect = doc.body.getBoundingClientRect();\n const htmlRect = doc.documentElement?.getBoundingClientRect();\n const bodyHeight = bodyRect.height;\n const htmlHeight = htmlRect?.height \|\| 0;\n const contentHeight = Math.max(bodyHeight, htmlHeight);\n const explicitHeight = resolveExplicitHeight();\n const nextHeight = Math.max(\n 200,\n explicitHeight ?? Math.ceil(contentHeight)\n );\n setHeight(nextHeight);\n };\n const scheduleHeightUpdate = () => {\n requestAnimationFrame(() => {\n if (isDestroyed) return;\n updateHeight();\n });\n };\n updateHeightRef.current = scheduleHeightUpdate;\n\n updateHeight();\n scheduleHeightUpdate();\n\n if (!shouldInjectSandboxVendor) {\n setIsSandboxVendorReady(true);\n } else {\n // Inject Tailwind/DaisyUI/GSAP before rendering sandbox content to avoid FOUC.\n loadBlackboardVendorOnDemandWithMetrics()\n .then((inject) => {\n if (isDestroyed) return;\n inject(doc);\n requestAnimationFrame(() => {\n if (isDestroyed) return;\n setIsSandboxVendorReady(true);\n scheduleHeightUpdate();\n });\n })\n .catch(() => {\n if (isDestroyed) return;\n setIsSandboxVendorReady(true);\n scheduleHeightUpdate();\n });\n }\n\n const resizeObserver = new ResizeObserver(() => updateHeight());\n resizeObserver.observe(doc.body);\n if (rootEl) {\n resizeObserver.observe(rootEl);\n }\n\n return () => {\n isDestroyed = true;\n resizeObserver.disconnect();\n if (shouldBridgeSandboxInteraction) {\n doc.removeEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n doc.removeEventListener(\"mousedown\", handleSandboxMouseDown, true);\n doc.removeEventListener(\"touchstart\", handleSandboxTouchStart, true);\n }\n // Defer unmount to avoid React warning when parent is mid-render\n setTimeout(() => {\n root.unmount();\n rootRef.current = null;\n docRef.current = null;\n updateHeightRef.current = () => {};\n }, 0);\n };\n }, []);\n\n useEffect(() => {\n const onFullscreenChange = () => {\n setIsFullscreen(Boolean(document.fullscreenElement));\n };\n document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n return () =>\n document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n }, []);\n\n const toggleFullscreen = () => {\n const target = containerRef.current \|\| iframeRef.current;\n if (!target) return;\n if (document.fullscreenElement) {\n document.exitFullscreen().catch(() => {});\n return;\n }\n if (target.requestFullscreen) {\n target.requestFullscreen().catch(() => {});\n }\n };\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) return;\n\n root.render(\n <SandboxApp\n html={renderHtmlContent}\n loadingText={loadingText}\n styleLoadingText={styleLoadingText}\n scriptLoadingText={scriptLoadingText}\n fullScreenButtonText={fullScreenButtonText}\n hideFullScreen={hideFullScreen}\n resetToken={resetToken}\n hasRootVhHeight={hasRootVhHeight}\n mode={mode}\n stretchRootHeight={shouldStretchRootHeight}\n />\n );\n\n initialPaintFrameRef.current = window.requestAnimationFrame(() => {\n updateHeightRef.current?.();\n initialPaintFrameRef.current = null;\n });\n }, [\n renderHtmlContent,\n loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\n resetToken,\n mode,\n ]);\n const containerClassName = [\n \"w-full relative content-render-iframe-sandbox\",\n isBlackboardMode\n ? \"h-full overflow-auto flex flex-col\"\n : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n ]\n .filter(Boolean)\n .join(\" \");\n\n const shouldShowSandboxLoading = false;\n\n return (\n <div\n ref={containerRef}\n data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n className={containerClassName}\n style={\n sandboxViewportHeight\n ? {\n height: sandboxViewportHeight,\n minHeight: sandboxViewportHeight,\n }\n : undefined\n }\n >\n {!hideFullScreen && (\n <button\n type=\"button\"\n onClick={toggleFullscreen}\n className={\n \"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer\"\n }\n >\n {isFullscreen ? \"退出全屏\" : fullScreenButtonText \|\| \"全屏浏览\"}\n </button>\n )}\n {mode === \"blackboard\" && type === \"markdown\" ? (\n <div\n onMouseDown={() => emitSandboxInteraction(\"mousedown\")}\n onPointerDown={() => emitSandboxInteraction(\"pointerdown\")}\n onTouchStart={() => emitSandboxInteraction(\"touchstart\")}\n >\n <ContentRender content={content} />\n </div>\n ) : (\n <>\n {shouldShowHtmlFallbackWhilePreparingSandbox ? (\n <div\n aria-hidden\n className=\"absolute inset-0 z-10 overflow-hidden\"\n style={{\n height: sandboxViewportHeight ?? \"100%\",\n minHeight: sandboxViewportHeight,\n }}\n >\n <div\n className=\"h-full w-full\"\n dangerouslySetInnerHTML={{ __html: renderHtmlContent }}\n />\n </div>\n ) : null}\n <iframe\n ref={iframeRef}\n sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n allow=\"fullscreen\"\n allowFullScreen\n className={[className, \"w-full h-full mx-auto my-auto block\"]\n .filter(Boolean)\n .join(\" \")}\n style={{\n height: sandboxViewportHeight ?? \"100%\",\n minHeight: sandboxViewportHeight,\n margin: \"auto\",\n visibility: \"visible\",\n }}\n />\n {shouldShowSandboxLoading ? (\n <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-center\">\n <Loader2\n aria-label={loadingText \|\| \"Preparing sandbox styles\"}\n className=\"text-primary h-7 w-7 animate-spin\"\n />\n </div>\n ) : null}\n </>\n )}\n </div>\n );\n};\n\nexport default IframeSandbox;\n"],"names":["blackboardVendorPromise","loadBlackboardVendor","m","loadBlackboardVendorOnDemandWithMetrics","loadStart","startedAt","inject","error","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_THROTTLE_MS","COMPLETE_IMAGE_SOURCE_PATTERN","SANDBOX_IMAGE_PRELOAD_CACHE","SANDBOX_IMAGE_READY_CACHE","extractCompleteImageSources","html","matches","match","src","preloadSandboxImage","cached","nextPromise","resolve","image","settleWhenRenderable","preloadSandboxImages","sources","source","normalizeTailwindHeightTokens","className","token","parseViewportHeightCss","value","normalized","matched","extractViewportHeightFromTailwindClass","normalizedTokens","arbitraryToken","SANDBOX_IGNORED_TAG_NAMES","isSandboxRenderableElement","element","getFirstRenderableElementChild","root","node","getInspectableSandboxElementChain","chain","current","childElements","extractViewportHeightFromElement","heightAttrValue","attrViewportHeight","styleHeightValue","styleViewportHeight","isFullViewportHeightCss","inspectSandboxPrimaryHeight","inspectableElements","viewportHeightCss","hasFullViewportHeight","elementViewportHeight","inspectRootHeightFromHtmlString","attrs","classAttrValue","inspectSandboxPrimaryHeightFromHtml","template","replaceRootScreenHeightToken","segments","replaceRootScreenHeightWithFullClass","enabled","tagStart","classMatch","nextClassName","IframeSandbox","content","type","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","replaceRootScreenHeightWithFull","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","lastSandboxInteractionTimeRef","resetToken","setResetToken","isFullscreen","setIsFullscreen","setIsSandboxVendorReady","shouldInjectSandboxVendor","isBlackboardMode","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","normalizedHtmlContent","completeImageSources","htmlHeightMeta","shouldStretchRootHeight","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","initialPaintFrameRef","initialPaintCommitFrameRef","imagePreloadRequestIdRef","emitSandboxInteraction","useCallback","eventType","now","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","clearDeferredRenderTimer","clearInitialPaintFrames","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","hasPendingImagePreload","shouldDeferRender","requestId","rootViewportHeightCss","hasRootVhHeight","sandboxViewportHeight","prev","iframe","doc","shouldBridgeSandboxInteraction","handleSandboxPointerDown","handleSandboxMouseDown","handleSandboxTouchStart","rootEl","createRoot","isDestroyed","parseExplicitHeight","parentViewportHeight","numeric","parseTailwindHeightClass","resolveExplicitHeight","parsed","target","heightValue","explicitPixelHeight","classHeight","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","explicitHeight","nextHeight","scheduleHeightUpdate","resizeObserver","onFullscreenChange","toggleFullscreen","jsx","SandboxApp","containerClassName","jsxs","ContentRender","Fragment"],"mappings":"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"}

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

@@ -1,16 +1,18 @@
 import { j as w } from "../../_virtual/jsx-runtime.es.js";
-import C, { useRef as d, useState as F, useCallback as _e, useEffect as S } from "react";
-import { createRoot as Fe } from "react-dom/client";
-import Ve from "./SandboxApp.es.js";
-import { splitContentSegments as Pe } from "./utils/split-content.es.js";
-import Oe from "./ContentRender.es.js";
-import { SANDBOX_INTERACTION_MESSAGE_TYPE as De, SANDBOX_INTERACTION_MESSAGE_SOURCE as ke } from "../../lib/sandboxInteraction.es.js";
+import C, { useRef as d, useState as F, useCallback as Fe, useEffect as S } from "react";
+import { createRoot as Ve } from "react-dom/client";
+import Pe from "./SandboxApp.es.js";
+import { splitContentSegments as Oe } from "./utils/split-content.es.js";
+import De from "./ContentRender.es.js";
+import { SANDBOX_INTERACTION_MESSAGE_TYPE as ke, SANDBOX_INTERACTION_MESSAGE_SOURCE as Le } from "../../lib/sandboxInteraction.es.js";
 let te = null;
-const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
+const be = () => (te || (te = import("./blackboard-vendor.es.js").then(
   (e) => e.injectBlackboardLibraries
-)), te), Be = () => {
+)), te);
+typeof window < "u" && be();
+const Be = () => {
   const e = performance.now(), t = (/* @__PURE__ */ new Date()).toISOString();
-  return console.log("[IframeSandbox][SandboxLoad] start", { startedAt: t }), Le().then((n) => (console.log("[IframeSandbox][SandboxLoad] done", {
+  return console.log("[IframeSandbox][SandboxLoad] start", { startedAt: t }), be().then((n) => (console.log("[IframeSandbox][SandboxLoad] done", {
     startedAt: t,
     endedAt: (/* @__PURE__ */ new Date()).toISOString(),
     durationMs: Number((performance.now() - e).toFixed(2))
@@ -55,14 +57,14 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
     }, o.src = e, o.complete && o.naturalWidth > 0 && l();
   });
   return fe.set(e, n), n;
-}, ge = (e = []) => Promise.allSettled(e.map((t) => Xe(t))), be = (e) => e.split(/\s+/).filter(Boolean).map((t) => t.split(":").pop() || t), j = (e) => {
+}, ge = (e = []) => Promise.allSettled(e.map((t) => Xe(t))), we = (e) => e.split(/\s+/).filter(Boolean).map((t) => t.split(":").pop() || t), j = (e) => {
   const t = e.trim().toLowerCase();
   if (!t) return null;
   const n = t.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);
   return n ? `${n[1]}${n[2].toLowerCase()}` : null;
 }, ne = (e) => {
   if (!e.trim()) return null;
-  const t = be(e);
+  const t = we(e);
   if (t.includes("h-screen") || t.includes("h-dvh") || t.includes("min-h-screen") || t.includes("min-h-dvh"))
     return "100dvh";
   if (t.includes("h-svh") || t.includes("min-h-svh"))
@@ -85,15 +87,15 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
   "style",
   "template",
   "title"
-]), we = (e) => !Ue.has(e.tagName.toLowerCase()), We = (e) => Array.from(e.childNodes).find(
-  (t) => t.nodeType === Node.ELEMENT_NODE && we(t)
+]), ve = (e) => !Ue.has(e.tagName.toLowerCase()), We = (e) => Array.from(e.childNodes).find(
+  (t) => t.nodeType === Node.ELEMENT_NODE && ve(t)
 ) || null, Ye = (e) => {
   const t = [];
   let n = We(e);
   for (; n; ) {
     t.push(n);
     const s = Array.from(n.children).filter(
-      (o) => we(o)
+      (o) => ve(o)
     );
     if (s.length !== 1)
       break;
@@ -108,12 +110,12 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
   return o || ne(
     e.getAttribute("class") || ""
   );
-}, ve = (e) => e === "100vh" || e === "100dvh" || e === "100svh" || e === "100lvh", xe = (e) => {
+}, xe = (e) => e === "100vh" || e === "100dvh" || e === "100svh" || e === "100lvh", Ee = (e) => {
   const t = Ye(e);
   let n = null, s = !1;
   return t.forEach((o) => {
     const l = Ze(o);
-    !n && l && (n = l), ve(l) && (s = !0);
+    !n && l && (n = l), xe(l) && (s = !0);
   }), {
     viewportHeightCss: n,
     hasFullViewportHeight: s
@@ -130,7 +132,7 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
   )?.[1], R = s.match(/\bclass\s*=\s*["']([^"']+)["']/i)?.[1], h = (o ? j(o) : null) || (m ? j(m) : null) || (R ? ne(R) : null);
   return {
     viewportHeightCss: h,
-    hasFullViewportHeight: ve(h)
+    hasFullViewportHeight: xe(h)
   };
 }, pe = (e) => {
   const t = e.trim();
@@ -142,7 +144,7 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
   if (typeof document > "u")
     return Je(t);
   const n = document.createElement("template");
-  return n.innerHTML = t, xe(n.content);
+  return n.innerHTML = t, Ee(n.content);
 }, Ke = (e) => e.split(/\s+/).filter(Boolean).map((t) => {
   const n = t.split(":");
   return n[n.length - 1] !== "h-screen" && n[n.length - 1] !== "min-h-screen" ? t : (n[n.length - 1] = "h-full", n.join(":"));
@@ -171,8 +173,8 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
   replaceRootScreenHeightWithFull: V = !1
 }) => {
   const re = d(null), y = d(null), z = d(null), oe = d(null), G = d(() => {
-  }), [Ee, He] = F(480), se = d(0), [ie, Se] = F(0), [ye, Ae] = F(!1), [, q] = F(!0), Ce = t === "sandbox", X = h === "blackboard", U = d(""), P = C.useMemo(() => {
-    const r = Pe(e).filter((p) => p.type === "sandbox");
+  }), [He, Se] = F(480), se = d(0), [ie, ye] = F(0), [Ae, Ce] = F(!1), [, q] = F(!0), Re = t === "sandbox", X = h === "blackboard", U = d(""), P = C.useMemo(() => {
+    const r = Oe(e).filter((p) => p.type === "sandbox");
     return (h === "blackboard" ? r[r.length - 1]?.value || "" : r.map((p) => p.value).join(`
 `)) || "";
   }, [e, h]), c = C.useMemo(
@@ -192,26 +194,26 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
     [le.hasFullViewportHeight, V]
   ), [O, W] = F(
     c
-  ), ae = d(c), Y = d(c), M = d(null), T = d(null), Z = d(null), J = d(0), A = _e((i) => {
+  ), ae = d(c), Y = d(c), M = d(null), T = d(null), Z = d(null), J = d(0), A = Fe((i) => {
     if (typeof window > "u")
       return;
     const r = Date.now();
     r - se.current < ze || (se.current = r, window.postMessage(
       {
-        source: ke,
-        type: De,
+        source: Le,
+        type: ke,
         eventType: i
       },
       window.location.origin
     ));
   }, []), ue = () => {
     M.current !== null && (window.clearTimeout(M.current), M.current = null);
-  }, Re = () => {
+  }, Ie = () => {
     T.current !== null && (window.cancelAnimationFrame(T.current), T.current = null), Z.current !== null && (window.cancelAnimationFrame(Z.current), Z.current = null);
   };
   S(
     () => () => {
-      ue(), Re();
+      ue(), Ie();
     },
     []
   ), S(() => {
@@ -242,14 +244,14 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
   const de = C.useMemo(
     () => pe(O).viewportHeightCss,
     [O]
-  ), he = !!de, N = X && t === "sandbox" ? ce ? "100%" : de ?? `${Ee}px` : void 0;
+  ), he = !!de, N = X && t === "sandbox" ? ce ? "100%" : de ?? `${He}px` : void 0;
   S(() => {
     if (h !== "blackboard") {
       U.current = c;
       return;
     }
     const i = U.current;
-    !(i && c.startsWith(i)) && i && Se((g) => g + 1), U.current = c;
+    !(i && c.startsWith(i)) && i && ye((g) => g + 1), U.current = c;
   }, [h, c]), S(() => {
     const i = y.current;
     if (!i) return;
@@ -275,7 +277,7 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
     g && (r.addEventListener("pointerdown", p, !0), r.addEventListener("mousedown", D, !0), r.addEventListener("touchstart", v, !0));
     const k = r.getElementById("root");
     if (!k) return;
-    const me = Fe(k);
+    const me = Ve(k);
     z.current = me;
     let _ = !1;
     const K = (a, b) => {
@@ -283,12 +285,12 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
       if (!u) return null;
       const x = Number.parseFloat(u);
       return Number.isNaN(x) ? null : /(dvh|svh|lvh|vh)$/i.test(u) ? x / 100 * b : u.endsWith("px") || /^[0-9.]+$/.test(u) ? x : null;
-    }, Te = (a, b) => {
+    }, Ne = (a, b) => {
       if (!a.trim()) return null;
       const u = ne(a);
       if (u)
         return K(u, b);
-      const f = be(a).find(
+      const f = we(a).find(
         (B) => /^h-\[[0-9.]+px\]$/i.test(B)
       );
       if (!f) return null;
@@ -296,9 +298,9 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
       if (!E) return null;
       const H = Number.parseFloat(E[1]);
       return Number.isNaN(H) ? null : H;
-    }, Ne = () => {
+    }, _e = () => {
       if (!y.current || !r.body) return null;
-      const a = y.current.ownerDocument?.documentElement?.clientHeight || window.innerHeight, { viewportHeightCss: b } = xe(r.body), u = b ? K(b, a) : null;
+      const a = y.current.ownerDocument?.documentElement?.clientHeight || window.innerHeight, { viewportHeightCss: b } = Ee(r.body), u = b ? K(b, a) : null;
       if (u !== null)
         return Math.ceil(u);
       const f = r.body.querySelector(
@@ -310,24 +312,24 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
       const E = f.style.height || f.getAttribute("height"), H = E ? K(E, a) : null;
       if (H !== null)
         return Math.ceil(H);
-      const B = Te(
+      const B = Ne(
         f.getAttribute("class") || "",
         a
       );
       return B !== null ? Math.ceil(B) : null;
     }, Q = () => {
       if (!y.current || !r.body) return;
-      const a = r.body.getBoundingClientRect(), b = r.documentElement?.getBoundingClientRect(), u = a.height, x = b?.height || 0, f = Math.max(u, x), E = Ne(), H = Math.max(
+      const a = r.body.getBoundingClientRect(), b = r.documentElement?.getBoundingClientRect(), u = a.height, x = b?.height || 0, f = Math.max(u, x), E = _e(), H = Math.max(
         200,
         E ?? Math.ceil(f)
       );
-      He(H);
+      Se(H);
     }, L = () => {
       requestAnimationFrame(() => {
         _ || Q();
       });
     };
-    G.current = L, Q(), L(), Ce ? Be().then((a) => {
+    G.current = L, Q(), L(), Re ? Be().then((a) => {
       _ || (a(r), requestAnimationFrame(() => {
         _ || (q(!0), L());
       }));
@@ -343,11 +345,11 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
     };
   }, []), S(() => {
     const i = () => {
-      Ae(!!document.fullscreenElement);
+      Ce(!!document.fullscreenElement);
     };
     return document.addEventListener("fullscreenchange", i), () => document.removeEventListener("fullscreenchange", i);
   }, []);
-  const Ie = () => {
+  const Me = () => {
     const i = re.current || y.current;
     if (i) {
       if (document.fullscreenElement) {
@@ -363,7 +365,7 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
     const i = z.current;
     i && (i.render(
       /* @__PURE__ */ w.jsx(
-        Ve,
+        Pe,
         {
           html: O,
           loadingText: s,
@@ -389,7 +391,7 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
     ie,
     h
   ]);
-  const Me = [
+  const Te = [
     "w-full relative content-render-iframe-sandbox",
     X ? "h-full overflow-auto flex flex-col" : "aspect-[16/9] overflow-hidden flex items-center justify-center"
   ].filter(Boolean).join(" ");
@@ -398,7 +400,7 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
     {
       ref: re,
       "data-root-vh": he ? "true" : "false",
-      className: Me,
+      className: Te,
       style: N ? {
         height: N,
         minHeight: N
@@ -408,9 +410,9 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
           "button",
           {
             type: "button",
-            onClick: Ie,
+            onClick: Me,
             className: "absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",
-            children: ye ? "退出全屏" : m || "全屏浏览"
+            children: Ae ? "退出全屏" : m || "全屏浏览"
           }
         ),
         h === "blackboard" && t === "markdown" ? /* @__PURE__ */ w.jsx(
@@ -419,7 +421,7 @@ const Le = () => (te || (te = import("./blackboard-vendor.es.js").then(
             onMouseDown: () => A("mousedown"),
             onPointerDown: () => A("pointerdown"),
             onTouchStart: () => A("touchstart"),
-            children: /* @__PURE__ */ w.jsx(Oe, { content: e })
+            children: /* @__PURE__ */ w.jsx(De, { content: e })
           }
         ) : /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
           null,