@tiniestcloud/create 0.1.9 → 0.1.11
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.
package/package.json
CHANGED
|
@@ -42,7 +42,8 @@ phone-width column for the screens that are one task; anywhere else it reads as
|
|
|
42
42
|
Input and Card (src/components/ui), its AppHeader, SearchField and
|
|
43
43
|
FilterChips (src/components), and a component of the app's own for anything drawn more than
|
|
44
44
|
once (a product card, a list row, a stat tile). Styled with Tailwind classes and the theme's
|
|
45
|
-
colours on those components, never a stylesheet of `.card` and `.hero` rules
|
|
45
|
+
colours on those components, never a stylesheet of `.card` and `.hero` rules, nor one
|
|
46
|
+
written back into class names (`[&_button]:p-[11px_17px]`). Anything
|
|
46
47
|
missing (a badge, tabs, a dialog, a select, a table, a sheet, a menu) comes from shadcn/ui
|
|
47
48
|
(`npx shadcn@latest add <name>`), then takes the app's style in its own file: shadcn first,
|
|
48
49
|
the app's style on top, nothing written by hand that shadcn has. The person will never ask
|
package/templates/app/AGENTS.md
CHANGED
|
@@ -37,7 +37,10 @@ React, TypeScript, Vite, Tailwind CSS and shadcn/ui, deployed to Tiniest Cloud a
|
|
|
37
37
|
shadcn first, the app's style on top.
|
|
38
38
|
- Styling: Tailwind classes on components, colours from the theme tokens (`bg-background`,
|
|
39
39
|
`text-muted-foreground`). src/index.css holds the palette and fonts, not `.card` or `.hero`
|
|
40
|
-
rules for screens.
|
|
40
|
+
rules for screens. No `[&_button]:` selectors or pixel values (`p-[11px_17px]`) styling a
|
|
41
|
+
screen's insides: each styled piece is its own component. A list's search box is
|
|
42
|
+
`SearchField`, its filters `FilterChips`, and anything drawn per item (a card, a row) a
|
|
43
|
+
component of the app's own.
|
|
41
44
|
- Header: keep `AppHeader` and its `PAGE` container, which the content shares, so the logo and
|
|
42
45
|
the last action line up with the page. Give it the app's name and logo; restyle, don't rewrite.
|
|
43
46
|
- Theme: switch only with `setTheme` (src/lib/theme.ts), which crossfades the page. Never
|