rizzo-css 0.0.20 → 0.0.22

package/README.md

@@ -41,7 +41,7 @@ You install **the same package** for every framework: `npm install rizzo-css`. N
 
 With `npx rizzo-css add --path <dir>`, the CLI still suggests the correct href for your framework (e.g. Astro/Svelte get a leading `/` path).
 
-Scaffolds in the package: `scaffold/vanilla/` (Full or Manual), `scaffold/astro-minimal/`, `scaffold/svelte-minimal/`, plus `scaffold/astro/` and `scaffold/svelte/` (component templates for hand-pick). Use `npx rizzo-css init` and choose **Create new project** to get a **Full** or **Manual** scaffold; the stylesheet link is in the layout. **Add to existing** (or `add` command) drops in CSS + hand-pick components; **you must add the stylesheet `<link>` yourself** — the CLI prints the exact tag. Every scaffold includes LICENSE and README; Astro/Svelte minimal include package.json and .env.example.
+Scaffolds in the package: `scaffold/vanilla/` (Full or Manual), `scaffold/astro-minimal/`, `scaffold/svelte-minimal/`, plus `scaffold/astro/` and `scaffold/svelte/` (component templates for hand-pick). Use `npx rizzo-css init` and choose **Create new project** to get a **Full** or **Manual** scaffold; the stylesheet link is in the layout. **Add to existing** (or `add` command) drops in CSS + hand-pick components; **you must add the stylesheet `<link>` yourself** — the CLI prints the exact tag. Every scaffold includes RIZZO-LICENSE and RIZZO-README.md (does not overwrite your project LICENSE/README); Astro/Svelte minimal include package.json and .env.example.
 
 ## Use
 
@@ -56,7 +56,7 @@ import 'rizzo-css';
 **Without a bundler (plain HTML):** Use a CDN. Both unpkg and jsDelivr resolve the package root to the built CSS (via the `unpkg` / `jsdelivr` fields in this package). For reliability or to pin a version, use the explicit path:
 
 ```html
-<!-- unpkg (pin version: replace @latest with @0.0.20 or any version) -->
+<!-- unpkg (pin version: replace @latest with @0.0.22 or any version) -->
 <link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />
 
 <!-- or jsDelivr -->
@@ -65,7 +65,7 @@ import 'rizzo-css';
 
 Short URLs also work: `https://unpkg.com/rizzo-css@latest` and `https://cdn.jsdelivr.net/npm/rizzo-css@latest` (CDNs serve the default file from package.json). To verify after publish: open the URL in a browser or run `curl -I https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css` and expect `200 OK`.
 
