@launch77/cli 1.2.0 → 1.3.0

package/dist/modules/catalog/schemas/schemas/catalog-ui-components.schema.json

@@ -1,145 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "https://launch77.io/schemas/catalog-ui-components.schema.json",
-  "title": "Launch77 UI Components Catalog",
-  "description": "Catalog metadata for UI component libraries. Generated during library build and consumed by Launch77 platform for component discovery.",
-  "type": "object",
-  "required": ["catalogType", "catalogVersion", "packageName", "packageVersion", "generatedAt", "components"],
-  "additionalProperties": false,
-  "properties": {
-    "catalogType": {
-      "type": "string",
-      "const": "ui-components",
-      "description": "Type of catalog - identifies this as a UI components catalog"
-    },
-    "catalogVersion": {
-      "type": "string",
-      "pattern": "^\\d+\\.\\d+\\.\\d+$",
-      "description": "Semantic version of the catalog schema (e.g., 0.1.0)"
-    },
-    "packageName": {
-      "type": "string",
-      "pattern": "^@[a-z0-9-]+/[a-z0-9-]+$",
-      "description": "NPM package name (e.g., @launch77/ui)"
-    },
-    "packageVersion": {
-      "type": "string",
-      "description": "Version of the package containing these components"
-    },
-    "generatedAt": {
-      "type": "string",
-      "format": "date-time",
-      "description": "ISO 8601 timestamp when catalog was generated"
-    },
-    "components": {
-      "type": "array",
-      "description": "Array of UI component metadata",
-      "items": {
-        "$ref": "#/definitions/UiComponent"
-      }
-    }
-  },
-  "definitions": {
-    "UiComponent": {
-      "type": "object",
-      "description": "Metadata for a single UI component",
-      "required": ["id", "kind", "name", "packageName", "category", "description", "tags"],
-      "additionalProperties": false,
-      "properties": {
-        "id": {
-          "type": "string",
-          "pattern": "^@[a-z0-9-]+/[a-z0-9-]+#[A-Z][a-zA-Z0-9]*$",
-          "description": "Unique identifier: packageName#ComponentName (e.g., @launch77/ui#Button)"
-        },
-        "kind": {
-          "type": "string",
-          "const": "ui_component",
-          "description": "Component kind - always 'ui_component' for UI components"
-        },
-        "name": {
-          "type": "string",
-          "pattern": "^[A-Z][a-zA-Z0-9]*$",
-          "description": "Component name in PascalCase (e.g., Button, AlertDialog)"
-        },
-        "packageName": {
-          "type": "string",
-          "pattern": "^@[a-z0-9-]+/[a-z0-9-]+$",
-          "description": "NPM package containing this component"
-        },
-        "category": {
-          "type": "string",
-          "enum": ["actions", "forms", "feedback", "layout", "marketing", "typography", "infrastructure", "compliance"],
-          "description": "Component category for organization and discovery"
-        },
-        "description": {
-          "type": "string",
-          "minLength": 1,
-          "description": "Human-readable description of the component"
-        },
-        "tags": {
-          "type": "array",
-          "description": "Search tags for component discovery",
-          "items": {
-            "type": "string",
-            "minLength": 1
-          },
-          "minItems": 1
-        },
-        "props": {
-          "type": "array",
-          "description": "Component props (optional - extracted from TypeScript)",
-          "items": {
-            "type": "string"
-          }
-        },
-        "sourcePath": {
-          "type": "string",
-          "description": "Relative path to component source file from repository root (optional)"
-        },
-        "library": {
-          "type": "string",
-          "description": "Parent library package name (optional - typically same as packageName)"
-        },
-        "guidance": {
-          "type": "object",
-          "description": "Usage guidance for the component (optional)",
-          "additionalProperties": false,
-          "properties": {
-            "whenToUse": {
-              "type": "string",
-              "description": "When to use this component"
-            },
-            "whenNotToUse": {
-              "type": "string",
-              "description": "When NOT to use this component (anti-patterns)"
-            }
-          }
-        },
-        "example": {
-          "type": "string",
-          "description": "Code example showing component usage (optional)"
-        },
-        "examples": {
-          "type": "object",
-          "description": "Reference to examples module (optional)",
-          "required": ["module", "export", "sourcePath"],
-          "additionalProperties": false,
-          "properties": {
-            "module": {
-              "type": "string",
-              "description": "Module path to import examples (e.g., @launch77/ui/examples)"
-            },
-            "export": {
-              "type": "string",
-              "description": "Export name for examples (e.g., ButtonExamples)"
-            },
-            "sourcePath": {
-              "type": "string",
-              "description": "Relative path to examples source file from repository root"
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/dist/plugins/theme/package.json

@@ -1,32 +0,0 @@
-{
-  "name": "@launch77-shared/plugin-theme",
-  "version": "1.0.0",
-  "description": "Launch77 theme plugin - Design system with Tailwind preset",
-  "type": "module",
-  "main": "dist/generator.js",
-  "bin": {
-    "generate": "./dist/generator.js"
-  },
-  "files": [
-    "dist/",
-    "templates/",
-    "plugin.json"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@launch77/plugin-runtime": "file:../../../launch77-cli/libraries/plugin-runtime/launch77-plugin-runtime-0.1.0.tgz",
-    "chalk": "^5.3.0"
-  },
-  "devDependencies": {
-    "@types/node": "^20.10.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.3.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}

package/dist/plugins/theme/plugin.json

@@ -1,9 +0,0 @@
-{
-  "name": "theme",
-  "version": "1.0.0",
-  "description": "Launch77 design system with Tailwind preset and design tokens",
-  "pluginDependencies": {},
-  "libraryDependencies": {
-    "@launch77-shared/lib-theme": "^0.1.0"
-  }
-}

package/dist/plugins/theme/src/generator.ts

@@ -1,92 +0,0 @@
-#!/usr/bin/env node
-import * as path from 'path'
-import chalk from 'chalk'
-import { StandardGenerator } from '@launch77/plugin-runtime'
-import type { GeneratorContext } from '@launch77/plugin-runtime'
-import { addTailwindPreset } from './utils/config-modifier.js'
-import { insertCssImports } from './utils/css-modifier.js'
-
-export class ThemeGenerator extends StandardGenerator {
-  constructor(context: GeneratorContext) {
-    super(context)
-  }
-
-  protected async injectCode(): Promise<void> {
-    console.log(chalk.cyan('🔧 Configuring theme...\n'))
-
-    await this.updateGlobalsCss()
-    await this.updateTailwindConfig()
-  }
-
-  private async updateGlobalsCss(): Promise<void> {
-    const globalsCssPath = path.join(this.context.appPath, 'app/globals.css')
-
-    const result = await insertCssImports(globalsCssPath, [
-      "@import '@launch77-shared/lib-theme/tokens.css';",
-      "@import '../src/modules/theme/config/brand.css';",
-    ])
-
-    if (result.success) {
-      if (result.alreadyExists) {
-        console.log(chalk.gray('   ✓ CSS imports already exist in app/globals.css'))
-      } else {
-        console.log(chalk.green('   ✓ Added CSS imports to app/globals.css'))
-      }
-    } else {
-      console.log(chalk.yellow(`   ⚠️  Could not auto-configure app/globals.css: ${result.error}`))
-      console.log(chalk.gray('   You will need to add imports manually'))
-    }
-  }
-
-  private async updateTailwindConfig(): Promise<void> {
-    const tailwindConfigPath = path.join(this.context.appPath, 'tailwind.config.ts')
-
-    const result = await addTailwindPreset(tailwindConfigPath, "require('@launch77-shared/lib-theme')")
-
-    if (result.success) {
-      if (result.alreadyExists) {
-        console.log(chalk.gray('   ✓ Theme preset already exists in tailwind.config.ts'))
-      } else {
-        console.log(chalk.green('   ✓ Added theme preset to tailwind.config.ts'))
-      }
-    } else {
-      console.log(chalk.yellow(`   ⚠️  Could not auto-configure tailwind.config.ts: ${result.error}`))
-      console.log(chalk.gray('   You will need to add preset manually'))
-    }
-  }
-
-  protected showNextSteps(): void {
-    console.log(chalk.white('Next Steps:\n'))
-    console.log(chalk.gray('1. Test your theme:'))
-    console.log(chalk.gray('   Visit http://localhost:3000/theme-test\n'))
-    console.log(chalk.gray('2. Customize your brand:'))
-    console.log(chalk.gray('   Edit src/modules/theme/config/brand.css\n'))
-  }
-}
-
-// CLI entry point
-async function main() {
-  const args = process.argv.slice(2)
-  const appPath = args.find((arg) => arg.startsWith('--appPath='))?.split('=')[1]
-  const appName = args.find((arg) => arg.startsWith('--appName='))?.split('=')[1]
-  const workspaceName = args.find((arg) => arg.startsWith('--workspaceName='))?.split('=')[1]
-  const pluginPath = args.find((arg) => arg.startsWith('--pluginPath='))?.split('=')[1]
-
-  if (!appPath || !appName || !workspaceName || !pluginPath) {
-    console.error(chalk.red('Error: Missing required arguments'))
-    console.error('Usage: generate --appPath=<path> --appName=<name> --workspaceName=<workspace> --pluginPath=<path>')
-    process.exit(1)
-  }
-
-  const generator = new ThemeGenerator({ appPath, appName, workspaceName, pluginPath })
-  await generator.run()
-}
-
-// Run if executed directly
-if (import.meta.url === `file://${process.argv[1]}`) {
-  main().catch((error) => {
-    console.error(chalk.red('\n❌ Error during theme setup:'))
-    console.error(error)
-    process.exit(1)
-  })
-}

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>
-  )
-}