fabrica-e-commerce 0.2.1 → 0.2.3

package/src/prompt.js

@@ -1,23 +1,65 @@
 import readline from 'node:readline/promises';
 import { stdin as input, stdout as output } from 'node:process';
-import { orange, dimOrange, bold } from './ui.js';
+import { orange, dimOrange, bold, dim, green, cyan } from './ui.js';
 
-// Raw readline ask (no frills)
 export async function ask(message, defaultValue = '') {
   const rl = readline.createInterface({ input, output });
-  const suffix = defaultValue ? ` (${defaultValue})` : '';
-  const answer = await rl.question(`  ${orange('?')} ${bold(message)}${dimOrange(suffix)}: `);
+  const suffix = defaultValue ? dim(` (${defaultValue})`) : '';
+  const answer = await rl.question(`  ${orange('?')} ${bold(message)}${suffix}: `);
   rl.close();
   return answer.trim() || defaultValue;
 }
 
-// Arrow-key + Enter dropdown selector
+export async function askPassword(message) {
+  return new Promise((resolve) => {
+    process.stdout.write(`  ${orange('🔒')} ${bold(message)}: `);
+
+    if (!process.stdin.isTTY) {
+      const rl = readline.createInterface({ input, output });
+      rl.question('', (answer) => {
+        rl.close();
+        resolve(answer.trim());
+      });
+      return;
+    }
+
+    let password = '';
+    process.stdin.setRawMode(true);
+    process.stdin.resume();
+    process.stdin.setEncoding('utf8');
+
+    function onKey(key) {
+      if (key === '\r' || key === '\n') {
+        process.stdin.setRawMode(false);
+        process.stdin.pause();
+        process.stdin.removeListener('data', onKey);
+        process.stdout.write('\n');
+        resolve(password);
+      } else if (key === '\u007f' || key === '\b') {
+        if (password.length > 0) {
+          password = password.slice(0, -1);
+          process.stdout.write('\b \b');
+        }
+      } else if (key === '\x03') {
+        process.stdin.setRawMode(false);
+        process.exit(0);
+      } else {
+        password += key;
+        process.stdout.write(dim('•'));
+      }
+    }
+
+    process.stdin.on('data', onKey);
+  });
+}
+
 export async function choose(message, choices) {
   return new Promise((resolve) => {
     if (!process.stdin.isTTY) {
-      // Fallback for non-TTY (piped): numbered list
-      console.log(`  ${orange('◆')} ${bold(message)}`);
-      choices.forEach((choice, i) => console.log(`    ${dimOrange((i + 1) + '.')} ${choice.name}`));
+      console.log(`\n  ${orange('◆')} ${bold(message)}`);
+      choices.forEach((choice, i) =>
+        console.log(`    ${dimOrange((i + 1) + '.')} ${choice.name}`)
+      );
       const rl = readline.createInterface({ input, output });
       rl.question(`  ${orange('?')} Select number (1): `, (answer) => {
         rl.close();
@@ -31,44 +73,39 @@ export async function choose(message, choices) {
     let selected = 0;
 
     function render(first) {
-      if (!first) {
-        // Move up to redraw
-        process.stdout.write(`\x1b[${choices.length + 1}A`);
-      }
-      console.log(`  ${orange('◆')} ${bold(message)}`);
+      if (!first) process.stdout.write(`\x1b[${choices.length + 1}A`);
+      console.log(`\n  ${orange('◆')} ${bold(message)}`);
       choices.forEach((choice, i) => {
         const cursor = i === selected ? orange('▶ ') : '  ';
-        const label = i === selected ? bold(orange(choice.name)) : dimOrange(choice.name);
+        const label  = i === selected ? bold(orange(choice.name)) : dimOrange(choice.name);
         console.log(`    ${cursor}${label}`);
       });
     }
 
     render(true);
-
     process.stdin.setRawMode(true);
     process.stdin.resume();
     process.stdin.setEncoding('utf8');
 
     function onKey(key) {
-      if (key === '\x1b[A' || key === '\x1b[D') { // up / left
+      if (key === '\x1b[A' || key === '\x1b[D') {
         selected = (selected - 1 + choices.length) % choices.length;
         render(false);
-      } else if (key === '\x1b[B' || key === '\x1b[C') { // down / right
+      } else if (key === '\x1b[B' || key === '\x1b[C') {
         selected = (selected + 1) % choices.length;
         render(false);
       } else if (key === '\r' || key === '\n') {
         process.stdin.setRawMode(false);
         process.stdin.pause();
         process.stdin.removeListener('data', onKey);
-        // print selected
         process.stdout.write(`\x1b[${choices.length + 1}A`);
-        console.log(`  ${orange('◆')} ${bold(message)}`);
+        console.log(`\n  ${orange('◆')} ${bold(message)}`);
         choices.forEach((choice, i) => {
-          if (i === selected) console.log(`    ${orange('▶ ')}${bold(orange(choice.name))}`);
-          else console.log(`    ${dimOrange('  ' + choice.name)}`);
+          if (i === selected) console.log(`    ${green('▶ ')}${bold(green(choice.name))}`);
+          else                console.log(`    ${dimOrange('  ' + choice.name)}`);
         });
         resolve(choices[selected].value);
-      } else if (key === '\x03') { // Ctrl+C
+      } else if (key === '\x03') {
         process.stdin.setRawMode(false);
         process.exit(0);
       }

package/src/sql.js

@@ -191,7 +191,7 @@ INSERT INTO public.products (id,name,price,main_image_url,gallery_image_urls,cat
   ('burgundy-blazer-cream-trousers','Burgundy Blazer with Cream Trousers',985.00,'/thudarum-burgundy-blazer-combo.jpg',ARRAY['/thudarum-burgundy-combo-detail.jpg','/thudarum-burgundy-combo-side.jpg'],'Separates','A striking burgundy blazer combination with cream trousers for a polished statement look.',ARRAY['Premium wool construction','Double-breasted design','Gold-tone buttons','Tailored separates'],ARRAY['38','40','42','44','46','48'],'best_sellers',ARRAY['executive','evening'],10,true),
   ('camel-trench-coat','Camel Trench Coat',645.00,'/camel-trench-coat-elegant.jpg',ARRAY['/minimalist-fashion-studio-elegant-clothing.jpg'],'Outerwear','A refined camel trench coat with a versatile silhouette for smart everyday dressing.',ARRAY['Water-resistant cotton blend','Belted waist','Classic storm flap'],ARRAY['S','M','L','XL'],'general',ARRAY['heritage','contemporary'],20,true),
   ('classic-taupe-double-breasted-suit','Classic Taupe Double-Breasted Suit',1289.00,'/thudarum-taupe-suit-hero.jpg',ARRAY['/thudarum-taupe-suit-detail.jpg','/thudarum-taupe-suit-side.jpg'],'Suits','An impeccably tailored double-breasted suit in refined taupe wool with peak lapels and matching trousers.',ARRAY['100% Italian wool','Double-breasted closure','Peak lapels','Complete with trousers'],ARRAY['38','40','42','44','46','48'],'new_arrivals',ARRAY['executive','contemporary'],10,true),
-  ('elegant-black-wool-trousers','Elegant Black Wool Trousers',325.00,'/elegant-black-wool-trousers.jpg',ARRAY[],'Trousers','A foundational black wool trouser with a sharp line and versatile formal appeal.',ARRAY['Wool blend','Pressed front crease','Tailored waistband'],ARRAY['30','32','34','36','38'],'general',ARRAY[],30,true),
+  ('elegant-black-wool-trousers','Elegant Black Wool Trousers',325.00,'/elegant-black-wool-trousers.jpg',ARRAY[]::text[],'Trousers','A foundational black wool trouser with a sharp line and versatile formal appeal.',ARRAY['Wool blend','Pressed front crease','Tailored waistband'],ARRAY['30','32','34','36','38'],'general',ARRAY[]::text[],30,true),
   ('heritage-green-check-blazer','Heritage Green Check Blazer',895.00,'/thudarum-green-check-blazer.jpg',ARRAY['/thudarum-green-check-detail.jpg','/thudarum-green-check-side.jpg'],'Blazers','A distinguished houndstooth blazer with classic green patterning, refined tailoring, and gold-tone buttons.',ARRAY['Premium wool houndstooth','Double-breasted design','Gold-tone buttons','Made in England'],ARRAY['38','40','42','44','46','48'],'new_arrivals',ARRAY['heritage'],20,true),
   ('luxe-burgundy-evening-suit','Luxe Burgundy Evening Suit',1545.00,'/thudarum-burgundy-evening-suit.jpg',ARRAY['/thudarum-burgundy-suit-detail.jpg','/thudarum-burgundy-suit-side.jpg'],'Suits','A sophisticated burgundy suit designed for elevated evening occasions with a timeless tailored silhouette.',ARRAY['Fine Italian wool','Double-breasted style','Tone-on-tone buttons','Full suit ensemble'],ARRAY['38','40','42','44','46','48'],'new_arrivals',ARRAY['executive','evening'],30,true),
   ('minimalist-white-linen-shirt','Minimalist White Linen Shirt',245.00,'/minimalist-white-linen-shirt-fashion.jpg',ARRAY['/ivory-silk-blouse-minimal.jpg'],'Shirts','A clean white linen shirt designed for effortless layering and warm-weather polish.',ARRAY['Premium linen','Relaxed tailored fit','Breathable finish'],ARRAY['S','M','L','XL'],'general',ARRAY['contemporary'],10,true),

package/src/ui.js

@@ -16,7 +16,6 @@ export const yellow    = (t) => chalk.hex('#ffc846')(t);
 export const gray      = (t) => chalk.hex('#888888')(t);
 export const white     = (t) => chalk.white(t);
 
-// strip ANSI for length calculations
 function stripAnsi(s) { return s.replace(/\x1b\[[0-9;]*m/g, ''); }
 
 // ── section buffer ─────────────────────────────────────────────────────────────
@@ -57,18 +56,24 @@ export function endSections() { flushSection(); }
 export function kv(key, value) {
   const k = bold(orange(key));
   const arrow = dimOrange(figures.arrowRight);
-  const v = typeof value === 'string' && value.startsWith('http') ? cyan(value) : white(String(value));
+  const v = typeof value === 'string' && value.startsWith('http')
+    ? cyan(value)
+    : white(String(value));
   addLine(`   ${dimOrange(figures.pointer)} ${k} ${arrow} ${v}`);
 }
 
 export function kvSuccess(key, value) {
-  addLine(`   ${green(figures.tick)} ${bold(key)} ${dimOrange(figures.arrowRight)} ${green(String(value))}`);
+  addLine(`   ${green(figures.tick)} ${bold(white(key))} ${dimOrange(figures.arrowRight)} ${green(String(value))}`);
 }
 
 export function kvFail(key, value) {
   addLine(`   ${red(figures.cross)} ${bold(key)} ${dimOrange(figures.arrowRight)} ${red(String(value))}`);
 }
 
+export function kvPending(key, value) {
+  addLine(`   ${dimOrange(figures.bullet)} ${bold(dimOrange(key))} ${dimOrange(figures.arrowRight)} ${dim(String(value))}`);
+}
+
 // spinner — inline stdout, then adds result line to buffer
 const CLEAR_LINE = '\x1b[K';
 export function spinner(text) {
@@ -76,7 +81,7 @@ export function spinner(text) {
   return {
     succeed(msg) {
       process.stdout.write(`\r${CLEAR_LINE}`);
-      addLine(`   ${green(figures.tick)} ${msg}`);
+      addLine(`   ${green(figures.tick)} ${white(msg)}`);
     },
     fail(msg) {
       process.stdout.write(`\r${CLEAR_LINE}`);
@@ -85,11 +90,12 @@ export function spinner(text) {
   };
 }
 
-export function log(text) { addLine(`   ${dim(figures.line)} ${text}`); }
-export function logInfo(text) { addLine(`   ${cyan(figures.info)} ${text}`); }
+export function log(text)     { addLine(`   ${dimOrange(figures.line)} ${text}`); }
+export function logInfo(text) { addLine(`   ${cyan(figures.info)} ${cyan(text)}`); }
 export function logWarn(text) { addLine(`   ${yellow(figures.warning)} ${yellow(text)}`); }
+export function logSuccess(text) { addLine(`   ${green(figures.tick)} ${green(text)}`); }
 
-export function divider() { addLine(`   ${dimOrange('─'.repeat(48))}`); }
+export function divider() { addLine(`   ${dimOrange('─'.repeat(50))}`); }
 
 // sub-step block
 export function subBox(lines, { isError = false } = {}) {
@@ -125,7 +131,7 @@ export function banner() {
 
   const subtitle = [
     cyan('  Supabase + Vercel   ·   Deploy in minutes'),
-    dim('  by SPARROW AI SOLUTION'),
+    dim('           by SPARROW AI SOLUTION'),
   ].join('\n');
 
   console.log(boxen(`${gradientArt}\n\n${subtitle}`, {
@@ -142,47 +148,48 @@ export function help() {
 
   const commands = [
     { cmd: 'build',  desc: 'Connect Supabase · collect secrets · deploy or run locally' },
-    { cmd: 'list',   desc: 'Show all Fabrica projects (local & cloud)' },
-    { cmd: 'env',    desc: 'View and update environment variables for any project' },
-    { cmd: 'rerun',  desc: 'Re-run or re-open an existing project' },
-    { cmd: 'vins',   desc: 'Verify & auto-install CLI dependencies (git, gh, vercel)' },
-    { cmd: 'clean',  desc: 'Remove local data, env files, or logout from Vercel / GitHub' },
-    { cmd: 'info',   desc: 'Package, bridge, repo and storage info' },
-    { cmd: 'help',   desc: 'Show this help screen' },
+    { cmd: 'list',   desc: 'Show all Fabrica projects (local & cloud)'                  },
+    { cmd: 'env',    desc: 'View and update environment variables for any project'      },
+    { cmd: 'rerun',  desc: 'Re-run or re-open an existing project'                      },
+    { cmd: 'vins',   desc: 'Verify & auto-install CLI deps (git, gh, vercel)'           },
+    { cmd: 'clean',  desc: 'Clean data, env files, or logout from Vercel / GitHub'      },
+    { cmd: 'info',   desc: 'Package, bridge, repo and storage info'                     },
+    { cmd: 'help',   desc: 'Show this help screen'                                      },
   ];
 
   const cmdRows = commands.map(({ cmd, desc }) =>
-    `   ${bold(orange(cmd.padEnd(10)))}  ${dim(desc)}`
+    `   ${dimOrange(figures.pointer)} ${bold(orange(cmd.padEnd(10)))}  ${dim(desc)}`
   ).join('\n');
 
   const examples = [
-    `   ${dimOrange('$')} npx fabrica-e-commerce build`,
-    `   ${dimOrange('$')} npx fabrica-e-commerce vins`,
-    `   ${dimOrange('$')} npx fabrica-e-commerce list`,
-    `   ${dimOrange('$')} npx fabrica-e-commerce clean`,
-    `   ${dimOrange('$')} npx fabrica-e-commerce env`,
-    `   ${dimOrange('$')} npx fabrica-e-commerce rerun`,
+    `   ${dimOrange('$')} ${cyan('npx fabrica-e-commerce build')}   ${dim('# start a new store')}`,
+    `   ${dimOrange('$')} ${cyan('npx fabrica-e-commerce vins')}    ${dim('# check dependencies')}`,
+    `   ${dimOrange('$')} ${cyan('npx fabrica-e-commerce list')}    ${dim('# see all projects')}`,
+    `   ${dimOrange('$')} ${cyan('npx fabrica-e-commerce rerun')}   ${dim('# open existing project')}`,
+    `   ${dimOrange('$')} ${cyan('npx fabrica-e-commerce env')}     ${dim('# update env variables')}`,
+    `   ${dimOrange('$')} ${cyan('npx fabrica-e-commerce clean')}   ${dim('# clean up data / logout')}`,
   ].join('\n');
 
   const content = [
     bold(orange(' Commands')),
-    dimOrange('  ' + '─'.repeat(52)),
+    dimOrange('  ' + '─'.repeat(60)),
     '',
     cmdRows,
     '',
     bold(orange(' Examples')),
-    dimOrange('  ' + '─'.repeat(52)),
+    dimOrange('  ' + '─'.repeat(60)),
     '',
     examples,
     '',
-    dim(`  Creator: SPARROW AI SOLUTION   ·   MIT License`),
+    dimOrange('  ' + '─'.repeat(60)),
+    dim(`   Creator: SPARROW AI SOLUTION   ·   MIT License   ·   v${process.env.npm_package_version || ''}`),
   ].join('\n');
 
   console.log(dimOrange('  │'));
   console.log(boxen(content, {
     title: ` ${bold(orange('Help & Commands'))} `,
     titleAlignment: 'left',
-    padding: { top: 1, bottom: 1, left: 1, right: 1 },
+    padding: { top: 1, bottom: 1, left: 1, right: 2 },
     borderStyle: 'round',
     borderColor: '#ff8a00',
   }));
@@ -191,7 +198,8 @@ export function help() {
 // ── step progress ─────────────────────────────────────────────────────────────
 export function stepHeader(step, total, title) {
   endSections();
-  const badge = orange(`[${step}/${total}]`);
-  const line = `${badge} ${bold(white(title))}`;
-  console.log(`\n  ${dimOrange(figures.arrowRight)} ${line}`);
+  const pill = chalk.bgHex('#ff8a00').black(` ${step}/${total} `);
+  const line = `${pill} ${bold(white(title))}`;
+  const bar = dimOrange('─'.repeat(Math.max(0, 52 - stripAnsi(title).length - 6)));
+  console.log(`\n  ${dimOrange(figures.arrowRight)} ${line}  ${bar}`);
 }