@batijs/cli 0.0.203 → 0.0.205

package/dist/boilerplates/@batijs/compiled/files/$vite.config.ts.js

@@ -5,7 +5,8 @@ async function getViteConfig(props) {
   addVitePlugin(mod, {
     from: "vite-plugin-compiled-react",
     constructor: "compiled",
-    imported: "compiled"
+    imported: "compiled",
+    options: { extract: true }
   });
   return mod.generate().code;
 }

package/dist/boilerplates/@batijs/express/files/express-entry.ts

@@ -8,8 +8,8 @@ import {
   firebaseAuthLogoutHandler,
   firebaseAuthMiddleware,
 } from "@batijs/firebase-auth/server/firebase-auth-middleware";
+import { createTodoHandler } from "@batijs/shared-server/server/create-todo-handler";
 import { vikeHandler } from "@batijs/shared-server/server/vike-handler";
-import { createTodoHandler } from "@batijs/shared-todo/server/create-todo-handler";
 import { telefuncHandler } from "@batijs/telefunc/server/telefunc-handler";
 import { appRouter } from "@batijs/trpc/trpc/server";
 import { tsRestHandler } from "@batijs/ts-rest/server/ts-rest-handler";

package/dist/boilerplates/@batijs/fastify/files/fastify-entry.ts

@@ -8,8 +8,8 @@ import {
   firebaseAuthLogoutHandler,
   firebaseAuthMiddleware,
 } from "@batijs/firebase-auth/server/firebase-auth-middleware";
+import { createTodoHandler } from "@batijs/shared-server/server/create-todo-handler";
 import { vikeHandler } from "@batijs/shared-server/server/vike-handler";
-import { createTodoHandler } from "@batijs/shared-todo/server/create-todo-handler";
 import { telefuncHandler } from "@batijs/telefunc/server/telefunc-handler";
 import { appRouter, type AppRouter } from "@batijs/trpc/trpc/server";
 import { tsRestHandler } from "@batijs/ts-rest/server/ts-rest-handler";

package/dist/boilerplates/@batijs/h3/files/h3-entry.ts

@@ -9,8 +9,8 @@ import {
   firebaseAuthLogoutHandler,
   firebaseAuthMiddleware,
 } from "@batijs/firebase-auth/server/firebase-auth-middleware";
+import { createTodoHandler } from "@batijs/shared-server/server/create-todo-handler";
 import { vikeHandler } from "@batijs/shared-server/server/vike-handler";
-import { createTodoHandler } from "@batijs/shared-todo/server/create-todo-handler";
 import { telefuncHandler } from "@batijs/telefunc/server/telefunc-handler";
 import { appRouter } from "@batijs/trpc/trpc/server";
 import { tsRestHandler } from "@batijs/ts-rest/server/ts-rest-handler";

package/dist/boilerplates/@batijs/hattip/files/hattip-entry.ts

@@ -6,8 +6,8 @@ import {
   firebaseAuthLogoutHandler,
   firebaseAuthMiddleware,
 } from "@batijs/firebase-auth/server/firebase-auth-middleware";
+import { createTodoHandler } from "@batijs/shared-server/server/create-todo-handler";
 import { vikeHandler } from "@batijs/shared-server/server/vike-handler";
-import { createTodoHandler } from "@batijs/shared-todo/server/create-todo-handler";
 import { telefuncHandler } from "@batijs/telefunc/server/telefunc-handler";
 import { appRouter } from "@batijs/trpc/trpc/server";
 import { tsRestHandler } from "@batijs/ts-rest/server/ts-rest-handler";

package/dist/boilerplates/@batijs/hono/files/hono-entry.ts

@@ -6,8 +6,8 @@ import {
   firebaseAuthLogoutHandler,
   firebaseAuthMiddleware,
 } from "@batijs/firebase-auth/server/firebase-auth-middleware";
+import { createTodoHandler } from "@batijs/shared-server/server/create-todo-handler";
 import { vikeHandler } from "@batijs/shared-server/server/vike-handler";
