spine-framework 0.1.45 → 0.1.47

package/.framework/cli/commands/install-app.ts

@@ -28,9 +28,10 @@
  */
 
 import type { Command } from 'commander'
-import { existsSync, readFileSync, readdirSync } from 'fs'
+import { existsSync, readFileSync, readdirSync, cpSync, mkdirSync } from 'fs'
 import { resolve, dirname } from 'path'
 import { fileURLToPath } from 'url'
+import { execSync } from 'child_process'
 import { adminDb } from '../../functions/_shared/index.ts'
 
 const __filename = fileURLToPath(import.meta.url)
@@ -286,14 +287,102 @@ async function recordInstallation(appSlug: string, accountId: string | null, dry
   }
 }
 
+function isNpmPackage(slug: string): boolean {
+  return slug.includes('/') || slug.startsWith('spine-framework-') || slug.startsWith('@')
+}
+
+function resolveSlugFromPackage(pkg: string): string {
+  const manifest = resolve(PROJECT_ROOT, `node_modules/${pkg}/spine-manifest.json`)
+  if (existsSync(manifest)) {
+    try {
+      return JSON.parse(readFileSync(manifest, 'utf8')).slug
+    } catch { /* fall through */ }
+  }
+  const pkgJson = resolve(PROJECT_ROOT, `node_modules/${pkg}/package.json`)
+  if (existsSync(pkgJson)) {
+    try {
+      const meta = JSON.parse(readFileSync(pkgJson, 'utf8'))
+      if (meta.spine?.slug) return meta.spine.slug
+    } catch { /* fall through */ }
+  }
+  return pkg.replace(/^spine-framework-/, '').replace(/^@[^/]+\//, '')
+}
+
+async function checkPrerequisites(_slug: string): Promise<void> {
+  // Apps are independently installable — no hardcoded prereqs.
+  // Future: read prereqs from the app's manifest.json if needed.
+}
+
+function copyAppFiles(pkg: string, slug: string): void {
+  const pkgDir = resolve(PROJECT_ROOT, `node_modules/${pkg}`)
+  const appDirs = ['pages', 'components', 'seed', 'api']
+  const appFiles = ['index.tsx', 'manifest.json', 'package.json']
+  const targetAppDir = resolve(PROJECT_ROOT, `custom/apps/${slug}`)
+  const targetFunctionsDir = resolve(PROJECT_ROOT, 'custom/functions')
+
+  mkdirSync(targetAppDir, { recursive: true })
+  mkdirSync(targetFunctionsDir, { recursive: true })
+
+  for (const file of appFiles) {
+    const src = resolve(pkgDir, file)
+    if (existsSync(src)) {
+      cpSync(src, resolve(targetAppDir, file), { force: true })
+    }
+  }
+
+  for (const dir of appDirs) {
+    const src = resolve(pkgDir, dir)
+    if (existsSync(src)) {
+      cpSync(src, resolve(targetAppDir, dir), { recursive: true, force: true })
+    }
+  }
+
+  const functionsDir = resolve(pkgDir, 'functions')
+  if (existsSync(functionsDir)) {
+    cpSync(functionsDir, targetFunctionsDir, { recursive: true, force: true })
+    const count = readdirSync(targetFunctionsDir).filter(f => f.endsWith('.ts')).length
+    console.log(`  ✓ Copied functions (${count} files) → custom/functions/`)
+  }
+
+  console.log(`  ✓ Ejected app files → custom/apps/${slug}/`)
+}
+
 async function installApp(slug: string, options: InstallOptions): Promise<void> {
   console.log(`\n📦 Installing app '${slug}'...\n`)
 
-  // 1. Find the app directory
-  const appDir = resolve(PROJECT_ROOT, `custom/apps/${slug}`)
+  let resolvedSlug = slug
+  let packageName: string | null = null
+
+  if (isNpmPackage(slug)) {
+    packageName = slug
+    console.log(`📥 Step 1: Installing npm package...`)
+    const pkgDir = resolve(PROJECT_ROOT, `node_modules/${slug}`)
+    if (!existsSync(pkgDir)) {
+      try {
+        console.log(`  Running: npm install ${slug}`)
+        execSync(`npm install ${slug}`, { cwd: PROJECT_ROOT, stdio: 'inherit' })
+        console.log(`  ✓ Package installed`)
+      } catch (err: any) {
+        console.error(`  ❌ npm install failed: ${err.message}`)
+        process.exit(1)
+      }
+    } else {
+      console.log(`  ⏭️  Package already in node_modules`)
+    }
+    resolvedSlug = resolveSlugFromPackage(slug)
+    console.log(`  ✓ App slug: ${resolvedSlug}`)
+
+    console.log(`\n📁 Step 2: Ejecting app files...`)
+    copyAppFiles(slug, resolvedSlug)
+  }
+
+  // Check prerequisites (e.g. portal requires cortex)
+  await checkPrerequisites(resolvedSlug)
+
+  const appDir = resolve(PROJECT_ROOT, `custom/apps/${resolvedSlug}`)
   if (!existsSync(appDir)) {
-    console.error(`  ❌ App directory not found: custom/apps/${slug}`)
-    console.error(`     Install the npm package first or create the app with 'spine-framework create-app ${slug}'`)
+    console.error(`  ❌ App directory not found: custom/apps/${resolvedSlug}`)
+    console.error(`     Install the npm package first or create the app with 'spine-framework create-app ${resolvedSlug}'`)
     process.exit(1)
   }
 
@@ -313,7 +402,7 @@ async function installApp(slug: string, options: InstallOptions): Promise<void>
   }
 
   // 3. Ensure app record in DB
-  const appId = await ensureAppRecord(slug, appName)
+  const appId = await ensureAppRecord(resolvedSlug, appName)
 
   // 4. Process seed files
   const seedDir = resolve(appDir, 'seed')
@@ -364,12 +453,12 @@ async function installApp(slug: string, options: InstallOptions): Promise<void>
 
   // 5. Record installation
   console.log(`\n📝 Recording installation...`)
-  await recordInstallation(slug, options.account || null, options.dryRun)
+  await recordInstallation(resolvedSlug, options.account || null, options.dryRun)
 
   console.log(`\n✅ App '${appName}' installed successfully!`)
   console.log(`\n   Next steps:`)
   console.log(`   1. npm run assemble && netlify dev`)
-  console.log(`   2. Navigate to /${slug} in your browser`)
+  console.log(`   2. Navigate to /${resolvedSlug} in your browser`)
 }
 
 export function registerInstallAppCommands(program: Command) {

package/dist/cli/commands/install-app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"install-app.d.ts","sourceRoot":"","sources":["../../../.framework/cli/commands/install-app.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAyVxC,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,OAAO,QAgB1D"}
+{"version":3,"file":"install-app.d.ts","sourceRoot":"","sources":["../../../.framework/cli/commands/install-app.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAkbxC,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,OAAO,QAgB1D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spine-framework",
-  "version": "0.1.45",
+  "version": "0.1.47",
   "private": false,
   "description": "Spine — enterprise application framework built on Supabase + Netlify + React",
   "type": "module",