npm - @openchamber/web - Versions diffs - 1.0.1 - Mend

@openchamber/web 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (114) hide show

package/dist/favicon-16.png ADDED Viewed

Binary file

package/dist/favicon-32.png ADDED Viewed

Binary file

package/dist/index.html ADDED Viewed

@@ -0,0 +1,197 @@
+<!doctype html>
+<html lang="en" class="h-full">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
+    <!-- Favicon -->
+    <link rel="icon" type="image/svg+xml" href="/logo-dark.svg" />
+    <link rel="icon" type="image/svg+xml" href="/logo-light.svg" media="(prefers-color-scheme: dark)" />
+    <link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32" />
+    <link rel="icon" type="image/png" href="/favicon-16.png" sizes="16x16" />
+    <link rel="mask-icon" href="/logo-dark.svg" color="#edb449" />
+    <!-- Apple touch icon - PNG format required for iOS PWA support -->
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png" />
+    <link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png" />
+    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />
+    <!-- Web app manifest (data URL to avoid nginx auth issues) -->
+    <script>
+      const baseUrl = location.origin;
+      const manifest = {
+        "name": "OpenChamber - AI Coding Assistant",
+        "short_name": "OpenChamber",
+        "description": "Web interface companion for OpenCode AI coding agent",
+        "start_url": baseUrl + "/",
+        "display": "standalone",
+        "background_color": "#151313",
+        "theme_color": "#edb449",
+        "orientation": "portrait-primary",
+        "icons": [
+          {
+            "src": baseUrl + "/logo-dark.svg",
+            "sizes": "any",
+            "type": "image/svg+xml",
+            "purpose": "any maskable"
+          },
+          {
+            "src": baseUrl + "/favicon-16.png",
+            "sizes": "16x16",
+            "type": "image/png"
+          },
+          {
+            "src": baseUrl + "/favicon-32.png",
+            "sizes": "32x32",
+            "type": "image/png"
+          }
+        ],
+        "categories": ["developer", "tools", "productivity"],
+        "lang": "en"
+      };
+      const manifestBlob = new Blob([JSON.stringify(manifest)], {type: 'application/manifest+json'});
+      const manifestURL = URL.createObjectURL(manifestBlob);
+      const link = document.createElement('link');
+      link.rel = 'manifest';
+      link.href = manifestURL;
+      document.head.appendChild(link);
+    </script>
+    <script>
+      (function() {
+        try {
+          var variant = localStorage.getItem('selectedThemeVariant');
+          var useSystem = localStorage.getItem('useSystemTheme');
+          if (!variant || (variant !== 'light' && variant !== 'dark')) {
+            if (useSystem === null || useSystem === 'true') {
+              variant = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+            } else {
+              variant = 'dark';
+            }
+          }
+          document.documentElement.setAttribute('data-splash-variant', variant === 'light' ? 'light' : 'dark');
+        } catch (error) {
+          console.warn('Failed to apply splash variant:', error);
+        }
+      })();
+    </script>
+    <!-- Theme color - Safari iOS 26+ prioritizes CSS background-color over this, but keep as fallback -->
+    <meta name="theme-color" content="#151313" />
+    <meta name="theme-color" content="#151313" media="(prefers-color-scheme: dark)" />
+    <!-- iOS Safari PWA styling -->
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="OpenChamber" />
+    <title>OpenChamber - AI Coding Assistant</title>
+    <meta name="description" content="Web interface companion for OpenCode AI coding agent" />
+    <meta name="application-name" content="OpenChamber" />
+    <meta name="apple-mobile-web-app-title" content="OpenChamber" />
+    <!-- Inline CSS for loading screen (before Tailwind loads) -->
+    <style>
+      :root {
+        --splash-background: #151313;
+        --splash-foreground: #cdccc3;
+        --splash-rect: #4B4646;
+        --splash-grad-stop1: #F8F8F8;
+        --splash-grad-stop2: #DAD6D0;
+        --splash-grad-stop3: #BAB4AF;
+        --splash-stroke1: rgba(255, 255, 255, 0.08);
+        --splash-stroke2: rgba(0, 0, 0, 0.15);
+        --splash-stroke3: rgba(0, 0, 0, 0.2);
+      }
+      html[data-splash-variant='light'] {
+        --splash-background: #F6F4EF;
+        --splash-foreground: #453f37;
+        --splash-rect: #CFCDCD;
+        --splash-grad-stop1: #B3AEA6;
+        --splash-grad-stop2: #928E86;
+        --splash-grad-stop3: #6E6A63;
+        --splash-stroke1: rgba(255, 255, 255, 0.22);
+        --splash-stroke2: rgba(60, 56, 47, 0.25);
+        --splash-stroke3: rgba(43, 39, 34, 0.4);
+      }
+      @keyframes pulse {
+        0%, 100% { opacity: 1; }
+        50% { opacity: 0.4; }
+      }
+      .loading-pulse {
+        animation: pulse 2s ease-in-out infinite;
+      }
+      #initial-loading {
+        background-color: var(--splash-background);
+        color: var(--splash-foreground);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100vh;
+        font-family: system-ui, -apple-system, sans-serif;
+        transition: opacity 0.3s ease-out;
+        position: absolute;
+        width: 100%;
+        z-index: 9999;
+      }
+      #initial-loading.fade-out {
+        opacity: 0;
+        pointer-events: none;
+      }
+    </style>
+    <script type="module" crossorigin src="/assets/index-kNntYPVa.js"></script>
+    <link rel="modulepreload" crossorigin href="/assets/vendor-.pnpm-B1ce5n1Z.js">
+    <link rel="stylesheet" crossorigin href="/assets/vendor--B3aGWKBE.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-iDfKTtMQ.css">
+  </head>
+  <body class="h-full bg-background text-foreground">
+    <div id="root" class="h-full">
+      <!-- Loading fallback while React initializes -->
+      <div id="initial-loading">
+        <div style="display: flex; align-items: center; justify-content: center;">
+          <svg class="loading-pulse" width="96" height="96" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="OpenChamber loading icon">
+            <defs>
+              <linearGradient id="loadingGlyphGradient" x1="0" y1="0" x2="0" y2="1">
+                <stop offset="0%" stop-color="var(--splash-grad-stop1)"/>
+                <stop offset="55%" stop-color="var(--splash-grad-stop2)"/>
+                <stop offset="100%" stop-color="var(--splash-grad-stop3)"/>
+              </linearGradient>
+              <linearGradient id="loadingGlyphStroke" x1="0" y1="0" x2="0" y2="1">
+                <stop offset="0%" stop-color="var(--splash-stroke1)"/>
+                <stop offset="45%" stop-color="var(--splash-stroke2)"/>
+                <stop offset="100%" stop-color="var(--splash-stroke3)"/>
+              </linearGradient>
+            </defs>
+            <rect x="8.75" y="31" width="17.5" height="20.5" fill="var(--splash-rect)" />
+            <path d="M0 13H35V58H0V13ZM26.25 22.1957H8.75V48.701H26.25V22.1957Z" fill="url(#loadingGlyphGradient)" stroke="url(#loadingGlyphStroke)" stroke-width="1.1" stroke-linejoin="round" />
+            <path d="M43.75 13H70V22.1957H52.5V48.701H70V57.8967H43.75V13Z" fill="url(#loadingGlyphGradient)" stroke="url(#loadingGlyphStroke)" stroke-width="1.1" stroke-linejoin="round" />
+          </svg>
+        </div>
+      </div>
+    </div>
+    <script>
+      // Fallback: hide loading screen after 10 seconds if React fails to load
+      setTimeout(function() {
+        const loading = document.getElementById('initial-loading');
+        if (loading) {
+          console.warn('Loading screen timeout - forcing hide after 10s');
+          loading.classList.add('fade-out');
+          setTimeout(function() {
+            loading.remove();
+          }, 300);
+        }
+      }, 10000);
+    </script>
+    <!-- Polyfill for process before loading React -->
+    <script>
+      if (typeof process === 'undefined') {
+        window.process = { env: {} };
+      }
+    </script>
+  </body>
+</html>

