@nikkory/vibe-cli 2.4.1 → 2.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nikkory/vibe-cli",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "description": "CLI tool for Nikkory Vibe - Generate production-ready code in seconds",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -8,13 +8,19 @@
     "nikkory-vibe": "./dist/index.js",
     "vibe": "./dist/index.js"
   },
+  "files": [
+    "dist",
+    "scripts",
+    "README.md"
+  ],
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
     "lint": "eslint src --ext .ts",
     "type-check": "tsc --noEmit",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "postinstall": "node scripts/postinstall.js"
   },
   "keywords": [
     "cli",
@@ -31,8 +37,6 @@
     "directory": "packages/cli"
   },
   "dependencies": {
-    "@nikkory/vibe-engine": "workspace:*",
-    "@nikkory/vibe-react": "workspace:*",
     "boxen": "^7.1.1",
     "chalk": "^5.3.0",
     "commander": "^11.1.0",

package/scripts/logo-to-ascii.py

@@ -0,0 +1,75 @@
+#!/usr/bin/env python3
+"""
+Convert Nikkory logo to ASCII art based on pixel brightness
+"""
+
+from PIL import Image
+import sys
+
+# ASCII characters from darkest to brightest
+ASCII_CHARS = ['@', '#', 'S', '%', '?', '*', '+', ';', ':', ',', '.', ' ']
+# For yellow/gold logo, use simpler set
+ASCII_CHARS_SIMPLE = ['█', '▓', '▒', '░', ' ']
+
+def resize_image(image, new_width=80):
+    """Resize image maintaining aspect ratio"""
+    width, height = image.size
+    aspect_ratio = height / width
+    new_height = int(new_width * aspect_ratio * 0.55)  # 0.55 for terminal char aspect
+    return image.resize((new_width, new_height))
+
+def grayscale(image):
+    """Convert to grayscale"""
+    return image.convert('L')
+
+def pixels_to_ascii(image, ascii_chars=ASCII_CHARS_SIMPLE, invert=False):
+    """Convert pixels to ASCII characters"""
+    pixels = image.getdata()
+    ascii_str = ''
+    for pixel in pixels:
+        if invert:
+            # Invert: bright pixels = dark chars (for yellow on white background)
+            ascii_str += ascii_chars[min(pixel * len(ascii_chars) // 256, len(ascii_chars) - 1)]
+        else:
+            # Normal: dark pixels = dark chars (for yellow logo on transparent/dark background)
+            ascii_str += ascii_chars[len(ascii_chars) - 1 - min(pixel * len(ascii_chars) // 256, len(ascii_chars) - 1)]
+    return ascii_str
+
+def main(image_path, width=80):
+    """Main conversion function"""
+    try:
+        # Load image
+        image = Image.open(image_path)
+
+        # Process image
+        image = resize_image(image, width)
+        image = grayscale(image)
+
+        # Convert to ASCII
+        ascii_str = pixels_to_ascii(image)
+
+        # Format into lines
+        img_width = image.width
+        ascii_lines = [ascii_str[i:i+img_width] for i in range(0, len(ascii_str), img_width)]
+
+        # Save to file first
+        output_file = image_path.replace('.png', '-ascii.txt')
+        with open(output_file, 'w', encoding='utf-8') as f:
+            f.write('\n'.join(ascii_lines))
+
+        # Print success message
+        print(f"Saved to: {output_file}")
+
+    except Exception as e:
+        print(f"Error: {e}", file=sys.stderr)
+        sys.exit(1)
+
+if __name__ == '__main__':
+    if len(sys.argv) < 2:
+        print("Usage: python logo-to-ascii.py <image_path> [width]")
+        sys.exit(1)
+
+    image_path = sys.argv[1]
+    width = int(sys.argv[2]) if len(sys.argv) > 2 else 80
+
+    main(image_path, width)

package/scripts/postinstall.js

@@ -0,0 +1,51 @@
+#!/usr/bin/env node
+/**
+ * Post-install script
+ * Displays welcome message after CLI installation
+ *
+ * Powered by Nikkory
+ */
+
+// Simple version without chalk dependency for postinstall
+const yellow = '\x1b[33m';
+const gray = '\x1b[90m';
+const green = '\x1b[32m';
+const cyan = '\x1b[36m';
+const white = '\x1b[37m';
+const bold = '\x1b[1m';
+const reset = '\x1b[0m';
+
+const banner = `
+${yellow}${bold}███╗   ██╗██╗██╗  ██╗██╗  ██╗ ██████╗ ██████╗ ██╗   ██╗${reset}
+${yellow}${bold}████╗  ██║██║██║ ██╔╝██║ ██╔╝██╔═══██╗██╔══██╗╚██╗ ██╔╝${reset}
+${yellow}${bold}██╔██╗ ██║██║█████╔╝ █████╔╝ ██║   ██║██████╔╝ ╚████╔╝ ${reset}
+${yellow}${bold}██║╚██╗██║██║██╔═██╗ ██╔═██╗ ██║   ██║██╔══██╗  ╚██╔╝  ${reset}
+${yellow}${bold}██║ ╚████║██║██║  ██╗██║  ██╗╚██████╔╝██║  ██║   ██║   ${reset}
+${yellow}${bold}╚═╝  ╚═══╝╚═╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ${reset}
+
+${yellow}${bold}             ██╗   ██╗██╗██████╗ ███████╗              ${reset}
+${yellow}${bold}             ██║   ██║██║██╔══██╗██╔════╝              ${reset}
+${yellow}${bold}             ██║   ██║██║██████╔╝█████╗                ${reset}
+${yellow}${bold}             ╚██╗ ██╔╝██║██╔══██╗██╔══╝                ${reset}
+${yellow}${bold}              ╚████╔╝ ██║██████╔╝███████╗              ${reset}
+${yellow}${bold}               ╚═══╝  ╚═╝╚═════╝ ╚══════╝              ${reset}
+
+${yellow}                 happy together${reset} ${white}• v2.4.3${reset}
+
+${gray}    Production-ready code in seconds${reset}
+${gray}           https://nikkory.com${reset}
+
+${green}✓ Installation successful!${reset}
+
+${cyan}Quick Start:${reset}
+  ${white}nikkory-vibe add button${reset}            ${gray}# Generate button component${reset}
+  ${white}nikkory-vibe add:section hero${reset}      ${gray}# Generate hero section${reset}
+  ${white}nikkory-vibe list${reset}                  ${gray}# Browse available templates${reset}
+
+${cyan}Need help?${reset}
+  ${white}nikkory-vibe --help${reset}
+
+${yellow}  169 Components${reset} ${gray}+${reset} ${yellow}50 Sections${reset} ${gray}×${reset} ${yellow}12 Systems${reset} ${gray}×${reset} ${yellow}3 Tiers${reset}
+`;
+
+console.log(banner);

package/CHANGELOG.md

@@ -1,234 +0,0 @@
-# Changelog
-
-All notable changes to @nikkory/vibe-cli will be documented in this file.
-
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
-and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-
-## [4.0.0] - 2026-01-04
-
-### 🎉 Major Release - Multi-Framework Architecture
-
-Complete CLI redesign with new command structure for multi-framework support.
-
-### Added
-
-#### Multi-Framework Support
-
-- **New Command Pattern**: `nikkory-vibe <scope> <action> <granularity> <target> [options]`
-- **Scope System**: Framework-specific handlers (react, vue, pattern, engine)
-- **React Scope**: Full support for React component generation
-- **Pattern Scope**: Design pattern browsing and search
-- **Engine Scope**: Vibe engine utilities
-
-#### Config File Support (Phase 3)
-
-- **Auto-discovery**: Automatically finds `nikkory-vibe.config.ts` in current directory
-- **Config Schema**: TypeScript-first configuration with full type safety
-- **Config Loader**: Supports `.ts`, `.mts`, `.js`, `.mjs`, `.cjs` files
-- **Deep Merging**: Config values override defaults intelligently
-- **Per-Framework Config**: Customize settings for each framework
-- **Output Structure**: Customize output directories per granularity level
-- **Example Config**: `nikkory-vibe.config.example.ts` included
-
-#### Interactive Wizard Mode (Phase 3)
-
-- **Step-by-Step Generation**: Interactive prompts for component creation
-- **5 Action Flows**: generate, list, search, info, preview
-- **Smart Question Routing**: Questions adapt based on selected action
-- **Input Validation**: Validates component names, required fields
-- **Summary Preview**: Shows configuration before generation
-- **Emoji UI**: Enhanced visual feedback
-- **Shorthand**: `-i` or `--interactive` flag
-
-#### Type System (Phase 1)
-
-- **CommandScope**: `react`, `vue`, `svelte`, `angular`, `pattern`, `engine`
-- **ComponentGranularity**: `atom`, `component`, `section`, `page`, `layout`, `template`
-- **IScopeHandler**: Interface for framework-specific handlers
-- **CLIOptions**: Comprehensive options type system
-
-#### Scope Handlers (Phase 2)
-
-- **ReactScopeHandler**: Full React component generation
-- **PatternScopeHandler**: Design pattern management
-- **EngineScopeHandler**: Engine utilities
-- **VueScopeHandler**: Stub for v4.1.0
-- **SvelteScopeHandler**: Stub for v4.2.0
-
-### Changed
-
-- **Bundle Size**: Reduced from 190KB to 142KB (25% smaller)
-- **Binary Name**: `nikkory-vibe` is new primary (legacy `vibe` still works)
-- **Command Structure**: New scope-based pattern (legacy commands deprecated)
-- **Import Organization**: Improved ESLint compliance with strict import order
-
-### Deprecated
-
-- **Legacy Commands** (will be removed in v5.0.0):
-  - `vibe add` → Use `nikkory-vibe react generate atom`
-  - `vibe copy` → Use `nikkory-vibe react list` + manual copy
-  - `vibe generate` (old style) → Use new scope-based pattern
-  - `vibe matrix` → Disabled (TypeScript errors)
-  - `vibe smart` → Disabled (TypeScript errors)
-
-### Removed
-
-- **Matrix Command**: Temporarily disabled due to TypeScript errors
-- **Smart Command**: Temporarily disabled due to TypeScript errors
-- **Old Generate Command**: Temporarily disabled due to missing types
-
-### Fixed
-
-- **TypeScript Errors**: Zero errors in new Phase 1-3 code
-- **ESLint Errors**: Zero errors in new Phase 1-3 code
-- **Import Order**: Fixed type import ordering in handlers and types
-- **Build Process**: Successful compilation with reduced bundle size
-
-### Migration
-
-See [MIGRATION-v3-v4.md](./MIGRATION-v3-v4.md) for detailed migration guide.
-
-**Quick Migration**:
-
-```bash
-# v3.x (Legacy)
-vibe add button --style=material --tier=standard
-
-# v4.0.0 (New)
-nikkory-vibe react generate atom button --design=material-design --tier=standard
-
-# Or with config file
-nikkory-vibe react generate atom button
-```
-
-### Documentation
-
-- **README.md**: Completely rewritten for v4.0.0
-- **MIGRATION-v3-v4.md**: Comprehensive migration guide
-- **nikkory-vibe.config.example.ts**: Example configuration file
-
-### Quality Metrics
-
-**Phase 1-2** (Types + Handlers):
-
-- 📝 Files Created: 15+
-- 📊 Lines of Code: ~800
-- ✅ TypeScript Errors: 0
-- ✅ ESLint Errors: 0
-- ✅ Build: SUCCESS (190KB)
-
-**Phase 3** (Config + Interactive):
-
-- 📝 Files Created: 8
-- 📊 Lines of Code: 1,287
-- ✅ TypeScript Errors: 0 (in new code)
-- ✅ ESLint Errors: 0 (in new code)
-- ✅ Build: SUCCESS (142KB, -25%)
-
-**Phase 4** (Quality Gate - Partial):
-
-- ✅ Legacy commands disabled
-- ✅ Import order fixed
-- ✅ Documentation updated
-
-**Overall Progress**: 75% complete (Phase 0-4 done, Phase 5-7 remaining)
-
-### Technical Details
-
-**New Files**:
-
-- `src/types/command.ts` - CLI command types
-- `src/types/enums.ts` - Scope and action enums
-- `src/types/granularity.ts` - Component granularity types
-- `src/types/handler.ts` - Scope handler interface
-- `src/scopes/react.ts` - React scope handler
-- `src/scopes/pattern.ts` - Pattern scope handler
-- `src/scopes/engine.ts` - Engine scope handler
-- `src/scopes/vue.ts` - Vue scope handler (stub)
-- `src/scopes/svelte.ts` - Svelte scope handler (stub)
-- `src/config/schema.ts` - Config type definitions (220 LOC)
-- `src/config/loader.ts` - Config file loader (306 LOC)
-- `src/config/index.ts` - Config barrel exports
-- `src/interactive/questions.ts` - Inquirer prompts (173 LOC)
-- `src/interactive/wizard.ts` - Interactive wizard (361 LOC)
-- `src/interactive/index.ts` - Interactive barrel exports
-- `nikkory-vibe.config.example.ts` - Example config (132 LOC)
-
-**Modified Files**:
-
-- `src/cli.ts` - Integrated config loading and interactive mode (+40 LOC)
-- `src/types/handler.ts` - Fixed import order
-
-### Breaking Changes
-
-1. **Command Structure**: New scope-based pattern required
-
-   ```bash
-   # Before
-   vibe add button
-
-   # After
-   nikkory-vibe react generate atom button
-   ```
-
-2. **Scope Required**: Must specify framework scope
-
-   ```bash
-   # ❌ Error
-   nikkory-vibe generate atom button
-
-   # ✅ Correct
-   nikkory-vibe react generate atom button
-   ```
-
-3. **Option Names**: Some options renamed
-   - `--style` → `--design` (design system)
-
-### Upgrade Instructions
-
-```bash
-# Update package
-pnpm add @nikkory/vibe-cli@latest
-
-# Create config file (optional)
-cp node_modules/@nikkory/vibe-cli/nikkory-vibe.config.example.ts nikkory-vibe.config.ts
-
-# Update scripts in package.json
-{
-  "scripts": {
-    "vibe": "nikkory-vibe react --interactive"
-  }
-}
-```
-
-### Known Issues
-
-- Matrix command disabled (TypeScript errors, will be fixed in v4.0.1)
-- Smart command disabled (TypeScript errors, will be fixed in v4.0.1)
-- Vue/Svelte/Angular scopes not yet implemented (coming v4.1.0+)
-
-### Contributors
-
-- **Planner & Developer**: Nikkory Team
-- **AI Assistant**: Claude Code (Sonnet 4.5)
-
-### Next Release (v4.0.1)
-
-Planned fixes:
-
-- Fix TypeScript errors in matrix command
-- Fix TypeScript errors in smart command
-- Add unit tests for config loader
-- Add unit tests for interactive wizard
-
-### Future Releases
-
-- **v4.1.0**: Vue framework support
-- **v4.2.0**: Svelte framework support
-- **v4.3.0**: Angular framework support
-- **v5.0.0**: Remove all legacy commands
-
----
-
-**Powered by Nikkory**

package/nikkory-vibe.config.example.d.ts

@@ -1,23 +0,0 @@
-/**
- * Nikkory Vibe Configuration Example
- *
- * Copy this file to your project root as `nikkory-vibe.config.ts`
- * to customize CLI defaults and output directories.
- *
- * @example
- * ```bash
- * # Copy to your project
- * cp nikkory-vibe.config.example.ts nikkory-vibe.config.ts
- *
- * # Use the config
- * nikkory-vibe react generate atom button
- * # Will use defaultTier='enterprise' from config
- * ```
- *
- * @since 4.0.0
- * Powered by Nikkory
- */
-import type { NikkoryVibeConfig } from '@nikkory/vibe-cli';
-declare const config: NikkoryVibeConfig;
-export default config;
-//# sourceMappingURL=nikkory-vibe.config.example.d.ts.map

package/nikkory-vibe.config.example.ts

@@ -1,143 +0,0 @@
-/**
- * Nikkory Vibe Configuration Example
- *
- * Copy this file to your project root as `nikkory-vibe.config.ts`
- * to customize CLI defaults and output directories.
- *
- * @example
- * ```bash
- * # Copy to your project
- * cp nikkory-vibe.config.example.ts nikkory-vibe.config.ts
- *
- * # Use the config
- * nikkory-vibe react generate atom button
- * # Will use defaultTier='enterprise' from config
- * ```
- *
- * @since 4.0.0
- * Powered by Nikkory
- */
-
-import type { NikkoryVibeConfig } from '@nikkory/vibe-cli';
-
-const config: NikkoryVibeConfig = {
-  // ============================================================================
-  // DEFAULT VALUES
-  // ============================================================================
-
-  /**
-   * Default framework scope
-   *
-   * When no scope is specified, use this framework.
-   * Options: 'react', 'vue', 'svelte', 'angular', 'pattern', 'engine'
-   */
-  defaultScope: 'react',
-
-  /**
-   * Default quality tier
-   *
-   * Determines code quality level for generated components.
-   * Options: 'basic' | 'standard' | 'enterprise'
-   *
-   * - basic: Simple components for prototyping (30-50 LOC)
-   * - standard: Production-ready with variants (50-150 LOC)
-   * - enterprise: Full analytics, accessibility, memoization (150-300 LOC)
-   */
-  defaultTier: 'enterprise',
-
-  /**
-   * Default design system
-   *
-   * Visual style for generated components.
-   * Options: 'material-design', 'ios-hig', 'glassmorphism', 'neumorphism',
-   *          'brutalism', 'minimalism'
-   */
-  defaultDesignSystem: 'material-design',
-
-  // ============================================================================
-  // OUTPUT DIRECTORIES
-  // ============================================================================
-
-  /**
-   * Output structure for different component granularities
-   *
-   * Customize where generated files are saved.
-   * All paths are relative to current working directory.
-   */
-  outputStructure: {
-    atoms: './src/components/atoms',       // Small UI primitives (buttons, inputs)
-    components: './src/components',        // Composite components (cards, modals)
-    sections: './src/sections',            // Page sections (hero, pricing)
-    pages: './src/pages',                  // Complete pages
-    layouts: './src/layouts',              // Layout templates
-    templates: './src/templates',          // Full page templates
-  },
-
-  // ============================================================================
-  // FRAMEWORK-SPECIFIC SETTINGS
-  // ============================================================================
-
-  /**
-   * Per-framework configuration
-   *
-   * Customize settings for each framework scope.
-   */
-  frameworks: {
-    react: {
-      typescript: true,
-      styleLibrary: 'tailwind',
-      // Add custom React-specific settings here
-    },
-    vue: {
-      typescript: true,
-      styleLibrary: 'tailwind',
-      composition: true, // Use Composition API
-      // Add custom Vue-specific settings here
-    },
-    svelte: {
-      typescript: true,
-      styleLibrary: 'tailwind',
-      // Add custom Svelte-specific settings here
-    },
-    angular: {
-      typescript: true,
-      styleLibrary: 'tailwind',
-      // Add custom Angular-specific settings here
-    },
-    pattern: {
-      typescript: true,
-    },
-    engine: {
-      typescript: true,
-    },
-  },
-
-  // ============================================================================
-  // GLOBAL OPTIONS
-  // ============================================================================
-
-  /**
-   * Force overwrite existing files
-   *
-   * When true, CLI will not prompt before overwriting files.
-   * Use with caution in production!
-   */
-  forceOverwrite: false,
-
-  /**
-   * Verbose output
-   *
-   * When true, CLI shows detailed logs for debugging.
-   */
-  verbose: false,
-
-  /**
-   * Dry run mode
-   *
-   * When true, CLI previews changes without writing files.
-   * Useful for testing commands.
-   */
-  dryRun: false,
-};
-
-export default config;

package/tsup.config.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("tsup").Options | import("tsup").Options[] | ((overrideOptions: import("tsup").Options) => import("tsup").Options | import("tsup").Options[] | Promise<import("tsup").Options | import("tsup").Options[]>);
-export default _default;
-//# sourceMappingURL=tsup.config.d.ts.map