create-mantiq 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mantiq",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Scaffold a new MantiqJS application",
   "type": "module",
   "license": "MIT",

package/src/index.ts

@@ -78,7 +78,7 @@ if (!isCI && !kit) {
 
   // Framework selection
   const framework = await term.select('Which framework would you like to use?', [
-    { value: 'react', label: 'React', hint: 'Recommended' },
+    { value: 'react', label: 'React' },
     { value: 'vue', label: 'Vue' },
     { value: 'svelte', label: 'Svelte' },
     { value: 'none', label: 'None', hint: 'API only' },
@@ -168,15 +168,12 @@ if (!noGit) {
 }
 
 // ── Done ─────────────────────────────────────────────────────────────────────
-const summaryLines = [
-  `${emerald('✓')} ${bold(projectName)} created`,
-  '',
-  `${dim('Framework')}    ${kit ? bold(kit.charAt(0).toUpperCase() + kit.slice(1)) : dim('None (API only)')}`,
-  ...(kit === 'react' ? [`${dim('UI Kit')}       ${ui === 'shadcn' ? bold('shadcn/ui') : dim('Plain Tailwind')}`] : []),
-  '',
-  `${emerald('cd')} ${projectName}`,
-  `${emerald('bun mantiq')} migrate`,
-  `${emerald('bun run')} dev`,
-]
-
-term.box(summaryLines)
+console.log(`\n   ${emerald('✓')}  ${bold(projectName)} created\n`)
+console.log(`   ${dim('Framework')}    ${kit ? bold(kit.charAt(0).toUpperCase() + kit.slice(1)) : dim('None (API only)')}`)
+if (kit === 'react') console.log(`   ${dim('UI Kit')}       ${ui === 'shadcn' ? bold('shadcn/ui') : dim('Plain Tailwind')}`)
+console.log(`\n   ${dim('Next steps:')}\n`)
+console.log(`   cd ${projectName}`)
+console.log(`   bun mantiq migrate`)
+console.log(`   bun run dev\n`)
+
+process.exit(0)

package/src/terminal.ts

@@ -25,34 +25,31 @@ export interface SelectOption {
 }
 
 export class Terminal {
-  /** Show branded header box */
+  /** Show branded ASCII header */
   header(): void {
-    const w = 41
-    const pad = (s: string, len: number) => s + ' '.repeat(Math.max(0, len - stripAnsi(s).length))
-    write('\n')
-    write(`  ${GRAY}┌${'─'.repeat(w)}┐${R}\n`)
-    write(`  ${GRAY}│${R}${' '.repeat(w)}${GRAY}│${R}\n`)
-    write(`  ${GRAY}│${R}   ${EMERALD}·${R}${BOLD}mantiq${R}${' '.repeat(w - 10)}${GRAY}│${R}\n`)
-    write(`  ${GRAY}│${R}    ${DIM}create a new application${R}${' '.repeat(w - 28)}${GRAY}│${R}\n`)
-    write(`  ${GRAY}│${R}${' '.repeat(w)}${GRAY}│${R}\n`)
-    write(`  ${GRAY}└${'─'.repeat(w)}┘${R}\n`)
-    write('\n')
+    write('\n\n')
+    write(`   ${EMERALD}▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇${R}\n`)
+    write(`\n`)
+    write(`   ${EMERALD}●${R}  ${BOLD}mantiq${R}   ${GRAY}│${R}   ${DIM}The Bun framework for artisans${R}\n`)
+    write(`\n`)
+    write(`   ${GRAY}───────────────────────────────────────────────${R}\n`)
+    write('\n\n')
   }
 
   /** Arrow-key select prompt */
   async select(label: string, options: SelectOption[]): Promise<string> {
     let selected = 0
     const render = () => {
-      let out = `  ${EMERALD}◆${R}  ${BOLD}${label}${R}\n`
+      let out = `   ${EMERALD}◆${R}  ${BOLD}${label}${R}\n`
       for (let i = 0; i < options.length; i++) {
         const opt = options[i]!
         const active = i === selected
         const bullet = active ? `${EMERALD}●${R}` : `${GRAY}○${R}`
-        const text = active ? `${WHITE}${opt.label}${R}` : `${GRAY}${opt.label}${R}`
-        const hint = opt.hint ? ` ${DIM}${opt.hint}${R}` : ''
-        out += `  ${GRAY}│${R}  ${bullet} ${text}${hint}\n`
+        const text = active ? `${WHITE}${BOLD}${opt.label}${R}` : `${GRAY}${opt.label}${R}`
+        const hint = opt.hint ? `  ${DIM}${opt.hint}${R}` : ''
+        out += `      ${bullet}  ${text}${hint}\n`
       }
-      out += `  ${GRAY}└${R}\n`
+      out += `\n`
       return out
     }
 
@@ -79,7 +76,7 @@ export class Terminal {
           write(UP(lines) + CLEAR_LINE)
           for (let i = 0; i < lines; i++) write(`${CLEAR_LINE}\n`)
           write(UP(lines))
-          write(`  ${EMERALD}◇${R}  ${label} ${EMERALD}${options[selected]!.label}${R}\n\n`)
+          write(`   ${EMERALD}◇${R}  ${label}  ${EMERALD}${options[selected]!.label}${R}\n\n`)
           resolve(options[selected]!.value)
           return
         } else if (key === '\x03') { // Ctrl+C

package/src/ui/shadcn.ts

@@ -37,6 +37,17 @@ export function cn(...inputs: ClassValue[]) {
       'src/style.css': `@import "tailwindcss";
 @custom-variant dark (&:where(.dark, .dark *));
 
+/*
+ * shadcn/ui theme — default: emerald
+ *
+ * To swap themes, visit https://ui.shadcn.com/themes
+ * Pick a theme, copy the CSS variables, and replace
+ * the :root and .dark blocks below.
+ *
+ * Or install a community theme:
+ *   bunx --bun shadcn@latest add @ss-themes/caffeine
+ */
+
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);