rizzo-css 0.0.69 → 0.0.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/README.md +1 -1
  2. package/bin/rizzo-css.js +4 -2
  3. package/package.json +1 -1
  4. package/scaffold/astro/Footer.astro +1 -1
  5. package/scaffold/react/base/.env.example +2 -0
  6. package/scaffold/react/base/README-RIZZO.md +4 -1
  7. package/scaffold/react/base/index.html +1 -1
  8. package/scaffold/react/base/package.json +1 -0
  9. package/scaffold/react/base/src/App.tsx +4 -1
  10. package/scaffold/react/base/tsconfig.json +5 -1
  11. package/scaffold/react/base/vite.config.ts +6 -0
  12. package/scaffold/vanilla/README-RIZZO.md +1 -1
  13. package/scaffold/vanilla/components/accordion.html +24 -0
  14. package/scaffold/vanilla/components/alert-dialog.html +24 -0
  15. package/scaffold/vanilla/components/alert.html +24 -0
  16. package/scaffold/vanilla/components/aspect-ratio.html +24 -0
  17. package/scaffold/vanilla/components/avatar.html +24 -0
  18. package/scaffold/vanilla/components/back-to-top.html +24 -0
  19. package/scaffold/vanilla/components/badge.html +24 -0
  20. package/scaffold/vanilla/components/breadcrumb.html +24 -0
  21. package/scaffold/vanilla/components/button-group.html +24 -0
  22. package/scaffold/vanilla/components/button.html +24 -0
  23. package/scaffold/vanilla/components/calendar.html +24 -0
  24. package/scaffold/vanilla/components/cards.html +24 -0
  25. package/scaffold/vanilla/components/carousel.html +24 -0
  26. package/scaffold/vanilla/components/collapsible.html +24 -0
  27. package/scaffold/vanilla/components/context-menu.html +24 -0
  28. package/scaffold/vanilla/components/copy-to-clipboard.html +24 -0
  29. package/scaffold/vanilla/components/dashboard.html +24 -0
  30. package/scaffold/vanilla/components/divider.html +24 -0
  31. package/scaffold/vanilla/components/docs-sidebar.html +24 -0
  32. package/scaffold/vanilla/components/dropdown.html +24 -0
  33. package/scaffold/vanilla/components/empty.html +24 -0
  34. package/scaffold/vanilla/components/font-switcher.html +24 -0
  35. package/scaffold/vanilla/components/footer.html +24 -0
  36. package/scaffold/vanilla/components/forms.html +24 -0
  37. package/scaffold/vanilla/components/hover-card.html +24 -0
  38. package/scaffold/vanilla/components/icons.html +24 -0
  39. package/scaffold/vanilla/components/index.html +24 -0
  40. package/scaffold/vanilla/components/input-group.html +24 -0
  41. package/scaffold/vanilla/components/kbd.html +24 -0
  42. package/scaffold/vanilla/components/label.html +24 -0
  43. package/scaffold/vanilla/components/modal.html +24 -0
  44. package/scaffold/vanilla/components/navbar.html +24 -0
  45. package/scaffold/vanilla/components/pagination.html +24 -0
  46. package/scaffold/vanilla/components/popover.html +24 -0
  47. package/scaffold/vanilla/components/progress-bar.html +24 -0
  48. package/scaffold/vanilla/components/range-calendar.html +24 -0
  49. package/scaffold/vanilla/components/resizable.html +24 -0
  50. package/scaffold/vanilla/components/scroll-area.html +24 -0
  51. package/scaffold/vanilla/components/search.html +24 -0
  52. package/scaffold/vanilla/components/separator.html +24 -0
  53. package/scaffold/vanilla/components/settings.html +24 -0
  54. package/scaffold/vanilla/components/sheet.html +24 -0
  55. package/scaffold/vanilla/components/skeleton.html +24 -0
  56. package/scaffold/vanilla/components/slider.html +24 -0
  57. package/scaffold/vanilla/components/sound-effects.html +24 -0
  58. package/scaffold/vanilla/components/spinner.html +24 -0
  59. package/scaffold/vanilla/components/switch.html +24 -0
  60. package/scaffold/vanilla/components/table.html +24 -0
  61. package/scaffold/vanilla/components/tabs.html +24 -0
  62. package/scaffold/vanilla/components/theme-switcher.html +24 -0
  63. package/scaffold/vanilla/components/toast.html +24 -0
  64. package/scaffold/vanilla/components/toggle-group.html +24 -0
  65. package/scaffold/vanilla/components/toggle.html +24 -0
  66. package/scaffold/vanilla/components/tooltip.html +24 -0
  67. package/scaffold/vanilla/index.html +24 -0
  68. package/scaffold/vue/base/.env.example +2 -0
  69. package/scaffold/vue/base/README-RIZZO.md +4 -1
  70. package/scaffold/vue/base/index.html +1 -1
  71. package/scaffold/vue/base/package.json +1 -0
  72. package/scaffold/vue/base/src/App.vue +4 -1
  73. package/scaffold/vue/base/tsconfig.json +5 -1
  74. package/scaffold/vue/base/vite.config.ts +6 -0
