@gallop.software/studio 1.6.5 → 1.6.7

package/bin/studio.mjs

@@ -1,7 +1,13 @@
 #!/usr/bin/env node
 
-import { resolve } from 'path'
-import { existsSync } from 'fs'
+import { spawn } from 'child_process'
+import { resolve, dirname, join } from 'path'
+import { fileURLToPath } from 'url'
+import { existsSync, mkdirSync, cpSync, symlinkSync, rmSync, writeFileSync } from 'fs'
+import { tmpdir } from 'os'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
 
 // Parse command line arguments
 const args = process.argv.slice(2)
@@ -58,6 +64,138 @@ console.log(`
 └─────────────────────────────────────┘
 `)
 
-// Placeholder for Stage 6 - will launch Next.js dev server
-console.log('Server launching will be implemented in Stage 6.')
-console.log('For now, run the embedded version with npm run dev.')
+// Set up paths
+const studioRoot = resolve(__dirname, '..')
+const tempDir = join(tmpdir(), 'gallop-studio-' + Date.now())
+
+// Clean up any old temp directories
+const tempBase = join(tmpdir(), 'gallop-studio-')
+// Note: We don't clean up old dirs here to avoid race conditions with other instances
+
+// Create temp directory
+mkdirSync(tempDir, { recursive: true })
+
+console.log('Setting up Studio...')
+
+// Copy app files to temp directory
+cpSync(join(studioRoot, 'app'), join(tempDir, 'app'), { recursive: true })
+
+// Move next.config.mjs from app/ to root of temp dir
+const nextConfigSrc = join(tempDir, 'app', 'next.config.mjs')
+const nextConfigDest = join(tempDir, 'next.config.mjs')
+if (existsSync(nextConfigSrc)) {
+  cpSync(nextConfigSrc, nextConfigDest)
+  rmSync(nextConfigSrc)
+}
+
+// Create package.json for the temp app
+const packageJson = {
+  name: 'studio-standalone',
+  private: true,
+  type: 'module',
+}
+writeFileSync(join(tempDir, 'package.json'), JSON.stringify(packageJson, null, 2))
+
+// Create tsconfig.json for TypeScript support
+const tsconfig = {
+  compilerOptions: {
+    target: 'ES2020',
+    lib: ['ES2020', 'DOM', 'DOM.Iterable'],
+    module: 'ESNext',
+    moduleResolution: 'bundler',
+    jsx: 'preserve',
+    jsxImportSource: '@emotion/react',
+    strict: true,
+    noEmit: true,
+    esModuleInterop: true,
+    skipLibCheck: true,
+    forceConsistentCasingInFileNames: true,
+    resolveJsonModule: true,
+    isolatedModules: true,
+    allowJs: true,
+  },
+  include: ['app/**/*'],
+  exclude: ['node_modules'],
+}
+writeFileSync(join(tempDir, 'tsconfig.json'), JSON.stringify(tsconfig, null, 2))
+
+// Symlink node_modules from studioRoot
+const nodeModulesSource = join(studioRoot, 'node_modules')
+const nodeModulesTarget = join(tempDir, 'node_modules')
+
+try {
+  symlinkSync(nodeModulesSource, nodeModulesTarget, 'junction')
+} catch (e) {
+  // If symlink fails (e.g., on some Windows configs), fall back to copying
+  console.log('Creating node_modules link...')
+  cpSync(nodeModulesSource, nodeModulesTarget, { recursive: true })
+}
+
+// Find the next binary
+const nextBin = join(nodeModulesTarget, '.bin', 'next')
+
+if (!existsSync(nextBin)) {
+  console.error('Error: Next.js not found in Studio package.')
+  console.error('This is likely a package installation issue.')
+  rmSync(tempDir, { recursive: true, force: true })
+  process.exit(1)
+}
+
+// Set up environment
+const env = {
+  ...process.env,
+  STUDIO_WORKSPACE: workspace,
+  NODE_ENV: 'development',
+}
+
+// Start Next.js dev server from temp directory
+const child = spawn(nextBin, ['dev', '-p', '3001'], {
+  stdio: 'inherit',
+  cwd: tempDir,
+  env,
+})
+
+// Open browser if requested
+if (shouldOpen) {
+  setTimeout(async () => {
+    try {
+      const open = (await import('open')).default
+      open('http://localhost:3001')
+    } catch {
+      // open package might not be available
+    }
+  }, 3000)
+}
+
+// Handle process termination
+const cleanup = () => {
+  child.kill('SIGINT')
+  // Clean up temp directory
+  setTimeout(() => {
+    try {
+      rmSync(tempDir, { recursive: true, force: true })
+    } catch {
+      // Ignore cleanup errors
+    }
+  }, 1000)
+}
+
+process.on('SIGINT', () => {
+  cleanup()
+  process.exit(0)
+})
+
+process.on('SIGTERM', () => {
+  cleanup()
+  process.exit(0)
+})
+
+child.on('close', (code) => {
+  // Clean up temp directory
+  try {
+    rmSync(tempDir, { recursive: true, force: true })
+  } catch {
+    // Ignore cleanup errors
+  }
+  process.exit(code || 0)
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gallop.software/studio",
-  "version": "1.6.5",
+  "version": "1.6.7",
   "description": "Media manager for Gallop templates - upload, process, and sync images to CDN",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -59,10 +59,18 @@
   "dependencies": {
     "@aws-sdk/client-s3": "^3.705.0",
     "@emotion/react": "^11.14.0",
+    "@types/node": "^22.10.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "blurhash": "^2.0.5",
     "clsx": "^2.1.1",
+    "next": "^15.1.0",
+    "open": "^10.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.5",
-    "sharp": "^0.33.5"
+    "sharp": "^0.33.5",
+    "typescript": "^5.7.2"
   },
   "devDependencies": {
     "@types/node": "^22.10.5",