rizzo-css 0.0.25 → 0.0.27

package/README.md

@@ -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.25 or any version) -->
+<!-- unpkg (pin version: replace @latest with @0.0.27 or any version) -->
 <link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />
 
 <!-- or jsDelivr -->

package/bin/rizzo-css.js

@@ -271,6 +271,30 @@ function copyPackageLicense(projectDir) {
   }
 }
 
+/** Copy scaffold vanilla .gitignore into project so new vanilla projects have sensible defaults. */
+function copyVanillaGitignore(projectDir) {
+  const gitignorePath = join(getPackageRoot(), 'scaffold', 'vanilla', '.gitignore');
+  if (existsSync(gitignorePath)) {
+    copyFileSync(gitignorePath, join(projectDir, '.gitignore'));
+  }
+}
+
+/** Copy Astro minimal scaffold .gitignore into project (full and minimal templates). */
+function copyAstroGitignore(projectDir) {
+  const gitignorePath = join(getScaffoldAstroMinimalDir(), '.gitignore');
+  if (existsSync(gitignorePath)) {
+    copyFileSync(gitignorePath, join(projectDir, '.gitignore'));
+  }
+}
+
+/** Copy Svelte minimal scaffold .gitignore into project (full and minimal templates). */
+function copySvelteGitignore(projectDir) {
+  const gitignorePath = join(getScaffoldSvelteMinimalDir(), '.gitignore');
+  if (existsSync(gitignorePath)) {
+    copyFileSync(gitignorePath, join(projectDir, '.gitignore'));
+  }
+}
+
 /** Read rizzo-css.json from cwd. Returns { targetDir?, framework?, packageManager? } or null. */
 function readRizzoConfig(cwd) {
   if (!cwd || !existsSync(cwd)) return null;
@@ -985,6 +1009,10 @@ function getScaffoldAstroDir() {
   return join(getPackageRoot(), 'scaffold', 'astro');
 }
 
+function getScaffoldUtilsDir() {
+  return join(getPackageRoot(), 'scaffold', 'utils');
+}
+
 function getScaffoldVanillaIndex() {
   return join(getPackageRoot(), 'scaffold', 'vanilla', 'index.html');
 }
@@ -1196,6 +1224,17 @@ function copyAstroComponents(projectDir, selectedNames) {
     if (existsSync(themesSrc)) {
       copyFileSync(themesSrc, join(targetDir, 'themes.ts'));
     }
+    // ThemeSwitcher.astro imports '../utils/theme' -> need src/components/utils/theme.ts in project
+    const utilsDir = getScaffoldUtilsDir();
+    const themeSrc = join(utilsDir, 'theme.ts');
+    if (existsSync(themeSrc)) {
+      const componentsDir = join(projectDir, 'src', 'components');
+      const projectUtilsDir = join(componentsDir, 'utils');
+      mkdirSync(projectUtilsDir, { recursive: true });
+      let themeContent = readFileSync(themeSrc, 'utf8');
+      themeContent = themeContent.replace(/from ['"]\.\.\/astro\/themes['"]/g, "from '../rizzo/themes'");
+      writeFileSync(join(projectUtilsDir, 'theme.ts'), themeContent);
+    }
   }
   if (count > 0 || copyIconsOnly) {
     const msg = copyIconsOnly ? 'Icons' : count + ' Astro components + icons';
@@ -1530,6 +1569,7 @@ async function cmdInit(argv) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
     copyPackageLicense(projectDir);
+    copyAstroGitignore(projectDir);
     if (componentsToCopy.length > 0) {
       copyRizzoIcons(projectDir, 'astro');
       copyAstroComponents(projectDir, componentsToCopy);
@@ -1543,6 +1583,7 @@ async function cmdInit(argv) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
     copyPackageLicense(projectDir);
+    copyAstroGitignore(projectDir);
     if (componentsToCopy.length > 0) {
       copyRizzoIcons(projectDir, 'astro');
       copyAstroComponents(projectDir, componentsToCopy);
@@ -1556,6 +1597,7 @@ async function cmdInit(argv) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
     copyPackageLicense(projectDir);
+    copySvelteGitignore(projectDir);
     if (componentsToCopy.length > 0) {
       copyRizzoIcons(projectDir, 'svelte');
       copySvelteComponents(projectDir, componentsToCopy);
@@ -1569,6 +1611,7 @@ async function cmdInit(argv) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');
     }
     copyPackageLicense(projectDir);
+    copySvelteGitignore(projectDir);
     if (componentsToCopy.length > 0) {
       copyRizzoIcons(projectDir, 'svelte');
       copySvelteComponents(projectDir, componentsToCopy);
@@ -1607,6 +1650,7 @@ async function cmdInit(argv) {
       writeFileSync(join(projectDir, 'js', 'main.js'), mainJs, 'utf8');
     }
     copyPackageLicense(projectDir);
+    copyVanillaGitignore(projectDir);
   } else if (useVanillaMinimal) {
     const cssDir = join(projectDir, pathsForScaffold.targetDir);
     cssTarget = join(cssDir, 'rizzo.min.css');
@@ -1631,6 +1675,7 @@ async function cmdInit(argv) {
     writeFileSync(indexPath, minimalIndexWithScript, 'utf8');
     writeFileSync(join(projectDir, SCAFFOLD_README_FILENAME), VANILLA_MINIMAL_README, 'utf8');
     copyPackageLicense(projectDir);
+    copyVanillaGitignore(projectDir);
   } else {
     if (framework === 'svelte') {
       copyRizzoCssAndFontsForSvelte(projectDir, cssSource);
@@ -1663,6 +1708,7 @@ async function cmdInit(argv) {
       }
       writeFileSync(indexPath, indexContent, 'utf8');
       writeFileSync(join(projectDir, SCAFFOLD_README_FILENAME), VANILLA_MANUAL_README, 'utf8');
+      copyVanillaGitignore(projectDir);
     } else if (framework === 'astro') {
       indexPath = join(projectDir, 'public', 'index.html');
       mkdirSync(join(projectDir, 'public'), { recursive: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rizzo-css",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "scripts": {
     "prepublishOnly": "cd ../.. && pnpm run lint:css:fix && pnpm run build:css && node scripts/copy-scaffold.js && node scripts/prepare-vanilla-scaffold.js"
   },
@@ -26,6 +26,7 @@
     ".env.example",
     "bin",
     "scaffold/astro",
+    "scaffold/utils",
     "scaffold/svelte",
     "scaffold/vanilla",
     "scaffold/astro-minimal",

package/scaffold/utils/theme.ts

@@ -0,0 +1,65 @@
+/**
+ * Theme utilities — apply theme, resolve system preference, get/set stored theme.
+ * Used by ThemeSwitcher, Layout (flash prevention), and any consumer that sets data-theme.
+ */
+import { ALL_THEMES } from '../astro/themes';
+
+export const THEME_SYSTEM = 'system';
+export const DEFAULT_THEME_DARK = 'github-dark-classic';
+export const DEFAULT_THEME_LIGHT = 'github-light';
+
+/** Current theme id from the DOM (data-theme on html). */
+export function getCurrentTheme(): string {
+  if (typeof document === 'undefined') return DEFAULT_THEME_DARK;
+  return document.documentElement.getAttribute('data-theme') || DEFAULT_THEME_DARK;
+}
+
+/** Stored theme from localStorage (may be 'system' or a theme id). */
+export function getStoredTheme(): string {
+  if (typeof localStorage === 'undefined') return getCurrentTheme();
+  return localStorage.getItem('theme') || getCurrentTheme();
+}
+
+/** Resolve system preference to a concrete theme id. */
+export function resolveSystemTheme(): string {
+  if (typeof window === 'undefined') return DEFAULT_THEME_DARK;
+  return window.matchMedia('(prefers-color-scheme: dark)').matches ? DEFAULT_THEME_DARK : DEFAULT_THEME_LIGHT;
+}
+
+/** Resolve stored theme to the effective theme id (for 'system', returns resolved dark/light). */
+export function getResolvedTheme(): string {
+  const stored = getStoredTheme();
+  if (!stored || stored === THEME_SYSTEM) return resolveSystemTheme();
+  return stored;
+}
+
+/** Get { value, label } for a theme (for UI display). */
+export function getThemeInfo(themeValue: string): { value: string; label: string } {
+  if (themeValue === THEME_SYSTEM) return { value: THEME_SYSTEM, label: 'System' };
+  const entry = ALL_THEMES.find((t) => t.value === themeValue);
+  return entry ? { value: entry.value, label: entry.label } : { value: themeValue, label: 'Theme' };
+}
+
+/** Get display label for a theme value (from config). */
+export function getThemeLabel(themeValue: string): string {
+  return getThemeInfo(themeValue).label;
+}
+
+/** Apply a theme: set data-theme and persist to localStorage. Use for ThemeSwitcher and programmatic changes. */
+export function applyTheme(themeValue: string): void {
+  if (typeof document === 'undefined' || typeof localStorage === 'undefined') return;
+  let effective: string;
+  if (themeValue === THEME_SYSTEM) {
+    effective = resolveSystemTheme();
+    document.documentElement.setAttribute('data-theme', effective);
+    localStorage.setItem('theme', THEME_SYSTEM);
+  } else {
+    document.documentElement.setAttribute('data-theme', themeValue);
+    localStorage.setItem('theme', themeValue);
+    effective = themeValue;
+  }
+  // Allow listeners to sync UI (e.g. ThemeSwitcher)
+  try {
+    window.dispatchEvent(new CustomEvent('rizzo-theme-change', { detail: { themeValue, effective } }));
+  } catch (_) {}
+}

package/scaffold/vanilla/README-RIZZO.md

@@ -13,7 +13,7 @@ If you prefer to load CSS from a CDN instead of the local file, replace the `<li
 - `<link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />`  
 - Or jsDelivr: `https://cdn.jsdelivr.net/npm/rizzo-css@latest/dist/rizzo.min.css`  
 
-(Replace `@latest` with a specific version, e.g. `@0.0.25`, in production.)
+(Replace `@latest` with a specific version, e.g. `@0.0.27`, in production.)
 
 The CLI replaces placeholders in `index.html` (e.g. `{{DATA_THEME}}`, `{{TITLE}}`) when you run `rizzo-css init`. The theme selected during init is used on first load when you have no saved preference in the browser.
 

package/scaffold/vanilla/components/accordion.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/alert.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/avatar.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/badge.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/breadcrumb.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/button.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/cards.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/copy-to-clipboard.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/divider.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/dropdown.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/forms.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/icons.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/index.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -299,6 +306,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/modal.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/navbar.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/pagination.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/progress-bar.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/search.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/settings.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/spinner.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/table.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/tabs.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/theme-switcher.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/toast.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/tooltip.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -274,6 +281,13 @@
 
 
 
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/index.html

@@ -212,6 +212,13 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -286,6 +293,13 @@
 
 
 
+
+
+
+
+
+
+