stacks-ai 0.1.1

package/electron/main.cjs

@@ -0,0 +1,183 @@
+const { app, BrowserWindow } = require('electron')
+const { spawn } = require('child_process')
+const path = require('path')
+const net = require('net')
+const fs = require('fs')
+
+const isDev = process.env.NODE_ENV === 'development'
+
+let mainWindow = null
+let viteProcess = null
+let serverPort = null
+
+// Find an available port
+function findAvailablePort(startPort) {
+  if (!startPort) startPort = 3000
+  return new Promise((resolve, reject) => {
+    const server = net.createServer()
+
+    server.listen(startPort, () => {
+      const port = server.address().port
+      server.close(() => resolve(port))
+    })
+
+    server.on('error', (err) => {
+      if (err.code === 'EADDRINUSE') {
+        findAvailablePort(startPort + 1).then(resolve).catch(reject)
+      } else {
+        reject(err)
+      }
+    })
+  })
+}
+
+// Wait for server to be ready
+function waitForServer(port, maxAttempts) {
+  if (!maxAttempts) maxAttempts = 30
+
+  function attempt(i) {
+    if (i >= maxAttempts) return Promise.resolve(false)
+
+    return new Promise((resolve, reject) => {
+      const socket = net.createConnection(port, 'localhost')
+      socket.on('connect', () => {
+        socket.destroy()
+        resolve(true)
+      })
+      socket.on('error', () => {
+        setTimeout(() => {
+          attempt(i + 1).then(resolve).catch(reject)
+        }, 1000)
+      })
+    })
+  }
+
+  return attempt(0)
+}
+
+// Start Vite dev server
+function startViteServer() {
+  return findAvailablePort(3000).then((port) => {
+    serverPort = port
+    console.log(`Starting Vite server on port ${serverPort}...`)
+
+    const appDir = path.join(__dirname, '..')
+
+    return new Promise((resolve, reject) => {
+      // Start vite server
+      viteProcess = spawn('npx', ['vite', '--port', serverPort.toString(), '--host', '0.0.0.0'], {
+        cwd: appDir,
+        stdio: 'pipe',
+        env: {
+          ...process.env,
+          FORCE_COLOR: '1'
+        }
+      })
+
+      viteProcess.stdout.on('data', (data) => {
+        console.log(`[Vite] ${data}`)
+      })
+
+      viteProcess.stderr.on('data', (data) => {
+        console.error(`[Vite Error] ${data}`)
+      })
+
+      viteProcess.on('error', (error) => {
+        console.error('Failed to start Vite:', error)
+        reject(error)
+      })
+
+      viteProcess.on('exit', (code) => {
+        console.log(`Vite process exited with code ${code}`)
+        if (!mainWindow || mainWindow.isDestroyed()) {
+          app.quit()
+        }
+      })
+
+      // Wait for server to be ready
+      setTimeout(() => {
+        waitForServer(serverPort).then((ready) => {
+          if (ready) {
+            console.log(`Vite server ready on http://localhost:${serverPort}`)
+            resolve()
+          } else {
+            reject(new Error('Vite server failed to start'))
+          }
+        }).catch(reject)
+      }, 2000)
+    })
+  })
+}
+
+function createWindow() {
+  mainWindow = new BrowserWindow({
+    width: 1400,
+    height: 900,
+    frame: false,
+    webPreferences: {
+      nodeIntegration: false,
+      contextIsolation: true,
+      webSecurity: !isDev // Allow local file loading in production
+    },
+    title: 'Stacks',
+    backgroundColor: '#000000'
+  })
+
+  if (isDev) {
+    // Development: Load from Vite server
+    mainWindow.loadURL(`http://localhost:${serverPort}`)
+    mainWindow.webContents.openDevTools()
+  } else {
+    // Production: Load from dist folder
+    const distPath = path.join(__dirname, '..', 'dist', 'index.html')
+    mainWindow.loadFile(distPath)
+  }
+
+  mainWindow.on('closed', () => {
+    mainWindow = null
+  })
+}
+
+app.whenReady().then(() => {
+  if (isDev) {
+    // Development: Start Vite first
+    startViteServer()
+      .then(() => {
+        createWindow()
+      })
+      .catch((error) => {
+        console.error('Failed to start application:', error)
+        app.quit()
+      })
+  } else {
+    // Production: Load directly from dist
+    createWindow()
+  }
+
+  app.on('activate', () => {
+    if (BrowserWindow.getAllWindows().length === 0) {
+      createWindow()
+    }
+  })
+})
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})
+
+app.on('before-quit', () => {
+  // Kill vite process when app quits (dev mode only)
+  if (viteProcess && !viteProcess.killed) {
+    console.log('Stopping Vite server...')
+    viteProcess.kill('SIGTERM')
+
+    // Force kill after 2 seconds if still running
+    setTimeout(() => {
+      if (viteProcess && !viteProcess.killed) {
+        viteProcess.kill('SIGKILL')
+      }
+    }, 2000)
+  }
+})

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "stacks-ai",
+  "version": "0.1.1",
+  "description": "Stacks - AI-powered infinite canvas for notes, images, and creative organization",
+  "author": "Jason Kneen",
+  "license": "MIT",
+  "type": "module",
+  "main": "electron/main.cjs",
+  "bin": {
+    "stacks-ai": "bin/stacks.cjs"
+  },
+  "files": [
+    "bin/",
+    "dist/assets/",
+    "dist/fonts/",
+    "dist/index.html",
+    "dist/mcp/*.js",
+    "electron/",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && npm run mcp:build",
+    "build:prod": "npm run clean && NODE_ENV=production vite build && npm run mcp:build",
+    "preview": "vite preview",
+    "clean": "rm -rf dist node_modules/.vite",
+    "electron": "electron .",
+    "electron:dev": "NODE_ENV=development electron .",
+    "prepublishOnly": "npm run build:prod",
+    "mcp:dev": "tsx watch mcp/server.ts",
+    "mcp:build": "tsc -p tsconfig.mcp.json",
+    "mcp:start": "node dist/mcp/server.js",
+    "mcp:proxy": "tsx mcp/proxy.ts",
+    "mcp:proxy:start": "node dist/mcp/proxy.js",
+    "version:patch": "npm version patch --no-git-tag-version",
+    "version:minor": "npm version minor --no-git-tag-version",
+    "version:major": "npm version major --no-git-tag-version"
+  },
+  "dependencies": {
+    "@ai-sdk/anthropic": "^3.0.2",
+    "@ai-sdk/google": "^3.0.2",
+    "@ai-sdk/openai": "^3.0.2",
+    "@anthropic-ai/sdk": "^0.71.2",
+    "@google/genai": "^1.34.0",
+    "@modelcontextprotocol/sdk": "^1.25.1",
+    "@paper-design/shaders-react": "^0.0.68",
+    "@types/better-sqlite3": "^7.6.13",
+    "ai": "^6.0.6",
+    "better-sqlite3": "^12.5.0",
+    "elkjs": "0.9.3",
+    "lucide-react": "^0.562.0",
+    "openai": "^6.15.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "tsx": "^4.21.0",
+    "ws": "^8.18.3",
+    "zod": "^4.3.5"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/node": "^22.14.0",
+    "@types/ws": "^8.18.1",
+    "@vitejs/plugin-react": "^5.0.0",
+    "autoprefixer": "^10.4.23",
+    "electron": "^39.2.7",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.18",
+    "typescript": "~5.8.2",
+    "vite": "^6.2.0",
+    "web-worker": "^1.5.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jasonkneen/stacks.git"
+  },
+  "keywords": [
+    "stacks",
+    "canvas",
+    "notes",
+    "ai",
+    "workspace",
+    "electron",
+    "infinite-canvas"
+  ]
+}