@launch77/cli 1.2.0 → 1.3.0

package/src/modules/workspace/commands/init-workspace.ts

@@ -38,14 +38,12 @@ export function initWorkspaceCommand(): Command {
       try {
         const spinner = ora('Creating workspace structure...').start()
 
-        const result = await service.initWorkspace({ name: workspaceName }, process.cwd())
-
-        spinner.succeed('Workspace structure created')
+        const cwd = process.cwd()
+        const result = await service.initWorkspace({ name: workspaceName }, cwd, spinner)
 
         // Success message
-        const cwd = process.cwd()
-        console.log(chalk.green(`\n✅ Workspace created successfully at ${path.relative(cwd, result.workspacePath)}\n`))
-        console.log(chalk.gray(`Next steps:\n` + `  1. cd ${workspaceName}\n` + `  2. npm install\n` + `  3. Create your first app with launch77 commands\n`))
+        console.log(chalk.green(`\n✅ Workspace ready at ${path.relative(cwd, result.workspacePath)}\n`))
+        console.log(chalk.gray(`Next steps:\n` + `  1. cd ${workspaceName}\n` + `  2. Create your first app with launch77 commands\n`))
       } catch (error) {
         if (error instanceof WorkspaceAlreadyExistsError) {
           console.error(chalk.red(`\n❌ ${error.message}\n`))

package/src/modules/workspace/services/workspace-service.ts

@@ -1,14 +1,18 @@
 import * as path from 'path'
 import { fileURLToPath } from 'url'
 
+import { execa } from 'execa'
+
 import * as filesystem from '../../../infrastructure/filesystem.js'
+import * as npm from '../../../infrastructure/npm.js'
 import { WorkspaceAlreadyExistsError } from '../errors/workspace-errors.js'
 import { validateWorkspaceName } from '../utils/workspace-validators.js'
 
 import type { InitWorkspaceRequest, InitWorkspaceResult } from '../types/workspace-types.js'
+import type { Ora } from 'ora'
 
 export class WorkspaceService {
-  async initWorkspace(request: InitWorkspaceRequest, cwd: string): Promise<InitWorkspaceResult> {
+  async initWorkspace(request: InitWorkspaceRequest, cwd: string, spinner?: Ora): Promise<InitWorkspaceResult> {
     const { name } = request
 
     // 1. Validate name
@@ -38,6 +42,31 @@ export class WorkspaceService {
       throw new Error('Failed to create workspace manifest (.launch77/workspace.json)')
     }
 
+    // 7. Stop spinner before npm install
+    if (spinner) {
+      spinner.succeed('Workspace structure created')
+    }
+
+    // 8. Install dependencies
+    console.log('\nInstalling dependencies...')
+    try {
+      await npm.install(workspacePath)
+      console.log('✓ Dependencies installed')
+    } catch (error) {
+      console.warn('⚠ Warning: npm install failed:', error instanceof Error ? error.message : String(error))
+      console.warn('You may need to run npm install manually in the workspace directory')
+    }
+
+    // 9. Initialize changesets
+    console.log('\nInitializing changesets...')
+    try {
+      await execa('npx', ['changeset', 'init'], { cwd: workspacePath })
+      console.log('✓ Changesets initialized')
+    } catch (error) {
+      console.warn('⚠ Warning: changeset init failed:', error instanceof Error ? error.message : String(error))
+      console.warn('You may need to run npx changeset init manually in the workspace directory')
+    }
+
     return {
       workspacePath,
       name,

package/templates/workspace/.github/workflows/ci.yml

@@ -0,0 +1,99 @@
+name: CI & Release
+
+on:
+  pull_request:
+    branches: [main, develop]
+  push:
+    branches: [main, develop]
+
+permissions:
+  contents: write
+  pull-requests: write
+  id-token: write
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  build-and-test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run linting
+        run: npm run lint
+
+      - name: Run type checking
+        run: npm run typecheck
+
+      - name: Build packages
+        run: npm run build
+
+      - name: Run tests
+        run: npm run test
+
+  quality-checks:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Check for dependency vulnerabilities
+        run: npm audit --audit-level=high
+
+      - name: Check formatting
+        run: npx prettier --check "**/*.{js,jsx,ts,tsx,json,md}"
+
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    needs: [build-and-test, quality-checks]
+    if: github.ref == 'refs/heads/main' && github.event_name == 'push'
+
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+          cache: 'npm'
+
+      - name: Upgrade npm
+        run: npm i -g npm@latest
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          publish: npm run release
+          title: "chore: version packages"
+          commit: "chore: version packages"
+        env:
+          GITHUB_TOKEN: ${{ secrets.RELEASE_TOKEN }}

package/templates/workspace/package.json

@@ -15,9 +15,13 @@
     "test": "turbo run test",
     "lint": "turbo run lint",
     "typecheck": "turbo run typecheck",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "turbo run build lint typecheck test && changeset publish",
     "prepare": "husky"
   },
   "devDependencies": {
+    "@changesets/cli": "^2.29.8",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "eslint": "^8.56.0",

package/dist/app-templates/webapp/.env.ci

@@ -1,6 +0,0 @@
-# CI/CD Build Environment Variables
-# These values allow Next.js to build and prerender static pages in CI
-# Real production values are set in deployment platform (Vercel)
-NEXT_PUBLIC_SITE_URL=http://localhost:3000
-NEXT_PUBLIC_API_URL=http://localhost:4000/graphql
-NEXT_PUBLIC_GTM_ID=

package/dist/app-templates/webapp/.env.example

@@ -1,9 +0,0 @@
-# Site Configuration
-NEXT_PUBLIC_SITE_URL=http://localhost:3000
-
-# Analytics
-# Get your GTM ID from Google Tag Manager (format: GTM-XXXXXXX)
-NEXT_PUBLIC_GTM_ID=
-
-# Feature Flags (optional)
-# NEXT_PUBLIC_ENABLE_ANALYTICS=true

package/dist/app-templates/webapp/.eslintrc.json

@@ -1,6 +0,0 @@
-{
-  "extends": ["next/core-web-vitals"],
-  "rules": {
-    "import/order": "off"
-  }
-}

package/dist/app-templates/webapp/README.md.hbs

@@ -1,80 +0,0 @@
-# {{appName}}
-
-{{#if startupName}}Part of the {{startupName}} startup{{/if}}
-
-A web application built with the Launch77 Platform.
-
-## Getting Started
-
-1. Install dependencies (from monorepo root):
-```bash
-npm install
-```
-
-2. Set up environment variables:
-```bash
-cp .env.example .env.local
-```
-
-3. Run the development server:
-```bash
-npm run dev
-```
-
-Open [http://localhost:{{port}}](http://localhost:{{port}}) in your browser.
-
-## Available Scripts
-
-- `npm run dev` - Start development server
-- `npm run build` - Build for production
-- `npm run start` - Start production server
-- `npm run lint` - Run ESLint
-- `npm run typecheck` - Run TypeScript type checking
-
-## Launch77 Packages
-
-This app uses the following Launch77 platform packages:
-
-- **@launch77/ui** - Shared component library
-- **@launch77/theme** - Tailwind preset and design tokens
-
-## Project Structure
-
-```
-app/
-├── layout.tsx       # Root layout
-├── page.tsx         # Homepage
-├── dashboard/       # Example dashboard page
-├── about/           # About page
-└── globals.css      # Global styles (imports @launch77/theme)
-```
-
-## Next Steps
-
-1. **Add Authentication**: Implement login/register pages and protect routes
-2. **Connect to API**: Set up API client to connect to your backend
-3. **Add Features**: Build out your application features
-
-## Using UI Components
-
-```tsx
-import { Button, Card, Input } from '@launch77/ui'
-
-export default function MyPage() {
-  return (
-    <Card>
-      <Input placeholder="Enter text" />
-      <Button>Submit</Button>
-    </Card>
-  )
-}
-```
-
-## Customizing Theme
-
-Extend `tailwind.config.ts` for theme customization.
-
-## Learn More
-
-- [Next.js Documentation](https://nextjs.org/docs)
-- [Launch77 Platform Docs](../../README.md)

package/dist/app-templates/webapp/app/about/page.tsx.hbs

@@ -1,41 +0,0 @@
-import Link from 'next/link'
-
-export default function AboutPage() {
-  return (
-    <div className="min-h-screen bg-gray-50">
-      <nav className="border-b border-gray-200">
-        <div className="max-w-7xl mx-auto px-4 py-4">
-          <div className="flex items-center justify-between">
-            <h1 className="text-xl font-bold text-gray-900">{{appName}}</h1>
-            <Link
-              href="/"
-              className="px-4 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-100 rounded-md transition-colors"
-            >
-              Home
-            </Link>
-          </div>
-        </div>
-      </nav>
-
-      <main className="max-w-3xl mx-auto px-4 py-16">
-        <h1 className="text-4xl font-bold text-gray-900 mb-4">
-          About {{appName}}
-        </h1>
-        <div className="prose prose-slate">
-          <p className="text-lg text-gray-600 mb-4">
-            This is a web application built with the Launch77 Platform.
-          </p>
-          <p className="text-gray-600 mb-4">
-            Launch77 provides a modern development environment with:
-          </p>
-          <ul className="list-disc list-inside text-gray-600 mb-4 space-y-2">
-            <li>Next.js for server-side rendering and routing</li>
-            <li>Tailwind CSS for styling</li>
-            <li>TypeScript for type safety</li>
-            <li>Plugin-based architecture for adding capabilities</li>
-          </ul>
-        </div>
-      </main>
-    </div>
-  )
-}

package/dist/app-templates/webapp/app/dashboard/page.tsx.hbs

@@ -1,51 +0,0 @@
-import Link from 'next/link'
-
-export default function DashboardPage() {
-  return (
-    <div className="min-h-screen bg-gray-50">
-      <nav className="border-b border-gray-200">
-        <div className="max-w-7xl mx-auto px-4 py-4">
-          <div className="flex items-center justify-between">
-            <h1 className="text-xl font-bold text-gray-900">{{appName}}</h1>
-            <Link
-              href="/"
-              className="px-4 py-2 text-sm font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-100 rounded-md transition-colors"
-            >
-              Home
-            </Link>
-          </div>
-        </div>
-      </nav>
-
-      <main className="max-w-7xl mx-auto px-4 py-8">
-        <div className="mb-8">
-          <h2 className="text-3xl font-bold text-gray-900 mb-2">Dashboard</h2>
-          <p className="text-gray-600">
-            This is a protected page example. Add your authentication logic here.
-          </p>
-        </div>
-
-        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-          <div className="rounded-lg border border-gray-200 bg-white p-6">
-            <h3 className="font-semibold text-gray-900 mb-2">Card 1</h3>
-            <p className="text-sm text-gray-600">
-              Example content for your dashboard
-            </p>
-          </div>
-          <div className="rounded-lg border border-gray-200 bg-white p-6">
-            <h3 className="font-semibold text-gray-900 mb-2">Card 2</h3>
-            <p className="text-sm text-gray-600">
-              Example content for your dashboard
-            </p>
-          </div>
-          <div className="rounded-lg border border-gray-200 bg-white p-6">
-            <h3 className="font-semibold text-gray-900 mb-2">Card 3</h3>
-            <p className="text-sm text-gray-600">
-              Example content for your dashboard
-            </p>
-          </div>
-        </div>
-      </main>
-    </div>
-  )
-}

package/dist/app-templates/webapp/app/globals.css

@@ -1,31 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Base resets and accessibility styles */
-@layer base {
-  html {
-    scroll-behavior: smooth;
-  }
-
-  body {
-    @apply antialiased;
-  }
-
-  /* Focus styles for accessibility */
-  :focus-visible {
-    @apply outline-none ring-2 ring-blue-500 ring-offset-2;
-  }
-
-  /* Reduced motion support */
-  @media (prefers-reduced-motion: reduce) {
-    *,
-    *::before,
-    *::after {
-      animation-duration: 0.01ms !important;
-      animation-iteration-count: 1 !important;
-      transition-duration: 0.01ms !important;
-      scroll-behavior: auto !important;
-    }
-  }
-}

package/dist/app-templates/webapp/app/layout.tsx.hbs

@@ -1,26 +0,0 @@
-import type { Metadata } from 'next'
-import { Inter } from 'next/font/google'
-
-import './globals.css'
-
-const inter = Inter({ subsets: ['latin'] })
-
-export const metadata: Metadata = {
-  title: '{{appName}}',
-  description: '{{appName}} - Built with Launch77 Platform',
-  icons: {
-    icon: '/favicon.ico',
-  },
-}
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <html lang="en" className={`${inter.className} scroll-smooth`}>
-      <body>{children}</body>
-    </html>
-  )
-}

package/dist/app-templates/webapp/app/page.tsx.hbs

@@ -1,30 +0,0 @@
-import Link from 'next/link'
-
-export default function HomePage() {
-  return (
-    <main className="min-h-screen flex items-center justify-center bg-gray-50">
-      <div className="max-w-2xl mx-auto px-4 py-16 text-center">
-        <h1 className="text-4xl font-bold text-gray-900 mb-4">
-          Welcome to {{appName}}
-        </h1>
-        <p className="text-lg text-gray-600 mb-8">
-          Built with the Launch77 Platform
-        </p>
-        <div className="flex gap-4 justify-center">
-          <Link
-            href="/dashboard"
-            className="inline-flex items-center justify-center px-6 py-3 text-base font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors"
-          >
-            Go to Dashboard
-          </Link>
-          <Link
-            href="/about"
-            className="inline-flex items-center justify-center px-6 py-3 text-base font-medium text-gray-700 bg-white hover:bg-gray-50 border border-gray-300 rounded-lg transition-colors"
-          >
-            Learn More
-          </Link>
-        </div>
-      </div>
-    </main>
-  )
-}

package/dist/app-templates/webapp/next.config.js

@@ -1,99 +0,0 @@
-// Load .env.ci in CI environments for build-time placeholder variables
-// This allows static page generation to succeed without real env values
-// Real values come from deployment platform (Vercel/Railway)
-if (process.env.CI === 'true') {
-  const path = require('path')
-  require('dotenv').config({ path: path.join(__dirname, '.env.ci') })
-}
-
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  reactStrictMode: true,
-  images: {
-    formats: ['image/avif', 'image/webp'],
-    deviceSizes: [640, 750, 1080, 1200, 1920],
-    imageSizes: [16, 32, 48, 64, 96, 128, 256],
-    minimumCacheTTL: 60 * 60 * 24 * 365, // 1 year
-  },
-  compress: true,
-  poweredByHeader: false,
-  swcMinify: true,
-  compiler: {
-    removeConsole: process.env.NODE_ENV === 'production',
-  },
-  headers: async () => [
-    {
-      source: '/:path*',
-      headers: [
-        {
-          key: 'X-DNS-Prefetch-Control',
-          value: 'on',
-        },
-        {
-          key: 'X-Content-Type-Options',
-          value: 'nosniff',
-        },
-        {
-          key: 'X-Frame-Options',
-          value: 'SAMEORIGIN',
-        },
-        {
-          key: 'X-XSS-Protection',
-          value: '1; mode=block',
-        },
-        {
-          key: 'Referrer-Policy',
-          value: 'origin-when-cross-origin',
-        },
-      ],
-    },
-    // Cache static assets aggressively
-    {
-      source: '/(.*).jpg',
-      headers: [
-        {
-          key: 'Cache-Control',
-          value: 'public, max-age=31536000, immutable',
-        },
-      ],
-    },
-    {
-      source: '/(.*).png',
-      headers: [
-        {
-          key: 'Cache-Control',
-          value: 'public, max-age=31536000, immutable',
-        },
-      ],
-    },
-    {
-      source: '/(.*).svg',
-      headers: [
-        {
-          key: 'Cache-Control',
-          value: 'public, max-age=31536000, immutable',
-        },
-      ],
-    },
-    {
-      source: '/(.*).webp',
-      headers: [
-        {
-          key: 'Cache-Control',
-          value: 'public, max-age=31536000, immutable',
-        },
-      ],
-    },
-    {
-      source: '/_next/static/(.*)',
-      headers: [
-        {
-          key: 'Cache-Control',
-          value: 'public, max-age=31536000, immutable',
-        },
-      ],
-    },
-  ],
-}
-
-module.exports = nextConfig

package/dist/app-templates/webapp/package.json.hbs

@@ -1,30 +0,0 @@
-{
-  "name": "{{#if startupName}}@{{startupName}}/{{appName}}{{else}}{{appName}}{{/if}}",
-  "version": "1.0.0",
-  "private": true,
-  "description": "{{appName}}{{#if startupName}} ({{startupName}}){{/if}} - Built with Launch77 Platform",
-  "scripts": {
-    "dev": "next dev{{#if port}} -p {{port}}{{/if}}",
-    "build": "next build",
-    "start": "next start{{#if port}} -p {{port}}{{/if}}",
-    "test": "echo \"No tests configured\" && exit 0",
-    "lint": "next lint",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "next": "^14.2.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "@types/node": "^20.0.0",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^8.56.0",
-    "eslint-config-next": "^14.2.0",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.3.0"
-  }
-}

package/dist/app-templates/webapp/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

package/dist/app-templates/webapp/tailwind.config.ts

@@ -1,24 +0,0 @@
-import type { Config } from 'tailwindcss'
-
-const config: Config = {
-  content: [
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
-    './lib/**/*.{js,ts,jsx,tsx,mdx}',
-  ],
-  theme: {
-    extend: {
-      // Add your custom theme extensions here
-      // Example:
-      // colors: {
-      //   brand: {
-      //     500: '#FF5816',
-      //     600: '#F03D00',
-      //   },
-      // },
-    },
-  },
-  plugins: [],
-}
-
-export default config

package/dist/app-templates/webapp/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "target": "ES2020",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./*"]
-    },
-    "baseUrl": "."
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}

package/dist/app-templates/webapp/vercel.json.hbs

@@ -1,7 +0,0 @@
-{
-  "buildCommand": "cd ../../../.. && npx turbo build --filter={{packageName}}",
-  "installCommand": "cd ../../../.. && npm install",
-  "outputDirectory": ".next",
-  "framework": "nextjs",
-  "ignoreCommand": "npx turbo-ignore"
-}