@launch77/cli 1.2.0

package/dist/plugins/theme/templates/app/theme-test/page.tsx

@@ -0,0 +1,156 @@
+import Link from 'next/link'
+
+export default function ThemeTestPage() {
+  return (
+    <main className="min-h-screen bg-background p-8">
+      <div className="max-w-4xl mx-auto space-y-8">
+        {/* Header */}
+        <div className="space-y-2">
+          <h1 className="text-4xl font-bold text-foreground">
+            Theme Test Page
+          </h1>
+          <p className="text-muted-foreground">
+            Test your theme colors and see changes in real-time
+          </p>
+        </div>
+
+        {/* Instructions */}
+        <div className="bg-card border border-border rounded-lg p-6 space-y-4">
+          <h2 className="text-2xl font-semibold text-card-foreground">
+            How to Test Your Theme
+          </h2>
+          <ol className="list-decimal list-inside space-y-2 text-card-foreground">
+            <li>Open <code className="bg-muted px-2 py-1 rounded text-sm">app/brand.css</code></li>
+            <li>Uncomment and change the color values (HSL format)</li>
+            <li>Save the file and watch this page update automatically</li>
+          </ol>
+          <p className="text-sm text-muted-foreground">
+            Example: Change <code className="bg-muted px-2 py-1 rounded">--color-primary</code> to <code className="bg-muted px-2 py-1 rounded">270 91% 65%</code> for purple
+          </p>
+        </div>
+
+        {/* Color Swatches */}
+        <div className="space-y-4">
+          <h2 className="text-2xl font-semibold text-foreground">
+            Theme Colors
+          </h2>
+          <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
+            <div className="space-y-2">
+              <div className="h-24 bg-primary rounded-lg flex items-center justify-center">
+                <span className="text-primary-foreground font-semibold">Primary</span>
+              </div>
+              <p className="text-sm text-muted-foreground">--color-primary</p>
+            </div>
+
+            <div className="space-y-2">
+              <div className="h-24 bg-secondary rounded-lg flex items-center justify-center">
+                <span className="text-secondary-foreground font-semibold">Secondary</span>
+              </div>
+              <p className="text-sm text-muted-foreground">--color-secondary</p>
+            </div>
+
+            <div className="space-y-2">
+              <div className="h-24 bg-accent rounded-lg flex items-center justify-center">
+                <span className="text-accent-foreground font-semibold">Accent</span>
+              </div>
+              <p className="text-sm text-muted-foreground">--color-accent</p>
+            </div>
+
+            <div className="space-y-2">
+              <div className="h-24 bg-muted rounded-lg flex items-center justify-center">
+                <span className="text-muted-foreground font-semibold">Muted</span>
+              </div>
+              <p className="text-sm text-muted-foreground">--color-muted</p>
+            </div>
+
+            <div className="space-y-2">
+              <div className="h-24 bg-card border border-border rounded-lg flex items-center justify-center">
+                <span className="text-card-foreground font-semibold">Card</span>
+              </div>
+              <p className="text-sm text-muted-foreground">--color-card</p>
+            </div>
+
+            <div className="space-y-2">
+              <div className="h-24 bg-destructive rounded-lg flex items-center justify-center">
+                <span className="text-destructive-foreground font-semibold">Destructive</span>
+              </div>
+              <p className="text-sm text-muted-foreground">--color-destructive</p>
+            </div>
+          </div>
+        </div>
+
+        {/* Interactive Components */}
+        <div className="space-y-4">
+          <h2 className="text-2xl font-semibold text-foreground">
+            Component Examples
+          </h2>
+
+          {/* Buttons */}
+          <div className="space-y-3">
+            <h3 className="text-lg font-medium text-foreground">Buttons</h3>
+            <div className="flex flex-wrap gap-3">
+              <button className="px-6 py-3 bg-primary text-primary-foreground rounded-lg hover:opacity-90 transition-opacity font-medium">
+                Primary Button
+              </button>
+              <button className="px-6 py-3 bg-secondary text-secondary-foreground rounded-lg hover:opacity-90 transition-opacity font-medium">
+                Secondary Button
+              </button>
+              <button className="px-6 py-3 bg-accent text-accent-foreground rounded-lg hover:opacity-90 transition-opacity font-medium">
+                Accent Button
+              </button>
+              <button className="px-6 py-3 bg-destructive text-destructive-foreground rounded-lg hover:opacity-90 transition-opacity font-medium">
+                Destructive Button
+              </button>
+            </div>
+          </div>
+
+          {/* Cards */}
+          <div className="space-y-3">
+            <h3 className="text-lg font-medium text-foreground">Cards</h3>
+            <div className="grid md:grid-cols-2 gap-4">
+              <div className="bg-card border border-border rounded-lg p-6 space-y-2">
+                <h4 className="font-semibold text-card-foreground">Card Title</h4>
+                <p className="text-muted-foreground">
+                  This card uses the card background and border colors from your theme.
+                </p>
+              </div>
+              <div className="bg-muted rounded-lg p-6 space-y-2">
+                <h4 className="font-semibold text-foreground">Muted Card</h4>
+                <p className="text-muted-foreground">
+                  This card uses the muted background color for a subtle effect.
+                </p>
+              </div>
+            </div>
+          </div>
+
+          {/* Form Elements */}
+          <div className="space-y-3">
+            <h3 className="text-lg font-medium text-foreground">Form Elements</h3>
+            <div className="space-y-3 max-w-md">
+              <input
+                type="text"
+                placeholder="Input with border color"
+                className="w-full px-4 py-2 bg-background border border-input rounded-lg focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background"
+              />
+              <textarea
+                placeholder="Textarea with theme colors"
+                rows={3}
+                className="w-full px-4 py-2 bg-background border border-input rounded-lg focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background"
+              />
+            </div>
+          </div>
+        </div>
+
+        {/* Back Link */}
+        <div className="pt-8 border-t border-border">
+          <Link
+            href="/"
+            className="inline-flex items-center text-primary hover:underline"
+          >
+            ← Back to Home
+          </Link>
+        </div>
+      </div>
+    </main>
+  )
+}

