@batijs/cli 0.0.307 → 0.0.309

package/dist/boilerplates/@batijs/shared/files/package.json

@@ -7,7 +7,7 @@
   "dependencies": {},
   "devDependencies": {
     "typescript": "^5.6.3",
-    "vike": "^0.4.203",
+    "vike": "^0.4.204",
     "vite": "^5.4.11"
   },
   "type": "module"

package/dist/boilerplates/@batijs/shared/files/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "strict": true,
     "allowJs": true,
-    "checkJs": true,
+    "checkJs": false,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,

package/dist/boilerplates/@batijs/shared-server/files/$package.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/shared-server/dist/files/$package.json.js
@@ -51,7 +51,7 @@ var require_package = __commonJS({
         "@cloudflare/workers-types": "^4.20241112.0",
         "@types/node": "^18.19.64",
         "@universal-middleware/core": "^0.2.13",
-        vike: "^0.4.203",
+        vike: "^0.4.204",
         vite: "^5.4.11"
       },
       files: [

package/dist/boilerplates/@batijs/solid/files/$README.md.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   NXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/solid/dist/files/$README.md.js

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

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/solid/dist/files/$package.json.js
@@ -39,6 +39,7 @@ var require_package = __commonJS({
       description: "",
       type: "module",
       scripts: {
+        prepare: "panda codegen --silent",
         "check-types": "tsc --noEmit",
         build: "bati-compile-boilerplate"
       },
@@ -47,11 +48,12 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
+        "@pandacss/dev": "^0.48.0",
         "@types/node": "^18.19.64",
         "solid-js": "^1.9.3",
         tailwindcss: "^3.4.15",
         typescript: "^5.6.3",
-        vike: "^0.4.203",
+        vike: "^0.4.204",
         "vike-solid": "^0.7.6",
         vite: "^5.4.11",
         "vite-plugin-solid": "^2.10.2"

package/dist/boilerplates/@batijs/solid/files/$tsconfig.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   IXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/solid/dist/files/$tsconfig.json.js

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

@@ -1,14 +1,14 @@
 #!/usr/bin/env node
 import {
   LXs,
-  Tvs
-} from "../../../../chunk-ACADSV35.js";
+  vTs
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/solid/dist/files/$vite.config.ts.js
 async function getViteConfig(props) {
   const mod = await LXs(props);
-  Tvs(mod, {
+  vTs(mod, {
     from: "vike-solid/vite",
     constructor: "vikeSolid"
   });

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

@@ -1,16 +1,19 @@
 import "./style.css";
 //# BATI.has("tailwindcss")
 import "./tailwind.css";
+//# BATI.has("panda-css")
+import "./panda.css";
 import type { JSX } from "solid-js";
 import logoUrl from "../assets/logo.svg";
 import { Link } from "../components/Link.js";
+import { css } from "../styled-system/css";
 
 export default function LayoutDefault(props: { children?: JSX.Element }) {
   return (
     <div
-      //# BATI.has("tailwindcss")
-      class="flex max-w-5xl m-auto"
-      //# !BATI.has("tailwindcss")
+      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      class={BATI.has("tailwindcss") ? "flex max-w-5xl m-auto" : css({ display: "flex", maxW: "900px", m: "auto" })}
+      //# !BATI.has("tailwindcss") && !BATI.has("panda-css")
       style={{
         display: "flex",
         "max-width": "900px",
@@ -33,9 +36,20 @@ function Sidebar(props: { children: JSX.Element }) {
   return (
     <div
       id="sidebar"
-      //# BATI.has("tailwindcss")
-      class="p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"
-      //# !BATI.has("tailwindcss")
+      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      class={
+        BATI.has("tailwindcss")
+          ? "p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"
+          : css({
+              p: "20px",
+              display: "flex",
+              flexShrink: 0,
+              flexDir: "column",
+              lineHeight: "1.8em",
+              borderRight: "2px solid #eee",
+            })
+      }
+      //# !BATI.has("tailwindcss") && !BATI.has("panda-css")
       style={{
         padding: "20px",
         "flex-shrink": 0,
@@ -55,9 +69,9 @@ function Content(props: { children: JSX.Element }) {
     <div id="page-container">
       <div
         id="page-content"
-        //# BATI.has("tailwindcss")
-        class="p-5 pb-12 min-h-screen"
-        //# !BATI.has("tailwindcss")
+        //# BATI.has("tailwindcss") || BATI.has("panda-css")
+        class={BATI.has("tailwindcss") ? "p-5 pb-12 min-h-screen" : css({ p: "20px", pb: "50px", minH: "100vh" })}
+        //# !BATI.has("tailwindcss") && !BATI.has("panda-css")
         style={{
           padding: "20px",
           "padding-bottom": "50px",
@@ -73,9 +87,9 @@ function Content(props: { children: JSX.Element }) {
 function Logo() {
   return (
     <div
-      //# BATI.has("tailwindcss")
-      class="p-5 mb-2"
-      //# !BATI.has("tailwindcss")
+      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      class={BATI.has("tailwindcss") ? "p-5 mb-2" : css({ p: "20px", mb: "10px" })}
+      //# !BATI.has("tailwindcss") && !BATI.has("panda-css")
       style={{
         "margin-top": "20px",
         "margin-bottom": "10px",

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

@@ -1,11 +1,16 @@
 import { Counter } from "./Counter.js";
+import { css } from "../../styled-system/css";
 
 export default function Page() {
   return (
     <>
       <h1
-        //# BATI.has("tailwindcss")
-        class="font-bold text-3xl pb-4"
+        //# BATI.has("tailwindcss") || BATI.has("panda-css")
+        class={
+          BATI.has("tailwindcss")
+            ? "font-bold text-3xl pb-4"
+            : css({ font: "bold 2em sans-serif", marginBlock: "0.67em" })
+        }
       >
         My Vike app
       </h1>

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

@@ -1,4 +1,5 @@
 import { createSignal } from "solid-js";
+import { css } from "../../styled-system/css";
 
 export { Counter };
 
@@ -8,8 +9,22 @@ function Counter() {
   return (
     <button
       type="button"
-      //# BATI.has("tailwindcss")
-      class="inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
+      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      class={
+        BATI.has("tailwindcss")
+          ? "inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
+          : css({
+              display: "inline-block",
+              border: "1px solid black",
+              rounded: "sm",
+              bg: "gray.200",
+              px: 1,
+              py: 0.5,
+              fontSize: 12,
+              fontWeight: 500,
+              lineHeight: "16px",
+            })
+      }
       onClick={() => setCount((count) => count + 1)}
     >
       Counter {count()}

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

@@ -2,6 +2,7 @@ import { onNewTodo } from "@batijs/telefunc/pages/todo/TodoList.telefunc";
 import { trpc } from "@batijs/trpc/trpc/client";
 import { client } from "@batijs/ts-rest/ts-rest/client";
 import { createSignal, For, untrack } from "solid-js";
+import { css } from "../../styled-system/css";
 
 export function TodoList(props: { initialTodoItems: { text: string }[] }) {
   const [todoItems, setTodoItems] = createSignal(props.initialTodoItems);
@@ -45,8 +46,55 @@ export function TodoList(props: { initialTodoItems: { text: string }[] }) {
             }
           }}
         >
-          <input type="text" onChange={(ev) => setNewTodo(ev.target.value)} value={newTodo()} />{" "}
-          <button type="submit">Add to-do</button>
+          <input
+            type="text"
+            onChange={(ev) => setNewTodo(ev.target.value)}
+            value={newTodo()}
+            //# BATI.has("tailwindcss") || BATI.has("panda-css")
+            class={
+              BATI.has("tailwindcss")
+                ? "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 w-full sm:w-auto p-2 mr-1 mb-1"
+                : css({
+                    p: 2,
+                    bg: "gray.50",
+                    borderWidth: 1,
+                    borderColor: "gray.300",
+                    color: "gray.900",
+                    fontSize: "sm",
+                    rounded: "md",
+                    width: { base: "full", sm: "auto" },
+                    _focus: { ringColor: "teal.500", borderColor: "teal.500" },
+                    mr: 1,
+                    mb: 1,
+                  })
+            }
+          />
+          <button
+            type="submit"
+            //# BATI.has("tailwindcss") || BATI.has("panda-css")
+            class={
+              BATI.has("tailwindcss")
+                ? "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
+                : css({
+                    color: "white",
+                    bg: { base: "teal.700", _hover: "teal.800" },
+                    _focus: {
+                      ringWidth: 2,
+                      ringColor: "teal.300",
+                      outline: "1px solid transparent",
+                      outlineOffset: "1px",
+                    },
+                    cursor: "pointer",
+                    fontSize: "sm",
+                    fontWeight: 500,
+                    rounded: "md",
+                    width: { base: "full", sm: "auto" },
+                    p: 2,
+                  })
+            }
+          >
+            Add to-do
+          </button>
         </form>
       </div>
     </>

package/dist/boilerplates/@batijs/solid/types/layouts/LayoutDefault.d.ts

@@ -1,5 +1,6 @@
 import "./style.css";
 import "./tailwind.css";
+import "./panda.css";
 import type { JSX } from "solid-js";
 export default function LayoutDefault(props: {
     children?: JSX.Element;

package/dist/boilerplates/@batijs/solid-sentry/files/$package.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/solid-sentry/dist/files/$package.json.js
@@ -47,7 +47,7 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@sentry/solid": "^8.38.0",
+        "@sentry/solid": "^8.39.0",
         "@types/node": "^18.19.64",
         "solid-js": "^1.9.3",
         "vike-solid": "^0.7.6",

package/dist/boilerplates/@batijs/sqlite/files/$.env.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   WXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/sqlite/dist/files/$.env.js

package/dist/boilerplates/@batijs/sqlite/files/$README.md.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   NXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/sqlite/dist/files/$README.md.js

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

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/sqlite/dist/files/$package.json.js
@@ -47,7 +47,7 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@types/better-sqlite3": "^7.6.11",
+        "@types/better-sqlite3": "^7.6.12",
         "@types/node": "^18.19.64",
         "better-sqlite3": "^11.5.0",
         dotenv: "^16.4.5",

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

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/tailwindcss/dist/files/$package.json.js
@@ -52,7 +52,7 @@ var require_package = __commonJS({
         daisyui: "^4.12.14",
         postcss: "^8.4.49",
         tailwindcss: "^3.4.15",
-        vike: "^0.4.203",
+        vike: "^0.4.204",
         vite: "^5.4.11"
       },
       dependencies: {

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

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/telefunc/dist/files/$package.json.js
@@ -51,7 +51,7 @@ var require_package = __commonJS({
         "@types/node": "^18.19.64",
         "@universal-middleware/core": "^0.2.13",
         telefunc: "^0.1.81",
-        vike: "^0.4.203",
+        vike: "^0.4.204",
         vite: "^5.4.11"
       },
       dependencies: {

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

@@ -1,14 +1,14 @@
 #!/usr/bin/env node
 import {
   LXs,
-  Tvs
-} from "../../../../chunk-ACADSV35.js";
+  vTs
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/telefunc/dist/files/$vite.config.ts.js
 async function getViteConfig(props) {
   const mod = await LXs(props);
-  Tvs(mod, {
+  vTs(mod, {
     from: "telefunc/vite",
     constructor: "telefunc",
     imported: "telefunc"

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

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/trpc/dist/files/$package.json.js

package/dist/boilerplates/@batijs/trpc/types/trpc/client.d.ts

@@ -3,7 +3,7 @@ export declare const trpc: {
         query: import("@trpc/client").Resolver<import("@trpc/server").BuildProcedure<"query", {
             _config: import("@trpc/server").RootConfig<{
                 ctx: object & {
-                    db: ReturnType<any>;
+                    db: ReturnType<typeof import("@batijs/sqlite/database/sqlite/db").db>;
                 } & {
                     db: ReturnType<any>;
                 } & {
@@ -16,7 +16,7 @@ export declare const trpc: {
                 transformer: import("@trpc/server").DefaultDataTransformer;
             }>;
             _ctx_out: object & {
-                db: ReturnType<any>;
+                db: ReturnType<typeof import("@batijs/sqlite/database/sqlite/db").db>;
             } & {
                 db: ReturnType<any>;
             } & {
@@ -37,7 +37,7 @@ export declare const trpc: {
         mutate: import("@trpc/client").Resolver<import("@trpc/server").BuildProcedure<"mutation", {
             _config: import("@trpc/server").RootConfig<{
                 ctx: object & {
-                    db: ReturnType<any>;
+                    db: ReturnType<typeof import("@batijs/sqlite/database/sqlite/db").db>;
                 } & {
                     db: ReturnType<any>;
                 } & {
@@ -51,7 +51,7 @@ export declare const trpc: {
             }>;
             _meta: object;
             _ctx_out: object & {
-                db: ReturnType<any>;
+                db: ReturnType<typeof import("@batijs/sqlite/database/sqlite/db").db>;
             } & {
                 db: ReturnType<any>;
             } & {

package/dist/boilerplates/@batijs/ts-rest/files/$package.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/ts-rest/dist/files/$package.json.js

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

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/vercel/dist/files/$package.json.js
@@ -49,7 +49,7 @@ var require_package = __commonJS({
         "@batijs/compile": "workspace:*",
         "@types/node": "^18.19.64",
         "@vite-plugin-vercel/vike": "^9.0.2",
-        vike: "^0.4.203",
+        vike: "^0.4.204",
         vite: "^5.4.11",
         "vite-plugin-vercel": "^9.0.3"
       },

package/dist/boilerplates/@batijs/vercel/files/$tsconfig.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   IXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/vercel/dist/files/$tsconfig.json.js

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

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
 import {
   LXs,
-  Tvs
-} from "../../../../chunk-ACADSV35.js";
+  vTs
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/vercel/dist/files/$vite.config.ts.js
@@ -11,7 +11,7 @@ async function getViteConfig(props) {
   const options = props.meta.BATI.has("express") || props.meta.BATI.has("fastify") ? {
     source: "/.*"
   } : void 0;
-  Tvs(mod, {
+  vTs(mod, {
     from: "vite-plugin-vercel",
     constructor: "vercel",
     options

package/dist/boilerplates/@batijs/vue/files/$README.md.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   NXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/vue/dist/files/$README.md.js

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

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/vue/dist/files/$package.json.js
@@ -39,6 +39,7 @@ var require_package = __commonJS({
       description: "",
       type: "module",
       scripts: {
+        prepare: "panda codegen --silent",
         "check-types": "tsc --noEmit",
         build: "bati-compile-boilerplate"
       },
@@ -47,6 +48,7 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
+        "@pandacss/dev": "^0.48.0",
         "@types/node": "^18.19.64",
         "@vitejs/plugin-vue": "^5.2.0",
         "@vue/compiler-sfc": "^3.5.13",
@@ -54,7 +56,7 @@ var require_package = __commonJS({
         tailwindcss: "^3.4.15",
         typescript: "^5.6.3",
         "unplugin-vue-markdown": "^0.26.2",
-        vike: "^0.4.203",
+        vike: "^0.4.204",
         "vike-vue": "^0.8.5",
         vite: "^5.4.11",
         vue: "^3.5.13",

package/dist/boilerplates/@batijs/vue/files/$tsconfig.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   IXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/vue/dist/files/$tsconfig.json.js

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

@@ -1,21 +1,21 @@
 #!/usr/bin/env node
 import {
   LXs,
-  Tvs
-} from "../../../../chunk-ACADSV35.js";
+  vTs
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/vue/dist/files/$vite.config.ts.js
 async function getViteConfig(props) {
   const mod = await LXs(props);
-  Tvs(mod, {
+  vTs(mod, {
     from: "@vitejs/plugin-vue",
     constructor: "vue",
     options: {
       include: [/\.vue$/, /\.md$/]
     }
   });
-  Tvs(mod, {
+  vTs(mod, {
     from: "unplugin-vue-markdown/vite",
     constructor: "md",
     options: {}

package/dist/boilerplates/@batijs/vue/files/components/Content.vue

@@ -4,14 +4,20 @@
     <div id="page-content" class="p-5 pb-12 min-h-screen">
       <slot />
     </div>
-    <!-- !BATI.has("tailwindcss") -->
+    <!-- BATI.has("panda-css") -->
+    <div id="page-content" :class="css({ p: '20px', pb: '50px', minH: '100vh' })">
+      <slot />
+    </div>
+    <!-- !BATI.has("tailwindcss") && !BATI.has("panda-css") -->
     <div id="page-content" style="padding: 20px; padding-bottom: 50px; min-height: 100vh">
       <slot />
     </div>
   </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { css } from "../styled-system/css";
+</script>
 
 <style>
 /* Page Transition Animation */