@cloudwerk/create-app 0.2.0 → 0.2.2

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/dist/index.js CHANGED
@@ -178,9 +178,9 @@ function printSuccessBanner(projectName, projectPath, pm) {
178
178
  }
179
179
 
180
180
  // src/versions.ts
181
- var CORE_VERSION = "0.14.0";
182
- var CLI_VERSION = "0.14.0";
183
- var UI_VERSION = "0.14.0";
181
+ var CORE_VERSION = "0.15.1";
182
+ var CLI_VERSION = "0.15.2";
183
+ var UI_VERSION = "0.15.1";
184
184
 
185
185
  // src/scaffold.ts
186
186
  function getTemplateDir(renderer) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudwerk/create-app",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "description": "Create a new Cloudwerk app",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,18 +1,17 @@
1
1
  import type { LayoutProps } from '@cloudwerk/core'
2
- import globals from './globals.css?url'
2
+ import './globals.css'
3
3
 
4
4
  export default function RootLayout({ children }: LayoutProps) {
5
- return (
6
- <html lang="en">
7
- <head>
8
- <meta charset="utf-8" />
9
- <meta name="viewport" content="width=device-width, initial-scale=1" />
10
- <title>Cloudwerk App</title>
11
- <link rel="stylesheet" href={globals} />
12
- </head>
13
- <body class="bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 min-h-screen">
14
- {children}
15
- </body>
16
- </html>
17
- )
5
+ return (
6
+ <html lang="en">
7
+ <head>
8
+ <meta charset="utf-8" />
9
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
10
+ <title>Cloudwerk App</title>
11
+ </head>
12
+ <body class="bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 min-h-screen">
13
+ {children}
14
+ </body>
15
+ </html>
16
+ )
18
17
  }
@@ -1,46 +1,46 @@
1
- import Counter from './components/counter'
1
+ import Counter from '@/components/counter'
2
2
 
3
3
  export default function HomePage() {
4
- return (
5
- <main class="flex flex-col items-center justify-center min-h-screen p-8">
6
- {/* Logo/Brand */}
7
- <div class="mb-8">
8
- <h1 class="text-5xl font-bold bg-gradient-to-r from-orange-500 to-yellow-500 bg-clip-text text-transparent">
9
- Cloudwerk
10
- </h1>
11
- </div>
4
+ return (
5
+ <main class="flex flex-col items-center justify-center min-h-screen p-8">
6
+ {/* Logo/Brand */}
7
+ <div class="mb-8">
8
+ <h1 class="text-5xl font-bold bg-gradient-to-r from-orange-500 to-yellow-500 bg-clip-text text-transparent">
9
+ Cloudwerk
10
+ </h1>
11
+ </div>
12
12
 
13
- {/* Tagline */}
14
- <p class="text-xl text-gray-600 dark:text-gray-400 mb-8 text-center max-w-md">
15
- Full-stack framework for Cloudflare Workers
16
- </p>
13
+ {/* Tagline */}
14
+ <p class="text-xl text-gray-600 dark:text-gray-400 mb-8 text-center max-w-md">
15
+ Full-stack framework for Cloudflare Workers
16
+ </p>
17
17
 
18
- {/* Counter Demo */}
19
- <div class="mb-12">
20
- <Counter />
21
- </div>
18
+ {/* Counter Demo */}
19
+ <div class="mb-12">
20
+ <Counter />
21
+ </div>
22
22
 
23
- {/* Quick Links */}
24
- <div class="flex gap-4 text-sm">
25
- <a
26
- href="https://cloudwerk.dev/docs"
27
- class="text-orange-500 hover:text-orange-600 underline underline-offset-4"
28
- >
29
- Documentation
30
- </a>
31
- <span class="text-gray-300 dark:text-gray-700">|</span>
32
- <a
33
- href="https://github.com/cloudwerk/cloudwerk"
34
- class="text-orange-500 hover:text-orange-600 underline underline-offset-4"
35
- >
36
- GitHub
37
- </a>
38
- </div>
23
+ {/* Quick Links */}
24
+ <div class="flex gap-4 text-sm">
25
+ <a
26
+ href="https://cloudwerk.dev/docs"
27
+ class="text-orange-500 hover:text-orange-600 underline underline-offset-4"
28
+ >
29
+ Documentation
30
+ </a>
31
+ <span class="text-gray-300 dark:text-gray-700">|</span>
32
+ <a
33
+ href="https://github.com/cloudwerk/cloudwerk"
34
+ class="text-orange-500 hover:text-orange-600 underline underline-offset-4"
35
+ >
36
+ GitHub
37
+ </a>
38
+ </div>
39
39
 
40
- {/* Edit hint */}
41
- <p class="mt-16 text-sm text-gray-400 dark:text-gray-600">
42
- Edit <code class="bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded">app/page.tsx</code> to get started
43
- </p>
44
- </main>
45
- )
40
+ {/* Edit hint */}
41
+ <p class="mt-16 text-sm text-gray-400 dark:text-gray-600">
42
+ Edit <code class="bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded">app/page.tsx</code> to get started
43
+ </p>
44
+ </main>
45
+ )
46
46
  }
@@ -1,11 +1,12 @@
1
1
  import { defineConfig } from '@cloudwerk/core'
2
2
  import tailwindcss from '@tailwindcss/vite'
3
+ import tsconfigPaths from 'vite-tsconfig-paths'
3
4
 
4
5
  export default defineConfig({
5
6
  ui: {
6
7
  renderer: 'hono-jsx',
7
8
  },
8
9
  vite: {
9
- plugins: [tailwindcss()],
10
+ plugins: [tsconfigPaths(), tailwindcss()],
10
11
  },
11
12
  })
@@ -22,6 +22,7 @@
22
22
  "tailwindcss": "^4.1.18",
23
23
  "typescript": "^5.0.0",
24
24
  "vite": "^6.0.0",
25
+ "vite-tsconfig-paths": "^5.1.4",
25
26
  "wrangler": "^4.0.0"
26
27
  },
27
28
  "engines": {
@@ -8,14 +8,15 @@
8
8
  "skipLibCheck": true,
9
9
  "declaration": true,
10
10
  "outDir": "./dist",
11
- "rootDir": "./app",
11
+ "rootDir": "./",
12
12
  "jsx": "react-jsx",
13
13
  "jsxImportSource": "hono/jsx",
14
14
  "baseUrl": ".",
15
15
  "paths": {
16
+ "@/*": ["./*"],
16
17
  "@cloudwerk/core/bindings": ["./.cloudwerk/types/bindings.d.ts"],
17
18
  "@cloudwerk/core/context": ["./.cloudwerk/types/context.d.ts"]
18
19
  }
19
20
  },
20
- "include": [".cloudwerk/types/**/*", "app/**/*", "cloudwerk.config.ts", "global.d.ts"]
21
+ "include": [".cloudwerk/types/**/*", "app/**/*", "cloudwerk.config.ts", "global.d.ts", "components"]
21
22
  }