@camox/cli 0.2.0-alpha.4
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/LICENSE.md +110 -0
- package/dist/api-4OWBCL7B.js +15 -0
- package/dist/chunk-KYDY3NNE.js +77 -0
- package/dist/index.js +501 -0
- package/package.json +36 -0
- package/template/components.json +22 -0
- package/template/package.json +39 -0
- package/template/src/camox/blocks/footer.tsx +67 -0
- package/template/src/camox/blocks/hero.tsx +64 -0
- package/template/src/camox/blocks/navbar.tsx +95 -0
- package/template/src/camox/blocks/statistics.tsx +99 -0
- package/template/src/camox/blocks/testimonial.tsx +56 -0
- package/template/src/camox/layouts/default.tsx +85 -0
- package/template/src/components/ui/button.tsx +57 -0
- package/template/src/lib/utils.ts +7 -0
- package/template/src/router.tsx +18 -0
- package/template/src/routes/__root.tsx +48 -0
- package/template/src/styles.css +132 -0
- package/template/tsconfig.json +25 -0
- package/template/vite.config.ts +15 -0
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { HeadContent, Scripts, createRootRoute } from "@tanstack/react-router";
|
|
2
|
+
|
|
3
|
+
import siteCss from "../styles.css?url";
|
|
4
|
+
|
|
5
|
+
export const Route = createRootRoute({
|
|
6
|
+
head: () => {
|
|
7
|
+
return {
|
|
8
|
+
meta: [
|
|
9
|
+
{
|
|
10
|
+
charSet: "utf-8",
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
name: "viewport",
|
|
14
|
+
content: "width=device-width, initial-scale=1",
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
title: "{{projectName}}",
|
|
18
|
+
},
|
|
19
|
+
],
|
|
20
|
+
links: [
|
|
21
|
+
{
|
|
22
|
+
rel: "stylesheet",
|
|
23
|
+
href: siteCss,
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
rel: "icon",
|
|
27
|
+
href: "/favicon.ico",
|
|
28
|
+
},
|
|
29
|
+
],
|
|
30
|
+
};
|
|
31
|
+
},
|
|
32
|
+
|
|
33
|
+
shellComponent: RootDocument,
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
function RootDocument({ children }: { children: React.ReactNode }) {
|
|
37
|
+
return (
|
|
38
|
+
<html lang="en">
|
|
39
|
+
<head>
|
|
40
|
+
<HeadContent />
|
|
41
|
+
</head>
|
|
42
|
+
<body>
|
|
43
|
+
{children}
|
|
44
|
+
<Scripts />
|
|
45
|
+
</body>
|
|
46
|
+
</html>
|
|
47
|
+
);
|
|
48
|
+
}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
@import "tw-animate-css";
|
|
3
|
+
|
|
4
|
+
@custom-variant dark (&:is(.dark *));
|
|
5
|
+
|
|
6
|
+
body {
|
|
7
|
+
@apply m-0;
|
|
8
|
+
font-family:
|
|
9
|
+
-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
|
|
10
|
+
"Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
11
|
+
-webkit-font-smoothing: antialiased;
|
|
12
|
+
-moz-osx-font-smoothing: grayscale;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:root {
|
|
16
|
+
--background: oklch(1 0 0);
|
|
17
|
+
--foreground: oklch(0.13 0.028 261.692);
|
|
18
|
+
--card: oklch(1 0 0);
|
|
19
|
+
--card-foreground: oklch(0.13 0.028 261.692);
|
|
20
|
+
--popover: oklch(1 0 0);
|
|
21
|
+
--popover-foreground: oklch(0.13 0.028 261.692);
|
|
22
|
+
--primary: oklch(0.21 0.034 264.665);
|
|
23
|
+
--primary-foreground: oklch(0.985 0.002 247.839);
|
|
24
|
+
--secondary: oklch(0.967 0.003 264.542);
|
|
25
|
+
--secondary-foreground: oklch(0.21 0.034 264.665);
|
|
26
|
+
--muted: oklch(0.967 0.003 264.542);
|
|
27
|
+
--muted-foreground: oklch(0.551 0.027 264.364);
|
|
28
|
+
--accent: oklch(0.967 0.003 264.542);
|
|
29
|
+
--accent-foreground: oklch(0.21 0.034 264.665);
|
|
30
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
31
|
+
--destructive-foreground: oklch(0.577 0.245 27.325);
|
|
32
|
+
--border: oklch(0.928 0.006 264.531);
|
|
33
|
+
--input: oklch(0.928 0.006 264.531);
|
|
34
|
+
--ring: oklch(0.707 0.022 261.325);
|
|
35
|
+
--chart-1: oklch(0.646 0.222 41.116);
|
|
36
|
+
--chart-2: oklch(0.6 0.118 184.704);
|
|
37
|
+
--chart-3: oklch(0.398 0.07 227.392);
|
|
38
|
+
--chart-4: oklch(0.828 0.189 84.429);
|
|
39
|
+
--chart-5: oklch(0.769 0.188 70.08);
|
|
40
|
+
--radius: 0.4rem;
|
|
41
|
+
--sidebar: oklch(0.985 0.002 247.839);
|
|
42
|
+
--sidebar-foreground: oklch(0.13 0.028 261.692);
|
|
43
|
+
--sidebar-primary: oklch(0.21 0.034 264.665);
|
|
44
|
+
--sidebar-primary-foreground: oklch(0.985 0.002 247.839);
|
|
45
|
+
--sidebar-accent: oklch(0.967 0.003 264.542);
|
|
46
|
+
--sidebar-accent-foreground: oklch(0.21 0.034 264.665);
|
|
47
|
+
--sidebar-border: oklch(0.928 0.006 264.531);
|
|
48
|
+
--sidebar-ring: oklch(0.707 0.022 261.325);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.dark {
|
|
52
|
+
--background: oklch(0.13 0.028 261.692);
|
|
53
|
+
--foreground: oklch(0.985 0.002 247.839);
|
|
54
|
+
--card: oklch(0.21 0.034 264.665);
|
|
55
|
+
--card-foreground: oklch(0.985 0.002 247.839);
|
|
56
|
+
--popover: oklch(0.21 0.034 264.665);
|
|
57
|
+
--popover-foreground: oklch(0.985 0.002 247.839);
|
|
58
|
+
--primary: oklch(0.928 0.006 264.531);
|
|
59
|
+
--primary-foreground: oklch(0.21 0.034 264.665);
|
|
60
|
+
--secondary: oklch(0.278 0.033 256.848);
|
|
61
|
+
--secondary-foreground: oklch(0.985 0.002 247.839);
|
|
62
|
+
--muted: oklch(0.278 0.033 256.848);
|
|
63
|
+
--muted-foreground: oklch(0.707 0.022 261.325);
|
|
64
|
+
--accent: oklch(0.278 0.033 256.848);
|
|
65
|
+
--accent-foreground: oklch(0.985 0.002 247.839);
|
|
66
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
67
|
+
--destructive-foreground: oklch(0.637 0.237 25.331);
|
|
68
|
+
--border: oklch(1 0 0 / 10%);
|
|
69
|
+
--input: oklch(1 0 0 / 15%);
|
|
70
|
+
--ring: oklch(0.551 0.027 264.364);
|
|
71
|
+
--chart-1: oklch(0.488 0.243 264.376);
|
|
72
|
+
--chart-2: oklch(0.696 0.17 162.48);
|
|
73
|
+
--chart-3: oklch(0.769 0.188 70.08);
|
|
74
|
+
--chart-4: oklch(0.627 0.265 303.9);
|
|
75
|
+
--chart-5: oklch(0.645 0.246 16.439);
|
|
76
|
+
--sidebar: oklch(0.21 0.034 264.665);
|
|
77
|
+
--sidebar-foreground: oklch(0.985 0.002 247.839);
|
|
78
|
+
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
79
|
+
--sidebar-primary-foreground: oklch(0.985 0.002 247.839);
|
|
80
|
+
--sidebar-accent: oklch(0.278 0.033 256.848);
|
|
81
|
+
--sidebar-accent-foreground: oklch(0.985 0.002 247.839);
|
|
82
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
83
|
+
--sidebar-ring: oklch(0.551 0.027 264.364);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
@theme inline {
|
|
87
|
+
--color-background: var(--background);
|
|
88
|
+
--color-foreground: var(--foreground);
|
|
89
|
+
--color-card: var(--card);
|
|
90
|
+
--color-card-foreground: var(--card-foreground);
|
|
91
|
+
--color-popover: var(--popover);
|
|
92
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
93
|
+
--color-primary: var(--primary);
|
|
94
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
95
|
+
--color-secondary: var(--secondary);
|
|
96
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
97
|
+
--color-muted: var(--muted);
|
|
98
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
99
|
+
--color-accent: var(--accent);
|
|
100
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
101
|
+
--color-destructive: var(--destructive);
|
|
102
|
+
--color-destructive-foreground: var(--destructive-foreground);
|
|
103
|
+
--color-border: var(--border);
|
|
104
|
+
--color-input: var(--input);
|
|
105
|
+
--color-ring: var(--ring);
|
|
106
|
+
--color-chart-1: var(--chart-1);
|
|
107
|
+
--color-chart-2: var(--chart-2);
|
|
108
|
+
--color-chart-3: var(--chart-3);
|
|
109
|
+
--color-chart-4: var(--chart-4);
|
|
110
|
+
--color-chart-5: var(--chart-5);
|
|
111
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
112
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
113
|
+
--radius-lg: var(--radius);
|
|
114
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
115
|
+
--color-sidebar: var(--sidebar);
|
|
116
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
117
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
118
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
119
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
120
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
121
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
122
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
@layer base {
|
|
126
|
+
* {
|
|
127
|
+
@apply border-border outline-ring/50;
|
|
128
|
+
}
|
|
129
|
+
body {
|
|
130
|
+
@apply bg-background text-foreground;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"include": ["./**/*.ts", "./**/*.tsx"],
|
|
3
|
+
"exclude": ["node_modules", "dist"],
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
"target": "ES2022",
|
|
6
|
+
"jsx": "react-jsx",
|
|
7
|
+
"module": "ESNext",
|
|
8
|
+
"lib": ["ES2022", "DOM", "DOM.Iterable"],
|
|
9
|
+
"types": ["vite/client"],
|
|
10
|
+
"moduleResolution": "bundler",
|
|
11
|
+
"allowImportingTsExtensions": true,
|
|
12
|
+
"verbatimModuleSyntax": false,
|
|
13
|
+
"noEmit": true,
|
|
14
|
+
"allowJs": true,
|
|
15
|
+
"skipLibCheck": true,
|
|
16
|
+
"strict": true,
|
|
17
|
+
"noUnusedLocals": true,
|
|
18
|
+
"noUnusedParameters": true,
|
|
19
|
+
"noFallthroughCasesInSwitch": true,
|
|
20
|
+
"noUncheckedSideEffectImports": true,
|
|
21
|
+
"paths": {
|
|
22
|
+
"@/*": ["./src/*"]
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import tailwindcss from "@tailwindcss/vite";
|
|
2
|
+
import { tanstackStart } from "@tanstack/react-start/plugin/vite";
|
|
3
|
+
import viteReact from "@vitejs/plugin-react";
|
|
4
|
+
import { camox } from "camox/vite";
|
|
5
|
+
import { defineConfig } from "vite";
|
|
6
|
+
|
|
7
|
+
export default defineConfig({
|
|
8
|
+
resolve: { tsconfigPaths: true },
|
|
9
|
+
plugins: [
|
|
10
|
+
tailwindcss(),
|
|
11
|
+
camox({ projectSlug: "{{projectSlug}}", syncSecret: "{{syncSecret}}" }),
|
|
12
|
+
tanstackStart(),
|
|
13
|
+
viteReact(),
|
|
14
|
+
],
|
|
15
|
+
});
|