-import { createTodoHandler } from "@batijs/shared-todo/server/create-todo-handler";
 import { telefuncHandler } from "@batijs/telefunc/server/telefunc-handler";
 import { appRouter } from "@batijs/trpc/trpc/server";
 import { tsRestHandler } from "@batijs/ts-rest/server/ts-rest-handler";

package/dist/boilerplates/@batijs/react/files/$package.json.js

@@ -41,15 +41,15 @@ var require_package = __commonJS({
       author: "",
       license: "MIT",
       devDependencies: {
+        "@babel/core": "^7.24.7",
+        "@babel/plugin-syntax-flow": "^7.24.7",
+        "@babel/plugin-transform-react-jsx": "^7.24.7",
         "@batijs/compile": "workspace:^",
         "@batijs/drizzle": "workspace:^",
         "@batijs/shared-todo": "workspace:^",
         "@batijs/telefunc": "workspace:^",
         "@batijs/trpc": "workspace:^",
         "@batijs/ts-rest": "workspace:*",
-        "@babel/core": "^7.24.7",
-        "@babel/plugin-syntax-flow": "^7.24.7",
-        "@babel/plugin-transform-react-jsx": "^7.24.7",
         "@types/node": "^18.19.14",
         "@types/react": "^18.3.3",
         "@types/react-dom": "^18.3.0",
@@ -62,7 +62,8 @@ var require_package = __commonJS({
         typescript: "^5.4.5",
         vike: "^0.4.177",
         "vike-react": "^0.4.14",
-        vite: "^5.3.1"
+        vite: "^5.3.1",
+        "vite-plugin-compiled-react": "^1.1.3"
       },
       dependencies: {
         "@batijs/core": "workspace:*"

package/dist/boilerplates/@batijs/react/files/layouts/LayoutDefault.tsx

@@ -10,7 +10,13 @@ export default function LayoutDefault({ children }: { children: React.ReactNode
     <div
       //# BATI.has("tailwindcss")
       className="flex max-w-5xl m-auto"
-      //# !BATI.has("tailwindcss")
+      //# BATI.has("compiled-css")
+      css={{
+        display: "flex",
+        maxWidth: 1024,
+        margin: "auto",
+      }}
+      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
       style={{
         display: "flex",
         maxWidth: 900,
@@ -34,7 +40,16 @@ function Sidebar({ children }: { children: React.ReactNode }) {
       id="sidebar"
       //# BATI.has("tailwindcss")
       className="p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"
-      //# !BATI.has("tailwindcss")
+      //# BATI.has("compiled-css")
+      css={{
+        padding: 20,
+        display: "flex",
+        flexShrink: 0,
+        flexDirection: "column",
+        lineHeight: "1.8em",
+        borderRight: "2px solid #eee",
+      }}
+      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
       style={{
         padding: 20,
         flexShrink: 0,
@@ -56,7 +71,13 @@ function Content({ children }: { children: React.ReactNode }) {
         id="page-content"
         //# BATI.has("tailwindcss")
         className="p-5 pb-12 min-h-screen"
-        //# !BATI.has("tailwindcss")
+        //# BATI.has("compiled-css")
+        css={{
+          padding: 20,
+          paddingBottom: 48,
+          minHeight: "100vh",
+        }}
+        //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
         style={{
           padding: 20,
           paddingBottom: 50,
@@ -74,7 +95,12 @@ function Logo() {
     <div
       //# BATI.has("tailwindcss")
       className="p-5 mb-2"
-      //# !BATI.has("tailwindcss")
+      //# BATI.has("compiled-css")
+      css={{
+        padding: 20,
+        marginBottom: 8,
+      }}
+      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
       style={{
         marginTop: 20,
         marginBottom: 10,

package/dist/boilerplates/@batijs/react/files/pages/index/+Page.tsx

@@ -7,6 +7,8 @@ export default function Page() {
       <h1
         //# BATI.has("tailwindcss")
         className="font-bold text-3xl pb-4"
+        //# BATI.has("compiled-css")
+        css={{ fontWeight: "700", fontSize: "1.875rem", paddingBottom: "1rem" }}
       >
         My Vike app
       </h1>

package/dist/boilerplates/@batijs/react/files/pages/index/Counter.tsx

@@ -8,6 +8,18 @@ export function Counter() {
       type="button"
       //# BATI.has("tailwindcss")
       className="inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
+      //# BATI.has("compiled-css")
+      css={{
+        display: "inline-block",
+        border: "1px solid black",
+        borderRadius: "0.25rem",
+        backgroundColor: "#e5e7eb",
+        padding: "4px 8px 4px 8px",
+        fontSize: "0.75rem",
+        fontWeight: "500",
+        textTransform: "uppercase",
+        lineHeight: "1.5",
+      }}
       onClick={() => setCount((count) => count + 1)}
     >
       Counter {count}

package/dist/boilerplates/@batijs/react/files/pages/todo/TodoList.tsx

@@ -20,28 +20,36 @@ export function TodoList({ initialTodoItems }: { initialTodoItems: { text: strin
 
             // Optimistic UI update
             setTodoItems((prev) => [...prev, { text: newTodo }]);
-            try {
-              if (BATI.has("telefunc")) {
-                await onNewTodo({ text: newTodo });
-              } else if (BATI.has("trpc")) {
-                await trpc.onNewTodo.mutate(newTodo);
-              } else if (BATI.has("ts-rest")) {
-                await client.createTodo({ body: { text: newTodo } });
-              } else {
-                const response = await fetch("/api/todo/create", {
-                  method: "POST",
-                  body: JSON.stringify({ text: newTodo }),
-                  headers: {
-                    "Content-Type": "application/json",
-                  },
-                });
-                await response.blob();
+            if (
+              BATI.has("express") ||
+              BATI.has("fastify") ||
+              BATI.has("h3") ||
+              BATI.has("hattip") ||
+              BATI.has("hono")
+            ) {
+              try {
+                if (BATI.has("telefunc")) {
+                  await onNewTodo({ text: newTodo });
+                } else if (BATI.has("trpc")) {
+                  await trpc.onNewTodo.mutate(newTodo);
+                } else if (BATI.has("ts-rest")) {
+                  await client.createTodo({ body: { text: newTodo } });
+                } else {
+                  const response = await fetch("/api/todo/create", {
+                    method: "POST",
+                    body: JSON.stringify({ text: newTodo }),
+                    headers: {
+                      "Content-Type": "application/json",
+                    },
+                  });
+                  await response.blob();
+                }
+                setNewTodo("");
+              } catch (e) {
+                console.error(e);
+                // rollback
+                setTodoItems((prev) => prev.slice(0, -1));
               }
-              setNewTodo("");
-            } catch (e) {
-              console.error(e);
-              // rollback
-              setTodoItems((prev) => prev.slice(0, -1));
             }
           }}
         >

package/dist/boilerplates/@batijs/{shared-todo → shared-server}/files/server/create-todo-handler.ts

@@ -12,7 +12,7 @@ export async function createTodoHandler<Context extends Record<string | number |
   if (BATI.has("drizzle")) {
     await db.insert(todoTable).values({ text: newTodo.text });
   } else {
-    await lowDb.update(({ todo }) => todo.push({ text: newTodo.text }));
+    lowDb.update(({ todo }) => todo.push({ text: newTodo.text }));
   }
 
   return new Response(JSON.stringify({ status: "OK" }), {

package/dist/boilerplates/@batijs/solid/files/pages/todo/TodoList.tsx

@@ -18,28 +18,36 @@ export function TodoList(props: { initialTodoItems: { text: string }[] }) {
 
             // Optimistic UI update
             setTodoItems((prev) => [...prev, { text: untrack(newTodo) }]);
-            try {
-              if (BATI.has("telefunc")) {
-                await onNewTodo({ text: untrack(newTodo) });
-              } else if (BATI.has("trpc")) {
-                await trpc.onNewTodo.mutate(untrack(newTodo));
-              } else if (BATI.has("ts-rest")) {
-                await client.createTodo({ body: { text: untrack(newTodo) } });
-              } else {
-                const response = await fetch("/api/todo/create", {
-                  method: "POST",
-                  body: JSON.stringify({ text: untrack(newTodo) }),
-                  headers: {
-                    "Content-Type": "application/json",
-                  },
-                });
-                await response.blob();
+            if (
+              BATI.has("express") ||
+              BATI.has("fastify") ||
+              BATI.has("h3") ||
+              BATI.has("hattip") ||
+              BATI.has("hono")
+            ) {
+              try {
+                if (BATI.has("telefunc")) {
+                  await onNewTodo({ text: untrack(newTodo) });
+                } else if (BATI.has("trpc")) {
+                  await trpc.onNewTodo.mutate(untrack(newTodo));
+                } else if (BATI.has("ts-rest")) {
+                  await client.createTodo({ body: { text: untrack(newTodo) } });
+                } else {
+                  const response = await fetch("/api/todo/create", {
+                    method: "POST",
+                    body: JSON.stringify({ text: untrack(newTodo) }),
+                    headers: {
+                      "Content-Type": "application/json",
+                    },
+                  });
+                  await response.blob();
+                }
+                setNewTodo("");
+              } catch (e) {
+                console.error(e);
+                // rollback
+                setTodoItems((prev) => prev.slice(0, -1));
               }
-              setNewTodo("");
-            } catch (e) {
-              console.error(e);
-              // rollback
-              setTodoItems((prev) => prev.slice(0, -1));
             }
           }}
         >

package/dist/boilerplates/@batijs/vue/files/pages/todo/TodoList.vue

@@ -25,28 +25,36 @@ const newTodo = ref("");
 const submitNewTodo = async () => {
   // Optimistic UI update
   todoItems.value.push({ text: newTodo.value });
-  try {
-    if (BATI.has("telefunc")) {
-      await onNewTodo({ text: newTodo.value });
-    } else if (BATI.has("trpc")) {
-      await trpc.onNewTodo.mutate(newTodo.value);
-    } else if (BATI.has("ts-rest")) {
-      await client.createTodo({ body: { text: newTodo.value } });
-    } else {
-      const response = await fetch("/api/todo/create", {
-        method: "POST",
-        body: JSON.stringify({ text: newTodo.value }),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      });
-      await response.blob();
+  if (
+    BATI.has("express") ||
+    BATI.has("fastify") ||
+    BATI.has("h3") ||
+    BATI.has("hattip") ||
+    BATI.has("hono")
+  ) {
+    try {
+      if (BATI.has("telefunc")) {
+        await onNewTodo({ text: newTodo.value });
+      } else if (BATI.has("trpc")) {
+        await trpc.onNewTodo.mutate(newTodo.value);
+      } else if (BATI.has("ts-rest")) {
+        await client.createTodo({ body: { text: newTodo.value } });
+      } else {
+        const response = await fetch("/api/todo/create", {
+          method: "POST",
+          body: JSON.stringify({ text: newTodo.value }),
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        await response.blob();
+      }
+      newTodo.value = "";
+    } catch (e) {
+      console.error(e);
+      // rollback
+      todoItems.value.slice(0, -1);
     }
-    newTodo.value = "";
-  } catch (e) {
-    console.error(e);
-    // rollback
-    todoItems.value.slice(0, -1);
   }
 };
 </script>

package/dist/index.js

@@ -1559,7 +1559,7 @@ var import_which_pm_runs = __toESM(require_which_pm_runs(), 1);
 // package.json
 var package_default = {
   name: "@batijs/cli",
-  version: "0.0.203",
+  version: "0.0.205",
   type: "module",
   scripts: {
     "check-types": "tsc --noEmit",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@batijs/cli",
-  "version": "0.0.203",
+  "version": "0.0.205",
   "type": "module",
   "keywords": [],
   "description": "Next-gen scaffolder. Get started with fully-functional apps, and choose any tool you want",
@@ -21,12 +21,12 @@
     "typescript": "^5.4.5",
     "vite": "^5.3.1",
     "which-pm-runs": "^1.1.0",
-    "@batijs/build": "0.0.203",
-    "@batijs/compile": "0.0.203"
+    "@batijs/compile": "0.0.205",
+    "@batijs/build": "0.0.205"
   },
   "dependencies": {
-    "@batijs/core": "0.0.203",
-    "@batijs/features": "0.0.203"
+    "@batijs/core": "0.0.205",
+    "@batijs/features": "0.0.205"
   },
   "bin": "./dist/index.js",
   "exports": {