phirepass-widgets 0.0.38 → 0.0.40

package/dist/cjs/phirepass-terminal.cjs.entry.js

@@ -532,7 +532,7 @@ function __wbg_get_imports() {
             const ret = Array.from(getObject(arg0));
             return addHeapObject(ret);
         },
-        __wbg_info_a824d39613a69e2e: function(arg0, arg1) {
+        __wbg_info_38afa9e6e86ac5a5: function(arg0, arg1) {
             console.info(getStringFromWasm0(arg0, arg1));
         },
         __wbg_instanceof_ArrayBuffer_ff7c1337a5e3b33a: function(arg0) {
@@ -604,7 +604,7 @@ function __wbg_get_imports() {
         __wbg_set_onopen_7ffeb01f8a628209: function(arg0, arg1) {
             getObject(arg0).onopen = getObject(arg1);
         },
-        __wbg_warn_a05f18037e80c870: function(arg0, arg1) {
+        __wbg_warn_d8fb60272adc4bb8: function(arg0, arg1) {
             console.warn(getStringFromWasm0(arg0, arg1));
         },
         __wbindgen_cast_0000000000000001: function(arg0, arg1) {
@@ -623,8 +623,8 @@ function __wbg_get_imports() {
             return addHeapObject(ret);
         },
         __wbindgen_cast_0000000000000004: function(arg0, arg1) {
-            // Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [], shim_idx: 5, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
-            const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_43);
+            // Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [], shim_idx: 4, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
+            const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_42);
             return addHeapObject(ret);
         },
         __wbindgen_cast_0000000000000005: function(arg0) {
@@ -661,8 +661,8 @@ function __wbg_get_imports() {
     };
 }
 
-function __wasm_bindgen_func_elem_43(arg0, arg1) {
-    wasm.__wasm_bindgen_func_elem_43(arg0, arg1);
+function __wasm_bindgen_func_elem_42(arg0, arg1) {
+    wasm.__wasm_bindgen_func_elem_42(arg0, arg1);
 }
 
 function __wasm_bindgen_func_elem_39(arg0, arg1, arg2) {
@@ -1132,6 +1132,10 @@ const PhirepassTerminal = class {
         this.try_connect();
     }
     async disconnectedCallback() {
+        if (this.resizeDebounceHandle) {
+            clearTimeout(this.resizeDebounceHandle);
+            this.resizeDebounceHandle = undefined;
+        }
         if (this.resizeObserver) {
             this.resizeObserver.disconnect();
         }
@@ -1141,6 +1145,20 @@ const PhirepassTerminal = class {
         this.close_comms();
         this.destroy_terminal();
     }
+    is_terminal_open() {
+        return Boolean(this.connected && this.containerEl && this.terminal.element);
+    }
+    fit_terminal_safely() {
+        if (!this.fitAddon || !this.is_terminal_open()) {
+            return;
+        }
+        try {
+            this.fitAddon.fit();
+        }
+        catch (err) {
+            console.warn('Skipping terminal fit before renderer is ready:', err);
+        }
+    }
     try_connect() {
         if (this.connected || !this.domReady || !this.runtimeReady) {
             return;
@@ -1248,7 +1266,7 @@ const PhirepassTerminal = class {
             console.warn('Cannot send terminal resize: session_id is missing');
             return;
         }
-        this.fitAddon.fit();
+        this.fit_terminal_safely();
         const cols = this.terminal?.cols ?? 0;
         const rows = this.terminal?.rows ?? 0;
         const px_width = this.containerEl.clientWidth ?? 0;
@@ -1326,7 +1344,7 @@ const PhirepassTerminal = class {
     handle_tunnel_opened(web) {
         this.session_id = web.sid;
         this.terminal.reset();
-        this.fitAddon.fit();
+        this.fit_terminal_safely();
         this.send_ssh_terminal_resize();
     }
     handle_tunnel_data(web) {
@@ -1346,12 +1364,12 @@ const PhirepassTerminal = class {
         if (container) {
             this.terminal.open(container);
             console.log('Terminal opened in container');
-            this.fitAddon.fit();
+            this.connected = true;
+            this.fit_terminal_safely();
             this.terminal.focus();
             this.terminal.onData(this.handle_terminal_data.bind(this));
             this.channel.connect();
             this.setup_resize_observer();
-            this.connected = true;
             console.log('Terminal connected and ready');
         }
     }
@@ -1362,7 +1380,7 @@ const PhirepassTerminal = class {
                 clearTimeout(this.resizeDebounceHandle);
             }
             this.resizeDebounceHandle = setTimeout(() => {
-                this.fitAddon.fit();
+                this.fit_terminal_safely();
                 this.send_ssh_terminal_resize();
             }, 100);
         });
@@ -1461,7 +1479,7 @@ const PhirepassTerminal = class {
         this.usernameBuffer = "";
     }
     render() {
-        return (index.h(index.Host, { key: '2abcfab709121bce05b034d345c4e5ae72e9d48d' }, index.h("div", { key: 'a155b05f943f1ee2a9f001316474df9d33b1a0ef', id: "ccc", ref: el => (this.containerEl = el) })));
+        return (index.h(index.Host, { key: 'e56bf0b0f8825571a341588cfc4c99432d056eb6' }, index.h("div", { key: '91e2d8d168fac1c488059ba0b42da089d0b2bf30', id: "ccc", ref: el => (this.containerEl = el) })));
     }
     static get watchers() { return {
         "nodeId": [{

package/dist/collection/components/phirepass-terminal/phirepass-terminal.js

@@ -146,6 +146,10 @@ export class PhirepassTerminal {
         this.try_connect();
     }
     async disconnectedCallback() {
+        if (this.resizeDebounceHandle) {
+            clearTimeout(this.resizeDebounceHandle);
+            this.resizeDebounceHandle = undefined;
+        }
         if (this.resizeObserver) {
             this.resizeObserver.disconnect();
         }
@@ -155,6 +159,20 @@ export class PhirepassTerminal {
         this.close_comms();
         this.destroy_terminal();
     }
+    is_terminal_open() {
+        return Boolean(this.connected && this.containerEl && this.terminal.element);
+    }
+    fit_terminal_safely() {
+        if (!this.fitAddon || !this.is_terminal_open()) {
+            return;
+        }
+        try {
+            this.fitAddon.fit();
+        }
+        catch (err) {
+            console.warn('Skipping terminal fit before renderer is ready:', err);
+        }
+    }
     try_connect() {
         if (this.connected || !this.domReady || !this.runtimeReady) {
             return;
@@ -262,7 +280,7 @@ export class PhirepassTerminal {
             console.warn('Cannot send terminal resize: session_id is missing');
             return;
         }
-        this.fitAddon.fit();
+        this.fit_terminal_safely();
         const cols = this.terminal?.cols ?? 0;
         const rows = this.terminal?.rows ?? 0;
         const px_width = this.containerEl.clientWidth ?? 0;
@@ -340,7 +358,7 @@ export class PhirepassTerminal {
     handle_tunnel_opened(web) {
         this.session_id = web.sid;
         this.terminal.reset();
-        this.fitAddon.fit();
+        this.fit_terminal_safely();
         this.send_ssh_terminal_resize();
     }
     handle_tunnel_data(web) {
@@ -360,12 +378,12 @@ export class PhirepassTerminal {
         if (container) {
             this.terminal.open(container);
             console.log('Terminal opened in container');
-            this.fitAddon.fit();
+            this.connected = true;
+            this.fit_terminal_safely();
             this.terminal.focus();
             this.terminal.onData(this.handle_terminal_data.bind(this));
             this.channel.connect();
             this.setup_resize_observer();
-            this.connected = true;
             console.log('Terminal connected and ready');
         }
     }
@@ -376,7 +394,7 @@ export class PhirepassTerminal {
                 clearTimeout(this.resizeDebounceHandle);
             }
             this.resizeDebounceHandle = setTimeout(() => {
-                this.fitAddon.fit();
+                this.fit_terminal_safely();
                 this.send_ssh_terminal_resize();
             }, 100);
         });
@@ -475,7 +493,7 @@ export class PhirepassTerminal {
         this.usernameBuffer = "";
     }
     render() {
-        return (h(Host, { key: '2abcfab709121bce05b034d345c4e5ae72e9d48d' }, h("div", { key: 'a155b05f943f1ee2a9f001316474df9d33b1a0ef', id: "ccc", ref: el => (this.containerEl = el) })));
+        return (h(Host, { key: 'e56bf0b0f8825571a341588cfc4c99432d056eb6' }, h("div", { key: '91e2d8d168fac1c488059ba0b42da089d0b2bf30', id: "ccc", ref: el => (this.containerEl = el) })));
     }
     static get is() { return "phirepass-terminal"; }
     static get encapsulation() { return "shadow"; }