@batijs/cli 0.0.140 → 0.0.142

package/dist/boilerplates/@batijs/google-analytics/files/$.env.js

@@ -0,0 +1,16 @@
+// files/$.env.ts
+import { appendToEnv } from "@batijs/core";
+async function getEnv(props) {
+  const envContent = await props.readfile?.();
+  return appendToEnv(
+    envContent,
+    "PUBLIC_ENV__GOOGLE_ANALYTICS",
+    "G-XXXXXXXXXX",
+    `Google Analytics
+
+See the documentation https://support.google.com/analytics/answer/9304153?hl=en#zippy=%2Cweb`
+  );
+}
+export {
+  getEnv as default
+};

package/dist/boilerplates/@batijs/prettier/files/.prettierignore

@@ -5,6 +5,7 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 lerna-debug.log*
+.pnpm-debug.log*
 
 # Diagnostic reports (https://nodejs.org/api/report.html)
 report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
@@ -41,8 +42,8 @@ build/Release
 node_modules/
 jspm_packages/
 
-# TypeScript v1 declaration files
-typings/
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
 
 # TypeScript cache
 *.tsbuildinfo
@@ -53,6 +54,9 @@ typings/
 # Optional eslint cache
 .eslintcache
 
+# Optional stylelint cache
+.stylelintcache
+
 # Microbundle cache
 .rpt2_cache/
 .rts2_cache_cjs/
@@ -68,15 +72,20 @@ typings/
 # Yarn Integrity file
 .yarn-integrity
 
-# dotenv environment variables file
+# dotenv environment variable files
 .env
-.env.test
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
 
 # parcel-bundler cache (https://parceljs.org/)
 .cache
+.parcel-cache
 
 # Next.js build output
 .next
+out
 
 # Nuxt.js build / generate output
 .nuxt
@@ -84,13 +93,19 @@ dist
 
 # Gatsby files
 .cache/
-# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# Comment in the public line in if your project uses Gatsby and not Next.js
 # https://nextjs.org/blog/next-9-1#public-directory-support
 # public
 
 # vuepress build output
 .vuepress/dist
 
+# vuepress v2.x temp and cache directory
+.temp
+
+# Docusaurus cache and generated files
+.docusaurus
+
 # Serverless directories
 .serverless/
 
@@ -103,5 +118,12 @@ dist
 # TernJS port file
 .tern-port
 
-# IDEs
-.idea/
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*

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

@@ -1,24 +1,19 @@
 // files/$.env.ts