package/dist/plugins/theme/templates/src/modules/theme/README.md

@@ -0,0 +1,209 @@
+# Theme Module
+
+## Overview
+
+This module provides theme customization using the @launch77-shared/lib-theme Tailwind CSS preset.
+
+## Features
+
+- Launch77 theme preset with semantic color tokens
+- Brand color customization via CSS variables
+- Automatic base styles and accessibility features
+- Dark mode support
+- Theme test page for visual verification
+
+## Setup
+
+The theme plugin has already installed the @launch77-shared/lib-theme package. Follow these manual steps to complete the setup:
+
+### 1. Update app/globals.css
+
+Add these imports at the top of your `app/globals.css` file:
+
+```css
+@import '@launch77-shared/lib-theme/tokens.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import '../src/modules/theme/config/brand.css';
+```
+
+### 2. Update tailwind.config.ts
+
+Replace your Tailwind config with:
+
+```typescript
+import type { Config } from 'tailwindcss'
+
+const config: Config = {
+  presets: [require('@launch77-shared/lib-theme')],
+  content: [
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './lib/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+}
+
+export default config
+```
+
+## Theme Customization
+
+### Brand Colors
+
+Edit `src/modules/theme/config/brand.css` to customize your brand colors:
+
+```css
+:root {
+  /* Primary brand color */
+  --color-primary: 158 64% 52%;
+  --color-primary-foreground: 0 0% 100%;
+
+  /* Accent color */
+  --color-accent: 25 95% 53%;
+  --color-accent-foreground: 0 0% 100%;
+
+  /* Secondary color */
+  --color-secondary: 270 50% 40%;
+  --color-secondary-foreground: 0 0% 100%;
+}
+```
+
+### HSL Color Format
+
+Colors use HSL format (Hue Saturation Lightness) without the `hsl()` wrapper:
+
+- **Hue**: 0-360 (color wheel position)
+- **Saturation**: 0-100% (color intensity)
+- **Lightness**: 0-100% (brightness)
+
+Example: `270 91% 65%` = purple
+
+### Available Theme Colors
+
+The theme includes semantic color tokens:
+
+- `primary` - Main brand color
+- `secondary` - Secondary brand color
+- `accent` - Accent/highlight color
+- `muted` - Subtle backgrounds
+- `card` - Card backgrounds
+- `destructive` - Error/danger states
+- `background` - Page background
+- `foreground` - Text color
+- `border` - Border color
+- `input` - Input borders
+- `ring` - Focus rings
+
+Each color has a corresponding `-foreground` variant for text on that background.
+
+## Testing Your Theme
+
+Visit the theme test page to see your theme in action:
+
+```
+http://localhost:3000/theme-test
+```
+
+The test page shows:
+- All theme color swatches
+- Interactive components (buttons, cards, forms)
+- Real-time updates when you modify brand.css
+
+### How to Test
+
+1. Open `src/modules/theme/config/brand.css` in your editor
+2. Uncomment and change color values
+3. Save the file
+4. Watch the theme-test page update automatically
+
+## Usage in Components
+
+Use theme colors via Tailwind utility classes:
+
+```tsx
+// Backgrounds
+<div className="bg-primary text-primary-foreground">Primary</div>
+<div className="bg-secondary text-secondary-foreground">Secondary</div>
+<div className="bg-accent text-accent-foreground">Accent</div>
+
+// Borders
+<div className="border border-border">With border</div>
+
+// Text colors
+<p className="text-foreground">Main text</p>
+<p className="text-muted-foreground">Subtle text</p>
+
+// Interactive states
+<button className="bg-primary hover:opacity-90 focus:ring-2 focus:ring-ring">
+  Button
+</button>
+```
+
+## Dark Mode
+
+The theme includes dark mode support. Add the `.dark` class to enable:
+
+```tsx
+// In your root layout
+<html className={isDarkMode ? 'dark' : ''}>
+```
+
+Customize dark mode colors in `brand.css`:
+
+```css
+.dark {
+  --color-primary: 158 64% 52%;
+  --color-primary-foreground: 240 5.9% 10%;
+}
+```
+
+## Module Structure
+
+```
+src/modules/theme/
+├── config/
+│   └── brand.css          # Brand color customization
+└── README.md              # This file
+```
+
+## Troubleshooting
+
+### Colors not updating
+
+1. Check import order in `globals.css` - brand.css should come AFTER `@tailwind` directives
+2. Ensure brand.css path is correct: `@import '../src/modules/theme/config/brand.css'`
+3. Clear Next.js cache: `rm -rf .next && npm run dev`
+
+### Theme preset not working
+
+1. Verify `tailwind.config.ts` includes the preset: `presets: [require('@launch77-shared/lib-theme')]`
+2. Check @launch77-shared/lib-theme is installed: `npm list @launch77-shared/lib-theme`
+3. Restart dev server after config changes
+
+### TypeScript errors
+
+The theme uses CSS variables and Tailwind classes - no TypeScript configuration needed. If you see type errors in CSS files, add to `.gitignore`:
+
+```
+*.css.d.ts
+```
+
+## Next Steps
+
+1. Complete the manual setup steps above
+2. Visit `/theme-test` to verify installation
+3. Customize brand colors in `brand.css`
+4. Start building with Launch77 theme tokens
+
+## Documentation
+
+For complete theme documentation, see:
+- `node_modules/@launch77-shared/lib-theme/docs/THEME.md`
+- Launch77 theme library documentation
+
+## Support
+
+For issues or questions about the theme module, refer to the Launch77 documentation or contact the development team.