package/dist/logo-dark.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 13H35V58H0V13ZM26.25 22.1957H8.75V48.701H26.25V22.1957Z" fill="black"/>
+<path d="M43.75 13H70V22.1957H52.5V48.701H70V57.8967H43.75V13Z" fill="black"/>
+</svg>

package/dist/logo-light.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 13H35V58H0V13ZM26.25 22.1957H8.75V48.701H26.25V22.1957Z" fill="white"/>
+<path d="M43.75 13H70V22.1957H52.5V48.701H70V57.8967H43.75V13Z" fill="white"/>
+</svg>

package/dist/site.webmanifest ADDED Viewed

@@ -0,0 +1,36 @@
+{
+  "name": "OpenChamber - AI Coding Companion",
+  "short_name": "OpenChamber",
+  "description": "OpenChamber desktop companion for the OpenCode AI coding agent",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#151313",
+  "theme_color": "#edb449",
+  "orientation": "portrait-primary",
+  "icons": [
+    {
+      "src": "/logo-dark.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/logo-light.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/favicon-16.png",
+      "sizes": "16x16",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon-32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    }
+  ],
+  "categories": ["developer", "tools", "productivity"],
+  "lang": "en"
+}

package/dist/vite.svg ADDED Viewed

@@ -0,0 +1 @@

+ <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/package.json ADDED Viewed

