create-fff-app 0.1.1 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fff-app",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Scaffold a new fff-stack project",
   "bin": {
     "create-fff-app": "src/index.ts"

package/template/dev-server.ts

@@ -387,19 +387,23 @@ function startServer(port: number): ReturnType<typeof Bun.serve> {
 
 const server = startServer(PREFERRED_PORT);
 
-watch(COMPONENTS_DIR, { persistent: false }, (_ev, filename) => {
-  if (filename?.endsWith('.fjsx')) {
-    console.log(`  [HMR] ${filename} changed`);
-    broadcast('reload', JSON.stringify({ template: basename(filename, '.fjsx') }));
-  }
-});
+if (existsSync(COMPONENTS_DIR)) {
+  watch(COMPONENTS_DIR, { persistent: false }, (_ev, filename) => {
+    if (filename?.endsWith('.fjsx')) {
+      console.log(`  [HMR] ${filename} changed`);
+      broadcast('reload', JSON.stringify({ template: basename(filename, '.fjsx') }));
+    }
+  });
+}
 
-watch(SERVER_PAGES_DIR, { persistent: false }, (_ev, filename) => {
-  if (filename?.endsWith('.fjsx')) {
-    console.log(`  [page] ${filename} changed — reloading`);
-    broadcast('reload', JSON.stringify({ template: basename(filename, '.fjsx'), fullReload: true }));
-  }
-});
+if (existsSync(SERVER_PAGES_DIR)) {
+  watch(SERVER_PAGES_DIR, { persistent: false }, (_ev, filename) => {
+    if (filename?.endsWith('.fjsx')) {
+      console.log(`  [page] ${filename} changed — reloading`);
+      broadcast('reload', JSON.stringify({ template: basename(filename, '.fjsx'), fullReload: true }));
+    }
+  });
+}
 
 const apiMode = WRANGLER_URL
   ? `proxy → ${WRANGLER_URL}`

package/template/public/style.css

@@ -13,9 +13,9 @@ button, input, textarea, select { font: inherit; }
 
 :root {
   /* Brand */
-  --fff-accent:      #F6821F;
-  --fff-accent-dark: #D96D0C;
-  --fff-accent-dim:  rgba(246, 130, 31, 0.10);
+  --fff-accent:      #795548;
+  --fff-accent-dark: #5D4037;
+  --fff-accent-dim:  rgba(121, 85, 72, 0.10);
 
   /* Surfaces */
   --fff-bg:      #F3F4F6;