x-shell.js 0.1.0

package/dist/ui/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * x-shell.js UI exports
+ */
+export { XShellTerminal } from './x-shell-terminal.js';
+export { sharedStyles, buttonStyles, themeStyles } from './styles.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,6 @@
+/**
+ * x-shell.js UI exports
+ */
+export { XShellTerminal } from './x-shell-terminal.js';
+export { sharedStyles, buttonStyles, themeStyles } from './styles.js';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/ui/styles.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Shared styles for x-shell UI components
+ */
+/**
+ * Theme styles - sets CSS custom properties based on theme attribute
+ */
+export declare const themeStyles: import("lit").CSSResult;
+/**
+ * Shared base styles
+ */
+export declare const sharedStyles: import("lit").CSSResult;
+/**
+ * Button styles
+ */
+export declare const buttonStyles: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/ui/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ui/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH;;GAEG;AACH,eAAO,MAAM,WAAW,yBAwEvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,yBAaxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,yBAuBxB,CAAC"}

package/dist/ui/styles.js

@@ -0,0 +1,125 @@
+/**
+ * Shared styles for x-shell UI components
+ */
+import { css } from 'lit';
+/**
+ * Theme styles - sets CSS custom properties based on theme attribute
+ */
+export const themeStyles = css `
+  /* Light theme */
+  :host([theme='light']) {
+    --xs-bg: #ffffff;
+    --xs-bg-header: #f5f5f5;
+    --xs-text: #1f2937;
+    --xs-text-muted: #6b7280;
+    --xs-border: #e5e7eb;
+    --xs-terminal-bg: #ffffff;
+    --xs-terminal-fg: #1f2937;
+    --xs-terminal-cursor: #1f2937;
+    --xs-terminal-selection: #b4d5fe;
+    --xs-btn-bg: #e5e7eb;
+    --xs-btn-text: #374151;
+    --xs-btn-hover: #d1d5db;
+    --xs-status-connected: #22c55e;
+    --xs-status-disconnected: #ef4444;
+  }
+
+  /* Dark theme (default) */
+  :host,
+  :host([theme='dark']) {
+    --xs-bg: #1e1e1e;
+    --xs-bg-header: #2d2d2d;
+    --xs-text: #cccccc;
+    --xs-text-muted: #808080;
+    --xs-border: #3e3e3e;
+    --xs-terminal-bg: #1e1e1e;
+    --xs-terminal-fg: #cccccc;
+    --xs-terminal-cursor: #ffffff;
+    --xs-terminal-selection: #264f78;
+    --xs-btn-bg: #3c3c3c;
+    --xs-btn-text: #cccccc;
+    --xs-btn-hover: #4a4a4a;
+    --xs-status-connected: #22c55e;
+    --xs-status-disconnected: #ef4444;
+  }
+
+  /* Auto theme - follows system preference */
+  :host([theme='auto']) {
+    --xs-bg: #1e1e1e;
+    --xs-bg-header: #2d2d2d;
+    --xs-text: #cccccc;
+    --xs-text-muted: #808080;
+    --xs-border: #3e3e3e;
+    --xs-terminal-bg: #1e1e1e;
+    --xs-terminal-fg: #cccccc;
+    --xs-terminal-cursor: #ffffff;
+    --xs-terminal-selection: #264f78;
+    --xs-btn-bg: #3c3c3c;
+    --xs-btn-text: #cccccc;
+    --xs-btn-hover: #4a4a4a;
+    --xs-status-connected: #22c55e;
+    --xs-status-disconnected: #ef4444;
+  }
+
+  @media (prefers-color-scheme: light) {
+    :host([theme='auto']) {
+      --xs-bg: #ffffff;
+      --xs-bg-header: #f5f5f5;
+      --xs-text: #1f2937;
+      --xs-text-muted: #6b7280;
+      --xs-border: #e5e7eb;
+      --xs-terminal-bg: #ffffff;
+      --xs-terminal-fg: #1f2937;
+      --xs-terminal-cursor: #1f2937;
+      --xs-terminal-selection: #b4d5fe;
+      --xs-btn-bg: #e5e7eb;
+      --xs-btn-text: #374151;
+      --xs-btn-hover: #d1d5db;
+    }
+  }
+`;
+/**
+ * Shared base styles
+ */
+export const sharedStyles = css `
+  :host {
+    display: block;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+      Ubuntu, Cantarell, sans-serif;
+    font-size: 14px;
+    color: var(--xs-text);
+    background: var(--xs-bg);
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+`;
+/**
+ * Button styles
+ */
+export const buttonStyles = css `
+  button {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 6px 12px;
+    border: none;
+    border-radius: 4px;
+    background: var(--xs-btn-bg);
+    color: var(--xs-btn-text);
+    font-size: 13px;
+    cursor: pointer;
+    transition: background-color 0.15s;
+  }
+
+  button:hover {
+    background: var(--xs-btn-hover);
+  }
+
+  button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ui/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwE7B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;CAa9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuB9B,CAAC"}

package/dist/ui/x-shell-terminal.d.ts

@@ -0,0 +1,100 @@
+/**
+ * x-shell-terminal web component
+ *
+ * A ready-to-use terminal component that wraps xterm.js and
+ * connects to an x-shell server via WebSocket.
+ *
+ * Usage:
+ * ```html
+ * <x-shell-terminal
+ *   url="ws://localhost:3000/terminal"
+ *   shell="/bin/bash"
+ *   cwd="/home/user"
+ *   theme="dark"
+ * ></x-shell-terminal>
+ * ```
+ */
+import { LitElement } from 'lit';
+import type { TerminalOptions } from '../shared/types.js';
+export declare class XShellTerminal extends LitElement {
+    static styles: import("lit").CSSResult[];
+    url: string;
+    shell: string;
+    cwd: string;
+    cols: number;
+    rows: number;
+    theme: 'dark' | 'light' | 'auto';
+    noHeader: boolean;
+    autoConnect: boolean;
+    autoSpawn: boolean;
+    fontSize: number;
+    fontFamily: string;
+    private client;
+    private terminal;
+    private fitAddon;
+    private connected;
+    private sessionActive;
+    private loading;
+    private error;
+    private sessionInfo;
+    private xtermModule;
+    private fitAddonModule;
+    private resizeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Load xterm.js dynamically
+     */
+    private loadXterm;
+    /**
+     * Connect to the terminal server
+     */
+    connect(): Promise<void>;
+    /**
+     * Disconnect from the server
+     */
+    disconnect(): void;
+    /**
+     * Spawn a terminal session
+     */
+    spawn(options?: TerminalOptions): Promise<void>;
+    /**
+     * Initialize xterm.js UI
+     */
+    private initTerminalUI;
+    /**
+     * Get terminal theme based on component theme
+     */
+    private getTerminalTheme;
+    /**
+     * Kill the current session
+     */
+    kill(): void;
+    /**
+     * Clear the terminal
+     */
+    clear(): void;
+    /**
+     * Write data to the terminal (display only, not sent to server)
+     */
+    write(data: string): void;
+    /**
+     * Write line to the terminal (display only, not sent to server)
+     */
+    writeln(data: string): void;
+    /**
+     * Focus the terminal
+     */
+    focus(): void;
+    /**
+     * Cleanup resources
+     */
+    private cleanup;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'x-shell-terminal': XShellTerminal;
+    }
+}
+//# sourceMappingURL=x-shell-terminal.d.ts.map

package/dist/ui/x-shell-terminal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-shell-terminal.d.ts","sourceRoot":"","sources":["../../src/ui/x-shell-terminal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,oBAAoB,CAAC;AAsBvE,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAwGpB;IAG0B,GAAG,SAAM;IACT,KAAK,SAAM;IACX,GAAG,SAAM;IACT,IAAI,SAAM;IACV,IAAI,SAAM;IACK,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAU;IAChC,QAAQ,UAAS;IACd,WAAW,UAAS;IACtB,SAAS,UAAS;IAGpB,QAAQ,SAAM;IACZ,UAAU,SACpB;IAGnC,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,QAAQ,CAA0B;IAC1C,OAAO,CAAC,QAAQ,CAA0B;IAC1C,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,WAAW,CAA4B;IAGxD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,cAAc,CAA+B;IAE5C,iBAAiB;IAQjB,oBAAoB;IAK7B;;OAEG;YACW,SAAS;IAsBvB;;OAEG;IACG,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAuE9B;;OAEG;IACH,UAAU,IAAI,IAAI;IASlB;;OAEG;IACG,KAAK,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAoCrD;;OAEG;YACW,cAAc;IA4D5B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAoBxB;;OAEG;IACH,IAAI,IAAI,IAAI;IAQZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAMb;;OAEG;IACH,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAMzB;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAM3B;;OAEG;IACM,KAAK,IAAI,IAAI;IAMtB;;OAEG;IACH,OAAO,CAAC,OAAO;IAmBN,MAAM;CA0ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}