@@ -0,0 +1,92 @@
+{
+  "name": "@openchamber/web",
+  "version": "1.0.1",
+  "private": false,
+  "type": "module",
+  "main": "./server/index.js",
+  "types": "./server/index.d.ts",
+  "bin": {
+    "openchamber": "./bin/cli.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "pnpm run build:watch",
+    "dev:server": "node server/index.js --port 3001",
+    "dev:server:watch": "nodemon --watch server --ext js --exec \"node server/index.js --port 3001\"",
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint \"./src/**/*.{ts,tsx}\" --config ../../eslint.config.js",
+    "start": "node server/index.js"
+  },
+  "dependencies": {
+    "@fontsource/ibm-plex-mono": "^5.2.7",
+    "@fontsource/ibm-plex-sans": "^5.1.1",
+    "@ibm/plex": "^6.4.1",
+    "@opencode-ai/sdk": "^1.0.65",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@remixicon/react": "^4.7.0",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@xterm/addon-fit": "^0.10.0",
+    "@xterm/xterm": "^5.3.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "express": "^5.1.0",
+    "http-proxy-middleware": "^3.0.5",
+    "next-themes": "^0.4.6",
+    "node-pty": "^1.0.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^15.6.6",
+    "remark-gfm": "^4.0.1",
+    "simple-git": "^3.28.0",
+    "sonner": "^2.0.7",
+    "strip-json-comments": "^5.0.3",
+    "tailwind-merge": "^3.3.1",
+    "yaml": "^2.8.1",
+    "zustand": "^5.0.8"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.33.0",
+    "@tailwindcss/postcss": "^4.0.0",
+    "@types/node": "^24.3.1",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^5.0.0",
+    "autoprefixer": "^10.4.21",
+    "concurrently": "^9.2.1",
+    "cors": "^2.8.5",
+    "cross-env": "^7.0.3",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.3.0",
+    "nodemon": "^3.1.7",
+    "tailwindcss": "^4.0.0",
+    "tsx": "^4.20.6",
+    "tw-animate-css": "^1.3.8",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2"
+  },
+  "files": [
+    "dist",
+    "server",
+    "bin",
+    "public",
+    "package.json",
+    "README.md"
+  ]
+}

package/public/apple-touch-icon-120x120.png ADDED Viewed

Binary file

package/public/apple-touch-icon-152x152.png ADDED Viewed

Binary file

package/public/apple-touch-icon-167x167.png ADDED Viewed

Binary file

package/public/apple-touch-icon-180x180.png ADDED Viewed

Binary file

package/public/apple-touch-icon.png ADDED Viewed

Binary file

package/public/apple-touch-icon.svg ADDED Viewed

@@ -0,0 +1,18 @@
+<svg width="180" height="180" viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(8.75, 8.75) scale(0.75)">
+    <!-- Letter O with white fill and thin black stroke -->
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M0 13H35V58H0V13ZM26.25 22.1957H8.75V48.701H26.25V22.1957Z"
+          fill="white"
+          stroke="black"
+          stroke-width="1.1"
+          stroke-linejoin="round"/>
+    <!-- Letter C with white fill and thin black stroke -->
+    <path d="M43.75 13H70V22.1957H52.5V48.701H70V57.8967H43.75V13Z"
+          fill="white"
+          stroke="black"
+          stroke-width="1.1"
+          stroke-linejoin="round"/>
+  </g>
+</svg>

package/public/favicon-16.png ADDED Viewed

Binary file

package/public/favicon-32.png ADDED Viewed

Binary file

package/public/logo-dark.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 13H35V58H0V13ZM26.25 22.1957H8.75V48.701H26.25V22.1957Z" fill="black"/>
+<path d="M43.75 13H70V22.1957H52.5V48.701H70V57.8967H43.75V13Z" fill="black"/>
+</svg>

package/public/logo-light.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 13H35V58H0V13ZM26.25 22.1957H8.75V48.701H26.25V22.1957Z" fill="white"/>
+<path d="M43.75 13H70V22.1957H52.5V48.701H70V57.8967H43.75V13Z" fill="white"/>
+</svg>

package/public/site.webmanifest ADDED Viewed

@@ -0,0 +1,36 @@
+{
+  "name": "OpenChamber - AI Coding Companion",
+  "short_name": "OpenChamber",
+  "description": "OpenChamber desktop companion for the OpenCode AI coding agent",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#151313",
+  "theme_color": "#edb449",
+  "orientation": "portrait-primary",
+  "icons": [
+    {
+      "src": "/logo-dark.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/logo-light.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/favicon-16.png",
+      "sizes": "16x16",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon-32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    }
+  ],
+  "categories": ["developer", "tools", "productivity"],
+  "lang": "en"
+}

package/public/vite.svg ADDED Viewed

@@ -0,0 +1 @@

package/server/index.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import type { Express } from "express";
+import type { Server } from "http";
+export interface WebUiServerController {
+  expressApp: Express;
+  httpServer: Server;
+  getPort: () => number | null;
+  getOpenCodePort: () => number | null;
+  isReady: () => boolean;
+  restartOpenCode: () => Promise<void>;
+  stop: (options?: { exitProcess?: boolean }) => Promise<void>;
+}
+export interface StartWebUiServerOptions {
+  port?: number;
+  attachSignals?: boolean;
+  exitOnShutdown?: boolean;
+  uiPassword?: string | null;
+}
+export declare function startWebUiServer(
+  options?: StartWebUiServerOptions
+): Promise<WebUiServerController>;
+export declare function gracefulShutdown(options?: { exitProcess?: boolean }): Promise<void>;
+export declare function setupProxy(app: Express): void;
+export declare function restartOpenCode(): Promise<void>;
+export declare function parseArgs(argv?: string[]): { port: number; uiPassword: string | null };