@vertz/create-vertz-app 0.2.18 → 0.2.20

package/dist/scaffold.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scaffold.d.ts","sourceRoot":"","sources":["../src/scaffold.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,KAAK;gBACjC,WAAW,EAAE,MAAM;CAIhC;AAED;;;;GAIG;AACH,wBAAsB,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CA6DzF"}
+{"version":3,"file":"scaffold.d.ts","sourceRoot":"","sources":["../src/scaffold.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,KAAK;gBACjC,WAAW,EAAE,MAAM;CAIhC;AAED;;;;GAIG;AACH,wBAAsB,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CAkEzF"}

package/dist/scaffold.js

@@ -1,6 +1,6 @@
 import { promises as fs } from 'node:fs';
 import path from 'node:path';
-import { apiDevelopmentRuleTemplate, appComponentTemplate, bunfigTemplate, bunPluginShimTemplate, claudeMdTemplate, clientTemplate, dbTemplate, entryClientTemplate, envExampleTemplate, envModuleTemplate, envTemplate, gitignoreTemplate, homePageTemplate, packageJsonTemplate, schemaTemplate, serverTemplate, tasksEntityTemplate, themeTemplate, tsconfigTemplate, uiDevelopmentRuleTemplate, vertzConfigTemplate, } from './templates/index.js';
+import { apiDevelopmentRuleTemplate, appComponentTemplate, bunfigTemplate, bunPluginShimTemplate, claudeMdTemplate, clientTemplate, dbTemplate, entryClientTemplate, envExampleTemplate, envModuleTemplate, envTemplate, faviconTemplate, gitignoreTemplate, homePageTemplate, packageJsonTemplate, schemaTemplate, serverTemplate, tasksEntityTemplate, themeTemplate, tsconfigTemplate, uiDevelopmentRuleTemplate, vertzConfigTemplate, } from './templates/index.js';
 /**
  * Error thrown when the project directory already exists
  */
@@ -36,11 +36,13 @@ export async function scaffold(parentDir, options) {
     const pagesDir = path.join(srcDir, 'pages');
     const stylesDir = path.join(srcDir, 'styles');
     const claudeRulesDir = path.join(projectDir, '.claude', 'rules');
+    const publicDir = path.join(projectDir, 'public');
     await Promise.all([
         fs.mkdir(entitiesDir, { recursive: true }),
         fs.mkdir(pagesDir, { recursive: true }),
         fs.mkdir(stylesDir, { recursive: true }),
         fs.mkdir(claudeRulesDir, { recursive: true }),
+        fs.mkdir(publicDir, { recursive: true }),
     ]);
     // Write all files in parallel
     await Promise.all([
@@ -65,6 +67,8 @@ export async function scaffold(parentDir, options) {
         writeFile(srcDir, 'entry-client.ts', entryClientTemplate()),
         writeFile(pagesDir, 'home.tsx', homePageTemplate()),
         writeFile(stylesDir, 'theme.ts', themeTemplate()),
+        // Static assets
+        writeFile(publicDir, 'favicon.svg', faviconTemplate()),
         // LLM rules
         writeFile(projectDir, 'CLAUDE.md', claudeMdTemplate(projectName)),
         writeFile(claudeRulesDir, 'api-development.md', apiDevelopmentRuleTemplate()),

package/dist/templates/index.d.ts

@@ -10,6 +10,10 @@ export declare function apiDevelopmentRuleTemplate(): string;
  * .claude/rules/ui-development.md — UI conventions for LLMs
  */
 export declare function uiDevelopmentRuleTemplate(): string;
+/**
+ * public/favicon.svg — Vertz logo on dark background
+ */
+export declare function faviconTemplate(): string;
 /**
  * Package.json template — full-stack deps + #generated imports map
  */

package/dist/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CA6B5D;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,CAyJnD;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,CA0NlD;AAID;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CA6B/D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAoBzC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAa5C;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAIpC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAI3C;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAIvC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAc9C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CA6B1C;AAID;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAW1C;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAoBvC;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAavC;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CASnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAe5C;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAOvC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAgD7C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAW5C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,MAAM,CAWtC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAkIzC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CA6B5D;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,CAyJnD;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,CA0NlD;AAID;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAGxC;AAID;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CA6B/D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAoBzC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAa5C;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAIpC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAI3C;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAIvC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAc9C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CA6B1C;AAID;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAW1C;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAoBvC;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAavC;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CASnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAe5C;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAOvC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAgD7C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAW5C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,MAAM,CAWtC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CA0IzC"}

package/dist/templates/index.js

@@ -411,6 +411,14 @@ export function TaskDetailPage() {
 \`\`\`
 `;
 }
+// ── Static asset templates ─────────────────────────────────
+/**
+ * public/favicon.svg — Vertz logo on dark background
+ */
+export function faviconTemplate() {
+    return `<svg width="32" height="32" viewBox="0 0 298 298" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="298" height="298" rx="60" fill="#0a0a0b"/><path d="M120.277 77H26L106.5 185.5L151.365 124.67L120.277 77Z" fill="white"/><path d="M147.986 243L125.5 210.5L190.467 124.67L160.731 77H272L147.986 243Z" fill="white"/></svg>
+`;
+}
 // ── Config file templates ──────────────────────────────────
 /**
  * Package.json template — full-stack deps + #generated imports map
@@ -751,6 +759,7 @@ export function homePageTemplate() {
   ListTransition,
   css,
   fadeOut,
+  form,
   globalCss,
   query,
   queryMatch,
@@ -772,9 +781,10 @@ void globalCss({
 const pageStyles = css({
   container: ['py:2', 'w:full'],
   heading: ['font:xl', 'font:bold', 'text:foreground', 'mb:4'],
-  form: ['flex', 'gap:2', 'mb:6'],
+  form: ['flex', 'gap:2', 'items:start', 'mb:6'],
+  inputWrap: ['flex-1'],
   input: [
-    'flex-1',
+    'w:full',
     'px:3',
     'py:2',
     'rounded:md',
@@ -783,12 +793,13 @@ const pageStyles = css({
     'bg:background',
     'text:foreground',
   ],
+  fieldError: ['text:destructive', 'font:xs', 'mt:1'],
   button: [
     'px:4',
     'py:2',
     'rounded:md',
-    'bg:primary.600',
-    'text:white',
+    'bg:primary',
+    'text:primary-foreground',
     'font:medium',
     'cursor:pointer',
   ],
@@ -812,31 +823,36 @@ const pageStyles = css({
 export function HomePage() {
   const tasksQuery = query(api.tasks.list());
 
-  const handleSubmit = async (e: SubmitEvent) => {
-    e.preventDefault();
-    const form = e.target as HTMLFormElement;
-    const data = new FormData(form);
-    const title = data.get('title') as string;
-    if (!title.trim()) return;
-
-    await api.tasks.create({ title });
-    form.reset();
-    tasksQuery.refetch();
-  };
+  const taskForm = form(api.tasks.create, {
+    resetOnSuccess: true,
+  });
 
   return (
     <div class={pageStyles.container} data-testid="home-page">
       <h1 class={pageStyles.heading}>Tasks</h1>
 
-      <form class={pageStyles.form} onSubmit={handleSubmit}>
-        <input
-          name="title"
-          class={pageStyles.input}
-          placeholder="What needs to be done?"
-          required
-        />
-        <button type="submit" class={pageStyles.button}>
-          Add
+      <form
+        class={pageStyles.form}
+        action={taskForm.action}
+        method={taskForm.method}
+        onSubmit={taskForm.onSubmit}
+      >
+        <div class={pageStyles.inputWrap}>
+          <input
+            name={taskForm.fields.title}
+            class={pageStyles.input}
+            placeholder="What needs to be done?"
+          />
+          <span class={pageStyles.fieldError}>
+            {taskForm.title.error}
+          </span>
+        </div>
+        <button
+          type="submit"
+          class={pageStyles.button}
+          disabled={taskForm.submitting}
+        >
+          {taskForm.submitting.value ? 'Adding...' : 'Add'}
         </button>
       </form>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertz/create-vertz-app",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "type": "module",
   "license": "MIT",
   "description": "Create a new Vertz application",