package/README.md CHANGED
@@ -72,7 +72,7 @@ import 'rizzo-css';
72
72
  **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:
73
73
 
74
74
  ```html
75
- <!-- unpkg (pin version: replace @latest with @0.0.69 or any version) -->
75
+ <!-- unpkg (pin version: replace @latest with @0.0.71 or any version) -->
76
76
  <link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />
77
77
 
78
78
  <!-- or jsDelivr -->
package/bin/rizzo-css.js CHANGED
@@ -2147,6 +2147,8 @@ async function runAddToExisting(frameworkOverride, options) {
2147
2147
  let selectedComponents;
2148
2148
  if (selectedVariation === 'css-only') {
2149
2149
  selectedComponents = [];
2150
+ } else if (selectedVariation === 'full' && componentList.length > 0) {
2151
+ selectedComponents = [...componentList];
2150
2152
  } else if (preselected && componentList.length > 0) {
2151
2153
  const valid = preselected.filter((c) => componentList.includes(c));
2152
2154
  const invalid = preselected.filter((c) => !componentList.includes(c));
@@ -2572,11 +2574,11 @@ async function cmdInit(argv) {
2572
2574
  selectedVariation = await promptTemplate();
2573
2575
  selectedTemplate = 'full'; // all templates get full framework + Rizzo
2574
2576
 
2575
- // CSS only = no component picker; Full (site clone) = all components; Landing/Docs/Dashboard = choose all or pick
2577
+ // CSS only = no component picker; Full = all components (no prompt); Landing/Docs/Dashboard = choose all or pick
2576
2578
  if (selectedVariation === 'css-only') {
2577
2579
  selectedComponents = [];
2578
2580
  fullAllComponents = false;
2579
- } else if (selectedVariation === 'full' && hasFullVariant(framework)) {
2581
+ } else if (selectedVariation === 'full') {
2580
2582
  fullAllComponents = true;
2581
2583
  selectedComponents = framework === 'svelte' ? [...SVELTE_COMPONENTS] : framework === 'astro' ? [...ASTRO_COMPONENTS] : framework === 'react' ? [...REACT_COMPONENTS] : framework === 'vue' ? [...VUE_COMPONENTS] : Object.keys(VANILLA_COMPONENT_SLUGS);
2582
2584
  } else {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rizzo-css",
3
- "version": "0.0.69",
3
+ "version": "0.0.71",
4
4
  "engines": {
5
5
  "node": ">=18"
6
6
  },
@@ -13,7 +13,7 @@ interface Props {
13
13
  links?: FooterLink[];
14
14
  /** Optional class for the root element */
15
15
  class?: string;
16
- /** Optional version string (e.g. from package.json); shown as "v0.0.69" with link to CHANGELOG */
16
+ /** Optional version string (e.g. from package.json); shown as "v0.0.71" with link to CHANGELOG */
17
17
  version?: string;
18
18
  }
19
19
 
@@ -0,0 +1,2 @@
1
+ # Optional: copy to .env and adjust
2
+ # VITE_APP_TITLE=My Rizzo React App
@@ -32,12 +32,14 @@ Vite + React project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when y
32
32
 
33
33
  ## Project structure
34
34
 
35
- - `vite.config.ts` — Vite configuration
35
+ - `vite.config.ts` — Vite configuration (includes `@` → `src` alias)
36
36
  - `index.html` — HTML shell with Rizzo CSS and theme (edit `data-theme` for default)
37
37
  - `src/main.tsx` — Entry point
38
38
  - `src/App.tsx` — Root component
39
+ - `src/components/rizzo/` — Rizzo React components (added by `npx rizzo-css add`); import with `@/components/rizzo`
39
40
  - `public/css/rizzo.min.css` — Rizzo CSS bundle (added by CLI; font URLs point to `/assets/fonts/`)
40
41
  - `public/assets/fonts/` — Rizzo font files (added by CLI)
42
+ - `.env.example` — Optional env template (copy to `.env` if needed)
41
43
  - `README-RIZZO.md` — This file (scaffold docs; does not replace your project README)
42
44
  - `LICENSE-RIZZO` — Rizzo CSS license (does not replace your project LICENSE)
43
45
 
@@ -46,5 +48,6 @@ Vite + React project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when y
46
48
  - `pnpm dev` — Start dev server
47
49
  - `pnpm build` — Build for production
48
50
  - `pnpm preview` — Preview production build
51
+ - `npx rizzo-css add Button` — Add Rizzo components (or `pnpm exec rizzo-css add Button` with rizzo-css in devDependencies)
49
52
 
50
53
  Docs: [rizzo-css.vercel.app](https://rizzo-css.vercel.app)
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en" data-theme="{{DATA_THEME}}"><!-- {{THEME_LIST_COMMENT}} -->
2
+ <html lang="en" data-theme="{{DATA_THEME}}">{{THEME_LIST_COMMENT}}
3
3
  <head>
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -16,6 +16,7 @@
16
16
  "@types/react": "^18.3.12",
17
17
  "@types/react-dom": "^18.3.1",
18
18
  "@vitejs/plugin-react": "^4.3.3",
19
+ "rizzo-css": "^0.0.71",
19
20
  "typescript": "~5.6.2",
20
21
  "vite": "^6.0.1"
21
22
  }
@@ -4,7 +4,10 @@ export default function App() {
4
4
  <a href="#main-content" className="skip-link">Skip to main content</a>
5
5
  <main id="main-content" className="container">
6
6
  <h1>Hello, Rizzo CSS</h1>
7
- <p>Edit <code>src/App.tsx</code> and add components. Docs: <a href="https://rizzo-css.vercel.app">rizzo-css.vercel.app</a></p>
7
+ <p>Edit <code>src/App.tsx</code> and add components. Run <code>npx rizzo-css add Button</code> to add Rizzo components.</p>
8
+ <p>
9
+ <a href="https://rizzo-css.vercel.app" className="btn btn-primary">Docs — rizzo-css.vercel.app</a>
10
+ </p>
8
11
  </main>
9
12
  </>
10
13
  );
@@ -15,7 +15,11 @@
15
15
  "noUnusedLocals": true,
16
16
  "noUnusedParameters": true,
17
17
  "noFallthroughCasesInSwitch": true,
18
- "noUncheckedSideEffectImports": true
18
+ "noUncheckedSideEffectImports": true,
19
+ "baseUrl": ".",
20
+ "paths": {
21
+ "@/*": ["./src/*"]
22
+ }
19
23
  },
20
24
  "include": ["src"]
21
25
  }
@@ -1,6 +1,12 @@
1
1
  import { defineConfig } from 'vite';
2
2
  import react from '@vitejs/plugin-react';
3
+ import { fileURLToPath, URL } from 'node:url';
3
4
 
4
5
  export default defineConfig({
5
6
  plugins: [react()],
7
+ resolve: {
8
+ alias: {
9
+ '@': fileURLToPath(new URL('./src', import.meta.url)),
10
+ },
11
+ },
6
12
  });
@@ -28,7 +28,7 @@ If you prefer to load CSS from a CDN instead of the local file, replace the `<li
28
28
  - `<link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />`
29
29
  - Or jsDelivr: `https://cdn.jsdelivr.net/npm/rizzo-css@latest/dist/rizzo.min.css`
30
30
 
31
- (Replace `@latest` with a specific version, e.g. `@0.0.69`, in production.)
31
+ (Replace `@latest` with a specific version, e.g. `@0.0.71`, in production.)
32
32
 
33
33
  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.
34
34