@mrpatronz/nexusflow 0.2.13 → 0.2.17

package/gui/src/index.css

@@ -1,110 +1,152 @@
-@import "tailwindcss";
-
-/* Custom Sleek Scrollbars */
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-::-webkit-scrollbar-thumb {
-  background: rgba(99, 102, 241, 0.15);
-  border-radius: 8px;
-  border: 1px solid rgba(255, 255, 255, 0.03);
-}
-::-webkit-scrollbar-thumb:hover {
-  background: rgba(99, 102, 241, 0.3);
-}
-
-/* Glassmorphism and Modern UI Helpers */
-@utility glass-card {
-  background: rgba(17, 24, 39, 0.45);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  border: 1px solid rgba(255, 255, 255, 0.05);
-  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
-}
-
-@utility glass-card-glow {
-  box-shadow: 0 0 15px rgba(99, 102, 241, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.05);
-}
-
-@utility text-glow-indigo {
-  text-shadow: 0 0 12px rgba(99, 102, 241, 0.4);
-}
-
-@utility animate-slide-in {
-  animation: slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-
-@utility animate-fade-in {
-  animation: fade-in 0.2s ease-out forwards;
-}
-
-@utility animate-spin-slow {
-  animation: spin 8s linear infinite;
-}
-
-@utility animate-pulse-glow-green {
-  animation: pulse-glow-green 2s infinite ease-in-out;
-}
-
-@utility animate-pulse-glow-indigo {
-  animation: pulse-glow-indigo 2.5s infinite ease-in-out;
-}
-
-@keyframes slide-in {
-  from {
-    transform: translateY(0.75rem);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-@keyframes fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes pulse-glow-green {
-  0%, 100% {
-    box-shadow: 0 0 4px rgba(52, 211, 153, 0.2);
-    opacity: 0.8;
-  }
-  50% {
-    box-shadow: 0 0 12px rgba(52, 211, 153, 0.6);
-    opacity: 1;
-  }
-}
-
-@keyframes pulse-glow-indigo {
-  0%, 100% {
-    box-shadow: 0 0 4px rgba(99, 102, 241, 0.2);
-  }
-  50% {
-    box-shadow: 0 0 14px rgba(99, 102, 241, 0.5);
-  }
-}
-
-/* Custom terminal colors */
-.term-matrix {
-  color: #10b981;
-  background-color: #030712;
-}
-.term-dracula {
-  color: #f8f8f2;
-  background-color: #282a36;
-}
-.term-classic {
-  color: #e5e7eb;
-  background-color: #0b0f19;
-}
-
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Space+Grotesk:wght@300..700&display=swap');
+@import "tailwindcss";
+
+/* Global Font Overrides to Monospace */
+body {
+  font-family: 'JetBrains Mono', monospace !important;
+  background-color: #030408 !important;
+  background-image: 
+    radial-gradient(at 50% 0%, rgba(139, 92, 246, 0.06) 0px, transparent 50%),
+    radial-gradient(at 0% 100%, rgba(6, 182, 212, 0.04) 0px, transparent 50%) !important;
+}
+
+h1, h2, h3, h4, h5, h6, button, input, select, textarea, code, pre {
+  font-family: 'JetBrains Mono', monospace !important;
+}
+
+/* Custom Sleek Scrollbars */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: #05070c;
+}
+::-webkit-scrollbar-thumb {
+  background: #1f2937;
+  border-radius: 3px;
+  border: 1px solid rgba(255, 255, 255, 0.03);
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #374151;
+}
+
+/* Glassmorphism and Terminal UI Helpers */
+@utility glass-card {
+  background: rgba(5, 7, 12, 0.6) !important;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border: 1px solid rgba(255, 255, 255, 0.04) !important;
+  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5) !important;
+}
+
+@utility glass-card-glow {
+  box-shadow: 0 0 15px rgba(6, 182, 212, 0.05), inset 0 0 1px 1px rgba(255, 255, 255, 0.03);
+}
+
+@utility text-glow-cyan {
+  text-shadow: 0 0 8px rgba(6, 182, 212, 0.4);
+}
+
+@utility text-glow-green {
+  text-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
+}
+
+@utility neon-border {
+  box-shadow: 0 0 10px rgba(6, 182, 212, 0.1);
+}
+
+@utility neon-border-green {
+  box-shadow: 0 0 10px rgba(16, 185, 129, 0.1);
+}
+
+/* CRT Scanline effect */
+.crt-screen {
+  position: relative;
+}
+
+.crt-screen::after {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 0; left: 0; bottom: 0; right: 0;
+  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.04), rgba(0, 255, 0, 0.01), rgba(0, 255, 0, 0.04));
+  z-index: 10;
+  background-size: 100% 4px, 6px 100%;
+  pointer-events: none;
+  opacity: 0.35;
+}
+
+@utility animate-slide-in {
+  animation: slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+@utility animate-fade-in {
+  animation: fade-in 0.2s ease-out forwards;
+}
+
+@utility animate-spin-slow {
+  animation: spin 8s linear infinite;
+}
+
+@utility animate-pulse-glow-green {
+  animation: pulse-glow-green 2s infinite ease-in-out;
+}
+
+@utility animate-pulse-glow-cyan {
+  animation: pulse-glow-cyan 2.5s infinite ease-in-out;
+}
+
+@keyframes slide-in {
+  from {
+    transform: translateY(0.5rem);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes pulse-glow-green {
+  0%, 100% {
+    box-shadow: 0 0 4px rgba(52, 211, 153, 0.15);
+    opacity: 0.8;
+  }
+  50% {
+    box-shadow: 0 0 10px rgba(52, 211, 153, 0.4);
+    opacity: 1;
+  }
+}
+
+@keyframes pulse-glow-cyan {
+  0%, 100% {
+    box-shadow: 0 0 4px rgba(6, 182, 212, 0.15);
+  }
+  50% {
+    box-shadow: 0 0 12px rgba(6, 182, 212, 0.4);
+  }
+}
+
+/* Custom terminal colors */
+.term-matrix {
+  color: #10b981;
+  background-color: #030712;
+}
+.term-dracula {
+  color: #f8f8f2;
+  background-color: #282a36;
+}
+.term-classic {
+  color: #e5e7eb;
+  background-color: #0b0f19;
+}

package/gui/src/main.tsx

@@ -1,10 +1,94 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.tsx'
+
+declare global {
+  interface Window {
+    Neutralino?: any;
+    NL_PATH?: string;
+  }
+}
+
+async function waitForBackend(url: string, maxRetries = 25, delay = 200): Promise<boolean> {
+  for (let i = 0; i < maxRetries; i++) {
+    try {
+      const res = await fetch(url);
+      if (res.ok) {
+        console.log(`Backend connection established on attempt ${i + 1}`);
+        return true;
+      }
+    } catch {
+      // Ignored, retry
+    }
+    await new Promise((resolve) => setTimeout(resolve, delay));
+  }
+  console.warn(`Backend connection timed out after ${maxRetries} attempts`);
+  return false;
+}
+
+function renderApp() {
+  createRoot(document.getElementById('root')!).render(
+    <StrictMode>
+      <App />
+    </StrictMode>,
+  );
+}
+
+if (typeof window !== 'undefined' && window.Neutralino) {
+  window.Neutralino.init();
+  window.Neutralino.events.on('windowClose', () => {
+    window.Neutralino.app.exit();
+  });
+
+  (async () => {
+    const backendUrl = 'http://localhost:3000/api/config';
+    try {
+      const res = await fetch(backendUrl);
+      if (res.ok) {
+        console.log('NexusFlow Hono backend is already running.');
+        renderApp();
+        return;
+      }
+    } catch {
+      console.log('NexusFlow Hono backend not detected. Launching...');
+      try {
+        const isWin = navigator.platform.includes('Win') || navigator.userAgent.includes('Windows');
+        const nlPath = window.NL_PATH || '.';
+        
+        // Construct paths for packaged mode
+        const nodeBinary = isWin ? `${nlPath}/node/node.exe` : `${nlPath}/node/bin/node`;
+        const serverScript = `${nlPath}/server/dist/index.js`;
+        
+        // Check if we are running in packaged mode by testing if the embedded node exists
+        let isPackaged = false;
+        try {
+          await window.Neutralino.filesystem.getStats(nodeBinary);
+          isPackaged = true;
+        } catch {
+          // File doesn't exist or filesystem API failed, meaning dev mode
+        }
+
+        let cmd: string;
+        if (isPackaged) {
+          console.log('Running in packaged mode, using embedded node and server...');
+          cmd = `"${nodeBinary}" "${serverScript}" ui --server-only --port 3000`;
+        } else {
+          console.log('Running in development mode, using global node and relative path...');
+          cmd = 'node ../NexusFlow/dist/index.js ui --server-only --port 3000';
+        }
+
+        console.log('Spawning backend command:', cmd);
+        await window.Neutralino.os.execCommand(cmd, { background: true });
+        console.log('Hono backend successfully spawned. Waiting for port 3000...');
+        await waitForBackend(backendUrl);
+      } catch (err) {
+        console.error('Failed to spawn Hono backend:', err);
+      } finally {
+        renderApp();
+      }
+    }
+  })();
+} else {
+  renderApp();
+}

package/gui/src/types.ts

@@ -1,62 +1,62 @@
-// Types matched with src/types.ts
-
-export interface NexusFlowConfig {
-  version: string;
-  devDir: string;
-  workspacesDir: string;
-  defaultAssistant: string | null;
-  defaultEditor?: string | null;
-  scanDepth: number;
-}
-
-export interface DetectedAI {
-  name: string;
-  displayName: string;
-  detected: boolean;
-  command?: string;
-}
-
-export interface DetectedEditor {
-  name: string;
-  command: string;
-  detected: boolean;
-}
-
-export interface RepoInfo {
-  name: string;
-  path: string;
-  defaultBranch: string;
-}
-
-export interface Feature {
-  id: string;
-  branchName: string;
-  description: string;
-  repos: string[];
-  assistants: string[];
-  workspacePath: string;
-  createdAt: string;
-}
-
-export interface ServiceConfig {
-  name: string;
-  cwd: string;
-  command: string;
-  args: string[];
-  port?: number;
-  source: string;
-}
-
-export interface OrchestrationDetection {
-  tool: string;
-  configPath: string;
-  startCommand: string;
-  stopCommand: string;
-}
-
-export interface RunningService {
-  name: string;
-  pid: number;
-  config: ServiceConfig;
-  startedAt: string;
-}
+// Types matched with src/types.ts
+
+export interface NexusFlowConfig {
+  version: string;
+  devDir: string;
+  workspacesDir: string;
+  defaultAssistant: string | null;
+  defaultEditor?: string | null;
+  scanDepth: number;
+}
+
+export interface DetectedAI {
+  name: string;
+  displayName: string;
+  detected: boolean;
+  command?: string;
+}
+
+export interface DetectedEditor {
+  name: string;
+  command: string;
+  detected: boolean;
+}
+
+export interface RepoInfo {
+  name: string;
+  path: string;
+  defaultBranch: string;
+}
+
+export interface Feature {
+  id: string;
+  branchName: string;
+  description: string;
+  repos: string[];
+  assistants: string[];
+  workspacePath: string;
+  createdAt: string;
+}
+
+export interface ServiceConfig {
+  name: string;
+  cwd: string;
+  command: string;
+  args: string[];
+  port?: number;
+  source: string;
+}
+
+export interface OrchestrationDetection {
+  tool: string;
+  configPath: string;
+  startCommand: string;
+  stopCommand: string;
+}
+
+export interface RunningService {
+  name: string;
+  pid: number;
+  config: ServiceConfig;
+  startedAt: string;
+}

package/gui/tsconfig.app.json

@@ -1,25 +1,25 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "es2023",
-    "lib": ["ES2023", "DOM"],
-    "module": "esnext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023", "DOM"],
+    "module": "esnext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}

package/gui/tsconfig.json

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

package/gui/tsconfig.node.json

@@ -1,24 +1,24 @@
-{
-  "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 */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "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 */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

package/gui/vite.config.ts

@@ -1,12 +1,12 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  build: {
-    outDir: '../dist/gui',
-    emptyOutDir: true,
-  },
-})
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  build: {
+    outDir: '../dist/gui',
+    emptyOutDir: true,
+  },
+})