@batijs/cli 0.0.650 → 0.0.652

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

@@ -3,7 +3,7 @@
 import { loadPackageJson } from "@batijs/core";
 //#region ../../boilerplates/hono/dist/files/$package.json.mjs
 async function getPackageJson(props) {
-	return (await loadPackageJson(props, await import("../../../../asset-package.json-Dp8_jZlq.js").then((x) => x.default))).addDevDependencies(["@types/node", "vite"]).addDevDependencies(["@types/aws-lambda"], props.meta.BATI.has("aws")).addDependencies([
+	return (await loadPackageJson(props, await import("../../../../asset-package.json-DP7v-FYq.js").then((x) => x.default))).addDevDependencies(["@types/node", "vite"]).addDevDependencies(["@types/aws-lambda"], props.meta.BATI.has("aws")).addDependencies([
 		"@vikejs/hono",
 		"hono",
 		"vike"

package/dist/boilerplates/@batijs/hono/files/+server.ts

@@ -1,4 +1,4 @@
-// (BATI.has("auth0") || BATI.hasDatabase) && !BATI.has("cloudflare")
+// ($$.BATI.has("auth0") || $$.BATI.hasDatabase) && !$$.BATI.has("cloudflare")
 import "@batijs/shared-env/server/load";
 import type { Server } from "vike/types";
 import { app } from "./server/hono";
@@ -10,7 +10,7 @@ export default {
   fetch: app.fetch,
   prod: {
     port,
-    //# BATI.has("aws")
+    // $$.BATI.has("aws")
     // We need to override static root config when deploying to AWS
     static: `${process.cwd()}/dist/client`,
   },

package/dist/boilerplates/@batijs/hono/files/asset-package.json.mjs

@@ -28,7 +28,7 @@ var package_default = {
 		"@types/aws-lambda": "^8.10.162",
 		"@types/node": "^20.19.37",
 		"@vikejs/hono": "^0.2.0",
-		"hono": "^4.12.23",
+		"hono": "^4.12.25",
 		"telefunc": "^0.2.20",
 		"vike": "0.4.259",
 		"vite": "^8.0.16"

package/dist/boilerplates/@batijs/hono/files/entry_aws_lambda.ts

@@ -1,4 +1,4 @@
-/*{ @if (it.BATI.has("aws")) }*/
+// $$.keepFileIf($$.BATI.has("aws"))
 /*
 entry_aws_lambda.ts
 
@@ -8,7 +8,6 @@ Notes:
 * The file name must not have any special characters or dots except for the extension. https://docs.aws.amazon.com/lambda/latest/api/API_CreateFunction.html#API_CreateFunction_RequestSyntax
 
 */
-
 import type { Handler } from "aws-lambda";
 import { Hono } from "hono";
 import type { LambdaContext, LambdaEvent } from "hono/aws-lambda";
@@ -25,4 +24,3 @@ const lambdaApp = new Hono<{ Bindings: Bindings }>();
 
 lambdaApp.route("/", app as Hono);
 export const handler: Handler = handle(lambdaApp);
-/*{ /if }*/

package/dist/boilerplates/@batijs/hono/files/server/hono.ts

@@ -12,31 +12,31 @@ function getApp() {
   const app = new Hono();
 
   vike(app, [
-    //# BATI.hasDbDemo
+    // $$.BATI.hasDbDemo
     // Make database available in Context as `context.db`
     dbMiddleware,
-    //# BATI.has("authjs") || BATI.has("auth0")
+    // $$.BATI.has("authjs") || $$.BATI.has("auth0")
     // Append Auth.js session to context
     authjsSessionMiddleware,
-    //# BATI.has("authjs") || BATI.has("auth0")
+    // $$.BATI.has("authjs") || $$.BATI.has("auth0")
     // Auth.js route. See https://authjs.dev/getting-started/installation
     authjsHandler,
-    //# BATI.has("better-auth")
+    // $$.BATI.has("better-auth")
     // Append Better Auth user to context
     betterAuthSessionMiddleware,
-    //# BATI.has("better-auth")
+    // $$.BATI.has("better-auth")
     // Better Auth route. See https://better-auth.com/docs/installation
     betterAuthHandler,
-    //# BATI.has("trpc")
+    // $$.BATI.has("trpc")
     // tRPC route. See https://trpc.io/docs/server/adapters
     trpcHandler("/api/trpc"),
-    //# BATI.has("telefunc")
+    // $$.BATI.has("telefunc")
     // Telefunc route. See https://telefunc.com
     telefuncHandler,
-    //# BATI.has("ts-rest")
+    // $$.BATI.has("ts-rest")
     // ts-rest route. See https://ts-rest.com
     tsRestHandler,
-    //# !BATI.has("telefunc") && !BATI.has("trpc") && !BATI.has("ts-rest")
+    // !$$.BATI.has("telefunc") && !$$.BATI.has("trpc") && !$$.BATI.has("ts-rest")
     createTodoHandler,
   ]);
 

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

@@ -3,7 +3,7 @@
 import { loadPackageJson, packageManager } from "@batijs/core";
 //#region ../../boilerplates/kysely/dist/files/$package.json.mjs
 async function getPackageJson(props) {
-	const packageJson = await loadPackageJson(props, await import("../../../../asset-package.json-CAXFrLbi.js").then((x) => x.default));
+	const packageJson = await loadPackageJson(props, await import("../../../../asset-package.json-BmDnXWQm.js").then((x) => x.default));
 	if (props.meta.BATI.hasD1) return packageJson.addDependencies(["kysely", "kysely-d1"]);
 	const hasPostgres = props.meta.BATI.has("postgres");
 	const bunDirect = packageManager().name === "bun" && hasPostgres;

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

@@ -1,20 +1,17 @@
 #!/usr/bin/env node
 
-import { addVitePlugin, loadAsMagicast } from "@batijs/core";
+import { addVitePlugin, transformConfig } from "@batijs/core";
 //#region ../../boilerplates/kysely/dist/files/$vite.config.ts.mjs
-async function getViteConfig(props) {
+function getViteConfig(props) {
 	if (props.meta.BATI.hasD1) return;
-	const mod = await loadAsMagicast(props);
-	addVitePlugin(mod, {
-		from: "./vite-plugin-input.js",
-		constructor: "inputPlugin",
-		imported: "inputPlugin",
-		options: {
-			name: "migrate",
-			entry: "database/kysely/migrate.ts"
-		}
+	return transformConfig(props, (root) => {
+		addVitePlugin(root, {
+			from: "./vite-plugin-input.js",
+			constructor: "inputPlugin",
+			named: true,
+			options: `{ name: "migrate", entry: "database/kysely/migrate.ts" }`
+		});
 	});
-	return mod.generate().code;
 }
 //#endregion
 export { getViteConfig as default };

package/dist/boilerplates/@batijs/kysely/files/asset-package.json.mjs

@@ -16,10 +16,10 @@ var package_default = {
 		"@batijs/compile": "workspace:*",
 		"@batijs/core": "workspace:*",
 		"@batijs/shared-env": "workspace:*",
-		"@cloudflare/workers-types": "^4.20260608.1",
+		"@cloudflare/workers-types": "^4.20260615.1",
 		"@types/better-sqlite3": "^7.6.13",
 		"@types/node": "^20.19.37",
-		"better-sqlite3": "^12.10.0",
+		"better-sqlite3": "^12.10.1",
 		"kysely": "^0.29.2",
 		"kysely-d1": "^0.4.0",
 		"kysely-postgres-js": "^3.0.0",

package/dist/boilerplates/@batijs/kysely/files/database/kysely/db.ts

@@ -1,6 +1,6 @@
-/*# BATI include-if-imported #*/
+/* $$.keepFileIfImported */
 
-//# !BATI.hasD1
+// !$$.BATI.hasD1
 import "@batijs/shared-env/server/load";
 import SQLite from "better-sqlite3";
 import { Kysely, SqliteDialect } from "kysely";
@@ -9,7 +9,7 @@ import { PostgresJSDialect } from "kysely-postgres-js";
 import postgres from "postgres";
 import type { Database } from "./types";
 
-//# BATI.has("sqlite") && !BATI.hasD1
+// $$.BATI.has("sqlite") && !$$.BATI.hasD1
 export function dbKysely() {
   const dialect = new SqliteDialect({
     database: new SQLite(process.env.DATABASE_URL),
@@ -19,14 +19,14 @@ export function dbKysely() {
   });
 }
 
-//# BATI.hasD1
+// $$.BATI.hasD1
 export function dbKyselyD1(d1: D1Database) {
   return new Kysely<Database>({
     dialect: new D1Dialect({ database: d1 }),
   });
 }
 
-//# BATI.has("postgres")
+// $$.BATI.has("postgres")
 export function dbKyselyPostgres() {
   if (!process.env.DATABASE_URL) {
     throw new Error("Missing DATABASE_URL in .env file");

package/dist/boilerplates/@batijs/kysely/files/database/kysely/migrate.ts

@@ -1,5 +1,4 @@
-/*{ @if (!it.BATI.hasD1) }*/
-
+// $$.keepFileIf(!$$.BATI.hasD1)
 import * as fs from "node:fs/promises";
 import * as path from "node:path";
 import { dirname } from "node:path";
@@ -11,7 +10,7 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
 async function migrateToLatest() {
-  const db = BATI.has("postgres") ? dbKyselyPostgres() : dbKysely();
+  const db = $$.BATI.has("postgres") ? dbKyselyPostgres() : dbKysely();
   const migrator = new Migrator({
     db,
     provider: new FileMigrationProvider({
@@ -43,4 +42,3 @@ async function migrateToLatest() {
 }
 
 await migrateToLatest();
-/*{ /if }*/

package/dist/boilerplates/@batijs/kysely/files/database/kysely/migrations/001_create_todos_table.ts

@@ -1,9 +1,9 @@
-/*{ @if (!it.BATI.hasD1) }*/
+// $$.keepFileIf(!$$.BATI.hasD1)
 import type { Kysely } from "kysely";
 import type { Database } from "../types";
 
 export async function up(db: Kysely<Database>): Promise<void> {
-  const withId = BATI.has("postgres")
+  const withId = $$.BATI.has("postgres")
     ? db.schema.createTable("todos").addColumn("id", "serial", (col) => col.primaryKey())
     : db.schema.createTable("todos").addColumn("id", "integer", (col) => col.primaryKey().autoIncrement());
   await withId.addColumn("text", "text", (col) => col.notNull()).execute();
@@ -12,4 +12,3 @@ export async function up(db: Kysely<Database>): Promise<void> {
 export async function down(db: Kysely<Database>): Promise<void> {
   await db.schema.dropTable("todos").execute();
 }
-/*{ /if }*/

package/dist/boilerplates/@batijs/kysely/files/database/kysely/queries/todos.ts

@@ -1,10 +1,10 @@
 import type { dbKysely, dbKyselyD1, dbKyselyPostgres } from "../db";
 
 export async function insertTodo(
-  db: BATI.If<{
-    'BATI.has("postgres")': ReturnType<typeof dbKyselyPostgres>;
-    "!BATI.hasD1": ReturnType<typeof dbKysely>;
-    "BATI.hasD1": ReturnType<typeof dbKyselyD1>;
+  db: $$.If<{
+    '$$.BATI.has("postgres")': ReturnType<typeof dbKyselyPostgres>;
+    "!$$.BATI.hasD1": ReturnType<typeof dbKysely>;
+    "$$.BATI.hasD1": ReturnType<typeof dbKyselyD1>;
   }>,
   text: string,
 ) {
@@ -12,10 +12,10 @@ export async function insertTodo(
 }
 
 export async function getAllTodos(
-  db: BATI.If<{
-    'BATI.has("postgres")': ReturnType<typeof dbKyselyPostgres>;
-    "!BATI.hasD1": ReturnType<typeof dbKysely>;
-    "BATI.hasD1": ReturnType<typeof dbKyselyD1>;
+  db: $$.If<{
+    '$$.BATI.has("postgres")': ReturnType<typeof dbKyselyPostgres>;
+    "!$$.BATI.hasD1": ReturnType<typeof dbKysely>;
+    "$$.BATI.hasD1": ReturnType<typeof dbKyselyD1>;
   }>,
 ) {
   return await db.selectFrom("todos").selectAll().execute();

package/dist/boilerplates/@batijs/kysely/files/vite-plugin-input.ts

@@ -1,4 +1,4 @@
-/*{ @if (!it.BATI.hasD1) }*/
+// $$.keepFileIf(!$$.BATI.hasD1)
 import type { Plugin } from "vite";
 
 /**
@@ -25,4 +25,3 @@ export function inputPlugin({ name, entry, env = "ssr" }: { name: string; entry:
     },
   };
 }
-/*{ /if }*/

package/dist/boilerplates/@batijs/kysely/types/database/kysely/queries/todos.d.mts

@@ -1,18 +1,18 @@
 import { dbKysely, dbKyselyD1, dbKyselyPostgres } from "../db.mjs";
 
 //#region files/database/kysely/queries/todos.d.ts
-declare function insertTodo(db: BATI.If<{
-  'BATI.has("postgres")': ReturnType<typeof dbKyselyPostgres>;
-  "!BATI.hasD1": ReturnType<typeof dbKysely>;
-  "BATI.hasD1": ReturnType<typeof dbKyselyD1>;
+declare function insertTodo(db: $$.If<{
+  '$$.BATI.has("postgres")': ReturnType<typeof dbKyselyPostgres>;
+  "!$$.BATI.hasD1": ReturnType<typeof dbKysely>;
+  "$$.BATI.hasD1": ReturnType<typeof dbKyselyD1>;
 }>, text: string): Promise<{
   id: number;
   text: string;
 }>;
-declare function getAllTodos(db: BATI.If<{
-  'BATI.has("postgres")': ReturnType<typeof dbKyselyPostgres>;
-  "!BATI.hasD1": ReturnType<typeof dbKysely>;
-  "BATI.hasD1": ReturnType<typeof dbKyselyD1>;
+declare function getAllTodos(db: $$.If<{
+  '$$.BATI.has("postgres")': ReturnType<typeof dbKyselyPostgres>;
+  "!$$.BATI.hasD1": ReturnType<typeof dbKysely>;
+  "$$.BATI.hasD1": ReturnType<typeof dbKyselyD1>;
 }>): Promise<{
   id: number;
   text: string;

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

@@ -3,7 +3,7 @@
 import { loadPackageJson } from "@batijs/core";
 //#region ../../boilerplates/mantine/dist/files/$package.json.mjs
 async function getPackageJson(props) {
-	return (await loadPackageJson(props, await import("../../../../asset-package.json-BvDYjR1q.js").then((x) => x.default))).addDevDependencies([
+	return (await loadPackageJson(props, await import("../../../../asset-package.json-QlrVXkbH.js").then((x) => x.default))).addDevDependencies([
 		"postcss",
 		"postcss-preset-mantine",
 		"postcss-simple-vars"

package/dist/boilerplates/@batijs/mantine/files/asset-package.json.mjs

@@ -16,8 +16,8 @@ var package_default = {
 		"@batijs/compile": "workspace:*",
 		"@batijs/core": "workspace:*",
 		"@batijs/react": "workspace:*",
-		"@mantine/core": "^9.3.0",
-		"@mantine/hooks": "^9.3.0",
+		"@mantine/core": "^9.3.1",
+		"@mantine/hooks": "^9.3.1",
 		"@types/node": "^20.19.37",
 		"@types/react": "^19.2.17",
 		"@types/react-dom": "^19.2.3",
@@ -26,7 +26,7 @@ var package_default = {
 		"postcss-simple-vars": "^7.0.1",
 		"react": "^19.2.7",
 		"react-dom": "^19.2.7",
-		"vike-react": "^0.6.23",
+		"vike-react": "^0.6.24",
 		"vite": "^8.0.16",
 		"vite-plugin-compiled-react": "^1.3.1"
 	},

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

@@ -1,15 +1,15 @@
 #!/usr/bin/env node
 
-import { addVitePlugin, loadAsMagicast } from "@batijs/core";
+import { addVitePlugin, transformConfig } from "@batijs/core";
 //#region ../../boilerplates/netlify/dist/files/$vite.config.ts.mjs
-async function getViteConfig(props) {
-	const mod = await loadAsMagicast(props);
-	addVitePlugin(mod, {
-		from: "@netlify/vite-plugin",
-		constructor: "netlify",
-		options: { build: { enabled: true } }
+function getViteConfig(props) {
+	return transformConfig(props, (root) => {
+		addVitePlugin(root, {
+			from: "@netlify/vite-plugin",
+			constructor: "netlify",
+			options: `{ build: { enabled: true } }`
+		});
 	});
-	return mod.generate().code;
 }
 //#endregion
 export { getViteConfig as default };

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

@@ -3,7 +3,7 @@
 import { loadPackageJson } from "@batijs/core";
 //#region ../../boilerplates/oxlint/dist/files/$package.json.mjs
 async function getPackageJson(props) {
-	const packageJson = await loadPackageJson(props, await import("../../../../asset-package.json-DobDM57N.js").then((x) => x.default));
+	const packageJson = await loadPackageJson(props, await import("../../../../asset-package.json-DQGSDwIQ.js").then((x) => x.default));
 	const gitIgnore = props.meta.BATI_IS_CI || props.meta.BATI_SKIP_GIT ? "--ignore-path .gitignore " : "";
 	return packageJson.setScript("lint", {
 		value: `oxlint --type-aware ${gitIgnore}.`,

package/dist/boilerplates/@batijs/oxlint/files/asset-package.json.mjs

@@ -16,7 +16,7 @@ var package_default = {
 		"@batijs/compile": "workspace:*",
 		"@batijs/core": "workspace:*",
 		"@types/node": "^20.19.37",
-		"oxlint": "^1.68.0",
+		"oxlint": "^1.69.0",
 		"oxlint-tsgolint": "^0.23.0"
 	},
 	files: ["dist/"],

package/dist/boilerplates/@batijs/postgres/files/database/postgres/db.ts

@@ -1,4 +1,4 @@
-/*# BATI include-if-imported #*/
+/* $$.keepFileIfImported */
 import postgres from "postgres";
 
 let singleton: postgres.Sql | undefined;

package/dist/boilerplates/@batijs/postgres/files/database/postgres/schema/todos.ts

@@ -1,4 +1,4 @@
-/*# BATI include-if-imported #*/
+/* $$.keepFileIfImported */
 import "@batijs/shared-env/server/load";
 import { db } from "../db";
 

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

@@ -3,7 +3,7 @@
 import { loadPackageJson } from "@batijs/core";
 //#region ../../boilerplates/prettier/dist/files/$package.json.mjs
 async function getPackageJson(props) {
-	return (await loadPackageJson(props, await import("../../../../asset-package.json-BjED634i.js").then((x) => x.default))).addDevDependencies(["prettier"]);
+	return (await loadPackageJson(props, await import("../../../../asset-package.json-CuYvHpfF.js").then((x) => x.default))).addDevDependencies(["prettier"]);
 }
 //#endregion
 export { getPackageJson as default };

package/dist/boilerplates/@batijs/prettier/files/asset-package.json.mjs

@@ -16,7 +16,7 @@ var package_default = {
 		"@batijs/compile": "workspace:*",
 		"@batijs/core": "workspace:*",
 		"@types/node": "^20.19.37",
-		"prettier": "^3.8.3"
+		"prettier": "^3.8.4"
 	},
 	files: ["dist/"],
 	nx: { "tags": ["type:boilerplate"] }

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

@@ -3,7 +3,7 @@
 import { loadPackageJson } from "@batijs/core";
 //#region ../../boilerplates/react/dist/files/$package.json.mjs
 async function getPackageJson(props) {
-	return (await loadPackageJson(props, await import("../../../../asset-package.json-IZ_nF8HA.js").then((x) => x.default))).addDevDependencies([
+	return (await loadPackageJson(props, await import("../../../../asset-package.json-CvDm4Paq.js").then((x) => x.default))).addDevDependencies([
 		"vite",
 		"@vitejs/plugin-react",
 		"@types/react",

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

@@ -1,14 +1,14 @@
 #!/usr/bin/env node
 
-import { addVitePlugin, loadAsMagicast } from "@batijs/core";
+import { addVitePlugin, transformConfig } from "@batijs/core";
 //#region ../../boilerplates/react/dist/files/$vite.config.ts.mjs
-async function getViteConfig(props) {
-	const mod = await loadAsMagicast(props);
-	addVitePlugin(mod, {
-		from: "@vitejs/plugin-react",
-		constructor: "react"
+function getViteConfig(props) {
+	return transformConfig(props, (root) => {
+		addVitePlugin(root, {
+			from: "@vitejs/plugin-react",
+			constructor: "react"
+		});
 	});
-	return mod.generate().code;
 }
 //#endregion
 export { getViteConfig as default };

package/dist/boilerplates/@batijs/react/files/asset-package.json.mjs

@@ -23,17 +23,17 @@ var package_default = {
 		"@batijs/telefunc": "workspace:*",
 		"@batijs/trpc": "workspace:*",
 		"@batijs/ts-rest": "workspace:*",
-		"@mantine/core": "^9.3.0",
+		"@mantine/core": "^9.3.1",
 		"@types/node": "^20.19.37",
 		"@types/react": "^19.2.17",
 		"@types/react-dom": "^19.2.3",
 		"@vitejs/plugin-react": "^6.0.2",
 		"react": "^19.2.7",
 		"react-dom": "^19.2.7",
-		"tailwindcss": "^4.3.0",
+		"tailwindcss": "^4.3.1",
 		"typescript": "^6.0.3",
 		"vike": "0.4.259",
-		"vike-react": "^0.6.23",
+		"vike-react": "^0.6.24",
 		"vite": "^8.0.16",
 		"vite-plugin-compiled-react": "^1.3.1"
 	},

package/dist/boilerplates/@batijs/react/files/assets/logo.svg

@@ -1,4 +1,5 @@
 <svg class="hammer" width="41.217" height="41.217" version="1.1" viewBox="-50 -50 41.217 41.217" xmlns="http://www.w3.org/2000/svg">
+ <title>Logo</title>
  <defs>
   <mask id="mask111">
    <rect x="-19.21" y="-25.7" width="46.217" height="41.217" fill="url(#linearGradient115)"/>

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

@@ -4,21 +4,21 @@ import { ColorSchemeScript } from "@mantine/core";
 import logoUrl from "../assets/logo.svg";
 
 export function Head() {
-  if (BATI.has("plausible.io")) {
+  if ($$.BATI.has("plausible.io")) {
     return (
       <>
         <link rel="icon" href={logoUrl} />
-        {BATI.has("mantine") ? <ColorSchemeScript /> : null}
+        {$$.BATI.has("mantine") ? <ColorSchemeScript /> : null}
         {/* See https://plausible.io/docs/plausible-script */}
         {/* TODO: update data-domain */}
         <script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js"></script>
       </>
     );
-  } else if (BATI.has("google-analytics")) {
+  } else if ($$.BATI.has("google-analytics")) {
     return (
       <>
         <link rel="icon" href={logoUrl} />
-        {BATI.has("mantine") ? <ColorSchemeScript /> : null}
+        {$$.BATI.has("mantine") ? <ColorSchemeScript /> : null}
         <script
           async
           src={`https://www.googletagmanager.com/gtag/js?id=${import.meta.env.PUBLIC_ENV__GOOGLE_ANALYTICS}`}
@@ -36,11 +36,11 @@ export function Head() {
       </>
     );
   } else {
-    if (BATI.has("mantine")) {
+    if ($$.BATI.has("mantine")) {
       return (
         <>
           <link rel="icon" href={logoUrl} />
-          {BATI.has("mantine") ? <ColorSchemeScript /> : null}
+          {$$.BATI.has("mantine") ? <ColorSchemeScript /> : null}
         </>
       );
     } else {

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

@@ -1,5 +1,5 @@
 import "./Layout.css";
-//# BATI.has("tailwindcss")
+// $$.BATI.has("tailwindcss")
 import "./tailwind.css";
 import { AuthNav } from "@batijs/react-better-auth/components/AuthNav";
 import logoUrl from "../assets/logo.svg";
@@ -8,15 +8,15 @@ import { Link } from "../components/Link";
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <div
-      //# BATI.has("tailwindcss")
+      // $$.BATI.has("tailwindcss")
       className={"flex max-w-5xl m-auto"}
-      //# BATI.has("compiled-css")
+      // $$.BATI.has("compiled-css")
       css={{
         display: "flex",
         maxWidth: 1024,
         margin: "auto",
       }}
-      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
+      // !$$.BATI.has("tailwindcss") && !$$.BATI.has("compiled-css")
       style={{
         display: "flex",
         maxWidth: 900,
@@ -28,7 +28,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         <Link href="/">Welcome</Link>
         <Link href="/todo">Todo</Link>
         <Link href="/star-wars">Data Fetching</Link>
-        {BATI.has("better-auth") ? <AuthNav /> : null}
+        {$$.BATI.has("better-auth") ? <AuthNav /> : null}
       </Sidebar>
       <Content>{children}</Content>
     </div>
@@ -39,9 +39,9 @@ function Sidebar({ children }: { children: React.ReactNode }) {
   return (
     <div
       id="sidebar"
-      //# BATI.has("tailwindcss")
+      // $$.BATI.has("tailwindcss")
       className={"p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"}
-      //# BATI.has("compiled-css")
+      // $$.BATI.has("compiled-css")
       css={{
         padding: 20,
         display: "flex",
@@ -50,7 +50,7 @@ function Sidebar({ children }: { children: React.ReactNode }) {
         lineHeight: "1.8em",
         borderRight: "2px solid #eee",
       }}
-      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
+      // !$$.BATI.has("tailwindcss") && !$$.BATI.has("compiled-css")
       style={{
         padding: 20,
         flexShrink: 0,
@@ -70,15 +70,15 @@ function Content({ children }: { children: React.ReactNode }) {
     <div id="page-container">
       <div
         id="page-content"
-        //# BATI.has("tailwindcss")
+        // $$.BATI.has("tailwindcss")
         className={"p-5 pb-12 min-h-screen"}
-        //# BATI.has("compiled-css")
+        // $$.BATI.has("compiled-css")
         css={{
           padding: 20,
           paddingBottom: 48,
           minHeight: "100vh",
         }}
-        //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
+        // !$$.BATI.has("tailwindcss") && !$$.BATI.has("compiled-css")
         style={{
           padding: 20,
           paddingBottom: 50,
@@ -94,14 +94,14 @@ function Content({ children }: { children: React.ReactNode }) {
 function Logo() {
   return (
     <div
-      //# BATI.has("tailwindcss")
+      // $$.BATI.has("tailwindcss")
       className={"p-5 mb-2"}
-      //# BATI.has("compiled-css")
+      // $$.BATI.has("compiled-css")
       css={{
         padding: 20,
         marginBottom: 8,
       }}
-      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
+      // !$$.BATI.has("tailwindcss") && !$$.BATI.has("compiled-css")
       style={{
         marginTop: 20,
         marginBottom: 10,

package/dist/boilerplates/@batijs/react/files/pages/+config.ts

@@ -9,14 +9,14 @@ const config: Config = {
   title: "My Vike App",
   description: "Demo showcasing Vike",
 
-  //# BATI.has("auth0") || BATI.has("authjs") || BATI.has("better-auth")
+  // $$.BATI.has("auth0") || $$.BATI.has("authjs") || $$.BATI.has("better-auth")
   passToClient: ["user"],
   extends: [vikeReact],
 
-  //# BATI.has("vercel")
+  // $$.BATI.has("vercel")
   prerender: true,
 
-  //# BATI.hasUD && !BATI.hasServer
+  // $$.BATI.hasUD && !$$.BATI.hasServer
   // https://vike.dev/server
   server: true,
 };

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

@@ -4,7 +4,7 @@ export default function Page() {
   return (
     <>
       <h1
-        //# BATI.has("compiled-css")
+        // $$.BATI.has("compiled-css")
         css={{ fontWeight: "700", fontSize: "1.875rem", paddingBottom: "1rem" }}
       >
         My Vike app