gitspace 0.2.0-rc.20 → 0.2.0-rc.21

package/web/eslint.config.js

@@ -1,23 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-])

package/web/index.css

@@ -1,249 +0,0 @@
-@import "tailwindcss";
-@source "./*.{ts,tsx,html}";
-@source "../src/**/*.{ts,tsx}";
-
-:root {
-  font-family: 'JetBrains Mono', 'SF Mono', Monaco, 'Cascadia Code', monospace;
-  /* Prevent iOS from zooming on input focus */
-  touch-action: manipulation;
-
-  /* GitHub Dark + GitSpace Green Theme */
-  --color-bg: #0d1117;           /* GitHub Dark (Page BG) */
-  --color-bg-elevated: #161b22;  /* Cards, Headers, Controls */
-  --color-bg-surface: #161b22;   /* Elevated surfaces */
-  --color-bg-overlay: #1c2128;   /* Modals, overlays */
-  
-  --color-border: #30363d;       /* Standard borders */
-  --color-border-active: #8b949e; /* Active borders */
-  --color-border-muted: #21262d; /* Subtle borders */
-  
-  --color-text: #e6edf3;         /* Primary text */
-  --color-text-muted: #8b949e;   /* Secondary text */
-  --color-text-dim: #6e7681;     /* Disabled/placeholder */
-  
-  --color-accent: #22c55e;       /* GitSpace Green (Primary) */
-  --color-accent-hover: #16a34a; /* Darker green */
-  --color-accent-glow: rgba(34, 197, 94, 0.5); /* For shadow-glow */
-  
-  --color-success: #3fb950;      /* GitHub Green (Status) */
-  --color-warning: #d29922;      /* GitHub Yellow */
-  --color-danger: #f85149;       /* GitHub Red */
-  --color-info: #58a6ff;         /* GitHub Blue */
-
-  /* Legacy Catppuccin mappings (for backward compatibility during migration) */
-  --color-base: var(--color-bg);
-  --color-mantle: var(--color-bg-elevated);
-  --color-surface0: var(--color-bg-surface);
-  --color-text-main: var(--color-text);
-  --color-blue: var(--color-accent);
-
-  /* Visual viewport sizing (set by useVisualViewport hook) */
-  --visual-viewport-height: 100dvh;
-  /* Keyboard inset (set by useVisualViewport hook) */
-  --keyboard-inset: 0px;
-}
-
-body {
-  margin: 0;
-  min-height: 100vh;
-  min-height: 100dvh; /* Dynamic viewport height for mobile browsers */
-  background-color: var(--color-bg);
-  color: var(--color-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  /* Prevent pull-to-refresh and overscroll effects on mobile */
-  overscroll-behavior: none;
-  overflow: hidden;
-}
-
-html {
-  /* Prevent pull-to-refresh on iOS Safari */
-  overscroll-behavior: none;
-  overflow: hidden;
-}
-
-/* Glow effect utility */
-.shadow-glow {
-  box-shadow: 0 0 10px var(--color-accent-glow);
-}
-
-#root {
-  min-height: 100vh;
-  min-height: 100dvh;
-}
-
-/* Ensure full height containers respect dynamic viewport */
-.h-screen {
-  height: 100vh;
-  height: 100dvh;
-}
-
-/* Use visual viewport height for terminal containers (shrinks with keyboard) */
-.h-visual-viewport {
-  height: var(--visual-viewport-height, 100dvh);
-}
-
-/* Touch-friendly minimum tap targets */
-.touch-target {
-  min-height: 44px;
-  min-width: 44px;
-}
-
-/* Safe area padding for notched devices */
-@supports (padding: env(safe-area-inset-bottom)) {
-  .safe-bottom {
-    padding-bottom: env(safe-area-inset-bottom);
-  }
-  .safe-top {
-    padding-top: env(safe-area-inset-top);
-  }
-}
-
-/* Hide scrollbar but allow scrolling on mobile */
-.scrollbar-hide {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-.scrollbar-hide::-webkit-scrollbar {
-  display: none;
-}
-
-/* ============================================
-   Mobile Controls Styles
-   ============================================ */
-
-/* Terminal controls bar */
-.terminal-controls {
-  position: fixed;
-  bottom: var(--keyboard-inset, 0px);
-  left: 0;
-  right: 0;
-  z-index: 40;
-  transition: bottom 0.1s ease-out;
-  -webkit-backdrop-filter: blur(8px);
-  backdrop-filter: blur(8px);
-}
-
-/* Terminal key buttons */
-.terminal-key {
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  user-select: none;
-  touch-action: none;
-}
-
-.terminal-key:active {
-  transform: scale(0.95);
-}
-
-/* D-Pad and NumPad overlays */
-.dpad-overlay,
-.numpad-overlay {
-  -webkit-tap-highlight-color: transparent;
-  touch-action: none;
-}
-
-/* iOS-specific fixes */
-.ios-device {
-  /* Prevent iOS from adjusting font size */
-  -webkit-text-size-adjust: 100%;
-}
-
-.ios-device .terminal-controls {
-  /* Account for iOS safe area */
-  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
-}
-
-/* PWA-specific styles */
-.ios-pwa {
-  /* Ensure full height in PWA mode */
-  min-height: 100vh;
-  min-height: -webkit-fill-available;
-}
-
-/* Touch device optimizations */
-.touch-device .terminal-key {
-  /* Larger touch targets on touch devices */
-  min-height: 36px;
-  min-width: 36px;
-}
-
-/* Coarse pointer (finger) optimizations */
-.coarse-pointer .terminal-key {
-  /* Even larger for coarse pointers */
-  min-height: 40px;
-  min-width: 40px;
-}
-
-/* Terminal container when controls are shown
-   Note: safe-area-inset-bottom is handled by terminal-controls itself */
-.terminal-with-controls {
-  padding-bottom: calc(52px + var(--keyboard-inset, 0px));
-}
-
-/* Terminal container when floating controls are visible (PgUp/PgDn buttons)
-   Reserve space at bottom so terminal doesn't overlap with floating buttons */
-.terminal-with-floating-controls {
-  padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px));
-}
-
-/* Input mode container - fixed height that reserves space for keyboard
-   This prevents layout shift when keyboard opens/closes
-   Terminal takes ~45% of screen, leaving room for keyboard (~40%) + controls (~15%) */
-.terminal-input-mode-container {
-  /* Fixed height reserves space for keyboard */
-  height: 45dvh;
-  min-height: 180px;
-  overflow: hidden;
-}
-
-/* xterm viewport touch optimizations */
-.xterm .xterm-viewport {
-  -webkit-overflow-scrolling: touch;
-  overscroll-behavior: contain;
-}
-
-/* iOS native text selection support */
-.ios-native-term-selection .xterm .xterm-accessibility-tree {
-  -webkit-user-select: text;
-  user-select: text;
-}
-
-/* Prevent iOS double-tap zoom on controls */
-.terminal-controls button {
-  touch-action: manipulation;
-}
-
-/* Momentum scrolling for session switcher */
-.session-switcher {
-  -webkit-overflow-scrolling: touch;
-  scroll-snap-type: x mandatory;
-  overscroll-behavior-x: contain;
-}
-
-.session-switcher > * {
-  scroll-snap-align: start;
-}
-
-/* Fade indicators for horizontal scroll */
-.scroll-fade-left::before,
-.scroll-fade-right::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 24px;
-  pointer-events: none;
-  z-index: 1;
-}
-
-.scroll-fade-left::before {
-  left: 0;
-  background: linear-gradient(to right, var(--color-bg-elevated), transparent);
-}
-
-.scroll-fade-right::after {
-  right: 0;
-  background: linear-gradient(to left, var(--color-bg-elevated), transparent);
-}

