@assistkick/create 1.0.1 → 1.3.0

package/templates/product-system/packages/frontend/src/components/TerminalView.tsx

@@ -1,200 +0,0 @@
-/**
- * Terminal view component — embeds an xterm.js terminal connected
- * to the backend PTY via WebSocket. Admin-only access.
- */
-
-import React, { useEffect, useRef, useCallback, useState } from 'react';
-import { Terminal } from '@xterm/xterm';
-import { FitAddon } from '@xterm/addon-fit';
-import { WebLinksAddon } from '@xterm/addon-web-links';
-import '@xterm/xterm/css/xterm.css';
-
-interface TerminalViewProps {
-  visible: boolean;
-}
-
-type ConnectionStatus = 'connecting' | 'connected' | 'disconnected' | 'error';
-
-export function TerminalView({ visible }: TerminalViewProps) {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const terminalRef = useRef<Terminal | null>(null);
-  const fitAddonRef = useRef<FitAddon | null>(null);
-  const wsRef = useRef<WebSocket | null>(null);
-  const [status, setStatus] = useState<ConnectionStatus>('disconnected');
-  const [errorMsg, setErrorMsg] = useState('');
-
-  const connect = useCallback(() => {
-    if (wsRef.current?.readyState === WebSocket.OPEN) return;
-
-    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-    const wsUrl = `${protocol}//${window.location.host}/api/terminal`;
-
-    setStatus('connecting');
-    setErrorMsg('');
-
-    const ws = new WebSocket(wsUrl);
-    wsRef.current = ws;
-
-    ws.onopen = () => {
-      setStatus('connected');
-
-      // Send initial resize
-      if (terminalRef.current && fitAddonRef.current) {
-        fitAddonRef.current.fit();
-        const { cols, rows } = terminalRef.current;
-        ws.send(JSON.stringify({ type: 'resize', cols, rows }));
-      }
-    };
-
-    ws.onmessage = (event) => {
-      try {
-        const msg = JSON.parse(event.data);
-        if (msg.type === 'output' && terminalRef.current) {
-          terminalRef.current.write(msg.data);
-        }
-      } catch {
-        // Ignore malformed messages
-      }
-    };
-
-    ws.onclose = (event) => {
-      wsRef.current = null;
-      if (event.code === 4001) {
-        setStatus('error');
-        setErrorMsg('Authentication required. Please log in.');
-      } else if (event.code === 4003) {
-        setStatus('error');
-        setErrorMsg('Access denied. Admin privileges required.');
-      } else {
-        setStatus('disconnected');
-      }
-    };
-
-    ws.onerror = () => {
-      setStatus('error');
-      setErrorMsg('Failed to connect to terminal.');
-      wsRef.current = null;
-    };
-  }, []);
-
-  // Initialize terminal
-  useEffect(() => {
-    if (!containerRef.current || terminalRef.current) return;
-
-    const terminal = new Terminal({
-      cursorBlink: true,
-      fontSize: 14,
-      fontFamily: 'Menlo, Monaco, "Courier New", monospace',
-      theme: {
-        background: '#1e1e2e',
-        foreground: '#cdd6f4',
-        cursor: '#f5e0dc',
-        selectionBackground: '#585b7066',
-        black: '#45475a',
-        red: '#f38ba8',
-        green: '#a6e3a1',
-        yellow: '#f9e2af',
-        blue: '#89b4fa',
-        magenta: '#f5c2e7',
-        cyan: '#94e2d5',
-        white: '#bac2de',
-        brightBlack: '#585b70',
-        brightRed: '#f38ba8',
-        brightGreen: '#a6e3a1',
-        brightYellow: '#f9e2af',
-        brightBlue: '#89b4fa',
-        brightMagenta: '#f5c2e7',
-        brightCyan: '#94e2d5',
-        brightWhite: '#a6adc8',
-      },
-    });
-
-    const fitAddon = new FitAddon();
-    const webLinksAddon = new WebLinksAddon();
-
-    terminal.loadAddon(fitAddon);
-    terminal.loadAddon(webLinksAddon);
-    terminal.open(containerRef.current);
-
-    fitAddon.fit();
-    terminalRef.current = terminal;
-    fitAddonRef.current = fitAddon;
-
-    // Forward user input to WebSocket
-    terminal.onData((data) => {
-      const ws = wsRef.current;
-      if (ws?.readyState === WebSocket.OPEN) {
-        ws.send(JSON.stringify({ type: 'input', data }));
-      }
-    });
-
-    return () => {
-      terminal.dispose();
-      terminalRef.current = null;
-      fitAddonRef.current = null;
-    };
-  }, []);
-
-  // Connect when visible
-  useEffect(() => {
-    if (visible && status === 'disconnected') {
-      connect();
-    }
-  }, [visible, status, connect]);
-
-  // Handle resize
-  useEffect(() => {
-    if (!visible) return;
-
-    const handleResize = () => {
-      if (fitAddonRef.current && terminalRef.current) {
-        fitAddonRef.current.fit();
-        const { cols, rows } = terminalRef.current;
-        const ws = wsRef.current;
-        if (ws?.readyState === WebSocket.OPEN) {
-          ws.send(JSON.stringify({ type: 'resize', cols, rows }));
-        }
-      }
-    };
-
-    // Fit on visibility change
-    handleResize();
-
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
-  }, [visible]);
-
-  // Clean up WebSocket on unmount
-  useEffect(() => {
-    return () => {
-      wsRef.current?.close();
-      wsRef.current = null;
-    };
-  }, []);
-
-  return (
-    <div className="terminal-view" style={{ display: visible ? 'flex' : 'none' }}>
-      {errorMsg && (
-        <div className="terminal-error">
-          <span>{errorMsg}</span>
-          {status !== 'connecting' && (
-            <button className="terminal-reconnect-btn" onClick={connect}>
-              Reconnect
-            </button>
-          )}
-        </div>
-      )}
-      {status === 'connecting' && (
-        <div className="terminal-status">Connecting...</div>
-      )}
-      <div ref={containerRef} className="terminal-container" />
-      {status === 'disconnected' && !errorMsg && (
-        <div className="terminal-overlay">
-          <button className="terminal-connect-btn" onClick={connect}>
-            Connect to Terminal
-          </button>
-        </div>
-      )}
-    </div>
-  );
-}

package/templates/product-system/packages/frontend/vite.config.ts

@@ -1,20 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-
-export default defineConfig({
-  plugins: [react()],
-  build: {
-    outDir: 'dist',
-    emptyOutDir: true,
-  },
-  server: {
-    port: 5173,
-    strictPort: true,
-    proxy: {
-      '/api': {
-        target: 'http://localhost:3000',
-        ws: true,
-      },
-    },
-  },
-});

package/templates/product-system/packages/shared/db/migrations/meta/_journal.json

@@ -1,13 +0,0 @@
-{
-  "version": "7",
-  "dialect": "sqlite",
-  "entries": [
-    {
-      "idx": 0,
-      "version": "6",
-      "when": 1772730355833,
-      "tag": "0000_dashing_gorgon",
-      "breakpoints": true
-    }
-  ]
-}