specsmd 0.0.4 → 0.0.6

package/lib/constants.js

@@ -1,8 +1,9 @@
 
 // Theme Colors (extracted from specs.md pixel logo)
 const THEME_COLORS = {
-    primary: '#C47454',      // Salmon/terracotta brick fill
-    secondary: '#E8A085',    // Light salmon highlight
+    primary: '#C45050',      // Brick red fill
+    secondary: '#D86565',    // Coral red highlight
+    accent: '#EC8080',       // Light coral
     success: '#22c55e',      // Green
     error: '#ef4444',        // Red
     warning: '#f59e0b',      // Amber

package/lib/ink-logo.mjs

@@ -0,0 +1,104 @@
+#!/usr/bin/env node
+/**
+ * specs.md Logo Component
+ *
+ * Red ASCII logo with dark gray shadows
+ */
+
+import React from 'react';
+import { render, Text, Box } from 'ink';
+
+const { createElement: h } = React;
+
+// Colors
+const LOGO_COLOR = '#CC0000';
+const SHADOW_COLOR = '#333333';
+const VERSION_COLOR = '#FF3333';
+
+// ASCII Logo (exact from specs.md branding)
+const asciiLogo = `
+                                                                    █████
+                                                                   ░░███
+  █████  ████████   ██████   ██████   █████     █████████████    ███████
+ ███░░  ░░███░░███ ███░░███ ███░░███ ███░░     ░░███░░███░░███  ███░░███
+░░█████  ░███ ░███░███████ ░███ ░░░ ░░█████     ░███ ░███ ░███ ░███ ░███
+ ░░░░███ ░███ ░███░███░░░  ░███  ███ ░░░░███    ░███ ░███ ░███ ░███ ░███
+ ██████  ░███████ ░░██████ ░░██████  ██████  ██ █████░███ █████░░████████
+░░░░░░   ░███░░░   ░░░░░░   ░░░░░░  ░░░░░░  ░░ ░░░░░ ░░░ ░░░░░  ░░░░░░░░
+         ░███
+         █████
+        ░░░░░
+`;
+
+// Render logo with colored characters
+const ColoredLogo = () => {
+    const lines = asciiLogo.split('\n');
+
+    return h(Box, { flexDirection: 'column' },
+        lines.map((line, lineIndex) => {
+            // Parse each line into segments of same-colored characters
+            const segments = [];
+            let currentType = null;
+            let currentText = '';
+
+            for (const char of line) {
+                let charType;
+                if (char === '█') {
+                    charType = 'fill';
+                } else if (char === '░') {
+                    charType = 'shadow';
+                } else {
+                    charType = 'space';
+                }
+
+                if (charType !== currentType && currentText) {
+                    segments.push({ type: currentType, text: currentText });
+                    currentText = '';
+                }
+                currentType = charType;
+                currentText += char;
+            }
+            if (currentText) {
+                segments.push({ type: currentType, text: currentText });
+            }
+
+            return h(Text, { key: lineIndex },
+                segments.map((seg, segIndex) => {
+                    if (seg.type === 'fill') {
+                        return h(Text, { key: segIndex, color: LOGO_COLOR }, seg.text);
+                    } else if (seg.type === 'shadow') {
+                        return h(Text, { key: segIndex, color: SHADOW_COLOR }, seg.text);
+                    } else {
+                        return h(Text, { key: segIndex }, seg.text);
+                    }
+                })
+            );
+        })
+    );
+};
+
+// Header component
+const Header = ({ version = '0.0.3' }) => {
+    return h(Box, { flexDirection: 'column' },
+        h(ColoredLogo),
+        h(Box, { marginTop: 0 },
+            h(Text, { color: LOGO_COLOR },
+                ' AI-native development orchestration ',
+                h(Text, { bold: true, color: VERSION_COLOR }, `v${version}`)
+            )
+        )
+    );
+};
+
+// Exports for use in other modules
+export { Header, asciiLogo, LOGO_COLOR, SHADOW_COLOR, VERSION_COLOR };
+
+// App component for standalone testing
+const App = () => {
+    const args = process.argv.slice(2);
+    const version = args[0] || '0.0.3';
+    return h(Header, { version });
+};
+
+console.clear();
+render(h(App));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "specsmd",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Multi-agent orchestration system for AI-native software development. Delivers AI-DLC, Agile, and custom SDLC flows as markdown-based agent systems.",
   "main": "lib/installer.js",
   "bin": {
@@ -45,7 +45,8 @@
     "gradient-string": "^2.0.2",
     "js-yaml": "^4.1.0",
     "oh-my-logo": "^0.4.0",
-    "prompts": "^2.4.2"
+    "prompts": "^2.4.2",
+    "terminal-image": "^4.1.0"
   },
   "engines": {
     "node": ">=14.0.0"