-Use the same class names and HTML structure as in the [component docs](https://rizzo-css.vercel.app/docs/components). **Vanilla JS**, Astro, and Svelte all use the same CSS and BEM markup; Astro/Svelte add framework component files when you hand-pick. Each scaffold has a README; every install includes LICENSE. The **Vanilla** Full includes a Settings panel and toast; **Astro** and **Svelte** Full scaffolds include theme persistence and toast (`showToast`, `removeToast`, `removeAllToasts`).
+Use the same class names and HTML structure as in the [component docs](https://rizzo-css.vercel.app/docs/components). **Vanilla JS**, Astro, and Svelte all use the same CSS and BEM markup; Astro/Svelte add framework component files when you hand-pick. Each scaffold has RIZZO-README.md; every install includes RIZZO-LICENSE. The **Navbar** component in the scaffold includes the default Cat logo in the brand link (optional `logo` prop for a custom image). The **Vanilla** Full includes a Settings panel and toast; **Astro** and **Svelte** Full scaffolds include theme persistence and toast (`showToast`, `removeToast`, `removeAllToasts`).
 
 ## Themes
 

package/bin/rizzo-css.js

@@ -6,24 +6,30 @@ const { spawnSync } = require('child_process');
 const readline = require('readline');
 
 const RIZZO_CONFIG_FILE = 'rizzo-css.json';
+/** Scaffold README filename; avoids overwriting an existing project README.md. */
+const SCAFFOLD_README_FILENAME = 'RIZZO-README.md';
+/** Scaffold license filename; avoids overwriting an existing project LICENSE. */
+const SCAFFOLD_LICENSE_FILENAME = 'RIZZO-LICENSE';
 
 const COMMANDS = ['init', 'add', 'theme', 'help'];
 const FRAMEWORKS = ['vanilla', 'astro', 'svelte'];
+/** Supported package managers: detection, install/add commands, and --package-manager override. */
+const VALID_PACKAGE_MANAGERS = ['npm', 'pnpm', 'yarn', 'bun'];
 
 /** Full = everything we ship. Minimal = recommended starting set. Manual = you choose. */
 const TEMPLATES = {
   vanilla: [
-    { value: 'full', label: 'Full — index.html + theme switcher, js/main.js, icons, component showcase, README' },
+    { value: 'full', label: 'Full — index.html + theme switcher, js/main.js, icons, component showcase, ' + SCAFFOLD_README_FILENAME },
     { value: 'minimal', label: 'Minimal — index.html + CSS + js/main.js (recommended starter; no showcase)' },
     { value: 'manual', label: 'Manual — index.html + CSS; pick components to add their pages + js/main.js' },
   ],
   astro: [
-    { value: 'full', label: 'Full — Astro app + all 25 components (config, one page, README, LICENSE, .env.example)' },
+    { value: 'full', label: 'Full — Astro app + all 25 components (config, one page, ' + SCAFFOLD_README_FILENAME + ', ' + SCAFFOLD_LICENSE_FILENAME + ', .env.example)' },
     { value: 'minimal', label: 'Minimal — Astro app + recommended components (Button, Badge, Card, Modal, Tabs, ThemeSwitcher, FormGroup, Alert, Toast, Dropdown)' },
     { value: 'manual', label: 'Manual — minimal base + pick the components you want' },
   ],
   svelte: [
-    { value: 'full', label: 'Full — SvelteKit app + all 25 components (config, one page, README, LICENSE, .env.example)' },
+    { value: 'full', label: 'Full — SvelteKit app + all 25 components (config, one page, ' + SCAFFOLD_README_FILENAME + ', ' + SCAFFOLD_LICENSE_FILENAME + ', .env.example)' },
     { value: 'minimal', label: 'Minimal — SvelteKit app + recommended components (Button, Badge, Card, Modal, Tabs, ThemeSwitcher, FormGroup, Alert, Toast, Dropdown)' },
     { value: 'manual', label: 'Manual — minimal base + pick the components you want' },
   ],
@@ -138,11 +144,52 @@ function getCssPath() {
   return join(getPackageRoot(), 'dist', 'rizzo.min.css');
 }
 
-/** Copy the package LICENSE into the project dir. Call after every scaffold so every install includes a license. */
+/** Copy package dist/fonts into <cssTargetDir>/fonts so CSS url(./fonts/...) resolves. cssTargetDir is framework-specific (static/css | css). Not used for Astro; use copyRizzoCssAndFontsForAstro instead. */
+function copyRizzoFonts(cssTargetDir) {
+  const fontsSrc = join(getPackageRoot(), 'dist', 'fonts');
+  if (!existsSync(fontsSrc)) return;
+  const dest = join(cssTargetDir, 'fonts');
+  mkdirSync(dest, { recursive: true });
+  const entries = readdirSync(fontsSrc, { withFileTypes: true });
+  for (const e of entries) {
+    const srcPath = join(fontsSrc, e.name);
+    const destPath = join(dest, e.name);
+    if (e.isDirectory()) {
+      copyDirRecursive(srcPath, destPath);
+    } else {
+      copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+/** Astro only: copy rizzo.min.css to public/css with font URLs rewritten to /assets/fonts/, and copy fonts to public/assets/fonts. */
+function copyRizzoCssAndFontsForAstro(projectDir, cssSource) {
+  const cssDir = join(projectDir, 'public', 'css');
+  const cssTarget = join(cssDir, 'rizzo.min.css');
+  const fontsDest = join(projectDir, 'public', 'assets', 'fonts');
+  mkdirSync(cssDir, { recursive: true });
+  mkdirSync(fontsDest, { recursive: true });
+  copyFileSync(cssSource, cssTarget);
+  let css = readFileSync(cssTarget, 'utf8');
+  css = css.replace(/url\(['"]?\.\/fonts\//g, "url('/assets/fonts/");
+  writeFileSync(cssTarget, css, 'utf8');
+  const fontsSrc = join(getPackageRoot(), 'dist', 'fonts');
+  if (existsSync(fontsSrc)) {
+    const entries = readdirSync(fontsSrc, { withFileTypes: true });
+    for (const e of entries) {
+      const srcPath = join(fontsSrc, e.name);
+      const destPath = join(fontsDest, e.name);
+      if (e.isDirectory()) copyDirRecursive(srcPath, destPath);
+      else copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
+/** Copy the package LICENSE into the project dir as RIZZO-LICENSE so we do not overwrite an existing LICENSE. */
 function copyPackageLicense(projectDir) {
   const licensePath = join(getPackageRoot(), 'LICENSE');
   if (existsSync(licensePath)) {
-    copyFileSync(licensePath, join(projectDir, 'LICENSE'));
+    copyFileSync(licensePath, join(projectDir, SCAFFOLD_LICENSE_FILENAME));
   }
 }
 
@@ -187,6 +234,13 @@ function getFlagValue(argv, flag) {
   return i !== -1 && argv[i + 1] != null ? argv[i + 1] : null;
 }
 
+/** Parse --package-manager value; returns npm|pnpm|yarn|bun or null if invalid/absent. */
+function parsePackageManager(value) {
+  if (!value || typeof value !== 'string') return null;
+  const v = value.toLowerCase().trim();
+  return VALID_PACKAGE_MANAGERS.includes(v) ? v : null;
+}
+
 /** Get positional args for a command (excludes --flag and --flag value). Used for e.g. add Button ThemeSwitcher. */
 function getPositionalArgs(argv) {
   const positionals = [];
@@ -251,13 +305,16 @@ function getCreateProjectExample(pm, framework) {
   return 'npm create ' + framework + '@latest my-app';
 }
 
-/** Prompt user to select package manager (npm, pnpm, yarn, bun). Puts detected first with "(detected)" label. Returns agent string. */
+/** Prompt user to select package manager (npm, pnpm, yarn, bun). Shows "(detected)" only when we actually found a lockfile or packageManager; for new projects with no detection, user chooses. Returns agent string. */
 async function promptPackageManager(projectDir) {
-  const detected = resolvePackageManager(projectDir, process.cwd());
+  const actuallyDetected = detectPackageManager(projectDir) || detectPackageManager(process.cwd());
+  const resolved = actuallyDetected
+    ? getPackageManagerCommands(actuallyDetected)
+    : null;
   const agents = ['npm', 'pnpm', 'yarn', 'bun'];
   const options = agents.map((a) => ({
     value: a,
-    label: a === detected.agent ? a + ' (detected)' : a,
+    label: (resolved && a === resolved.agent) ? a + ' (detected)' : a,
   }));
   return selectMenu(options, '? Package manager (for install and run commands)');
 }
@@ -278,6 +335,12 @@ function question(prompt) {
   });
 }
 
+/** Prompt yes/no; default yes. Returns true to run, false to skip. */
+async function confirmRunInstall(pm) {
+  const answer = await question('\nRun ' + pm.install + ' now? (Y/n) ');
+  return answer === '' || /^y(es)?$/i.test(answer);
+}
+
 /** Format label with optional ANSI color (item.color). */
 function formatLabel(item) {
   const text = item.label || item.value;
@@ -377,12 +440,13 @@ function getRealValues(items) {
   return items.map((i) => i.value);
 }
 
-/** Multi-select menu: circles ○/●, Space toggles, Enter confirms. Optional first two options: Select all / Select none (value __all__ / __none__). Returns array of selected values. */
-function multiSelectMenu(options, title) {
+/** Multi-select menu: circles ○/●, Space toggles, Enter confirms. Optional first two options: Select all / Select none (value __all__ / __none__). initialSelected: optional array of values to pre-check. Returns array of selected values. */
+function multiSelectMenu(options, title, initialSelected) {
   const items = options.map((o) => (typeof o === 'string' ? { value: o, label: o } : o));
   const isTty = process.stdin.isTTY && process.stdout.isTTY;
   const withSentinels = hasAllNoneSentinels(items);
   const realValues = getRealValues(items);
+  const initialSet = Array.isArray(initialSelected) ? new Set(initialSelected) : null;
 
   if (!isTty) {
     console.log('\n' + (title || 'Choose (space to toggle, enter when done)') + ':');
@@ -430,6 +494,11 @@ function multiSelectMenu(options, title) {
   return new Promise((resolve) => {
     let index = 0;
     const selected = new Set();
+    if (initialSet && initialSet.size > 0) {
+      for (let i = 0; i < items.length; i++) {
+        if (initialSet.has(items[i].value)) selected.add(i);
+      }
+    }
     const lineCount = (title ? 1 : 0) + items.length + 1;
     const realStart = withSentinels ? 2 : 0;
 
@@ -558,16 +627,21 @@ Options (init):
   --yes             Non-interactive: scaffold new in cwd with defaults (framework: astro, template: full)
   --framework <fw>  vanilla | astro | svelte (with --yes; otherwise first prompt)
   --template <t>    full | minimal | manual (all frameworks); with --yes defaults to full
-  --install         After scaffolding, run package manager install (new project)
-  --no-install      Do not run install
-  --write-config    Write rizzo-css.json (targetDir, framework, packageManager) in the project
+  --package-manager <pm>  npm | pnpm | yarn | bun (with --yes, or skip PM prompt when interactive)
+  --install         After scaffolding, run package manager install (no prompt)
+  --no-install      Do not run install and do not prompt
+  (rizzo-css.json is always written for new and existing projects; interactive run prompts "Run install now? (Y/n)" for Astro/Svelte.)
 
 Options (add):
   --path <dir>      Target directory for rizzo.min.css (overrides config and framework default)
   --framework <fw>   vanilla | astro | svelte (overrides config and detection)
+  --package-manager <pm>  npm | pnpm | yarn | bun (override detection for install/print commands)
   --install-package  After copying CSS, run package manager add rizzo-css
   --no-install      Do not run install or add (overrides --install-package)
 
+Package managers:
+  Supported: npm, pnpm, yarn, bun. Detection: lockfiles (pnpm-lock.yaml, yarn.lock, bun.lockb, package-lock.json) or package.json "packageManager"/"devEngines.packageManager". Use --package-manager to override.
+
 Config:
   Optional rizzo-css.json in project root: { "targetDir", "framework", "packageManager" }.
   Used by add and init when present. Detection: lockfiles and packageManager field in package.json.
@@ -585,9 +659,11 @@ Use framework CLI first, then add Rizzo CSS (match your package manager):
 
 Examples:
   npx rizzo-css init
-  npx rizzo-css init --yes --framework astro --install --write-config
+  npx rizzo-css init --yes --framework astro --install
+  npx rizzo-css init --yes --framework astro --package-manager pnpm --install
   npx rizzo-css init --yes --framework vanilla
   npx rizzo-css init --yes --framework svelte --template full
+  npx rizzo-css add --package-manager yarn --install-package
   npx rizzo-css add
   npx rizzo-css add Button
   npx rizzo-css add Button ThemeSwitcher --path public/css --framework svelte
@@ -628,9 +704,20 @@ async function promptThemes() {
   return { theme, defaultDark: DARK_THEMES.includes(defaultDark) ? defaultDark : DARK_THEMES[0], defaultLight: LIGHT_THEMES.includes(defaultLight) ? defaultLight : LIGHT_THEMES[0] };
 }
 
-/** Ask what to include: CSS only, recommended set, all components, or pick. Returns array of component names. Only call when componentList.length > 0. */
-async function promptComponentChoice(componentList, framework) {
+/** Ask what to include: CSS only, recommended set, all components, or pick. Returns array of component names. Only call when componentList.length > 0. initialSelection: when set (e.g. for manual = minimal base), skip the menu and show multi-select with these pre-selected. */
+async function promptComponentChoice(componentList, framework, initialSelection) {
   const recommended = RECOMMENDED_COMPONENTS.filter((c) => componentList.includes(c));
+  if (initialSelection !== undefined) {
+    return multiSelectMenu(
+      [
+        { value: SENTINEL_ALL, label: 'Select all components' },
+        { value: SENTINEL_NONE, label: 'Select no components' },
+        ...componentList.map((c) => ({ value: c, label: c })),
+      ],
+      '? Components (minimal set pre-selected) — Space to toggle, Enter to confirm',
+      initialSelection
+    );
+  }
   const choice = await selectMenu(
     [
       { value: 'none', label: 'CSS only — no components' },
@@ -667,11 +754,20 @@ function detectFramework(cwd) {
   return null;
 }
 
-/** Default CSS directory and link href for a framework (for add command). */
+/**
+ * Framework-specific paths for CSS and static assets. Use these so fonts, sounds, images
+ * go in the right place per framework (Astro: public/, SvelteKit: static/, Vanilla: project root).
+ * - targetDir: where rizzo.min.css is copied. Fonts: for Astro, public/assets/fonts (CLI rewrites URLs); for Svelte/Vanilla, targetDir/fonts so ./fonts/ resolves.
+ * - assetsRoot: root for static assets (Astro: public; use public/assets/fonts, public/assets/sounds).
+ */
 function getFrameworkCssPaths(framework) {
-  if (framework === 'svelte') return { targetDir: 'static/css', linkHref: '/css/rizzo.min.css' };
-  if (framework === 'astro') return { targetDir: 'public/css', linkHref: '/css/rizzo.min.css' };
-  return { targetDir: 'css', linkHref: 'css/rizzo.min.css' };
+  if (framework === 'svelte') {
+    return { targetDir: 'static/css', linkHref: '/css/rizzo.min.css', fontsDir: 'static/css/fonts', assetsRoot: 'static' };
+  }
+  if (framework === 'astro') {
+    return { targetDir: 'public/css', linkHref: '/css/rizzo.min.css', fontsDir: 'public/assets/fonts', assetsRoot: 'public' };
+  }
+  return { targetDir: 'css', linkHref: 'css/rizzo.min.css', fontsDir: 'css/fonts', assetsRoot: '' };
 }
 
 /**
@@ -702,16 +798,20 @@ async function cmdAdd(argv) {
 
   const cwd = process.cwd();
   const config = readRizzoConfig(cwd);
+  const pmOverride = parsePackageManager(getFlagValue(argv, '--package-manager'));
   const options = {
     config,
     targetDir: customPath || (config && config.targetDir) || undefined,
+    packageManager: pmOverride || undefined,
     preselectedComponents: positionals.length > 0 ? positionals : undefined,
   };
   await runAddToExisting(explicitFramework, options);
   if (installPackage && !noInstall) {
-    const pm = (config && config.packageManager)
-      ? getPackageManagerCommands({ agent: config.packageManager, command: config.packageManager })
-      : resolvePackageManager(cwd);
+    const pm = (pmOverride
+      ? getPackageManagerCommands({ agent: pmOverride, command: pmOverride })
+      : (config && config.packageManager)
+        ? getPackageManagerCommands({ agent: config.packageManager, command: config.packageManager })
+        : resolvePackageManager(cwd));
     const addPkg = pm.add('rizzo-css');
     console.log('\nRunning: ' + addPkg);
     const code = runInDir(cwd, addPkg);
@@ -1023,10 +1123,17 @@ async function runAddToExisting(frameworkOverride, options) {
 
   const paths = getFrameworkCssPaths(framework);
   const targetDirRaw = (options && options.targetDir) || (config && config.targetDir) || paths.targetDir;
-  const targetDir = join(cwd, targetDirRaw);
-  const cssTarget = join(targetDir, 'rizzo.min.css');
-  mkdirSync(targetDir, { recursive: true });
-  copyFileSync(cssSource, cssTarget);
+  let cssTarget;
+  if (framework === 'astro') {
+    copyRizzoCssAndFontsForAstro(cwd, cssSource);
+    cssTarget = join(cwd, 'public', 'css', 'rizzo.min.css');
+  } else {
+    const targetDir = join(cwd, targetDirRaw);
+    cssTarget = join(targetDir, 'rizzo.min.css');
+    mkdirSync(targetDir, { recursive: true });
+    copyFileSync(cssSource, cssTarget);
+    copyRizzoFonts(targetDir);
+  }
 
   copyRizzoIcons(cwd, framework);
   if (framework === 'svelte' && selectedComponents.length > 0) {
@@ -1040,12 +1147,17 @@ async function runAddToExisting(frameworkOverride, options) {
   }
 
   const linkHref = (options && options.targetDir) ? getLinkHrefForTargetDir(framework, options.targetDir) : paths.linkHref;
-  const pm = (config && config.packageManager)
-    ? getPackageManagerCommands({ agent: config.packageManager, command: config.packageManager })
-    : resolvePackageManager(cwd);
+  const pmFromOption = options && options.packageManager && VALID_PACKAGE_MANAGERS.includes(options.packageManager);
+  const pm = pmFromOption
+    ? getPackageManagerCommands({ agent: options.packageManager, command: options.packageManager })
+    : (config && config.packageManager)
+      ? getPackageManagerCommands({ agent: config.packageManager, command: config.packageManager })
+      : resolvePackageManager(cwd);
   const cliExample = pm.dlx('rizzo-css theme');
+  writeRizzoConfig(cwd, { targetDir: targetDirRaw, framework, packageManager: pm.agent });
   console.log('\n✓ Rizzo CSS added to your existing project');
   console.log('  - ' + cssTarget);
+  console.log('  - Wrote ' + RIZZO_CONFIG_FILE);
   console.log('\nYou must add the stylesheet link yourself — it is not added automatically.');
   if (framework === 'svelte') {
     console.log('\nIn your root layout (e.g. src/app.html), add:');
@@ -1081,7 +1193,6 @@ async function cmdInit(argv) {
   const yes = hasFlag(argv, '--yes');
   const runInstallAfterScaffold = hasFlag(argv, '--install');
   const noInstall = hasFlag(argv, '--no-install');
-  const writeConfig = hasFlag(argv, '--write-config');
   const cwd = process.cwd();
   const config = readRizzoConfig(cwd);
 
@@ -1107,7 +1218,8 @@ async function cmdInit(argv) {
     }
     const projectDir = cwd;
     const resolved = resolvePackageManager(projectDir, cwd);
-    selectedPm = (config && config.packageManager) || resolved.agent || 'npm';
+    const pmArg = getFlagValue(argv, '--package-manager');
+    selectedPm = parsePackageManager(pmArg) || (config && config.packageManager) || resolved.agent || 'npm';
     theme = 'system';
     defaultDark = DARK_THEMES[0];
     defaultLight = LIGHT_THEMES[0];
@@ -1152,7 +1264,8 @@ async function cmdInit(argv) {
       selectedComponents = RECOMMENDED_COMPONENTS.filter((c) => componentList.includes(c));
     } else if (selectedTemplate === 'manual') {
       const componentList = framework === 'svelte' ? SVELTE_COMPONENTS : ASTRO_COMPONENTS;
-      selectedComponents = await promptComponentChoice(componentList, framework);
+      const recommended = RECOMMENDED_COMPONENTS.filter((c) => componentList.includes(c));
+      selectedComponents = await promptComponentChoice(componentList, framework, recommended);
     }
 
     const wantsThemeSwitcher = (framework === 'vanilla' && (selectedTemplate === 'full' || selectedTemplate === 'minimal')) || selectedComponents.includes('ThemeSwitcher');
@@ -1168,7 +1281,8 @@ async function cmdInit(argv) {
     }
 
     const projectDirForPm = name ? join(cwd, name) : cwd;
-    selectedPm = await promptPackageManager(projectDirForPm);
+    const pmArg = getFlagValue(argv, '--package-manager');
+    selectedPm = parsePackageManager(pmArg) || await promptPackageManager(projectDirForPm);
   }
 
   const projectDir = name ? join(cwd, name) : cwd;
@@ -1179,7 +1293,7 @@ async function cmdInit(argv) {
     process.exit(1);
   }
 
-  const themeComment = '\n  <!-- Initial: ' + theme + '; dark: ' + defaultDark + '; light: ' + defaultLight + ' (all 14 themes in CSS) -->';
+  const themeComment = '  <!-- Initial: ' + theme + '; dark: ' + defaultDark + '; light: ' + defaultLight + ' (all 14 themes in CSS) -->';
   const projectNamePkg = name
     ? name.replace(/\s+/g, '-').toLowerCase()
     : (framework === 'astro' ? 'my-astro-app' : framework === 'svelte' ? 'my-svelte-app' : 'my-app');
@@ -1223,9 +1337,8 @@ async function cmdInit(argv) {
   if (useHandpickAstro) {
     mkdirSync(projectDir, { recursive: true });
     copyDirRecursiveWithReplacements(astroMinimalDir, projectDir, replacements);
-    mkdirSync(join(projectDir, 'public', 'css'), { recursive: true });
+    copyRizzoCssAndFontsForAstro(projectDir, cssSource);
     cssTarget = join(projectDir, 'public', 'css', 'rizzo.min.css');
-    copyFileSync(cssSource, cssTarget);
     if (statSync(cssTarget).size < 5000) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
@@ -1237,9 +1350,8 @@ async function cmdInit(argv) {
   } else if (useAstroBase) {
     mkdirSync(projectDir, { recursive: true });
     copyDirRecursiveWithReplacements(astroMinimalDir, projectDir, replacements);
-    mkdirSync(join(projectDir, 'public', 'css'), { recursive: true });
+    copyRizzoCssAndFontsForAstro(projectDir, cssSource);
     cssTarget = join(projectDir, 'public', 'css', 'rizzo.min.css');
-    copyFileSync(cssSource, cssTarget);
     if (statSync(cssTarget).size < 5000) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
@@ -1254,6 +1366,7 @@ async function cmdInit(argv) {
     mkdirSync(join(projectDir, 'static', 'css'), { recursive: true });
     cssTarget = join(projectDir, 'static', 'css', 'rizzo.min.css');
     copyFileSync(cssSource, cssTarget);
+    copyRizzoFonts(dirname(cssTarget));
     if (statSync(cssTarget).size < 5000) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
@@ -1268,6 +1381,7 @@ async function cmdInit(argv) {
     mkdirSync(join(projectDir, 'static', 'css'), { recursive: true });
     cssTarget = join(projectDir, 'static', 'css', 'rizzo.min.css');
     copyFileSync(cssSource, cssTarget);
+    copyRizzoFonts(dirname(cssTarget));
     if (statSync(cssTarget).size < 5000) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
@@ -1282,6 +1396,7 @@ async function cmdInit(argv) {
     const linkHref = 'css/rizzo.min.css';
     mkdirSync(cssDir, { recursive: true });
     copyFileSync(cssSource, cssTarget);
+    copyRizzoFonts(dirname(cssTarget));
     if (statSync(cssTarget).size < 5000) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
@@ -1297,9 +1412,9 @@ async function cmdInit(argv) {
       .replace(/\{\{LINK_HREF\}\}/g, linkHref);
     writeFileSync(indexPath, indexHtml, 'utf8');
     copyRizzoIcons(projectDir, 'vanilla');
-    const vanillaReadme = join(getPackageRoot(), 'scaffold', 'vanilla', 'README.md');
+    const vanillaReadme = join(getPackageRoot(), 'scaffold', 'vanilla', SCAFFOLD_README_FILENAME);
     if (existsSync(vanillaReadme)) {
-      copyFileSync(vanillaReadme, join(projectDir, 'README.md'));
+      copyFileSync(vanillaReadme, join(projectDir, SCAFFOLD_README_FILENAME));
     }
     const vanillaJs = join(getPackageRoot(), 'scaffold', 'vanilla', 'js', 'main.js');
     if (existsSync(vanillaJs)) {
@@ -1314,6 +1429,7 @@ async function cmdInit(argv) {
     cssTarget = join(cssDir, 'rizzo.min.css');
     mkdirSync(cssDir, { recursive: true });
     copyFileSync(cssSource, cssTarget);
+    copyRizzoFonts(dirname(cssTarget));
     if (statSync(cssTarget).size < 5000) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
@@ -1330,13 +1446,14 @@ async function cmdInit(argv) {
     const minimalIndexWithScript = minimalHtml.replace('</body>', '  <script src="js/main.js"></script>\n</body>');
     indexPath = join(projectDir, 'index.html');
     writeFileSync(indexPath, minimalIndexWithScript, 'utf8');
-    writeFileSync(join(projectDir, 'README.md'), VANILLA_MINIMAL_README, 'utf8');
+    writeFileSync(join(projectDir, SCAFFOLD_README_FILENAME), VANILLA_MINIMAL_README, 'utf8');
     copyPackageLicense(projectDir);
   } else {
     const cssDir = join(projectDir, pathsForScaffold.targetDir);
     cssTarget = join(cssDir, 'rizzo.min.css');
     mkdirSync(cssDir, { recursive: true });
     copyFileSync(cssSource, cssTarget);
+    copyRizzoFonts(dirname(cssTarget));
     if (statSync(cssTarget).size < 5000) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
@@ -1357,17 +1474,17 @@ async function cmdInit(argv) {
         indexContent = minimalHtml.replace('</body>', '  <script src="js/main.js"></script>\n</body>');
       }
       writeFileSync(indexPath, indexContent, 'utf8');
-      writeFileSync(join(projectDir, 'README.md'), VANILLA_MANUAL_README, 'utf8');
+      writeFileSync(join(projectDir, SCAFFOLD_README_FILENAME), VANILLA_MANUAL_README, 'utf8');
     } else if (framework === 'astro') {
       indexPath = join(projectDir, 'public', 'index.html');
       mkdirSync(join(projectDir, 'public'), { recursive: true });
       writeFileSync(indexPath, minimalHtml, 'utf8');
-      writeFileSync(join(projectDir, 'README.md'), FALLBACK_MINIMAL_README, 'utf8');
+      writeFileSync(join(projectDir, SCAFFOLD_README_FILENAME), FALLBACK_MINIMAL_README, 'utf8');
     } else {
       indexPath = join(projectDir, 'static', 'index.html');
       mkdirSync(join(projectDir, 'static'), { recursive: true });
       writeFileSync(indexPath, minimalHtml, 'utf8');
-      writeFileSync(join(projectDir, 'README.md'), FALLBACK_MINIMAL_README, 'utf8');
+      writeFileSync(join(projectDir, SCAFFOLD_README_FILENAME), FALLBACK_MINIMAL_README, 'utf8');
     }
     copyPackageLicense(projectDir);
   }
@@ -1377,7 +1494,7 @@ async function cmdInit(argv) {
   if (indexPath) console.log('  - ' + indexPath);
   if (framework === 'vanilla') {
     if (useVanillaFull) {
-      console.log('  - Vanilla JS (full): theme switcher, js/main.js, icons, component showcase, README.');
+      console.log('  - Vanilla JS (full): theme switcher, js/main.js, icons, component showcase, ' + SCAFFOLD_README_FILENAME + '.');
     } else if (useVanillaMinimal) {
       console.log('  - Vanilla JS (minimal): index.html + CSS + js/main.js. Add components from docs or use Full for showcase.');
     } else {
@@ -1387,19 +1504,28 @@ async function cmdInit(argv) {
   const pm = getPackageManagerCommands({ agent: selectedPm, command: selectedPm });
   const nextStep = pm.install + ' && ' + pm.run('dev');
   const runPrefix = name ? 'cd ' + name + ' && ' : '';
+  const hasPackageJson = useHandpickAstro || useHandpickSvelte || useAstroBase || useSvelteBase;
+
+  // Always write rizzo-css.json for new projects (targetDir, framework, packageManager).
+  const pathsForConfig = getFrameworkCssPaths(framework);
+  writeRizzoConfig(projectDir, { targetDir: pathsForConfig.targetDir, framework, packageManager: selectedPm });
+  console.log('  - Wrote ' + RIZZO_CONFIG_FILE);
 
-  if (runInstallAfterScaffold && !noInstall && (useHandpickAstro || useHandpickSvelte || useAstroBase || useSvelteBase)) {
+  if (runInstallAfterScaffold && !noInstall && hasPackageJson) {
     console.log('\nRunning: ' + pm.install);
     const code = runInDir(projectDir, pm.install);
     if (code !== 0) {
       console.error('\nInstall failed (exit ' + code + '). Run manually: ' + runPrefix + pm.install);
     }
-  }
-
-  if (writeConfig) {
-    const pathsForConfig = getFrameworkCssPaths(framework);
-    writeRizzoConfig(projectDir, { targetDir: pathsForConfig.targetDir, framework, packageManager: selectedPm });
-    console.log('\n  - Wrote ' + RIZZO_CONFIG_FILE);
+  } else if (!yes && !noInstall && hasPackageJson) {
+    const shouldRun = await confirmRunInstall(pm);
+    if (shouldRun) {
+      console.log('\nRunning: ' + pm.install);
+      const code = runInDir(projectDir, pm.install);
+      if (code !== 0) {
+        console.error('\nInstall failed (exit ' + code + '). Run manually: ' + runPrefix + pm.install);
+      }
+    }
   }
 
   if (useHandpickAstro || useHandpickSvelte) {

package/dist/fonts/GeistMono/LICENSE.TXT

@@ -0,0 +1,92 @@
+Geist Sans and Geist Mono Font
+(C) 2023 Vercel, made in collaboration with basement.studio
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is available with a FAQ at: http://scripts.sil.org/OFL and copied below
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION AND CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.