x-shell.js 0.1.0

package/dist/ui/x-shell-terminal.js

@@ -0,0 +1,540 @@
+/**
+ * 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>
+ * ```
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { sharedStyles, buttonStyles, themeStyles } from './styles.js';
+import { TerminalClient } from '../client/terminal-client.js';
+let XShellTerminal = class XShellTerminal extends LitElement {
+    constructor() {
+        super(...arguments);
+        // Connection properties
+        this.url = '';
+        this.shell = '';
+        this.cwd = '';
+        this.cols = 80;
+        this.rows = 24;
+        this.theme = 'dark';
+        this.noHeader = false;
+        this.autoConnect = false;
+        this.autoSpawn = false;
+        // Terminal appearance
+        this.fontSize = 14;
+        this.fontFamily = 'Menlo, Monaco, "Courier New", monospace';
+        // State
+        this.client = null;
+        this.terminal = null;
+        this.fitAddon = null;
+        this.connected = false;
+        this.sessionActive = false;
+        this.loading = false;
+        this.error = null;
+        this.sessionInfo = null;
+        // xterm.js module (loaded dynamically)
+        this.xtermModule = null;
+        this.fitAddonModule = null;
+        this.resizeObserver = null;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.autoConnect && this.url) {
+            this.connect();
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.cleanup();
+    }
+    /**
+     * Load xterm.js dynamically
+     */
+    async loadXterm() {
+        if (this.xtermModule)
+            return;
+        try {
+            // Try to import from CDN
+            // @ts-ignore - Dynamic import from CDN
+            this.xtermModule = await import('https://cdn.jsdelivr.net/npm/xterm@5.3.0/+esm');
+            // @ts-ignore - Dynamic import from CDN
+            this.fitAddonModule = await import('https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/+esm');
+        }
+        catch (e) {
+            // Fallback to npm package if available
+            try {
+                // @ts-ignore - Optional peer dependency
+                this.xtermModule = await import('xterm');
+                // @ts-ignore - Optional peer dependency
+                this.fitAddonModule = await import('xterm-addon-fit');
+            }
+            catch {
+                throw new Error('Failed to load xterm.js. Make sure it is available.');
+            }
+        }
+    }
+    /**
+     * Connect to the terminal server
+     */
+    async connect() {
+        if (!this.url) {
+            this.error = 'No URL specified';
+            return;
+        }
+        this.loading = true;
+        this.error = null;
+        try {
+            // Load xterm.js
+            await this.loadXterm();
+            // Create client
+            this.client = new TerminalClient({ url: this.url });
+            this.client.onConnect(() => {
+                this.connected = true;
+                this.dispatchEvent(new CustomEvent('connect', { bubbles: true, composed: true }));
+                if (this.autoSpawn) {
+                    this.spawn();
+                }
+            });
+            this.client.onDisconnect(() => {
+                this.connected = false;
+                this.sessionActive = false;
+                this.dispatchEvent(new CustomEvent('disconnect', { bubbles: true, composed: true }));
+            });
+            this.client.onError((err) => {
+                this.error = err.message;
+                this.dispatchEvent(new CustomEvent('error', { detail: { error: err }, bubbles: true, composed: true }));
+            });
+            this.client.onData((data) => {
+                if (this.terminal) {
+                    this.terminal.write(data);
+                }
+            });
+            this.client.onExit((code) => {
+                this.sessionActive = false;
+                this.sessionInfo = null;
+                if (this.terminal) {
+                    this.terminal.writeln('');
+                    this.terminal.writeln(`\x1b[1;33m[Process exited with code: ${code}]\x1b[0m`);
+                }
+                this.dispatchEvent(new CustomEvent('exit', { detail: { exitCode: code }, bubbles: true, composed: true }));
+            });
+            this.client.onSpawned((info) => {
+                this.sessionInfo = info;
+                this.dispatchEvent(new CustomEvent('spawned', { detail: { session: info }, bubbles: true, composed: true }));
+            });
+            await this.client.connect();
+        }
+        catch (err) {
+            this.error = err instanceof Error ? err.message : 'Connection failed';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    /**
+     * Disconnect from the server
+     */
+    disconnect() {
+        if (this.client) {
+            this.client.disconnect();
+            this.client = null;
+        }
+        this.connected = false;
+        this.sessionActive = false;
+    }
+    /**
+     * Spawn a terminal session
+     */
+    async spawn(options) {
+        if (!this.client || !this.connected) {
+            throw new Error('Not connected to server');
+        }
+        this.loading = true;
+        this.error = null;
+        try {
+            // Initialize terminal UI if needed
+            await this.initTerminalUI();
+            // Spawn session
+            const spawnOptions = {
+                shell: options?.shell || this.shell || undefined,
+                cwd: options?.cwd || this.cwd || undefined,
+                cols: this.terminal?.cols || this.cols,
+                rows: this.terminal?.rows || this.rows,
+                env: options?.env,
+            };
+            const info = await this.client.spawn(spawnOptions);
+            this.sessionActive = true;
+            this.sessionInfo = info;
+            // Focus terminal
+            if (this.terminal) {
+                this.terminal.focus();
+            }
+        }
+        catch (err) {
+            this.error = err instanceof Error ? err.message : 'Failed to spawn session';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    /**
+     * Initialize xterm.js UI
+     */
+    async initTerminalUI() {
+        if (this.terminal)
+            return;
+        await this.loadXterm();
+        await this.updateComplete;
+        const container = this.shadowRoot?.querySelector('.terminal-container');
+        if (!container)
+            return;
+        // Get theme colors
+        const terminalTheme = this.getTerminalTheme();
+        // Create terminal
+        const Terminal = this.xtermModule.Terminal;
+        const term = new Terminal({
+            cursorBlink: true,
+            fontSize: this.fontSize,
+            fontFamily: this.fontFamily,
+            theme: terminalTheme,
+            cols: this.cols,
+            rows: this.rows,
+        });
+        // Create fit addon
+        const FitAddon = this.fitAddonModule.FitAddon;
+        const fit = new FitAddon();
+        // Store references
+        this.terminal = term;
+        this.fitAddon = fit;
+        term.loadAddon(fit);
+        // Open terminal
+        term.open(container);
+        fit.fit();
+        // Handle user input
+        term.onData((data) => {
+            if (this.client && this.sessionActive) {
+                this.client.write(data);
+            }
+        });
+        // Handle resize
+        term.onResize(({ cols, rows }) => {
+            if (this.client && this.sessionActive) {
+                this.client.resize(cols, rows);
+            }
+        });
+        // Setup resize observer
+        this.resizeObserver = new ResizeObserver(() => {
+            if (this.fitAddon) {
+                this.fitAddon.fit();
+            }
+        });
+        this.resizeObserver.observe(container);
+    }
+    /**
+     * Get terminal theme based on component theme
+     */
+    getTerminalTheme() {
+        // These will be overridden by CSS variables in the actual implementation
+        // For now, provide sensible defaults based on theme attribute
+        if (this.theme === 'light') {
+            return {
+                background: '#ffffff',
+                foreground: '#1f2937',
+                cursor: '#1f2937',
+                selection: '#b4d5fe',
+            };
+        }
+        return {
+            background: '#1e1e1e',
+            foreground: '#cccccc',
+            cursor: '#ffffff',
+            selection: '#264f78',
+        };
+    }
+    /**
+     * Kill the current session
+     */
+    kill() {
+        if (this.client) {
+            this.client.kill();
+        }
+        this.sessionActive = false;
+        this.sessionInfo = null;
+    }
+    /**
+     * Clear the terminal
+     */
+    clear() {
+        if (this.terminal) {
+            this.terminal.clear();
+        }
+    }
+    /**
+     * Write data to the terminal (display only, not sent to server)
+     */
+    write(data) {
+        if (this.terminal) {
+            this.terminal.write(data);
+        }
+    }
+    /**
+     * Write line to the terminal (display only, not sent to server)
+     */
+    writeln(data) {
+        if (this.terminal) {
+            this.terminal.writeln(data);
+        }
+    }
+    /**
+     * Focus the terminal
+     */
+    focus() {
+        if (this.terminal) {
+            this.terminal.focus();
+        }
+    }
+    /**
+     * Cleanup resources
+     */
+    cleanup() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = null;
+        }
+        if (this.terminal) {
+            this.terminal.dispose();
+            this.terminal = null;
+        }
+        if (this.client) {
+            this.client.disconnect();
+            this.client = null;
+        }
+        this.fitAddon = null;
+    }
+    render() {
+        return html `
+      ${this.noHeader
+            ? nothing
+            : html `
+            <div class="header">
+              <div class="header-title">
+                <span>Terminal</span>
+                ${this.sessionInfo
+                ? html `<span style="font-weight: normal; font-size: 12px; color: var(--xs-text-muted)">
+                      ${this.sessionInfo.shell}
+                    </span>`
+                : nothing}
+              </div>
+              <div class="header-actions">
+                ${!this.connected
+                ? html `<button @click=${this.connect} ?disabled=${this.loading}>
+                      ${this.loading ? 'Connecting...' : 'Connect'}
+                    </button>`
+                : !this.sessionActive
+                    ? html `<button @click=${() => this.spawn()} ?disabled=${this.loading}>
+                      ${this.loading ? 'Spawning...' : 'Start'}
+                    </button>`
+                    : html `<button @click=${this.kill}>Stop</button>`}
+                <button @click=${this.clear} ?disabled=${!this.sessionActive}>Clear</button>
+                <div class="status">
+                  <span class="status-dot ${this.connected ? 'connected' : ''}"></span>
+                  <span>${this.connected ? 'Connected' : 'Disconnected'}</span>
+                </div>
+              </div>
+            </div>
+          `}
+
+      <div class="terminal-container">
+        ${this.loading && !this.terminal
+            ? html `<div class="loading"><span class="loading-spinner">⏳</span> Loading...</div>`
+            : this.error && !this.terminal
+                ? html `<div class="error">❌ ${this.error}</div>`
+                : nothing}
+      </div>
+    `;
+    }
+};
+XShellTerminal.styles = [
+    sharedStyles,
+    themeStyles,
+    buttonStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        min-height: 200px;
+        border: 1px solid var(--xs-border);
+        border-radius: 4px;
+        overflow: hidden;
+      }
+
+      .header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 8px 12px;
+        background: var(--xs-bg-header);
+        border-bottom: 1px solid var(--xs-border);
+      }
+
+      .header-title {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-weight: 600;
+      }
+
+      .header-actions {
+        display: flex;
+        gap: 8px;
+      }
+
+      .status {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        font-size: 12px;
+        color: var(--xs-text-muted);
+      }
+
+      .status-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: var(--xs-status-disconnected);
+      }
+
+      .status-dot.connected {
+        background: var(--xs-status-connected);
+      }
+
+      .terminal-container {
+        flex: 1;
+        padding: 4px;
+        background: var(--xs-terminal-bg);
+        overflow: hidden;
+      }
+
+      .terminal-container .xterm {
+        height: 100%;
+      }
+
+      .terminal-container .xterm-viewport {
+        overflow-y: auto;
+      }
+
+      .loading,
+      .error {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        padding: 20px;
+        text-align: center;
+        color: var(--xs-text-muted);
+      }
+
+      .error {
+        color: #ef4444;
+      }
+
+      .loading-spinner {
+        animation: spin 1s linear infinite;
+        margin-right: 8px;
+      }
+
+      @keyframes spin {
+        from {
+          transform: rotate(0deg);
+        }
+        to {
+          transform: rotate(360deg);
+        }
+      }
+
+      /* Hide header if requested */
+      :host([no-header]) .header {
+        display: none;
+      }
+    `,
+];
+__decorate([
+    property({ type: String })
+], XShellTerminal.prototype, "url", void 0);
+__decorate([
+    property({ type: String })
+], XShellTerminal.prototype, "shell", void 0);
+__decorate([
+    property({ type: String })
+], XShellTerminal.prototype, "cwd", void 0);
+__decorate([
+    property({ type: Number })
+], XShellTerminal.prototype, "cols", void 0);
+__decorate([
+    property({ type: Number })
+], XShellTerminal.prototype, "rows", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], XShellTerminal.prototype, "theme", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'no-header' })
+], XShellTerminal.prototype, "noHeader", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'auto-connect' })
+], XShellTerminal.prototype, "autoConnect", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'auto-spawn' })
+], XShellTerminal.prototype, "autoSpawn", void 0);
+__decorate([
+    property({ type: Number, attribute: 'font-size' })
+], XShellTerminal.prototype, "fontSize", void 0);
+__decorate([
+    property({ type: String, attribute: 'font-family' })
+], XShellTerminal.prototype, "fontFamily", void 0);
+__decorate([
+    state()
+], XShellTerminal.prototype, "client", void 0);
+__decorate([
+    state()
+], XShellTerminal.prototype, "terminal", void 0);
+__decorate([
+    state()
+], XShellTerminal.prototype, "fitAddon", void 0);
+__decorate([
+    state()
+], XShellTerminal.prototype, "connected", void 0);
+__decorate([
+    state()
+], XShellTerminal.prototype, "sessionActive", void 0);
+__decorate([
+    state()
+], XShellTerminal.prototype, "loading", void 0);
+__decorate([
+    state()
+], XShellTerminal.prototype, "error", void 0);
+__decorate([
+    state()
+], XShellTerminal.prototype, "sessionInfo", void 0);
+XShellTerminal = __decorate([
+    customElement('x-shell-terminal')
+], XShellTerminal);
+export { XShellTerminal };
+//# sourceMappingURL=x-shell-terminal.js.map

package/dist/ui/x-shell-terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-shell-terminal.js","sourceRoot":"","sources":["../../src/ui/x-shell-terminal.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "x-shell.js",
+  "version": "0.1.0",
+  "description": "WebSocket-based terminal for Node.js - the truth is in your shell",
+  "type": "module",
+  "main": "dist/server/index.js",
+  "types": "dist/server/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js"
+    },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js"
+    },
+    "./client": {
+      "types": "./dist/client/index.d.ts",
+      "import": "./dist/client/index.js"
+    },
+    "./client/browser": {
+      "types": "./dist/client/index.d.ts",
+      "import": "./dist/client/browser-bundle.js"
+    },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "import": "./dist/ui/index.js"
+    },
+    "./ui/browser": {
+      "types": "./dist/ui/index.d.ts",
+      "import": "./dist/ui/browser-bundle.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc && npm run build:browser",
+    "build:browser": "node scripts/build-browser.js",
+    "watch": "tsc --watch",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run clean && npm run build",
+    "test": "echo \"Tests coming soon\" && exit 0"
+  },
+  "keywords": [
+    "terminal",
+    "websocket",
+    "pty",
+    "xterm",
+    "shell",
+    "web-terminal",
+    "node-pty",
+    "lit",
+    "web-components",
+    "custom-elements"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/anthropics/x-shell.git"
+  },
+  "bugs": {
+    "url": "https://github.com/anthropics/x-shell/issues"
+  },
+  "homepage": "https://github.com/anthropics/x-shell#readme",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "lit": "^3.3.2",
+    "ws": "^8.14.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.0",
+    "@types/ws": "^8.5.10",
+    "esbuild": "^0.19.0",
+    "typescript": "^5.3.0"
+  },
+  "peerDependencies": {
+    "express": "^4.18.0 || ^5.0.0",
+    "node-pty": "^1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "express": {
+      "optional": true
+    },
+    "node-pty": {
+      "optional": true
+    }
+  }
+}