@launch77/cli 1.2.0 → 1.4.0

package/dist/plugins/theme/src/utils/config-modifier.ts

@@ -1,142 +0,0 @@
-import fs from 'fs/promises'
-
-export interface AddTailwindPresetResult {
-  success: boolean
-  error?: string
-  alreadyExists?: boolean
-}
-
-/**
- * Add Launch77 theme preset to tailwind.config.ts
- * Idempotent - won't duplicate if preset already exists
- */
-export async function addTailwindPreset(
-  filePath: string,
-  presetRequire: string
-): Promise<AddTailwindPresetResult> {
-  try {
-    // Check if file exists
-    const fileExists = await fs
-      .access(filePath)
-      .then(() => true)
-      .catch(() => false)
-
-    if (!fileExists) {
-      return {
-        success: false,
-        error: `File not found: ${filePath}`,
-      }
-    }
-
-    // Read file content
-    const content = await fs.readFile(filePath, 'utf-8')
-
-    // Check if preset already exists
-    if (content.includes(presetRequire)) {
-      return {
-        success: true,
-        alreadyExists: true,
-      }
-    }
-
-    // Find the config object and check for existing presets property
-    const lines = content.split('\n')
-    let configStartIndex = -1
-    let presetsIndex = -1
-    let indentation = '  '
-
-    // Find where the config object starts
-    for (let i = 0; i < lines.length; i++) {
-      const line = lines[i]
-
-      // Look for the config object declaration
-      if (line.includes('satisfies Config') || line.includes(': Config =')) {
-        configStartIndex = i
-        // Detect indentation from first property
-        for (let j = i + 1; j < lines.length; j++) {
-          const propLine = lines[j]
-          const match = propLine.match(/^(\s+)\w+:/)
-          if (match) {
-            indentation = match[1]
-            break
-          }
-        }
-      }
-
-      // Check if presets property already exists
-      if (line.includes('presets:')) {
-        presetsIndex = i
-      }
-    }
-
-    if (configStartIndex === -1) {
-      return {
-        success: false,
-        error: 'Could not find Tailwind config object',
-      }
-    }
-
-    let newContent: string
-
-    if (presetsIndex !== -1) {
-      // Presets property exists - add to existing array
-      const presetsLine = lines[presetsIndex]
-
-      // Check if it's an empty array
-      if (presetsLine.includes('[]')) {
-        // Replace empty array with array containing our preset
-        lines[presetsIndex] = presetsLine.replace('[]', `[${presetRequire}]`)
-      } else {
-        // Add to existing array - find the opening bracket
-        const openBracketIndex = presetsLine.indexOf('[')
-        if (openBracketIndex !== -1) {
-          // Insert after the opening bracket
-          lines[presetsIndex] =
-            presetsLine.slice(0, openBracketIndex + 1) +
-            presetRequire +
-            ', ' +
-            presetsLine.slice(openBracketIndex + 1)
-        } else {
-          return {
-            success: false,
-            error: 'Could not parse existing presets array',
-          }
-        }
-      }
-      newContent = lines.join('\n')
-    } else {
-      // No presets property - add it as first property in config
-      // Find the line after config object starts (skip opening brace)
-      let insertIndex = configStartIndex + 1
-
-      // Skip the opening brace line if it's on the same line
-      if (lines[configStartIndex].includes('{')) {
-        // Opening brace is on same line, insert after
-      } else {
-        // Find the opening brace
-        while (insertIndex < lines.length && !lines[insertIndex].includes('{')) {
-          insertIndex++
-        }
-        insertIndex++
-      }
-
-      // Insert presets property
-      const presetsLine = `${indentation}presets: [${presetRequire}],`
-      lines.splice(insertIndex, 0, presetsLine)
-
-      newContent = lines.join('\n')
-    }
-
-    // Write back to file
-    await fs.writeFile(filePath, newContent, 'utf-8')
-
-    return {
-      success: true,
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : String(error),
-    }
-  }
-}

package/dist/plugins/theme/src/utils/css-modifier.ts

@@ -1,89 +0,0 @@
-import fs from 'fs/promises'
-
-export interface InsertCssImportsResult {
-  success: boolean
-  error?: string
-  alreadyExists?: boolean
-}
-
-/**
- * Insert CSS imports after @tailwind directives
- * Idempotent - won't duplicate if imports already exist
- */
-export async function insertCssImports(
-  filePath: string,
-  imports: string[]
-): Promise<InsertCssImportsResult> {
-  try {
-    // Check if file exists
-    const fileExists = await fs
-      .access(filePath)
-      .then(() => true)
-      .catch(() => false)
-
-    if (!fileExists) {
-      return {
-        success: false,
-        error: `File not found: ${filePath}`,
-      }
-    }
-
-    // Read file content
-    const content = await fs.readFile(filePath, 'utf-8')
-
-    // Check if imports already exist
-    const allImportsExist = imports.every((importLine) => content.includes(importLine))
-
-    if (allImportsExist) {
-      return {
-        success: true,
-        alreadyExists: true,
-      }
-    }
-
-    // Find the last @tailwind directive
-    const lines = content.split('\n')
-    let lastTailwindIndex = -1
-
-    for (let i = 0; i < lines.length; i++) {
-      if (lines[i].trim().startsWith('@tailwind')) {
-        lastTailwindIndex = i
-      }
-    }
-
-    if (lastTailwindIndex === -1) {
-      return {
-        success: false,
-        error: 'Could not find @tailwind directives',
-      }
-    }
-
-    // Insert imports after the last @tailwind directive
-    const importsToAdd = imports.filter((importLine) => !content.includes(importLine))
-
-    if (importsToAdd.length === 0) {
-      return {
-        success: true,
-        alreadyExists: true,
-      }
-    }
-
-    // Build the new content
-    const before = lines.slice(0, lastTailwindIndex + 1)
-    const after = lines.slice(lastTailwindIndex + 1)
-
-    const newContent = [...before, '', '/* Launch77 Theme */', ...importsToAdd, ...after].join('\n')
-
-    // Write back to file
-    await fs.writeFile(filePath, newContent, 'utf-8')
-
-    return {
-      success: true,
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : String(error),
-    }
-  }
-}

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

@@ -1,156 +0,0 @@
-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

@@ -1,209 +0,0 @@
-# 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

@@ -1,23 +0,0 @@
-/* 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

@@ -1,14 +0,0 @@
-{
-  "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/templates/templates/startup/apps/.gitkeep

@@ -1,8 +0,0 @@
-# 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/.launch77/workspace.json

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