package/web/index.html

@@ -1,16 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <meta name="format-detection" content="telephone=no" />
-    <title>Spaces Terminal</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>

package/web/main.tsx

@@ -1,10 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "./index.css";
-import App from "../src/app.web";
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
-);

package/web/package.json

@@ -1,39 +0,0 @@
-{
-  "name": "web",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@noble/ciphers": "^2.1.1",
-    "@noble/curves": "^2.0.1",
-    "@noble/hashes": "^2.0.1",
-    "@pierre/diffs": "^1.0.11",
-    "ghostty-web": "^0.4.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-router-dom": "^7.11.0",
-    "sonner": "^1.7.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "@tailwindcss/vite": "^4.1.18",
-    "@types/node": "^25.0.3",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "eslint": "^9.39.1",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "globals": "^16.5.0",
-    "tailwindcss": "^4.1.18",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.4"
-  }
-}

package/web/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/web/tsconfig.app.json

@@ -1,35 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "types": ["vite/client", "node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "baseUrl": ".",
-    "paths": {
-      "ghostty-web": ["./node_modules/ghostty-web"],
-      "sonner": ["./node_modules/sonner"],
-      "@pierre/diffs/react": ["./node_modules/@pierre/diffs/dist/react/index.d.ts"],
-      "@pierre/diffs": ["./node_modules/@pierre/diffs/dist/index.d.ts"]
-    },
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["main.tsx"]
-}

package/web/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/web/tsconfig.node.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/web/vite.config.ts

@@ -1,39 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
-import path from 'path'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  build: {
-    outDir: 'dist',
-    emptyOutDir: true,
-    rollupOptions: {
-      external: ['bun'],
-    },
-  },
-  resolve: {
-    // Dedupe react to avoid multiple instances when importing from shared components
-    dedupe: ['react', 'react-dom'],
-    alias: {
-      // Ensure shared components resolve react from web's node_modules
-      'react': path.resolve(__dirname, 'node_modules/react'),
-      'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
-      'ghostty-web': path.resolve(__dirname, 'node_modules/ghostty-web'),
-      'sonner': path.resolve(__dirname, 'node_modules/sonner'),
-      // @pierre/diffs is installed in web/node_modules; alias so src/ imports resolve
-      '@pierre/diffs/react': path.resolve(__dirname, 'node_modules/@pierre/diffs/dist/react/index.js'),
-      '@pierre/diffs': path.resolve(__dirname, 'node_modules/@pierre/diffs/dist/index.js'),
-    },
-  },
-  server: {
-    proxy: {
-      '/ws': {
-        target: 'ws://localhost:4480',
-        ws: true,
-        changeOrigin: true,
-      },
-    },
-  },
-})