howone 0.2.7 → 0.2.8
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 +1 -1
- package/templates/vite/package.json +1 -1
- package/templates/nextjs/.prettierignore +0 -7
- package/templates/nextjs/.prettierrc +0 -11
- package/templates/nextjs/AGENTS.md +0 -11
- package/templates/nextjs/README.md +0 -21
- package/templates/nextjs/app/favicon.ico +0 -0
- package/templates/nextjs/app/globals.css +0 -132
- package/templates/nextjs/app/layout.tsx +0 -30
- package/templates/nextjs/app/page.tsx +0 -19
- package/templates/nextjs/bun.lock +0 -1685
- package/templates/nextjs/components/.gitkeep +0 -0
- package/templates/nextjs/components/theme-provider.tsx +0 -71
- package/templates/nextjs/components/ui/accordion.tsx +0 -81
- package/templates/nextjs/components/ui/alert-dialog.tsx +0 -199
- package/templates/nextjs/components/ui/alert.tsx +0 -76
- package/templates/nextjs/components/ui/aspect-ratio.tsx +0 -11
- package/templates/nextjs/components/ui/avatar.tsx +0 -112
- package/templates/nextjs/components/ui/badge.tsx +0 -49
- package/templates/nextjs/components/ui/breadcrumb.tsx +0 -122
- package/templates/nextjs/components/ui/button-group.tsx +0 -83
- package/templates/nextjs/components/ui/button.tsx +0 -67
- package/templates/nextjs/components/ui/calendar.tsx +0 -222
- package/templates/nextjs/components/ui/card.tsx +0 -103
- package/templates/nextjs/components/ui/carousel.tsx +0 -242
- package/templates/nextjs/components/ui/chart.tsx +0 -373
- package/templates/nextjs/components/ui/checkbox.tsx +0 -33
- package/templates/nextjs/components/ui/collapsible.tsx +0 -33
- package/templates/nextjs/components/ui/combobox.tsx +0 -299
- package/templates/nextjs/components/ui/command.tsx +0 -195
- package/templates/nextjs/components/ui/context-menu.tsx +0 -263
- package/templates/nextjs/components/ui/dialog.tsx +0 -168
- package/templates/nextjs/components/ui/direction.tsx +0 -22
- package/templates/nextjs/components/ui/drawer.tsx +0 -134
- package/templates/nextjs/components/ui/dropdown-menu.tsx +0 -269
- package/templates/nextjs/components/ui/empty.tsx +0 -104
- package/templates/nextjs/components/ui/field.tsx +0 -238
- package/templates/nextjs/components/ui/hover-card.tsx +0 -44
- package/templates/nextjs/components/ui/input-group.tsx +0 -156
- package/templates/nextjs/components/ui/input-otp.tsx +0 -87
- package/templates/nextjs/components/ui/input.tsx +0 -19
- package/templates/nextjs/components/ui/item.tsx +0 -196
- package/templates/nextjs/components/ui/kbd.tsx +0 -26
- package/templates/nextjs/components/ui/label.tsx +0 -24
- package/templates/nextjs/components/ui/menubar.tsx +0 -280
- package/templates/nextjs/components/ui/native-select.tsx +0 -61
- package/templates/nextjs/components/ui/navigation-menu.tsx +0 -164
- package/templates/nextjs/components/ui/pagination.tsx +0 -129
- package/templates/nextjs/components/ui/popover.tsx +0 -89
- package/templates/nextjs/components/ui/progress.tsx +0 -31
- package/templates/nextjs/components/ui/radio-group.tsx +0 -44
- package/templates/nextjs/components/ui/resizable.tsx +0 -50
- package/templates/nextjs/components/ui/scroll-area.tsx +0 -55
- package/templates/nextjs/components/ui/select.tsx +0 -192
- package/templates/nextjs/components/ui/separator.tsx +0 -28
- package/templates/nextjs/components/ui/sheet.tsx +0 -147
- package/templates/nextjs/components/ui/sidebar.tsx +0 -702
- package/templates/nextjs/components/ui/skeleton.tsx +0 -13
- package/templates/nextjs/components/ui/slider.tsx +0 -59
- package/templates/nextjs/components/ui/sonner.tsx +0 -49
- package/templates/nextjs/components/ui/spinner.tsx +0 -10
- package/templates/nextjs/components/ui/switch.tsx +0 -33
- package/templates/nextjs/components/ui/table.tsx +0 -116
- package/templates/nextjs/components/ui/tabs.tsx +0 -90
- package/templates/nextjs/components/ui/textarea.tsx +0 -18
- package/templates/nextjs/components/ui/toggle-group.tsx +0 -89
- package/templates/nextjs/components/ui/toggle.tsx +0 -47
- package/templates/nextjs/components/ui/tooltip.tsx +0 -57
- package/templates/nextjs/components.json +0 -25
- package/templates/nextjs/eslint.config.mjs +0 -18
- package/templates/nextjs/hooks/.gitkeep +0 -0
- package/templates/nextjs/hooks/use-mobile.ts +0 -19
- package/templates/nextjs/lib/.gitkeep +0 -0
- package/templates/nextjs/lib/sdk.ts +0 -32
- package/templates/nextjs/lib/utils.ts +0 -6
- package/templates/nextjs/next.config.mjs +0 -4
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@base-ui/react": "^1.4.1",
|
|
16
16
|
"@fontsource-variable/inter": "^5.2.8",
|
|
17
|
-
"@howone/sdk": "2.0.0-beta.
|
|
17
|
+
"@howone/sdk": "2.0.0-beta.50",
|
|
18
18
|
"@tailwindcss/vite": "^4.2.1",
|
|
19
19
|
"class-variance-authority": "^0.7.1",
|
|
20
20
|
"clsx": "^2.1.1",
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
Use the project SDK from `lib/sdk.ts` for backend access.
|
|
2
|
-
|
|
3
|
-
For entity CRUD, prefer typed project bindings:
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
import howone from "@/lib/sdk"
|
|
7
|
-
|
|
8
|
-
await howone.entities.Todo.create({ text, completed: false })
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Do not call `howone.entity("Todo")` directly in application code when a typed `howone.entities.Todo` binding exists. Add or update the binding in `lib/sdk.ts` first.
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
# Next.js template
|
|
2
|
-
|
|
3
|
-
This is a Next.js template with shadcn/ui.
|
|
4
|
-
|
|
5
|
-
## Adding components
|
|
6
|
-
|
|
7
|
-
To add components to your app, run the following command:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npx shadcn@latest add button
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
This will place the ui components in the `components` directory.
|
|
14
|
-
|
|
15
|
-
## Using components
|
|
16
|
-
|
|
17
|
-
To use the components in your app, import them as follows:
|
|
18
|
-
|
|
19
|
-
```tsx
|
|
20
|
-
import { Button } from "@/components/ui/button";
|
|
21
|
-
```
|
|
Binary file
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
@import "tailwindcss";
|
|
2
|
-
@import "tw-animate-css";
|
|
3
|
-
@import "shadcn/tailwind.css";
|
|
4
|
-
|
|
5
|
-
@custom-variant dark (&:is(.dark *));
|
|
6
|
-
|
|
7
|
-
@theme inline {
|
|
8
|
-
--font-heading: var(--font-sans);
|
|
9
|
-
--font-sans: var(--font-sans);
|
|
10
|
-
--color-sidebar-ring: var(--sidebar-ring);
|
|
11
|
-
--color-sidebar-border: var(--sidebar-border);
|
|
12
|
-
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
13
|
-
--color-sidebar-accent: var(--sidebar-accent);
|
|
14
|
-
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
15
|
-
--color-sidebar-primary: var(--sidebar-primary);
|
|
16
|
-
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
17
|
-
--color-sidebar: var(--sidebar);
|
|
18
|
-
--color-chart-5: var(--chart-5);
|
|
19
|
-
--color-chart-4: var(--chart-4);
|
|
20
|
-
--color-chart-3: var(--chart-3);
|
|
21
|
-
--color-chart-2: var(--chart-2);
|
|
22
|
-
--color-chart-1: var(--chart-1);
|
|
23
|
-
--color-ring: var(--ring);
|
|
24
|
-
--color-input: var(--input);
|
|
25
|
-
--color-border: var(--border);
|
|
26
|
-
--color-destructive: var(--destructive);
|
|
27
|
-
--color-accent-foreground: var(--accent-foreground);
|
|
28
|
-
--color-accent: var(--accent);
|
|
29
|
-
--color-muted-foreground: var(--muted-foreground);
|
|
30
|
-
--color-muted: var(--muted);
|
|
31
|
-
--color-secondary-foreground: var(--secondary-foreground);
|
|
32
|
-
--color-secondary: var(--secondary);
|
|
33
|
-
--color-primary-foreground: var(--primary-foreground);
|
|
34
|
-
--color-primary: var(--primary);
|
|
35
|
-
--color-popover-foreground: var(--popover-foreground);
|
|
36
|
-
--color-popover: var(--popover);
|
|
37
|
-
--color-card-foreground: var(--card-foreground);
|
|
38
|
-
--color-card: var(--card);
|
|
39
|
-
--color-foreground: var(--foreground);
|
|
40
|
-
--color-background: var(--background);
|
|
41
|
-
--radius-sm: calc(var(--radius) * 0.6);
|
|
42
|
-
--radius-md: calc(var(--radius) * 0.8);
|
|
43
|
-
--radius-lg: var(--radius);
|
|
44
|
-
--radius-xl: calc(var(--radius) * 1.4);
|
|
45
|
-
--radius-2xl: calc(var(--radius) * 1.8);
|
|
46
|
-
--radius-3xl: calc(var(--radius) * 2.2);
|
|
47
|
-
--radius-4xl: calc(var(--radius) * 2.6);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
:root {
|
|
51
|
-
--background: oklch(1 0 0);
|
|
52
|
-
--foreground: oklch(0.148 0.004 228.8);
|
|
53
|
-
--card: oklch(1 0 0);
|
|
54
|
-
--card-foreground: oklch(0.148 0.004 228.8);
|
|
55
|
-
--popover: oklch(1 0 0);
|
|
56
|
-
--popover-foreground: oklch(0.148 0.004 228.8);
|
|
57
|
-
--primary: oklch(0.218 0.008 223.9);
|
|
58
|
-
--primary-foreground: oklch(0.987 0.002 197.1);
|
|
59
|
-
--secondary: oklch(0.963 0.002 197.1);
|
|
60
|
-
--secondary-foreground: oklch(0.218 0.008 223.9);
|
|
61
|
-
--muted: oklch(0.963 0.002 197.1);
|
|
62
|
-
--muted-foreground: oklch(0.56 0.021 213.5);
|
|
63
|
-
--accent: oklch(0.963 0.002 197.1);
|
|
64
|
-
--accent-foreground: oklch(0.218 0.008 223.9);
|
|
65
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
66
|
-
--border: oklch(0.925 0.005 214.3);
|
|
67
|
-
--input: oklch(0.925 0.005 214.3);
|
|
68
|
-
--ring: oklch(0.723 0.014 214.4);
|
|
69
|
-
--chart-1: oklch(0.872 0.007 219.6);
|
|
70
|
-
--chart-2: oklch(0.56 0.021 213.5);
|
|
71
|
-
--chart-3: oklch(0.45 0.017 213.2);
|
|
72
|
-
--chart-4: oklch(0.378 0.015 216);
|
|
73
|
-
--chart-5: oklch(0.275 0.011 216.9);
|
|
74
|
-
--radius: 0.625rem;
|
|
75
|
-
--sidebar: oklch(0.987 0.002 197.1);
|
|
76
|
-
--sidebar-foreground: oklch(0.148 0.004 228.8);
|
|
77
|
-
--sidebar-primary: oklch(0.218 0.008 223.9);
|
|
78
|
-
--sidebar-primary-foreground: oklch(0.987 0.002 197.1);
|
|
79
|
-
--sidebar-accent: oklch(0.963 0.002 197.1);
|
|
80
|
-
--sidebar-accent-foreground: oklch(0.218 0.008 223.9);
|
|
81
|
-
--sidebar-border: oklch(0.925 0.005 214.3);
|
|
82
|
-
--sidebar-ring: oklch(0.723 0.014 214.4);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.dark {
|
|
86
|
-
--background: oklch(0.148 0.004 228.8);
|
|
87
|
-
--foreground: oklch(0.987 0.002 197.1);
|
|
88
|
-
--card: oklch(0.218 0.008 223.9);
|
|
89
|
-
--card-foreground: oklch(0.987 0.002 197.1);
|
|
90
|
-
--popover: oklch(0.218 0.008 223.9);
|
|
91
|
-
--popover-foreground: oklch(0.987 0.002 197.1);
|
|
92
|
-
--primary: oklch(0.925 0.005 214.3);
|
|
93
|
-
--primary-foreground: oklch(0.218 0.008 223.9);
|
|
94
|
-
--secondary: oklch(0.275 0.011 216.9);
|
|
95
|
-
--secondary-foreground: oklch(0.987 0.002 197.1);
|
|
96
|
-
--muted: oklch(0.275 0.011 216.9);
|
|
97
|
-
--muted-foreground: oklch(0.723 0.014 214.4);
|
|
98
|
-
--accent: oklch(0.275 0.011 216.9);
|
|
99
|
-
--accent-foreground: oklch(0.987 0.002 197.1);
|
|
100
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
101
|
-
--border: oklch(1 0 0 / 10%);
|
|
102
|
-
--input: oklch(1 0 0 / 15%);
|
|
103
|
-
--ring: oklch(0.56 0.021 213.5);
|
|
104
|
-
--chart-1: oklch(0.872 0.007 219.6);
|
|
105
|
-
--chart-2: oklch(0.56 0.021 213.5);
|
|
106
|
-
--chart-3: oklch(0.45 0.017 213.2);
|
|
107
|
-
--chart-4: oklch(0.378 0.015 216);
|
|
108
|
-
--chart-5: oklch(0.275 0.011 216.9);
|
|
109
|
-
--sidebar: oklch(0.218 0.008 223.9);
|
|
110
|
-
--sidebar-foreground: oklch(0.987 0.002 197.1);
|
|
111
|
-
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
112
|
-
--sidebar-primary-foreground: oklch(0.987 0.002 197.1);
|
|
113
|
-
--sidebar-accent: oklch(0.275 0.011 216.9);
|
|
114
|
-
--sidebar-accent-foreground: oklch(0.987 0.002 197.1);
|
|
115
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
116
|
-
--sidebar-ring: oklch(0.56 0.021 213.5);
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
@layer base {
|
|
120
|
-
* {
|
|
121
|
-
@apply border-border outline-ring/50;
|
|
122
|
-
}
|
|
123
|
-
body {
|
|
124
|
-
@apply bg-background text-foreground;
|
|
125
|
-
}
|
|
126
|
-
button:not(:disabled), [role="button"]:not(:disabled) {
|
|
127
|
-
cursor: pointer;
|
|
128
|
-
}
|
|
129
|
-
html {
|
|
130
|
-
@apply font-sans;
|
|
131
|
-
}
|
|
132
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Geist, Geist_Mono, Inter } from "next/font/google"
|
|
2
|
-
|
|
3
|
-
import "./globals.css"
|
|
4
|
-
import { ThemeProvider } from "@/components/theme-provider"
|
|
5
|
-
import { cn } from "@/lib/utils";
|
|
6
|
-
|
|
7
|
-
const inter = Inter({subsets:['latin'],variable:'--font-sans'})
|
|
8
|
-
|
|
9
|
-
const fontMono = Geist_Mono({
|
|
10
|
-
subsets: ["latin"],
|
|
11
|
-
variable: "--font-mono",
|
|
12
|
-
})
|
|
13
|
-
|
|
14
|
-
export default function RootLayout({
|
|
15
|
-
children,
|
|
16
|
-
}: Readonly<{
|
|
17
|
-
children: React.ReactNode
|
|
18
|
-
}>) {
|
|
19
|
-
return (
|
|
20
|
-
<html
|
|
21
|
-
lang="en"
|
|
22
|
-
suppressHydrationWarning
|
|
23
|
-
className={cn("antialiased", fontMono.variable, "font-sans", inter.variable)}
|
|
24
|
-
>
|
|
25
|
-
<body>
|
|
26
|
-
<ThemeProvider>{children}</ThemeProvider>
|
|
27
|
-
</body>
|
|
28
|
-
</html>
|
|
29
|
-
)
|
|
30
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Button } from "@/components/ui/button"
|
|
2
|
-
|
|
3
|
-
export default function Page() {
|
|
4
|
-
return (
|
|
5
|
-
<div className="flex min-h-svh p-6">
|
|
6
|
-
<div className="flex max-w-md min-w-0 flex-col gap-4 text-sm leading-loose">
|
|
7
|
-
<div>
|
|
8
|
-
<h1 className="font-medium">Project ready!</h1>
|
|
9
|
-
<p>You may now add components and start building.</p>
|
|
10
|
-
<p>We've already added the button component for you.</p>
|
|
11
|
-
<Button className="mt-2">Button</Button>
|
|
12
|
-
</div>
|
|
13
|
-
<div className="font-mono text-xs text-muted-foreground">
|
|
14
|
-
(Press <kbd>d</kbd> to toggle dark mode)
|
|
15
|
-
</div>
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
)
|
|
19
|
-
}
|