phirepass-widgets 0.0.1

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

@@ -0,0 +1,532 @@
+import { Host, h } from "@stencil/core";
+import { Terminal } from "@xterm/xterm";
+import { FitAddon } from "@xterm/addon-fit";
+import { WebLinksAddon } from "@xterm/addon-web-links";
+import { SearchAddon } from "@xterm/addon-search";
+import { WebglAddon } from "@xterm/addon-webgl";
+import { SerializeAddon } from "@xterm/addon-serialize";
+import { ImageAddon } from "@xterm/addon-image";
+import init, { Channel as PhirepassChannel } from "phirepass-channel";
+import { ProtocolMessageError } from "../../common/protocol";
+var InputMode;
+(function (InputMode) {
+    InputMode[InputMode["Username"] = 0] = "Username";
+    InputMode[InputMode["Password"] = 1] = "Password";
+    InputMode[InputMode["Default"] = 2] = "Default";
+})(InputMode || (InputMode = {}));
+export class PhirepassTerminal {
+    terminal;
+    fitAddon;
+    webLinksAddon;
+    searchAddon;
+    webglAddon;
+    serializeAddon;
+    imageAddon;
+    channel;
+    inputMode = InputMode.Default;
+    resizeObserver;
+    resizeDebounceHandle;
+    session_id;
+    usernameBuffer = "";
+    passwordBuffer = "";
+    xtermImageSettings = {
+        enableSizeReports: true, // whether to enable CSI t reports (see below)
+        pixelLimit: 16777216, // max. pixel size of a single image
+        sixelSupport: true, // enable sixel support
+        sixelScrolling: true, // whether to scroll on image output
+        sixelPaletteLimit: 256, // initial sixel palette size
+        sixelSizeLimit: 25000000, // size limit of a single sixel sequence
+        storageLimit: 128, // FIFO storage limit in MB
+        showPlaceholder: true, // whether to show a placeholder for evicted images
+        iipSupport: true, // enable iTerm IIP support
+        iipSizeLimit: 20000000 // size limit of a single IIP sequence
+    };
+    el;
+    terminalOptions = {
+        // Terminal identification
+        termName: 'xterm-256color',
+        // Rendering
+        rendererType: 'canvas', // Better performance
+        allowTransparency: false,
+        fontFamily: '"Berkeley Mono", "Fira Code", "SFMono-Regular", Menlo, monospace',
+        fontSize: 12,
+        // fontWeight: 'normal',
+        // fontWeightBold: 'bold',
+        letterSpacing: 0,
+        lineHeight: 1.0,
+        allowProposedApi: true, // needed for bracketed paste
+        // Cursor
+        cursorBlink: true,
+        // cursorStyle: 'block',
+        cursorWidth: 1,
+        // Colors
+        theme: {
+            background: "#0b1021",
+            foreground: "#e2e8f0",
+            cursor: "#67e8f9",
+        },
+        // Scrolling
+        scrollback: 10000,
+        fastScrollModifier: 'shift',
+        fastScrollSensitivity: 5,
+        // Behavior
+        bellStyle: 'sound', // or 'none' if you prefer
+        convertEol: false, // true to treat \n as \r\n
+        disableStdin: false,
+        // Selection
+        rightClickSelectsWord: true,
+        // Performance
+        drawBoldTextInBrightColors: true,
+        minimumContrastRatio: 1,
+        // Advanced
+        windowsMode: false, // Important for Linux
+        macOptionIsMeta: false,
+        altClickMovesCursor: true
+    };
+    serverHost = "phirepass.io";
+    serverPort = 443;
+    allowInsecure = false;
+    heartbeatInterval = 30_000;
+    nodeId;
+    onNodeIdChange(newValue, _oldValue) {
+        // Handle the change in node_id here
+        // console.log(`node_id changed from ${oldValue} to ${newValue}`);
+        // Always clear local session state and reset terminal view
+        this.resetSessionState();
+        this.terminal.reset();
+        // Close existing comms if connected
+        if (this.channel && this.channel.is_connected()) {
+            this.close_comms();
+        }
+        // Open new comms for the updated node
+        if (newValue) {
+            this.open_comms();
+            this.channel.connect();
+        }
+    }
+    createWebSocketEndpoint() {
+        const protocol = this.allowInsecure ? 'ws' : 'wss';
+        if (!this.allowInsecure && this.serverPort === 443) {
+            return `${protocol}://${this.serverHost}`;
+        }
+        if (this.allowInsecure && this.serverPort === 80) {
+            return `${protocol}://${this.serverHost}`;
+        }
+        return `${protocol}://${this.serverHost}:${this.serverPort}`;
+    }
+    async connectedCallback() {
+        await init();
+        this.setup_terminal();
+        this.open_comms();
+        if (!this.nodeId) {
+            console.warn('Prop node_id is not set. Cannot connect to terminal.');
+            return;
+        }
+        this.connect();
+    }
+    async disconnectedCallback() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
+        this.close_comms();
+        this.destroy_terminal();
+    }
+    setup_terminal() {
+        this.terminal = new Terminal(this.terminalOptions);
+        this.fitAddon = new FitAddon();
+        this.terminal.loadAddon(this.fitAddon);
+        this.webLinksAddon = new WebLinksAddon();
+        this.terminal.loadAddon(this.webLinksAddon);
+        this.searchAddon = new SearchAddon();
+        this.terminal.loadAddon(this.searchAddon);
+        this.serializeAddon = new SerializeAddon();
+        this.terminal.loadAddon(this.serializeAddon);
+        this.imageAddon = new ImageAddon(this.xtermImageSettings);
+        this.terminal.loadAddon(this.imageAddon);
+        try {
+            this.webglAddon = new WebglAddon();
+            this.terminal.loadAddon(this.webglAddon);
+        }
+        catch (e) {
+            console.warn('WebGL addon not available or failed to load:', e);
+        }
+        this.fitAddon.fit();
+    }
+    destroy_terminal() {
+        if (this.terminal) {
+            this.terminal.reset();
+            if (typeof this.terminal.dispose === 'function') {
+                this.terminal.dispose();
+            }
+        }
+    }
+    open_comms() {
+        this.channel = new PhirepassChannel(`${this.createWebSocketEndpoint()}/api/web/ws`);
+        this.channel.on_connection_open(() => {
+            this.channel.start_heartbeat(this.heartbeatInterval <= 15_000 ? 30_000 : this.heartbeatInterval);
+            this.channel.open_ssh_tunnel(this.nodeId);
+        });
+        this.channel.on_connection_close(() => {
+            this.terminal.reset();
+        });
+        this.channel.on_connection_error((err) => {
+            console.error('>> connection error:', err);
+        });
+        this.channel.on_connection_message((_raw) => {
+            // console.log('>> raw message received', raw);
+        });
+        this.channel.on_protocol_message((msg) => {
+            const { web } = msg.data;
+            switch (web.type) {
+                case "Error":
+                    this.handle_error(web);
+                    break;
+                case "TunnelOpened":
+                    this.session_id = web.sid;
+                    this.terminal.reset();
+                    this.send_ssh_terminal_resize();
+                    break;
+                case "TunnelClosed":
+                    this.handleTunnelClosed();
+                    break;
+                case "TunnelData":
+                    this.terminal.write(new Uint8Array(web.data));
+                    break;
+                default:
+                    console.warn('Unknown protocol message type:', web);
+            }
+        });
+    }
+    send_ssh_terminal_resize() {
+        if (!this.channel || !this.channel.is_connected() || !this.session_id) {
+            return;
+        }
+        const cols = this.terminal?.cols ?? 0;
+        const rows = this.terminal?.rows ?? 0;
+        if (cols <= 0 || rows <= 0) {
+            return;
+        }
+        try {
+            this.channel.send_ssh_terminal_resize(this.nodeId, this.session_id, cols, rows);
+        }
+        catch (err) {
+            console.error('Failed to send terminal resize:', err);
+        }
+    }
+    send_ssh_data(data) {
+        if (this.channel.is_connected() && this.session_id) {
+            this.channel.send_ssh_tunnel_data(this.nodeId, this.session_id, data);
+        }
+    }
+    handle_error(error) {
+        switch (error.kind) {
+            case ProtocolMessageError.Generic:
+                this.terminal.reset();
+                this.terminal.write(error.message + "\r\n");
+                this.terminal.focus();
+                break;
+            case ProtocolMessageError.RequiresUsername:
+                this.terminal.reset();
+                this.inputMode = InputMode.Username;
+                this.usernameBuffer = "";
+                this.terminal.write("Enter your username: ");
+                this.terminal.focus();
+                break;
+            case ProtocolMessageError.RequiresPassword:
+                this.terminal.reset();
+                this.inputMode = InputMode.Password;
+                this.passwordBuffer = "";
+                this.terminal.write("Enter your password: ");
+                this.terminal.focus();
+                break;
+            default:
+                console.warn('Unknown error kind:', error);
+        }
+    }
+    close_comms() {
+        this.channel.stop_heartbeat();
+        this.channel.disconnect();
+    }
+    cancelCredentialEntry() {
+        this.inputMode = InputMode.Default;
+        this.usernameBuffer = "";
+        this.passwordBuffer = "";
+        this.terminal.writeln("Authentication cancelled.");
+        this.terminal.reset();
+    }
+    resetSessionState() {
+        this.session_id = undefined;
+        this.inputMode = InputMode.Default;
+        this.usernameBuffer = "";
+        this.passwordBuffer = "";
+    }
+    handleTunnelClosed() {
+        // Clear session state
+        this.session_id = undefined;
+        this.inputMode = InputMode.Default;
+        // Clear credential buffers for security
+        this.usernameBuffer = "";
+        this.passwordBuffer = "";
+        // Reset terminal display
+        this.terminal.reset();
+        this.terminal.writeln("Connection closed.");
+    }
+    connect() {
+        const container = this.el.shadowRoot.getElementById('ccc');
+        if (container) {
+            this.terminal.open(container);
+            this.fitAddon.fit();
+            this.terminal.focus();
+            this.terminal.onData(this.handleTerminalData.bind(this));
+            this.channel.connect();
+            this.setupResizeObserver();
+        }
+    }
+    setupResizeObserver() {
+        this.resizeObserver = new ResizeObserver(() => {
+            if (this.resizeDebounceHandle) {
+                clearTimeout(this.resizeDebounceHandle);
+            }
+            this.resizeDebounceHandle = setTimeout(() => {
+                this.fitAddon.fit();
+                this.send_ssh_terminal_resize();
+            }, 100);
+        });
+        this.resizeObserver.observe(this.el);
+    }
+    handleTerminalData(data) {
+        switch (this.inputMode) {
+            case InputMode.Username:
+                this.handleUsernameInput(data);
+                break;
+            case InputMode.Password:
+                this.handlePasswordInput(data);
+                break;
+            case InputMode.Default:
+                this.send_ssh_data(data);
+                break;
+        }
+    }
+    handleUsernameInput(data) {
+        if (data === "\r" || data === "\n") {
+            this.terminal.write("\r\n");
+            this.submitUsername();
+            return;
+        }
+        if (data === "\u0003") {
+            this.terminal.write("^C\r\n");
+            this.cancelCredentialEntry();
+            return;
+        }
+        if (data === "\u007f") {
+            if (this.usernameBuffer.length) {
+                this.usernameBuffer = this.usernameBuffer.slice(0, -1);
+                this.terminal.write("\b \b");
+            }
+            return;
+        }
+        if (data >= " " && data <= "~") {
+            this.usernameBuffer += data;
+            this.terminal.write(data);
+        }
+    }
+    submitUsername() {
+        if (!this.channel.is_connected()) {
+            return;
+        }
+        const username = this.usernameBuffer.trim();
+        if (!username) {
+            this.terminal.writeln("");
+            this.terminal.write("Enter your username: ");
+            this.usernameBuffer = "";
+            return;
+        }
+        this.inputMode = InputMode.Default;
+        this.channel.open_ssh_tunnel(this.nodeId, username);
+    }
+    handlePasswordInput(data) {
+        if (data === "\r" || data === "\n") {
+            this.terminal.write("\r\n");
+            this.submitPassword();
+            return;
+        }
+        if (data === "\u0003") {
+            this.terminal.write("^C\r\n");
+            this.cancelCredentialEntry();
+            return;
+        }
+        if (data === "\u007f") {
+            if (this.passwordBuffer.length) {
+                this.passwordBuffer = this.passwordBuffer.slice(0, -1);
+                this.terminal.write("\b \b");
+            }
+            return;
+        }
+        if (data >= " " && data <= "~") {
+            this.passwordBuffer += data;
+            this.terminal.write("*");
+        }
+    }
+    submitPassword() {
+        if (!this.channel.is_connected()) {
+            return;
+        }
+        const password = this.passwordBuffer;
+        if (!password) {
+            this.terminal.writeln("");
+            this.terminal.write("Enter your password: ");
+            this.passwordBuffer = "";
+            return;
+        }
+        this.inputMode = InputMode.Default;
+        // Assuming there's a method to submit password to the channel
+        // You may need to adjust this based on your actual API
+        this.channel.open_ssh_tunnel(this.nodeId, this.usernameBuffer.trim(), password);
+        // Clear sensitive data
+        this.passwordBuffer = "";
+        this.usernameBuffer = "";
+    }
+    render() {
+        return (h(Host, { key: 'f3443a4e7b9e1a4c5377fb35d4b0cee540d03548' }, h("div", { key: 'b59a88b42d813cf991b02e755785df3a72334068', id: "ccc" })));
+    }
+    static get is() { return "phirepass-terminal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["phirepass-terminal.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["phirepass-terminal.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "terminalOptions": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "{ termName: string; rendererType: string; allowTransparency: boolean; fontFamily: string; fontSize: number; letterSpacing: number; lineHeight: number; allowProposedApi: boolean; cursorBlink: boolean; cursorWidth: number; theme: { background: string; foreground: string; cursor: string; }; scrollback: number; fastScrollModifier: string; fastScrollSensitivity: number; bellStyle: string; convertEol: boolean; disableStdin: boolean; rightClickSelectsWord: boolean; drawBoldTextInBrightColors: boolean; minimumContrastRatio: number; windowsMode: boolean; macOptionIsMeta: boolean; altClickMovesCursor: boolean; }",
+                    "resolved": "{ termName: string; rendererType: string; allowTransparency: boolean; fontFamily: string; fontSize: number; letterSpacing: number; lineHeight: number; allowProposedApi: boolean; cursorBlink: boolean; cursorWidth: number; theme: { background: string; foreground: string; cursor: string; }; scrollback: number; fastScrollModifier: string; fastScrollSensitivity: number; bellStyle: string; convertEol: boolean; disableStdin: boolean; rightClickSelectsWord: boolean; drawBoldTextInBrightColors: boolean; minimumContrastRatio: number; windowsMode: boolean; macOptionIsMeta: boolean; altClickMovesCursor: boolean; }",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{\n        // Terminal identification\n        termName: 'xterm-256color',\n\n        // Rendering\n        rendererType: 'canvas', // Better performance\n        allowTransparency: false,\n\n        fontFamily:\n            '\"Berkeley Mono\", \"Fira Code\", \"SFMono-Regular\", Menlo, monospace',\n        fontSize: 12,\n        // fontWeight: 'normal',\n        // fontWeightBold: 'bold',\n        letterSpacing: 0,\n        lineHeight: 1.0,\n\n        allowProposedApi: true, // needed for bracketed paste\n\n        // Cursor\n        cursorBlink: true,\n        // cursorStyle: 'block',\n        cursorWidth: 1,\n\n        // Colors\n        theme: {\n            background: \"#0b1021\",\n            foreground: \"#e2e8f0\",\n            cursor: \"#67e8f9\",\n        },\n\n        // Scrolling\n        scrollback: 10000,\n        fastScrollModifier: 'shift',\n        fastScrollSensitivity: 5,\n\n        // Behavior\n        bellStyle: 'sound', // or 'none' if you prefer\n        convertEol: false, // true to treat \\n as \\r\\n\n        disableStdin: false,\n\n        // Selection\n        rightClickSelectsWord: true,\n\n        // Performance\n        drawBoldTextInBrightColors: true,\n        minimumContrastRatio: 1,\n\n        // Advanced\n        windowsMode: false, // Important for Linux\n        macOptionIsMeta: false,\n        altClickMovesCursor: true\n    }"
+            },
+            "serverHost": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "server-host",
+                "defaultValue": "\"phirepass.io\""
+            },
+            "serverPort": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "server-port",
+                "defaultValue": "443"
+            },
+            "allowInsecure": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "allow-insecure",
+                "defaultValue": "false"
+            },
+            "heartbeatInterval": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heartbeat-interval",
+                "defaultValue": "30_000"
+            },
+            "nodeId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "node-id"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "nodeId",
+                "methodName": "onNodeIdChange"
+            }];
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export {};

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+var t,e=(t,e)=>{var n;Object.entries(null!=(n=e.l.t)?n:{}).map((([n,[l]])=>{if(31&l||32&l){const l=t[n],o=function(t,e){for(;t;){const n=Object.getOwnPropertyDescriptor(t,e);if(null==n?void 0:n.get)return n;t=Object.getPrototypeOf(t)}}(Object.getPrototypeOf(t),n)||Object.getOwnPropertyDescriptor(t,n);o&&Object.defineProperty(t,n,{get(){return o.get.call(this)},set(t){o.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.o.has(n)?e.o.get(n):l}}))},n=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},l=(t,e)=>(0,console.error)(t,e),o=new Map,s="undefined"!=typeof window?window:{},i=s.HTMLElement||class{},r={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},c=(()=>{try{return!!s.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),u=!!c&&(()=>!!s.document&&Object.getOwnPropertyDescriptor(s.document.adoptedStyleSheets,"length").writable)(),f=!1,a=[],d=[],h=(t,e)=>n=>{t.push(n),f||(f=!0,e&&4&r.i?$(m):r.raf(m))},p=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},m=()=>{p(a),p(d),(f=a.length>0)&&r.raf(m)},$=t=>Promise.resolve(void 0).then(t),y=h(d,!0),b=t=>{const e=new URL(t,r.u);return e.origin!==s.location.origin?e.href:e.pathname},v=t=>r.u=t;function w(){const e=this.attachShadow({mode:"open"});void 0===t&&(t=null),t&&(u?e.adoptedStyleSheets.push(t):e.adoptedStyleSheets=[...e.adoptedStyleSheets,t])}var j,g=new WeakMap,O=t=>"sc-"+t.h,S=t=>"object"==(t=typeof t)||"function"===t,k=(t,e,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!S(l))&&(l+=""),s&&i?r[r.length-1].p+=l:r.push(s?M(null,l):l),i=s)};c(n),e&&e.key&&(o=e.key);const u=M(t,null);return u.m=e,r.length>0&&(u.$=r),u.v=o,u},M=(t,e)=>({i:0,j:t,p:null!=e?e:null,O:null,$:null,m:null,v:null}),E={},A=(t,e)=>null==t||S(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?t+"":t,C=(t,e,n,l,o,s)=>{if(n===l)return;let i=((t,e)=>e in t)(t,e);if(e.toLowerCase(),"key"===e);else{const r=S(l);if(i||r&&null!==l)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?i=!1:null!=n&&t[e]==o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!i||4&s||o)&&!r&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}},N=(t,e,n)=>{const l=11===e.O.nodeType&&e.O.host?e.O.host:e.O,o=t&&t.m||{},s=e.m||{};for(const t of _(Object.keys(o)))t in s||C(l,t,o[t],void 0,n,e.i);for(const t of _(Object.keys(s)))C(l,t,o[t],s[t],n,e.i)};function _(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var x=!1,D=!1,P=(t,e,n)=>{const l=e.$[n];let o,i,r=0;if(!s.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=l.O=s.document.createElement(l.j),N(null,l,D),l.$){const e="template"===l.j?o.content:o;for(r=0;r<l.$.length;++r)i=P(t,l,r),i&&e.appendChild(i)}return o["s-hn"]=j,o},U=(t,e,n,l,o,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===j&&(r=r.shadowRoot),"template"===n.j&&(r=r.content);o<=s;++o)l[o]&&(i=P(null,n,o),i&&(l[o].O=i,F(r,i,e)))},L=(t,e,n)=>{for(let l=e;l<=n;++l){const e=t[l];if(e){const t=e.O;t&&t.remove()}}},R=(t,e,n=!1)=>t.j===e.j&&(n?(n&&!t.v&&e.v&&(t.v=e.v),!0):t.v===e.v),W=(t,e,n=!1)=>{const l=e.O=t.O,o=t.$,s=e.$;"slot"!==e.j||x||t.S!==e.S&&(e.O["s-sn"]=e.S||"",(t=>{r.i|=1;const e=t.closest(j.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),l=Array.from(t.__childNodes||t.childNodes);for(const t of n?l.reverse():l)null!=t["s-sh"]&&(F(e,t,null!=n?n:null),t["s-sh"]=void 0)}r.i&=-2})(e.O.parentElement)),N(t,e,D),null!==o&&null!==s?((t,e,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=l.length-1,m=l[0],$=l[p];const y="template"===n.j?t.content:t;for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==m)m=l[++c];else if(null==$)$=l[--p];else if(R(d,m,o))W(d,m,o),d=e[++r],m=l[++c];else if(R(h,$,o))W(h,$,o),h=e[--a],$=l[--p];else if(R(d,$,o))W(d,$,o),F(y,d.O,h.O.nextSibling),d=e[++r],$=l[--p];else if(R(h,m,o))W(h,m,o),F(y,h.O,d.O),h=e[--a],m=l[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].v&&e[f].v===m.v){u=f;break}u>=0?(i=e[u],i.j!==m.j?s=P(e&&e[c],n,u):(W(i,m,o),e[u]=void 0,s=i.O),m=l[++c]):(s=P(e&&e[c],n,c),m=l[++c]),s&&F(d.O.parentNode,s,d.O)}r>a?U(t,null==l[p+1]?null:l[p+1].O,n,l,c,p):c>p&&L(e,r,a)})(l,o,e,s,n):null!==s?U(l,null,e,s,0,s.length-1):!n&&null!==o&&L(o,0,o.length-1)},F=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),H=(t,e,n=!1)=>{const l=t.$hostElement$,o=t.l,s=t.k||M(null,null),i=(t=>t&&t.j===E)(e)?e:k(null,null,e);if(j=l.tagName,n&&i.m)for(const t of Object.keys(i.m))l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.m[t]=l[t]);i.j=null,i.i|=4,t.k=i,i.O=s.O=l.shadowRoot||l,x=!(!(1&o.i)||128&o.i),W(s,i,n)},q=(t,e)=>{if(e&&!t.M&&e["s-p"]){const n=e["s-p"].push(new Promise((l=>t.M=()=>{e["s-p"].splice(n-1,1),l()})))}},V=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);q(t,t.A);const n=()=>z(t,e);if(!e)return y(n);queueMicrotask((()=>{n()}))},z=(t,e)=>{const n=t.$hostElement$,l=n;if(!l)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=Q(l,e?"componentWillLoad":"componentWillUpdate",void 0,n),o=Y(o,(()=>Q(l,"componentWillRender",void 0,n))),Y(o,(()=>G(t,l,e)))},Y=(t,e)=>B(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),B=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,G=async(t,e,n)=>{var l;const i=t.$hostElement$,f=i["s-rc"];n&&(t=>{const e=t.l,n=t.$hostElement$,l=e.i,i=((t,e)=>{var n,l,i;const f=O(e),a=o.get(f);if(!s.document)return f;if(t=11===t.nodeType?t:s.document,a)if("string"==typeof a){let o,i=g.get(t=t.head||t);if(i||g.set(t,i=new Set),!i.has(f)){o=s.document.createElement("style"),o.textContent=a;const d=null!=(n=r.C)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=s.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&o.setAttribute("nonce",d),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(c){const e=new(null!=(l=t.defaultView)?l:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(a),u?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=a+e.textContent:t.prepend(o)}else t.append(o);1&e.i&&t.insertBefore(o,null),4&e.i&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(f)}}else{let e=g.get(t);if(e||g.set(t,e=new Set),!e.has(f)){const n=null!=(i=t.defaultView)?i:t.ownerDocument.defaultView;let l;if(a.constructor===n.CSSStyleSheet)l=a;else{l=new n.CSSStyleSheet;for(let t=0;t<a.cssRules.length;t++)l.insertRule(a.cssRules[t].cssText,t)}u?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l],e.add(f)}}return f})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=i,n.classList.add(i+"-h"))})(t);I(t,e,i,n),f&&(f.map((t=>t())),i["s-rc"]=void 0);{const e=null!=(l=i["s-p"])?l:[],n=()=>J(t);0===e.length?n():(Promise.all(e).then(n),t.i|=4,e.length=0)}},I=(t,e,n,o)=>{try{e=e.render(),t.i&=-17,t.i|=2,H(t,e,o)}catch(e){l(e,t.$hostElement$)}return null},J=t=>{const e=t.$hostElement$,n=e,l=t.A;Q(n,"componentDidRender",void 0,e),64&t.i?Q(n,"componentDidUpdate",void 0,e):(t.i|=64,T(e),Q(n,"componentDidLoad",void 0,e),t.N(e),l||K()),t.M&&(t.M(),t.M=void 0),512&t.i&&$((()=>V(t,!1))),t.i&=-517},K=()=>{$((()=>(t=>{const e=r.ce("appload",{detail:{namespace:"phirepass-widgets"}});return t.dispatchEvent(e),e})(s)))},Q=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},T=t=>t.classList.add("hydrated"),X=(t,e,o,s)=>{const i=n(t);if(!i)return;const r=t,c=i.o.get(e),u=i.i,f=r;if(!((o=A(o,s.t[e][0]))===c||Number.isNaN(c)&&Number.isNaN(o))){if(i.o.set(e,o),s._){const t=s._[e];t&&t.map((t=>{try{const[[n,l]]=Object.entries(t);(128&u||1&l)&&(f?f[n](o,c,e):i.D.push((()=>{i.P[n](o,c,e)})))}catch(t){l(t,r)}}))}if(2==(18&u)){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(o,c,e))return;V(i,!1)}}},Z=(t,e)=>{var l,o;const s=t.prototype;{t.watchers&&!e._&&(e._=t.watchers),t.deserializers&&!e.U&&(e.U=t.deserializers),t.serializers&&!e.L&&(e.L=t.serializers);const i=Object.entries(null!=(l=e.t)?l:{});i.map((([t,[l]])=>{if(31&l||32&l){const{get:o,set:i}=Object.getOwnPropertyDescriptor(s,t)||{};o&&(e.t[t][0]|=2048),i&&(e.t[t][0]|=4096),Object.defineProperty(s,t,{get(){return o?o.apply(this):((t,e)=>n(this).o.get(e))(0,t)},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(o){const s=n(this);if(s){if(i)return void 0===(32&l?this[t]:s.$hostElement$[t])&&s.o.get(t)&&(o=s.o.get(t)),i.call(this,A(o,l)),void X(this,t,o=32&l?this[t]:s.$hostElement$[t],e);X(this,t,o,e)}}})}}));{const l=new Map;s.attributeChangedCallback=function(t,o,c){r.jmp((()=>{var r;const u=l.get(t),f=n(this);if(this.hasOwnProperty(u),s.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==c)return;if(null==u){const n=null==f?void 0:f.i;if(f&&n&&!(8&n)&&c!==o){const l=this,s=null==(r=e._)?void 0:r[t];null==s||s.forEach((e=>{const[[s,i]]=Object.entries(e);null!=l[s]&&(128&n||1&i)&&l[s].call(l,c,o,t)}))}return}const a=i.find((([t])=>t===u));a&&4&a[1][0]&&(c=null!==c&&"false"!==c);const d=Object.getOwnPropertyDescriptor(s,u);c==this[u]||d.get&&!d.set||(this[u]=c)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(o=e._)?o:{}),...i.filter((([t,e])=>31&e[0])).map((([t,e])=>{const n=e[1]||t;return l.set(n,t),n}))]))}}return t},tt=(t,l)=>{const s={i:l[0],h:l[1]};s.t=l[2],s._=t._,s.U=t.U,s.L=t.L;const i=t.prototype.connectedCallback,u=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,n)=>{const l={i:0,$hostElement$:t,l:n,o:new Map,R:new Map};l.W=new Promise((t=>l.N=t)),t["s-p"]=[],t["s-rc"]=[];const o=l;t.__stencil__getHostRef=()=>o,512&n.i&&e(t,l)})(this,s)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!n(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&r.i)){const e=n(t);if(!e)return;const l=e.l,s=()=>{};if(1&e.i)(null==e?void 0:e.P)||(null==e?void 0:e.W)&&e.W.then((()=>{}));else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){q(e,e.A=n);break}}l.t&&Object.entries(l.t).map((([e,[n]])=>{if(31&n&&e in t&&t[e]!==Object.prototype[e]){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let l;if(!(32&e.i)&&(e.i|=32,l=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),l&&l.style)){let t;"string"==typeof l.style&&(t=l.style);const e=O(n);if(!o.has(e)){const l=()=>{};((t,e,n)=>{let l=o.get(t);c&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,o.set(t,l)})(e,t,!!(1&n.i)),l()}}const s=e.A,i=()=>V(e,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(t,e,l)}s()}})(this),i&&i.call(this)},disconnectedCallback(){(async t=>{g.has(t)&&g.delete(t),t.shadowRoot&&g.has(t.shadowRoot)&&g.delete(t.shadowRoot)})(this),u&&u.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${s.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else w.call(this,s)}}),t.is=s.h,Z(t,s)},et=t=>r.C=t,nt=t=>Object.assign(r,t);function lt(t,e){H({l:{i:0,h:e.tagName},$hostElement$:e},t)}function ot(t){return t}export{i as H,E as a,b as getAssetPath,k as h,tt as p,lt as render,v as setAssetPath,et as setNonce,nt as setPlatformOptions,ot as t}

package/dist/components/phirepass-sftp-client.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PhirepassSftpClient extends Components.PhirepassSftpClient, HTMLElement {}
+export const PhirepassSftpClient: {
+    prototype: PhirepassSftpClient;
+    new (): PhirepassSftpClient;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/phirepass-sftp-client.js

@@ -0,0 +1 @@
+import{t as e,p as s,H as t,h as c,a as n}from"./index.js";const o=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return c(n,{key:"d03ff09e3636f79d699c7462e121abe7d08c6683"},c("slot",{key:"bd7285e70384558e4cbf0600b89a57fa4ec3406d"}))}static get style(){return":host{display:block}"}},[257,"phirepass-sftp-client"]);function p(){"undefined"!=typeof customElements&&["phirepass-sftp-client"].forEach((s=>{"phirepass-sftp-client"===s&&(customElements.get(e(s))||customElements.define(e(s),o))}))}p();const r=o,i=p;export{r as PhirepassSftpClient,i as defineCustomElement}

package/dist/components/phirepass-terminal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PhirepassTerminal extends Components.PhirepassTerminal, HTMLElement {}
+export const PhirepassTerminal: {
+    prototype: PhirepassTerminal;
+    new (): PhirepassTerminal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;