-import "@batijs/core";
+import { appendToEnv } from "@batijs/core";
 async function getEnv(props) {
-  let envContent = await props.readfile?.() ?? "";
-  if (envContent.endsWith("\n\n")) {
-  } else if (envContent.endsWith("\n")) {
-    envContent = envContent + "\n";
-  } else if (envContent) {
-    envContent = envContent + "\n\n";
-  }
-  const prismaContent = `# Prisma
+  const envContent = await props.readfile?.();
+  return appendToEnv(
+    envContent,
+    "DATABASE_URL",
+    "postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public",
+    `Prisma
 
-# Environment variables declared in this file are automatically made available to Prisma.
-# See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema
+Environment variables declared in this file are automatically made available to Prisma.
+See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema
 
-# Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
-# See the documentation for all the connection string options: https://pris.ly/d/connection-strings
-
-DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public"
-`;
-  return envContent + prismaContent;
+Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
+See the documentation for all the connection string options: https://pris.ly/d/connection-strings`
+  );
 }
 export {
   getEnv as default

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

@@ -55,8 +55,8 @@ var require_package = __commonJS({
         "react-dom": "^18.2.0",
         tailwindcss: "^3.4.1",
         typescript: "^5.3.3",
-        vike: "^0.4.156",
-        "vike-react": "^0.3.8",
+        vike: "^0.4.159",
+        "vike-react": "^0.4.0",
         vite: "^5.0.11"
       },
       dependencies: {
@@ -101,20 +101,23 @@ var require_package = __commonJS({
         "./pages/star-wars/types": {
           types: "./dist/types/pages/star-wars/types.d.ts"
         },
-        "./pages/star-wars/filterMovieData": {
-          types: "./dist/types/pages/star-wars/filterMovieData.d.ts"
+        "./pages/star-wars/@id/+data": {
+          types: "./dist/types/pages/star-wars/@id/+data.d.ts"
         },
         "./pages/star-wars/@id/+Page": {
           types: "./dist/types/pages/star-wars/@id/+Page.d.ts"
         },
-        "./pages/star-wars/@id/+onBeforeRender": {
-          types: "./dist/types/pages/star-wars/@id/+onBeforeRender.d.ts"
+        "./pages/star-wars/@id/+title": {
+          types: "./dist/types/pages/star-wars/@id/+title.d.ts"
+        },
+        "./pages/star-wars/index/+data": {
+          types: "./dist/types/pages/star-wars/index/+data.d.ts"
         },
         "./pages/star-wars/index/+Page": {
           types: "./dist/types/pages/star-wars/index/+Page.d.ts"
         },
-        "./pages/star-wars/index/+onBeforeRender": {
-          types: "./dist/types/pages/star-wars/index/+onBeforeRender.d.ts"
+        "./pages/star-wars/index/+title": {
+          types: "./dist/types/pages/star-wars/index/+title.d.ts"
         }
       },
       typesVersions: {
@@ -149,20 +152,23 @@ var require_package = __commonJS({
           "pages/star-wars/types": [
             "./dist/types/pages/star-wars/types.d.ts"
           ],
-          "pages/star-wars/filterMovieData": [
-            "./dist/types/pages/star-wars/filterMovieData.d.ts"
+          "pages/star-wars/@id/+data": [
+            "./dist/types/pages/star-wars/@id/+data.d.ts"
           ],
           "pages/star-wars/@id/+Page": [
             "./dist/types/pages/star-wars/@id/+Page.d.ts"
           ],
-          "pages/star-wars/@id/+onBeforeRender": [
-            "./dist/types/pages/star-wars/@id/+onBeforeRender.d.ts"
+          "pages/star-wars/@id/+title": [
+            "./dist/types/pages/star-wars/@id/+title.d.ts"
+          ],
+          "pages/star-wars/index/+data": [
+            "./dist/types/pages/star-wars/index/+data.d.ts"
           ],
           "pages/star-wars/index/+Page": [
             "./dist/types/pages/star-wars/index/+Page.d.ts"
           ],
-          "pages/star-wars/index/+onBeforeRender": [
-            "./dist/types/pages/star-wars/index/+onBeforeRender.d.ts"
+          "pages/star-wars/index/+title": [
+            "./dist/types/pages/star-wars/index/+title.d.ts"
           ]
         }
       }

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

@@ -1,4 +1,5 @@
 import React from "react";
+import logoUrl from "../assets/logo.svg";
 
 // Default <head> (can be overridden by pages)
 
@@ -7,15 +8,40 @@ export default function HeadDefault() {
     return (
       <>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="Demo showcasing Vike" />
+        <link rel="icon" href={logoUrl} />
         {/* 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")) {
+    return (
+      <>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="Demo showcasing Vike" />
+        <link rel="icon" href={logoUrl} />
+        <script
+          async
+          src={`https://www.googletagmanager.com/gtag/js?id=${import.meta.env.PUBLIC_ENV__GOOGLE_ANALYTICS}`}
+        ></script>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${import.meta.env.PUBLIC_ENV__GOOGLE_ANALYTICS}');`,
+          }}
+        ></script>
+      </>
+    );
   } else {
     return (
       <>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="Demo showcasing Vike" />
+        <link rel="icon" href={logoUrl} />
       </>
     );
   }

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

@@ -1,8 +1,7 @@
+import vikeReact from "vike-react";
 import type { Config } from "vike/types";
-import Layout from "../layouts/LayoutDefault";
 import Head from "../layouts/HeadDefault";
-import logoUrl from "../assets/logo.svg";
-import vikeReact from "vike-react";
+import Layout from "../layouts/LayoutDefault";
 
 // Default config (can be overridden by pages)
 export default {
@@ -10,9 +9,5 @@ export default {
   Head,
   // <title>
   title: "My Vike App",
-  // <meta name="description">
-  description: "Demo showcasing Vike",
-  // <link rel="icon" href="${favicon}" />
-  favicon: logoUrl,
   extends: vikeReact,
 } satisfies Config;

package/dist/boilerplates/@batijs/react/files/pages/star-wars/@id/+Page.tsx

@@ -1,7 +1,9 @@
 import React from "react";
-import type { MovieDetails } from "../types";
+import { useData } from "vike-react/useData";
+import type { Data } from "./+data";
 
-export default function Page({ movie }: { movie: MovieDetails }) {
+export default function Page() {
+  const movie = useData<Data>();
   return (
     <>
       <h1>{movie.title}</h1>

package/dist/boilerplates/@batijs/react/files/pages/star-wars/@id/+data.ts

@@ -0,0 +1,22 @@
+// https://vike.dev/data
+
+import fetch from "cross-fetch";
+import type { PageContextServer } from "vike/types";
+import type { MovieDetails } from "../types";
+
+export type Data = Awaited<ReturnType<typeof data>>;
+
+export const data = async (pageContext: PageContextServer) => {
+  const response = await fetch(`https://brillout.github.io/star-wars/api/films/${pageContext.routeParams.id}.json`);
+  let movie = (await response.json()) as MovieDetails;
+  // We remove data we don't need because the data is passed to
+  // the client; we should minimize what is sent over the network.
+  movie = minimize(movie);
+  return movie;
+};
+
+function minimize(movie: MovieDetails): MovieDetails {
+  const { id, title, release_date, director, producer } = movie;
+  movie = { id, title, release_date, director, producer };
+  return movie;
+}

package/dist/boilerplates/@batijs/react/files/pages/star-wars/@id/+title.ts

@@ -0,0 +1,7 @@
+import type { PageContext } from "vike/types";
+import type { Data } from "./+data";
+
+export function title(pageContext: PageContext<Data>) {
+  const movie = pageContext.data;
+  return movie.title;
+}

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

@@ -1,7 +1,9 @@
 import React from "react";
-import type { Movie } from "../types";
+import { useData } from "vike-react/useData";
+import type { Data } from "./+data";
 
-export default function Page({ movies }: { movies: Movie[] }) {
+export default function Page() {
+  const movies = useData<Data>();
   return (
     <>
       <h1>Star Wars Movies</h1>
@@ -13,7 +15,7 @@ export default function Page({ movies }: { movies: Movie[] }) {
         ))}
       </ol>
       <p>
-        Source: <a href="https://star-wars.brillout.com">star-wars.brillout.com</a>.
+        Source: <a href="https://brillout.github.io/star-wars">brillout.github.io/star-wars</a>.
       </p>
     </>
   );

package/dist/boilerplates/@batijs/react/files/pages/star-wars/index/+data.ts

@@ -0,0 +1,22 @@
+// https://vike.dev/data
+
+import fetch from "cross-fetch";
+import type { Movie, MovieDetails } from "../types";
+
+export type Data = Awaited<ReturnType<typeof data>>;
+
+export const data = async () => {
+  const response = await fetch("https://brillout.github.io/star-wars/api/films.json");
+  const moviesData = (await response.json()) as MovieDetails[];
+  // We remove data we don't need because the data is passed to the client; we should
+  // minimize what is sent over the network.
+  const movies = minimize(moviesData);
+  return movies;
+};
+
+function minimize(movies: MovieDetails[]): Movie[] {
+  return movies.map((movie) => {
+    const { title, release_date, id } = movie;
+    return { title, release_date, id };
+  });
+}

package/dist/boilerplates/@batijs/react/files/pages/star-wars/index/+title.ts

@@ -0,0 +1,7 @@
+import type { PageContext } from "vike/types";
+import type { Data } from "./+data";
+
+export function title(pageContext: PageContext<Data>) {
+  const movies = pageContext.data;
+  return `${movies.length} Star Wars Movies`;
+}

package/dist/boilerplates/@batijs/react/files/pages/star-wars/types.ts

@@ -4,10 +4,7 @@ export type Movie = {
   release_date: string;
 };
 
-export type MovieDetails = {
-  id: string;
-  title: string;
-  release_date: string;
+export type MovieDetails = Movie & {
   director: string;
   producer: string;
 };

package/dist/boilerplates/@batijs/react/types/pages/+config.h.d.ts

@@ -1,15 +1,12 @@
-import Layout from "../layouts/LayoutDefault";
 import Head from "../layouts/HeadDefault";
+import Layout from "../layouts/LayoutDefault";
 declare const _default: {
     Layout: typeof Layout;
     Head: typeof Head;
     title: string;
-    description: string;
-    favicon: string;
     extends: {
         onRenderHtml: "import:vike-react/renderer/onRenderHtml:onRenderHtml";
         onRenderClient: "import:vike-react/renderer/onRenderClient:onRenderClient";
-        passToClient: string[];
         clientRouting: true;
         hydrationCanBeAborted: true;
         meta: {
@@ -30,19 +27,16 @@ declare const _default: {
                     client: true;
                 };
             };
-            description: {
-                env: {
-                    server: true;
-                };
-            };
             favicon: {
                 env: {
                     server: true;
+                    client: true;
                 };
             };
             lang: {
                 env: {
                     server: true;
+                    client: true;
                 };
             };
             ssr: {
@@ -62,6 +56,12 @@ declare const _default: {
                     server: true;
                 };
             };
+            Wrapper: {
+                env: {
+                    client: true;
+                    server: true;
+                };
+            };
         };
     };
 };

package/dist/boilerplates/@batijs/react/types/pages/star-wars/@id/+Page.d.ts

@@ -1,4 +1 @@
-import type { MovieDetails } from "../types";
-export default function Page({ movie }: {
-    movie: MovieDetails;
-}): import("react/jsx-runtime").JSX.Element;
+export default function Page(): import("react/jsx-runtime").JSX.Element;

package/dist/boilerplates/@batijs/react/types/pages/star-wars/@id/+data.d.ts

@@ -0,0 +1,4 @@
+import type { PageContextServer } from "vike/types";
+import type { MovieDetails } from "../types";
+export type Data = Awaited<ReturnType<typeof data>>;
+export declare const data: (pageContext: PageContextServer) => Promise<MovieDetails>;

package/dist/boilerplates/@batijs/react/types/pages/star-wars/@id/+title.d.ts

@@ -0,0 +1,3 @@
+import type { PageContext } from "vike/types";
+import type { Data } from "./+data";
+export declare function title(pageContext: PageContext<Data>): string;

package/dist/boilerplates/@batijs/react/types/pages/star-wars/index/+Page.d.ts

@@ -1,4 +1 @@
-import type { Movie } from "../types";
-export default function Page({ movies }: {
-    movies: Movie[];
-}): import("react/jsx-runtime").JSX.Element;
+export default function Page(): import("react/jsx-runtime").JSX.Element;

package/dist/boilerplates/@batijs/react/types/pages/star-wars/index/+data.d.ts

@@ -0,0 +1,3 @@
+import type { Movie } from "../types";
+export type Data = Awaited<ReturnType<typeof data>>;
+export declare const data: () => Promise<Movie[]>;

package/dist/boilerplates/@batijs/react/types/pages/star-wars/index/+title.d.ts

@@ -0,0 +1,3 @@
+import type { PageContext } from "vike/types";
+import type { Data } from "./+data";
+export declare function title(pageContext: PageContext<Data>): string;

package/dist/boilerplates/@batijs/react/types/pages/star-wars/types.d.ts

@@ -3,10 +3,7 @@ export type Movie = {
     title: string;
     release_date: string;
 };
-export type MovieDetails = {
-    id: string;
-    title: string;
-    release_date: string;
+export type MovieDetails = Movie & {
     director: string;
     producer: string;
 };

package/dist/boilerplates/@batijs/react-telefunc/files/pages/todo/+Page.tsx

@@ -1,8 +1,10 @@
-import type { TodoItem } from "@batijs/shared-db/database/todoItems";
 import React, { useState } from "react";
+import { useData } from "vike-react/useData";
+import type { Data } from "./+data";
 import { TodoList } from "./TodoList";
 
-export default function Page({ todoItemsInitial }: { todoItemsInitial: TodoItem[] }) {
+export default function Page() {
+  const todoItemsInitial = useData<Data>();
   return (
     <>
       <h1>To-do List</h1>

package/dist/boilerplates/@batijs/react-telefunc/files/pages/todo/+data.ts

@@ -0,0 +1,9 @@
+// https://vike.dev/data
+import { todoItems } from "@batijs/shared-db/database/todoItems";
+
+export type Data = ReturnType<typeof data>;
+
+export default function data() {
+  const todoItemsInitial = todoItems;
+  return todoItemsInitial;
+}

package/dist/boilerplates/@batijs/react-telefunc/types/pages/todo/+Page.d.ts

@@ -1,4 +1 @@
-import type { TodoItem } from "@batijs/shared-db/database/todoItems";
-export default function Page({ todoItemsInitial }: {
-    todoItemsInitial: TodoItem[];
-}): import("react/jsx-runtime").JSX.Element;
+export default function Page(): import("react/jsx-runtime").JSX.Element;

package/dist/boilerplates/@batijs/react-telefunc/types/pages/todo/+data.d.ts

@@ -0,0 +1,2 @@
+export type Data = ReturnType<typeof data>;
+export default function data(): import("@batijs/shared-db/database/todoItems").TodoItem[];

package/dist/boilerplates/@batijs/react-trpc/files/pages/todo-trpc/+Page.tsx

@@ -1,8 +1,10 @@
-import type { TodoItem } from "@batijs/shared-db/database/todoItems";
 import React, { useState } from "react";
+import { useData } from "vike-react/useData";
+import type { Data } from "./+data";
 import { TodoList } from "./TodoList";
 
-export default function Page({ todoItemsInitial }: { todoItemsInitial: TodoItem[] }) {
+export default function Page() {
+  const todoItemsInitial = useData<Data>();
   return (
     <>
       <h1>To-do List</h1>

package/dist/boilerplates/@batijs/react-trpc/files/pages/todo-trpc/+data.ts

@@ -0,0 +1,9 @@
+// https://vike.dev/data
+import { todoItems } from "@batijs/shared-db/database/todoItems";
+
+export type Data = ReturnType<typeof data>;
+
+export default function data() {
+  const todoItemsInitial = todoItems;
+  return todoItemsInitial;
+}

package/dist/boilerplates/@batijs/react-trpc/types/pages/todo-trpc/+Page.d.ts

@@ -1,4 +1 @@
-import type { TodoItem } from "@batijs/shared-db/database/todoItems";
-export default function Page({ todoItemsInitial }: {
-    todoItemsInitial: TodoItem[];
-}): import("react/jsx-runtime").JSX.Element;
+export default function Page(): import("react/jsx-runtime").JSX.Element;

package/dist/boilerplates/@batijs/react-trpc/types/pages/todo-trpc/+data.d.ts

@@ -0,0 +1,2 @@
+export type Data = ReturnType<typeof data>;
+export default function data(): import("@batijs/shared-db/database/todoItems").TodoItem[];

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

@@ -1,3 +1,5 @@
+/* eslint-disable solid/no-innerhtml */
+
 // Default <head> (can be overridden by pages)
 
 import logoUrl from "../assets/logo.svg";
@@ -12,6 +14,23 @@ export default function HeadDefault() {
         <script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js" />
       </>
     );
+  } else if (BATI.has("google-analytics")) {
+    return (
+      <>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <script
+          async
+          src={`https://www.googletagmanager.com/gtag/js?id=${import.meta.env.PUBLIC_ENV__GOOGLE_ANALYTICS}`}
+        />
+        <script
+          innerHTML={`window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${import.meta.env.PUBLIC_ENV__GOOGLE_ANALYTICS}');`}
+        />
+      </>
+    );
   } else {
     return (
       <>

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

@@ -46,7 +46,7 @@ var require_package = __commonJS({
         "@vite-plugin-vercel/vike": "^2.0.0",
         vike: "^0.4.156",
         vite: "^5.0.11",
-        "vite-plugin-vercel": "^2.0.0"
+        "vite-plugin-vercel": "^3.0.1"
       },
       dependencies: {
         "@batijs/core": "workspace:*"

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

@@ -52,9 +52,10 @@ var require_package = __commonJS({
         typescript: "^5.3.3",
         "unplugin-vue-markdown": "^0.25.2",
         vike: "^0.4.156",
-        "vike-vue": "^0.5.3",
+        "vike-vue": "^0.5.4",
         vite: "^5.0.11",
-        vue: "^3.4.13"
+        vue: "^3.4.13",
+        "vue-gtag": "^2.0.1"
       },
       dependencies: {
         "@batijs/core": "workspace:*"
@@ -71,6 +72,9 @@ var require_package = __commonJS({
         "./pages/+config.h": {
           types: "./dist/types/pages/+config.h.d.ts"
         },
+        "./pages/+onCreateApp": {
+          types: "./dist/types/pages/+onCreateApp.d.ts"
+        },
         "./pages/+onPageTransitionEnd": {
           types: "./dist/types/pages/+onPageTransitionEnd.d.ts"
         },
@@ -95,6 +99,9 @@ var require_package = __commonJS({
           "pages/+config.h": [
             "./dist/types/pages/+config.h.d.ts"
           ],
+          "pages/+onCreateApp": [
+            "./dist/types/pages/+onCreateApp.d.ts"
+          ],
           "pages/+onPageTransitionEnd": [
             "./dist/types/pages/+onPageTransitionEnd.d.ts"
           ],
@@ -134,6 +141,11 @@ async function getPackageJson(props) {
       devDependencies: ["eslint-plugin-vue"]
     });
   }
+  if (props.meta.BATI.has("google-analytics")) {
+    addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+      dependencies: ["vue-gtag"]
+    });
+  }
   return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
     devDependencies: ["vite"],
     dependencies: [

package/dist/boilerplates/@batijs/vue/files/layouts/HeadDefault.vue

@@ -1,17 +1,12 @@
 <!-- Default <head> (can be overridden by pages) -->
 
 <template>
-  <meta
-    name="viewport"
-    content="width=device-width, initial-scale=1"
-  >
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
 
   <!-- BATI.has("plausible.io") -->
   <!-- See https://plausible.io/docs/plausible-script -->
   <!-- TODO: update data-domain -->
-  <component :is="'script'" defer
-             data-domain="yourdomain.com"
-             src="https://plausible.io/js/script.js" />
+  <component :is="'script'" defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js" />
 </template>
-<script setup lang="ts">
-</script>
+
+<script setup lang="ts"></script>

package/dist/boilerplates/@batijs/vue/files/pages/+onCreateApp.ts

@@ -0,0 +1,14 @@
+import type { OnCreateAppSync } from "vike-vue";
+import VueGtag from "vue-gtag";
+
+// BATI.has("google-analytics")
+export const onCreateApp: OnCreateAppSync = (pageContext): ReturnType<OnCreateAppSync> => {
+  const { app } = pageContext;
+
+  // See https://matteo-gabriele.gitbook.io/vue-gtag/
+  app.use(VueGtag, {
+    config: {
+      id: import.meta.env.PUBLIC_ENV__GOOGLE_ANALYTICS,
+    },
+  });
+};

package/dist/boilerplates/@batijs/vue/types/pages/+config.h.d.ts

@@ -42,6 +42,7 @@ declare const _default: {
             lang: {
                 env: {
                     server: true;
+                    client: true;
                 };
             };
             ssr: {
@@ -61,6 +62,29 @@ declare const _default: {
                     client: true;
                 };
             };
+            onCreateApp: {
+                env: {
+                    server: true;
+                    client: true;
+                };
+            };
+            onCreateAppPinia: {
+                env: {
+                    server: true;
+                    client: true;
+                };
+            };
+            onAfterRenderSSRApp: {
+                env: {
+                    server: true;
+                };
+            };
+            onBeforeMountApp: {
+                env: {
+                    server: false;
+                    client: true;
+                };
+            };
         };
     };
 };

package/dist/boilerplates/@batijs/vue/types/pages/+onCreateApp.d.ts

@@ -0,0 +1,2 @@
+import type { OnCreateAppSync } from "vike-vue";
+export declare const onCreateApp: OnCreateAppSync;

package/dist/boilerplates/boilerplates.json

@@ -44,6 +44,17 @@
       "files"
     ]
   },
+  {
+    "config": {
+      "if": {
+        "flag": "google-analytics"
+      }
+    },
+    "folder": "@batijs/google-analytics",
+    "subfolders": [
+      "files"
+    ]
+  },
   {
     "config": {
       "if": {

package/dist/index.js

@@ -499,20 +499,28 @@ function transformFileAfterExec(filepath, fileContent) {
   if (fileContent === void 0 || fileContent === null)
     return null;
   const parsed = path.parse(filepath);
-  const ext = parsed.ext || parsed.name;
-  switch (ext) {
-    case ".ts":
-    case ".js":
-    case ".tsx":
-    case ".jsx":
-    case ".env":
-    case ".html":
-      return fileContent;
-    case ".json":
-      return JSON.stringify(fileContent, null, 2);
-    default:
-      throw new Error(`Unsupported extension ${ext} (${filepath})`);
+  const toTest = [parsed.base, parsed.ext, parsed.name].filter(Boolean);
+  for (const ext of toTest) {
+    switch (ext) {
+      case ".ts":
+      case ".js":
+      case ".tsx":
+      case ".jsx":
+      case ".env":
+      case ".env.local":
+      case ".env.development":
+      case ".env.development.local":
+      case ".env.test":
+      case ".env.test.local":
+      case ".env.production":
+      case ".env.production.local":
+      case ".html":
+        return fileContent;
+      case ".json":
+        return JSON.stringify(fileContent, null, 2);
+    }
   }
+  throw new Error(`Unsupported file extension ${parsed.base} (${filepath})`);
 }
 async function importTransformer(p) {
   const importFile = isWin ? "file://" + p : p;
@@ -576,7 +584,7 @@ Please report this issue to https://github.com/magne4000/bati`
 // package.json
 var package_default = {
   name: "@batijs/cli",
-  version: "0.0.140",
+  version: "0.0.142",
   type: "module",
   scripts: {
     "check-types": "tsc --noEmit",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@batijs/cli",
-  "version": "0.0.140",
+  "version": "0.0.142",
   "type": "module",
   "keywords": [],
   "description": "Next-gen scaffolder. Get started with fully-functional apps, and choose any tool you want",
@@ -19,12 +19,12 @@
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
     "vite": "^5.0.11",
-    "@batijs/compile": "0.0.140",
-    "@batijs/build": "0.0.140"
+    "@batijs/build": "0.0.142",
+    "@batijs/compile": "0.0.142"
   },
   "dependencies": {
-    "@batijs/core": "0.0.140",
-    "@batijs/features": "0.0.140"
+    "@batijs/core": "0.0.142",
+    "@batijs/features": "0.0.142"
   },
   "bin": "./dist/index.js",
   "exports": {

package/dist/boilerplates/@batijs/react/files/pages/star-wars/@id/+onBeforeRender.ts

@@ -1,25 +0,0 @@
-import fetch from "cross-fetch";
-import type { PageContextBuiltInServer } from "vike/types";
-import { filterMovieData } from "../filterMovieData";
-import type { MovieDetails } from "../types";
-
-export default async function onBeforeRender(pageContext: PageContextBuiltInServer) {
-  const response = await fetch(`https://star-wars.brillout.com/api/films/${pageContext.routeParams.id}.json`);
-  let movie = (await response.json()) as MovieDetails;
-
-  // We remove data we don't need because we pass `pageContext.movie` to
-  // the client; we want to minimize what is sent over the network.
-  movie = filterMovieData(movie);
-
-  const { title } = movie;
-
-  return {
-    pageContext: {
-      pageProps: {
-        movie,
-      },
-      // The page's <title>
-      title,
-    },
-  };
-}

package/dist/boilerplates/@batijs/react/files/pages/star-wars/filterMovieData.ts

@@ -1,7 +0,0 @@
-import type { MovieDetails } from "./types";
-
-export function filterMovieData(movie: MovieDetails & Record<string, unknown>): MovieDetails {
-  const { id, title, release_date, director, producer } = movie;
-  movie = { id, title, release_date, director, producer };
-  return movie;
-}

package/dist/boilerplates/@batijs/react/files/pages/star-wars/index/+onBeforeRender.ts

@@ -1,77 +0,0 @@
-import fetch from "cross-fetch";
-//import { filterMovieData } from '../filterMovieData'
-import type { Movie, MovieDetails } from "../types";
-
-export default async function onBeforeRender() {
-  const movies = await getStarWarsMovies();
-  return {
-    pageContext: {
-      pageProps: {
-        // We remove data we don't need because we pass `pageContext.movies` to
-        // the client; we want to minimize what is sent over the network.
-        movies: filterMoviesData(movies),
-      },
-      // The page's <title>
-      title: getTitle(movies),
-    },
-  };
-}
-
-async function getStarWarsMovies(): Promise<MovieDetails[]> {
-  const response = await fetch("https://star-wars.brillout.com/api/films.json");
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let movies: MovieDetails[] = ((await response.json()) as any).results;
-  movies = movies.map((movie: MovieDetails, i: number) => ({
-    ...movie,
-    id: String(i + 1),
-  }));
-  return movies;
-}
-
-function filterMoviesData(movies: MovieDetails[]): Movie[] {
-  return movies.map((movie: MovieDetails) => {
-    const { title, release_date, id } = movie;
-    return { title, release_date, id };
-  });
-}
-
-/*
-async function prerender() {
-  const movies = await getStarWarsMovies()
-  return [
-    {
-      url: '/star-wars',
-      // We already provide `pageContext` here so that Vike
-      // will *not* have to call the `onBeforeRender()` hook defined
-      // above in this file.
-      pageContext: {
-        pageProps: {
-          movies: filterMoviesData(movies)
-        },
-        documentProps: { title: getTitle(movies) }
-      }
-    },
-    ...movies.map((movie) => {
-      const url = `/star-wars/${movie.id}`
-      return {
-        url,
-        // Note that we can also provide the `pageContext` of other pages.
-        // This means that Vike will not call any
-        // `onBeforeRender()` hook and the Star Wars API will be called
-        // only once (in this `prerender()` hook).
-        pageContext: {
-          pageProps: {
-            movie: filterMovieData(movie)
-          },
-          documentProps: { title: movie.title }
-        }
-      }
-    })
-  ]
-}
-*/
-
-function getTitle(movies: Movie[] | MovieDetails[]): string {
-  const title = `${movies.length} Star Wars Movies`;
-  return title;
-}

package/dist/boilerplates/@batijs/react/types/pages/star-wars/@id/+onBeforeRender.d.ts

@@ -1,10 +0,0 @@
-import type { PageContextBuiltInServer } from "vike/types";
-import type { MovieDetails } from "../types";
-export default function onBeforeRender(pageContext: PageContextBuiltInServer): Promise<{
-    pageContext: {
-        pageProps: {
-            movie: MovieDetails;
-        };
-        title: string;
-    };
-}>;

package/dist/boilerplates/@batijs/react/types/pages/star-wars/filterMovieData.d.ts

@@ -1,2 +0,0 @@
-import type { MovieDetails } from "./types";
-export declare function filterMovieData(movie: MovieDetails & Record<string, unknown>): MovieDetails;

package/dist/boilerplates/@batijs/react/types/pages/star-wars/index/+onBeforeRender.d.ts

@@ -1,9 +0,0 @@
-import type { Movie } from "../types";
-export default function onBeforeRender(): Promise<{
-    pageContext: {
-        pageProps: {
-            movies: Movie[];
-        };
-        title: string;
-    };
-}>;

package/dist/boilerplates/@batijs/react-telefunc/files/pages/todo/+onBeforeRender.ts

@@ -1,13 +0,0 @@
-// https://vike.dev/onBeforeRender
-import { todoItems } from "@batijs/shared-db/database/todoItems";
-
-export default function onBeforeRender() {
-  const todoItemsInitial = todoItems;
-  return {
-    pageContext: {
-      pageProps: {
-        todoItemsInitial,
-      },
-    },
-  };
-}

package/dist/boilerplates/@batijs/react-telefunc/types/pages/todo/+onBeforeRender.d.ts

@@ -1,7 +0,0 @@
-export default function onBeforeRender(): {
-    pageContext: {
-        pageProps: {
-            todoItemsInitial: import("@batijs/shared-db/database/todoItems").TodoItem[];
-        };
-    };
-};

package/dist/boilerplates/@batijs/react-trpc/files/pages/todo-trpc/+onBeforeRender.ts

@@ -1,13 +0,0 @@
-// https://vike.dev/onBeforeRender
-import { todoItems } from "@batijs/shared-db/database/todoItems";
-
-export default function onBeforeRender() {
-  const todoItemsInitial = todoItems;
-  return {
-    pageContext: {
-      pageProps: {
-        todoItemsInitial,
-      },
-    },
-  };
-}

package/dist/boilerplates/@batijs/react-trpc/types/pages/todo-trpc/+onBeforeRender.d.ts

@@ -1,7 +0,0 @@
-export default function onBeforeRender(): {
-    pageContext: {
-        pageProps: {
-            todoItemsInitial: import("@batijs/shared-db/database/todoItems").TodoItem[];
-        };
-    };
-};