package/dist/plugins/theme/templates/src/modules/theme/config/brand.css

@@ -0,0 +1,23 @@
+/* Brand Colors */
+/* Customize your theme by overriding CSS variables */
+
+:root {
+  /* Example: Customize primary color */
+  /* --color-primary: 158 64% 52%; */
+  /* --color-primary-foreground: 0 0% 100%; */
+
+  /* Example: Customize accent color */
+  /* --color-accent: 25 95% 53%; */
+  /* --color-accent-foreground: 0 0% 100%; */
+
+  /* Example: Customize secondary color */
+  /* --color-secondary: 270 50% 40%; */
+  /* --color-secondary-foreground: 0 0% 100%; */
+}
+
+/* Dark mode overrides */
+.dark {
+  /* Example: Customize colors for dark mode */
+  /* --color-primary: 158 64% 52%; */
+  /* --color-primary-foreground: 240 5.9% 10%; */
+}

package/dist/plugins/theme/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "target": "ES2022",
+    "lib": ["ES2022"],
+    "types": ["node"]
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/dist/plugins/theme/tsup.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: ['src/generator.ts'],
+  format: ['esm'],
+  dts: false,
+  sourcemap: false,
+  clean: true,
+  shims: true,
+})

package/dist/templates/startup/apps/.gitkeep

@@ -0,0 +1,8 @@
+# Apps Directory
+
+This directory will contain all applications for this startup.
+
+Create new apps using:
+```bash
+launch77 create-app marketing-site <app-name>
+```

package/dist/templates/templates/startup/apps/.gitkeep

@@ -0,0 +1,8 @@
+# Apps Directory
+
+This directory will contain all applications for this startup.
+
+Create new apps using:
+```bash
+launch77 create-app marketing-site <app-name>
+```

package/dist/templates/templates/workspace/.eslintignore

@@ -0,0 +1,7 @@
+node_modules
+dist
+.next
+.turbo
+coverage
+*.config.js
+.eslintrc.js

package/dist/templates/templates/workspace/.eslintrc.js

