@batijs/cli 0.0.650 → 0.0.651

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/$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/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/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/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/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/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

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

@@ -6,13 +6,13 @@ export function Counter() {
   return (
     <button
       type="button"
-      //# BATI.has("tailwindcss")
+      // $$.BATI.has("tailwindcss")
       className={
-        BATI.has("daisyui")
+        $$.BATI.has("daisyui")
           ? "btn"
           : "inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
       }
-      //# BATI.has("compiled-css")
+      // $$.BATI.has("compiled-css")
       css={{
         display: "inline-block",
         border: "1px solid black",

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

@@ -25,12 +25,12 @@ export function TodoList() {
             const text = newTodo;
             setTodoItems((prev) => [...prev, { text }]);
             setNewTodo("");
-            if (BATI.hasServer) {
-              if (BATI.has("telefunc")) {
+            if ($$.BATI.hasServer) {
+              if ($$.BATI.has("telefunc")) {
                 await onNewTodo({ text });
-              } else if (BATI.has("trpc")) {
+              } else if ($$.BATI.has("trpc")) {
                 await trpc.onNewTodo.mutate(text);
-              } else if (BATI.has("ts-rest")) {
+              } else if ($$.BATI.has("ts-rest")) {
                 await client.createTodo({ body: { text } });
               } else {
                 const response = await fetch("/api/todo/create", {
@@ -50,14 +50,14 @@ export function TodoList() {
             aria-label="New to-do"
             onChange={(ev) => setNewTodo(ev.target.value)}
             value={newTodo}
-            //# BATI.has("tailwindcss")
+            // $$.BATI.has("tailwindcss")
             className={
               "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"
             }
           />
           <button
             type="submit"
-            //# BATI.has("tailwindcss")
+            // $$.BATI.has("tailwindcss")
             className={
               "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
             }

package/dist/boilerplates/@batijs/react-better-auth/files/pages/account/+Page.tsx

@@ -20,7 +20,7 @@ export default function Page() {
           await authClient.signOut();
           await navigate("/");
         }}
-        //# BATI.has("tailwindcss")
+        // $$.BATI.has("tailwindcss")
         className={
           "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
         }

package/dist/boilerplates/@batijs/react-better-auth/files/pages/login/+Page.tsx

@@ -32,7 +32,7 @@ export default function Page() {
             required
             value={email}
             onChange={(ev) => setEmail(ev.target.value)}
-            //# BATI.has("tailwindcss")
+            // $$.BATI.has("tailwindcss")
             className={
               "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"
             }
@@ -46,7 +46,7 @@ export default function Page() {
             required
             value={password}
             onChange={(ev) => setPassword(ev.target.value)}
-            //# BATI.has("tailwindcss")
+            // $$.BATI.has("tailwindcss")
             className={
               "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"
             }
@@ -54,7 +54,7 @@ export default function Page() {
         </p>
         <button
           type="submit"
-          //# BATI.has("tailwindcss")
+          // $$.BATI.has("tailwindcss")
           className={
             "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
           }
@@ -68,7 +68,7 @@ export default function Page() {
         onClick={async () => {
           await authClient.signIn.social({ provider: "github" });
         }}
-        //# BATI.has("tailwindcss")
+        // $$.BATI.has("tailwindcss")
         className={
           "text-white bg-gray-800 hover:bg-gray-900 focus:ring-2 focus:outline-hidden focus:ring-gray-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
         }

package/dist/boilerplates/@batijs/react-better-auth/files/pages/signup/+Page.tsx

@@ -33,7 +33,7 @@ export default function Page() {
             required
             value={name}
             onChange={(ev) => setName(ev.target.value)}
-            //# BATI.has("tailwindcss")
+            // $$.BATI.has("tailwindcss")
             className={
               "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"
             }
@@ -47,7 +47,7 @@ export default function Page() {
             required
             value={email}
             onChange={(ev) => setEmail(ev.target.value)}
-            //# BATI.has("tailwindcss")
+            // $$.BATI.has("tailwindcss")
             className={
               "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"
             }
@@ -62,7 +62,7 @@ export default function Page() {
             minLength={8}
             value={password}
             onChange={(ev) => setPassword(ev.target.value)}
-            //# BATI.has("tailwindcss")
+            // $$.BATI.has("tailwindcss")
             className={
               "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"
             }
@@ -70,7 +70,7 @@ export default function Page() {
         </p>
         <button
           type="submit"
-          //# BATI.has("tailwindcss")
+          // $$.BATI.has("tailwindcss")
           className={
             "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
           }

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

@@ -1,17 +1,17 @@
 #!/usr/bin/env node
 
-import { addVitePlugin, deepMergeObject, loadAsMagicast } from "@batijs/core";
+import { addVitePlugin, defineConfigArg, mergeObject, transformConfig } from "@batijs/core";
 //#region ../../boilerplates/sentry/dist/files/$vite.config.ts.mjs
-async function getViteConfig(props) {
-	const mod = await loadAsMagicast(props);
-	addVitePlugin(mod, {
-		from: "@sentry/vite-plugin",
-		constructor: "sentryVitePlugin",
-		imported: "sentryVitePlugin",
-		options: { sourcemaps: { disable: false } }
+function getViteConfig(props) {
+	return transformConfig(props, (root) => {
+		addVitePlugin(root, {
+			from: "@sentry/vite-plugin",
+			constructor: "sentryVitePlugin",
+			named: true,
+			options: `{ sourcemaps: { disable: false } }`
+		});
+		mergeObject(defineConfigArg(root), { build: { sourcemap: "true" } });
 	});
-	deepMergeObject(mod.exports.default.$args[0], { build: { sourcemap: true } });
-	return mod.generate().code;
 }
 //#endregion
 export { getViteConfig as default };

package/dist/boilerplates/@batijs/sentry/files/pages/$+client.ts.js

@@ -1,23 +1,17 @@
 #!/usr/bin/env node
 
-import { builders, generateCode, loadAsMagicast, parseModule } from "@batijs/core";
+import { transformConfig } from "@batijs/core";
 //#region ../../boilerplates/sentry/dist/files/pages/$+client.ts.mjs
-async function getViteConfig(props) {
-	let mod;
-	try {
-		mod = await loadAsMagicast(props);
-	} catch {
-		mod = parseModule("");
-	}
-	if (!props.meta.BATI.has("vue")) {
-		mod.imports.$prepend({
-			from: "../sentry.browser.config",
-			imported: "sentryBrowserConfig"
-		});
-		const c = generateCode(builders.functionCall("sentryBrowserConfig")).code;
-		mod.$ast.body.splice(mod.$ast.body.length - 1, 0, c);
-	}
-	return mod.generate().code;
+const IMPORT = `import { sentryBrowserConfig } from "../sentry.browser.config";`;
+const CALL = `sentryBrowserConfig();`;
+async function getClientEntry(props) {
+	if (props.meta.BATI.has("vue")) return void 0;
+	if ((await props.readfile?.() ?? "").trim() === "") return `${IMPORT}\n\n${CALL}\n`;
+	return transformConfig(props, (root) => {
+		root.ensureImport(IMPORT);
+		const exp = root.find("export_statement").first();
+		if (exp.size() > 0) exp.insertBefore(`${CALL}\n\n`);
+	});
 }
 //#endregion
-export { getViteConfig as default };
+export { getClientEntry as default };