create-kosh-erp 0.1.3 → 0.2.0

package/index.js

@@ -9,9 +9,10 @@
  * 4. installs what the project needs next (the back-office's build tools),
  * 5. prints how to start it.
  *
- * Plain JavaScript without dependencies: it runs before anything is installed.
+ * Plain JavaScript without dependencies: it runs before anything is installed. On a terminal it shows a logo, step
+ * icons and spinners (the package manager's output is shown only when it fails); in logs and CI, plain lines.
  */
-import { spawnSync } from 'node:child_process';
+import { spawn } from 'node:child_process';
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';
 import { basename, join, resolve } from 'node:path';
 import { createInterface } from 'node:readline/promises';
@@ -41,27 +42,130 @@ Examples:
   process.exit(0);
 }
 
+// The look: colour, icons and spinners on a terminal; plain lines in logs and CI (the same rules as kosh init).
+const env = process.env;
+const tty = process.stdout.isTTY === true && env.TERM !== 'dumb' && env.CI === undefined;
+const color = env.NO_COLOR === undefined && ((env.FORCE_COLOR ?? '0') !== '0' || tty);
+const unicode =
+  env.KOSH_ASCII !== '1' &&
+  (process.platform === 'win32'
+    ? Boolean(
+        env.WT_SESSION ||
+          env.TERM_PROGRAM === 'vscode' ||
+          env.TERMINAL_EMULATOR === 'JetBrains-JediTerm' ||
+          env.TERM === 'xterm-256color',
+      )
+    : env.TERM !== 'linux');
+const emoji = unicode && tty;
+const ESC = '\u001b[';
+const paint = (open, close) => (text) => (color ? `${ESC}${open}m${text}${ESC}${close}m` : text);
+const c = {
+  bold: paint('1', '22'),
+  gray: paint('90', '39'),
+  cyan: paint('36', '39'),
+  green: paint('32', '39'),
+  red: paint('31', '39'),
+  yellow: paint('33', '39'),
+};
+const mark = unicode ? { ok: '✔', fail: '✖', warn: '▲' } : { ok: '[ok]', fail: '[x]', warn: '[!]' };
+const out = (text) => process.stdout.write(text);
+const icon = (pictograph) => (emoji ? pictograph : c.cyan(unicode ? '◆' : '*'));
+const step = (pictograph, title, hint) => {
+  out(`\n${icon(pictograph)}  ${c.bold(title)}\n`);
+  if (hint) out(`  ${c.gray(hint)}\n`);
+};
+
+function banner() {
+  if (!unicode) {
+    out(`\n  ${c.bold('K O S H')}  npm create kosh-erp ${own.version}\n`);
+    return;
+  }
+  const logo = [
+    '██╗  ██╗ ██████╗ ███████╗██╗  ██╗',
+    '██║ ██╔╝██╔═══██╗██╔════╝██║  ██║',
+    '█████╔╝ ██║   ██║███████╗███████║',
+    '██╔═██╗ ██║   ██║╚════██║██╔══██║',
+    '██║  ██╗╚██████╔╝███████║██║  ██║',
+    '╚═╝  ╚═╝ ╚═════╝ ╚══════╝╚═╝  ╚═╝',
+  ];
+  const gradient = [51, 45, 39, 33, 63, 99]; // cyan to violet
+  out('\n');
+  for (const [i, row] of logo.entries())
+    out(`  ${color ? `${ESC}38;5;${gradient[i]}m${row}${ESC}39m` : row}\n`);
+  out(`  ${c.bold('The ERP framework on Shutro')} ${c.gray(`· create-kosh-erp ${own.version}`)}\n`);
+}
+
+/** Runs `work` (resolving to an exit code) under a spinner, then prints ✔ with the time taken, or ✖. */
+async function task(label, work) {
+  const frames = unicode
+    ? ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏']
+    : ['|', '/', '-', '\\'];
+  const started = Date.now();
+  let frame = 0;
+  const draw = () => {
+    const seconds = Math.floor((Date.now() - started) / 1000);
+    out(`\r${ESC}2K  ${c.cyan(frames[frame++ % frames.length])} ${label} ${c.gray(`${seconds}s`)}`);
+  };
+  const timer = tty ? setInterval(draw, 80) : null;
+  if (tty) draw();
+  else out(`  … ${label}\n`);
+  const status = await work();
+  if (timer !== null) {
+    clearInterval(timer);
+    out(`\r${ESC}2K`);
+  }
+  const took = c.gray(`(${((Date.now() - started) / 1000).toFixed(1)}s)`);
+  out(
+    status === 0 ? `  ${c.green(mark.ok)} ${label} ${took}\n` : `  ${c.red(mark.fail)} ${label}\n`,
+  );
+  return status;
+}
+
 /** The package manager that ran us (npm create, pnpm create, yarn create). */
 const agent = process.env.npm_config_user_agent ?? '';
 const pm = agent.startsWith('pnpm') ? 'pnpm' : agent.startsWith('yarn') ? 'yarn' : 'npm';
+/** Quotes an argument for the Windows shell (the package manager is a .cmd script there and needs one). */
+const quote = (a) => (/[\s"&|<>^]/.test(a) ? `"${a.replace(/"/g, '\\"')}"` : a);
 /**
- * Runs a command in this terminal. The package manager is a .cmd script on Windows and needs a shell there, so its
- * arguments are quoted; Node itself runs without one (its path may contain spaces: C:\Program Files\nodejs).
+ * Starts a command. Node itself runs without a shell (its path may contain spaces: C:\Program Files\nodejs); the
+ * package manager on Windows gets one command line, each part quoted when it needs it.
  */
-const run = (command, args, cwd, env = {}) => {
-  const options = { cwd, stdio: 'inherit', env: { ...process.env, ...env } };
-  if (command === process.execPath || process.platform !== 'win32')
-    return spawnSync(command, args, options).status ?? 1;
-  // One command line, each part quoted when it needs it (the shell gets no separate argument list).
-  const quote = (a) => (/[\s"&|<>^]/.test(a) ? `"${a.replace(/"/g, '\\"')}"` : a);
-  return (
-    spawnSync([command, ...args].map(quote).join(' '), { ...options, shell: true }).status ?? 1
-  );
-};
+const start = (command, args, options) =>
+  command === process.execPath || process.platform !== 'win32'
+    ? spawn(command, args, options)
+    : spawn([command, ...args].map(quote).join(' '), { ...options, shell: true });
+
+/** Runs a command in this terminal (kosh init asks its questions here). */
+const run = (command, args, cwd, extra = {}) =>
+  new Promise((done) => {
+    const child = start(command, args, { cwd, stdio: 'inherit', env: { ...env, ...extra } });
+    child.on('error', () => done(1));
+    child.on('close', (status) => done(status ?? 1));
+  });
+
+/** Runs the package manager quietly (the spinner turns meanwhile); its output is printed only when it fails. */
+const quiet = (args, cwd) =>
+  new Promise((done) => {
+    const child = start(pm, args, { cwd, env });
+    let output = '';
+    child.stdout.on('data', (chunk) => {
+      output += chunk;
+    });
+    child.stderr.on('data', (chunk) => {
+      output += chunk;
+    });
+    child.on('error', (error) => {
+      output += error.message;
+    });
+    child.on('close', (status) => {
+      if (status !== 0) process.stderr.write(`\n${output.trim()}\n`);
+      done(status ?? 1);
+    });
+  });
 const add = (cwd, what) =>
-  run(pm, pm === 'npm' ? ['install', '--no-audit', '--no-fund', ...what] : ['add', ...what], cwd);
+  quiet(pm === 'npm' ? ['install', '--no-audit', '--no-fund', ...what] : ['add', ...what], cwd);
 const installAll = (cwd) =>
-  run(pm, pm === 'npm' ? ['install', '--no-audit', '--no-fund'] : ['install'], cwd);
+  quiet(pm === 'npm' ? ['install', '--no-audit', '--no-fund'] : ['install'], cwd);
 
 /** A project name: a folder name and a valid package name (lower-case letters, digits, - and _). */
 const validName = (name) => /^[a-z0-9][a-z0-9._-]{0,213}$/.test(name);
@@ -79,22 +183,27 @@ async function folder() {
   }
   if (!process.stdin.isTTY) return 'my-erp';
   const rl = createInterface({ input: process.stdin, output: process.stdout });
+  out('\n');
   for (;;) {
-    const answer = (await rl.question('Project name [my-erp]: ')).trim() || 'my-erp';
+    const answer =
+      (await rl.question(`${c.cyan('?')} Project name ${c.gray('[my-erp]')}: `)).trim() || 'my-erp';
     if (validName(answer)) {
       rl.close();
       return answer;
     }
-    process.stdout.write('  Lower-case letters, digits, - and _ (e.g. my-erp, padma-traders).\n');
+    out(
+      `  ${c.yellow(mark.warn)} Lower-case letters, digits, - and _ (e.g. my-erp, padma-traders).\n`,
+    );
   }
 }
 
+banner();
 const target = resolve(await folder());
 const name =
   basename(target)
     .toLowerCase()
     .replace(/[^a-z0-9-]+/g, '-') || 'kosh-app';
-process.stdout.write(`\nCreating a Kosh installation in ${target}\n\n`);
+step('📦', 'Kosh packages', target);
 mkdirSync(target, { recursive: true });
 if (!existsSync(join(target, 'package.json')))
   writeFileSync(
@@ -102,8 +211,7 @@ if (!existsSync(join(target, 'package.json')))
     `${JSON.stringify({ name, version: '0.1.0', private: true, type: 'module' }, null, 2)}\n`,
   );
 
-process.stdout.write(`Installing ${spec} …\n`);
-if (add(target, [spec]) !== 0) {
+if ((await task(`Installing ${spec} (Shutro comes with it)`, () => add(target, [spec]))) !== 0) {
   process.stderr.write(`\nInstalling ${spec} failed (see above).\n`);
   process.exit(1);
 }
@@ -113,9 +221,10 @@ if (!existsSync(cli)) {
   process.stderr.write(`\n${cli} is missing: the kosh-erp installation is incomplete.\n`);
   process.exit(1);
 }
-process.stdout.write('\n');
 // kosh init asks its questions in this terminal (stdio inherited), then sets up the database.
-const init = run(process.execPath, [cli, 'init', '.', ...forInit], target, { KOSH_CREATE: '1' });
+const init = await run(process.execPath, [cli, 'init', '.', ...forInit], target, {
+  KOSH_CREATE: '1',
+});
 if (init !== 0) {
   process.stderr.write(
     `\nThe setup stopped. Fix the problem above, then finish it with:\n  cd ${positional ?? basename(target)}\n  npx kosh init\n`,
@@ -123,21 +232,22 @@ if (init !== 0) {
   process.exit(init);
 }
 
-process.stdout.write('\nInstalling the back-office tools …\n');
-if (installAll(target) !== 0) {
+step('🎨', 'Back-office', 'React, Vite and Tailwind for the web app');
+if ((await task(`Installing the back-office tools with ${pm}`, () => installAll(target))) !== 0) {
   process.stderr.write(`\n${pm} install failed (see above); run it again in ${target}.\n`);
   process.exit(1);
 }
 
-const cd = target === resolve('.') ? '' : `  cd ${positional ?? basename(target)}\n`;
-const start = pm === 'npm' ? 'npm start' : `${pm} start`;
+const cd = target === resolve('.') ? '' : `  ${c.cyan(`cd ${positional ?? basename(target)}`)}\n`;
+const api = pm === 'npm' ? 'npm start' : `${pm} start`;
 const web = pm === 'npm' ? 'npm run web' : `${pm} web`;
-process.stdout.write(`
-Kosh is installed.
+const arrow = unicode ? '→' : '->';
+out(`
+${icon('🚀')}  ${c.bold(c.green('Kosh is installed.'))} ${c.gray('Start it:')}
 
-${cd}  ${start}            # the API (reads .env)
-  ${web}          # the back-office, in a second terminal → http://localhost:5173
+${cd}  ${c.cyan(api.padEnd(14))} ${c.gray('# the API (reads .env)')}
+  ${c.cyan(web.padEnd(14))} ${c.gray(`# the back-office, in a second terminal ${arrow} http://localhost:5173`)}
 
-Everything in Docker instead:  docker compose up -d --build   → http://localhost:8080
-Guide: https://www.npmjs.com/package/kosh-erp
+  ${c.gray('Everything in Docker instead:')} ${c.cyan('docker compose up -d --build')} ${c.gray(`${arrow} http://localhost:8080`)}
+  ${c.gray('Guide:')} https://www.npmjs.com/package/kosh-erp
 `);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-kosh-erp",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "npm create kosh-erp: install Kosh and set it up in one command (database, company, administrator, apps, port)",
   "keywords": [
     "kosh",