@mujian/js-sdk 0.0.6-beta.13 → 0.0.6-beta.15

package/dist/react.js

@@ -357,7 +357,7 @@ function useHeightObserver() {
 const MdRendererBase = ({ content })=>{
     const containerRef = useRef(null);
     useRef([]);
-    const iframeIdList = useRef([]);
+    const [iframeIdList, setIframeIdList] = useState([]);
     const { observe, unobserve } = useHeightObserver();
     useEffect(()=>{
         let mes = messageFormatting(content);
@@ -365,7 +365,10 @@ const MdRendererBase = ({ content })=>{
             const code = match.replace("<code>", "").replace("</code>", "");
             const srcdoc = createSrcContent(unescapeHTML(code));
             const id = v4();
-            iframeIdList.current.push(id);
+            setIframeIdList([
+                ...iframeIdList,
+                id
+            ]);
             const escapedSrcdoc = escapeHtmlAttribute(srcdoc);
             return `
       <div class="MJ-iframe-container" id="MJ-iframe-container-${id}" style="display:flex;width:100%;height:100%;position:relative;">
@@ -381,15 +384,8 @@ const MdRendererBase = ({ content })=>{
         content
     ]);
     useEffect(()=>{
-        document.documentElement.style.setProperty("--MJ-iframe-height", `${window.parent.innerHeight}px`);
-        window.addEventListener("message", function(event) {
-            console.log("event", event);
-            if (event.data?.type === "MJ_UPDATE_VIEWPORT_HEIGHT") document.documentElement.style.setProperty("--MJ-iframe-height", `${window.parent.innerHeight}px`);
-        });
-    }, []);
-    useEffect(()=>{
-        console.log("iframeIdList", iframeIdList.current);
-        iframeIdList.current.forEach((id)=>{
+        console.log("iframeIdList", iframeIdList);
+        iframeIdList.forEach((id)=>{
             const iframe = document.getElementById("MJ-iframe-" + id);
             if (!iframe) return;
             iframe.addEventListener("load", ()=>{
@@ -399,7 +395,7 @@ const MdRendererBase = ({ content })=>{
             });
         });
         return ()=>{
-            iframeIdList.current.forEach((id)=>{
+            iframeIdList.forEach((id)=>{
                 const iframe = document.getElementById("MJ-iframe-" + id);
                 if (!iframe) return;
                 unobserve(iframe);
@@ -411,7 +407,9 @@ const MdRendererBase = ({ content })=>{
             });
         };
     }, [
-        iframeIdList.current
+        iframeIdList,
+        observe,
+        unobserve
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: "mes_text",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mujian/js-sdk",
-  "version": "0.0.6-beta.13",
+  "version": "0.0.6-beta.15",
   "type": "module",
   "exports": {
     ".": {