@basthon/gui-base 0.70.2 → 0.71.0

package/lib/main.d.ts

@@ -34,6 +34,9 @@ export declare class GUIBase {
      * Kernel getter.
      */
     get kernel(): KernelBase | undefined;
+    /**
+     * Get the kernel or null if it's not ready.
+     */
     get kernelSafe(): KernelBase | null;
     /**
      * KernelLoader getter.
@@ -212,4 +215,10 @@ export declare class GUIBase {
      * Reverse version of deflate.
      */
     inflate(content: string): Promise<string>;
+    /**
+     * Handle communication between dynamic iframe and main thread
+     * (mainly for auto-resize in height). Iframe comes from a display event,
+     * like in tutor.
+     */
+    handleDynamicIFrame(iframe: HTMLIFrameElement): Promise<void>;
 }

package/lib/main.js

@@ -35,6 +35,9 @@ export class GUIBase {
     get kernel() {
         return this._loader.kernel;
     }
+    /**
+     * Get the kernel or null if it's not ready.
+     */
     get kernelSafe() {
         return this._loader.kernelSafe;
     }
@@ -533,6 +536,40 @@ Un lien permanant vers le contenu actuel a été créé.
         const { Base64 } = await import("js-base64");
         return pako.inflate(Base64.toUint8Array(content), { to: "string" });
     }
+    /**
+     * Handle communication between dynamic iframe and main thread
+     * (mainly for auto-resize in height). Iframe comes from a display event,
+     * like in tutor.
+     */
+    async handleDynamicIFrame(iframe) {
+        const { port1, port2 } = new MessageChannel();
+        port1.onmessage = (event) => {
+            const data = event.data;
+            const type = data?.type;
+            switch (type) {
+                case "height":
+                    const height = data?.content;
+                    if (height != null)
+                        iframe.style.height = `${height + 20}px`;
+                default:
+                    break;
+            }
+        };
+        // wait for iframe to be ready
+        await new Promise((resolve, reject) => {
+            iframe.onload = () => resolve();
+            iframe.onerror = reject;
+        });
+        iframe.contentWindow.postMessage(port2, "*", [port2]);
+        // refresh drawing at first display
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0].intersectionRatio > 0) {
+                port1.postMessage({ type: "refresh" });
+                observer.disconnect(); // refresh only once
+            }
+        }, { root: document.documentElement });
+        observer.observe(iframe);
+    }
 }
 /**
  * Copy a text to clipboard.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basthon/gui-base",
-  "version": "0.70.2",
+  "version": "0.71.0",
   "description": "Basthon - Base GUI",
   "homepage": "https://basthon.fr",
   "bugs": {
@@ -25,9 +25,9 @@
     "clean": "rm -rf lib/"
   },
   "dependencies": {
-    "@basthon/checkpoints": "0.70.2",
-    "@basthon/kernel-base": "0.70.2",
-    "@basthon/kernel-loader": "0.70.2",
+    "@basthon/checkpoints": "0.71.0",
+    "@basthon/kernel-base": "0.71.0",
+    "@basthon/kernel-loader": "0.71.0",
     "js-base64": "^3.7.7",
     "pako": "^2.1.0",
     "promise-delegate": "^1.0.1"
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b63e9c7e37f0b583ee39e81918d638c2104470e6"
+  "gitHead": "669f1f0bb86e4829ddfd4064845f981901cf870d"
 }