@@ -0,0 +1,38 @@
+module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 2022,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  plugins: ['@typescript-eslint', 'import'],
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+  rules: {
+    'import/order': [
+      'error',
+      {
+        groups: ['builtin', 'external', 'internal', ['parent', 'sibling'], 'index', 'type'],
+        'newlines-between': 'always',
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: true,
+        },
+      },
+    ],
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'error',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      },
+    ],
+    'no-console': ['warn', { allow: ['warn', 'error'] }],
+    'prefer-const': 'error',
+  },
+  ignorePatterns: ['node_modules/', 'dist/', '.next/', '.turbo/', '*.js'],
+}

package/dist/templates/templates/workspace/.husky/pre-push

@@ -0,0 +1,24 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+echo "🔍 Running pre-push checks..."
+echo "📝 Linting..."
+npm run lint || exit 1
+
+echo "🔎 Type checking..."
+npm run typecheck || exit 1
+
+echo "💅 Checking code formatting..."
+npx prettier --check "**/*.{js,jsx,ts,tsx,json,md}" || {
+  echo ""
+  echo "❌ Code formatting issues found!"
+  echo ""
+  echo "Run this command to fix formatting:"
+  echo "  npx prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\""
+  echo ""
+  echo "Then commit the changes and push again."
+  echo ""
+  exit 1
+}
+
+echo "✅ All pre-push checks passed!"

package/dist/templates/templates/workspace/.launch77/workspace.json

@@ -0,0 +1,3 @@
+{
+  "version": "1.0.0"
+}

package/dist/templates/templates/workspace/.lintstagedrc.json

@@ -0,0 +1,4 @@
+{
+  "*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"],
+  "*.{json,md,yaml,yml}": ["prettier --write"]
+}

package/dist/templates/templates/workspace/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "printWidth": 1000,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

package/dist/templates/templates/workspace/README.md

@@ -0,0 +1,62 @@
+# Launch77 Workspace
+
+Welcome to your Launch77 workspace! This is a standalone monorepo for building applications with the Launch77 platform.
+
+## Getting Started
+
+### 1. Install Dependencies
+
+```bash
+npm install
+```
+
+### 2. Create Your First App
+
+Use the Launch77 CLI to create apps:
+
+```bash
+# Create a web application
+launch77 app:create webapp my-app
+
+# Create an API
+launch77 app:create api my-api
+
+# Create a marketing site
+launch77 app:create marketing-site my-marketing
+```
+
+## Workspace Structure
+
+```
+.
+├── apps/              # Your applications live here
+├── app-templates/     # Custom app templates (future)
+├── libraries/         # Shared libraries (future)
+├── plugins/          # Custom plugins (future)
+├── package.json      # Workspace configuration
+└── turbo.json        # Turbo build configuration
+```
+
+## Available Commands
+
+```bash
+# Development
+npm run dev          # Start all apps in development mode
+
+# Building
+npm run build        # Build all apps
+
+# Quality Checks
+npm run typecheck    # Type check all apps
+npm run lint         # Lint all apps
+npm run test         # Run tests for all apps
+```
+
+## Learn More
+
+- [Launch77 Documentation](https://launch77.com/docs) (coming soon)
+- [Turborepo Documentation](https://turbo.build/repo/docs)
+
+## Need Help?
+
+Visit [launch77.com](https://launch77.com) for more information.

package/dist/templates/templates/workspace/app-templates/.gitkeep

@@ -0,0 +1 @@
+# This file ensures the app-templates directory is tracked by git

package/dist/templates/templates/workspace/apps/.gitkeep

@@ -0,0 +1 @@
+# This file ensures the apps directory is tracked by git

package/dist/templates/templates/workspace/libraries/.gitkeep

@@ -0,0 +1 @@
+# This file ensures the libraries directory is tracked by git

package/dist/templates/templates/workspace/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "workspace-name",
+  "private": true,
+  "license": "UNLICENSED",
+  "packageManager": "npm@9.0.0",
+  "workspaces": [
+    "apps/*",
+    "libraries/*",
+    "plugins/*",
+    "app-templates/*"
+  ],
+  "scripts": {
+    "dev": "turbo run dev",
+    "build": "turbo run build",
+    "test": "turbo run test",
+    "lint": "turbo run lint",
+    "typecheck": "turbo run typecheck",
+    "prepare": "husky"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-import": "^2.29.0",
+    "husky": "^9.0.0",
+    "lint-staged": "^15.0.0",
+    "prettier": "^3.2.0",
+    "turbo": "^2.0.0"
+  }
+}

package/dist/templates/templates/workspace/plugins/.gitkeep

@@ -0,0 +1 @@
+# This file ensures the plugins directory is tracked by git

package/dist/templates/templates/workspace/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "commonjs",
+    "jsx": "preserve",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "baseUrl": "."
+  },
+  "exclude": ["node_modules", "dist", ".next", ".turbo"]
+}