@batijs/cli 0.0.24 → 0.0.26

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

@@ -4,7 +4,7 @@ async function getPackageJson(currentContent) {
   const packageJson = await loadAsJson(currentContent);
   packageJson.scripts["edgedb:generate-queries"] = "@edgedb/generate queries";
   packageJson.scripts["edgedb:generate-edgeql-js"] = "@edgedb/generate edgeql-js";
-  return addDependency(packageJson, await import("../package-N7DN6762.js"), {
+  return addDependency(packageJson, await import("../package-L6QX4DU3.js"), {
     devDependencies: ["@edgedb/generate"],
     dependencies: ["edgedb"]
   });

package/dist/boilerplates/@batijs/edgedb/{package-N7DN6762.js → package-L6QX4DU3.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/edgedb";
 var private2 = true;
-var version = "0.0.24";
+var version = "0.0.26";
 var description = "";
 var type = "module";
 var scripts = {

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

@@ -4,7 +4,7 @@ async function getPackageJson(currentContent, meta) {
   const packageJson = await loadAsJson(currentContent);
   packageJson.scripts.dev = "tsx ./express-entry.ts";
   packageJson.scripts.build = "vite build";
-  return addDependency(packageJson, await import("../package-MQDB4QVK.js"), {
+  return addDependency(packageJson, await import("../package-A6VFZMH3.js"), {
     devDependencies: ["@types/express"],
     dependencies: [
       "@hattip/adapter-node",

package/dist/boilerplates/@batijs/express/{package-MQDB4QVK.js → package-A6VFZMH3.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/express";
 var private2 = true;
-var version = "0.0.24";
+var version = "0.0.26";
 var description = "";
 var type = "module";
 var scripts = {
@@ -17,7 +17,7 @@ var devDependencies = {
   "@types/express": "^4.17.17",
   "@types/node": "^16.18.36",
   express: "^4.18.2",
-  telefunc: "^0.1.55",
+  telefunc: "^0.1.56",
   tsup: "^6.7.0",
   tsx: "^3.12.7",
   "vike-authjs": "^0.0.2",

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

@@ -7,7 +7,7 @@ async function getPackageJson(currentContent, meta) {
   if (packageJson.scripts.preview) {
     delete packageJson.scripts.preview;
   }
-  return addDependency(packageJson, await import("../package-ZHZMC652.js"), {
+  return addDependency(packageJson, await import("../package-CWCBXXG7.js"), {
     devDependencies: ["@hattip/vite", "@hattip/adapter-node"],
     dependencies: [
       "@hattip/router",

package/dist/boilerplates/@batijs/hattip/{package-ZHZMC652.js → package-CWCBXXG7.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/hattip";
 var private2 = true;
-var version = "0.0.24";
+var version = "0.0.26";
 var description = "";
 var type = "module";
 var scripts = {
@@ -18,7 +18,7 @@ var devDependencies = {
   "@hattip/vite": "^0.0.34",
   "@types/node": "^16.18.36",
   hattip: "^0.0.33",
-  telefunc: "^0.1.55",
+  telefunc: "^0.1.56",
   tsup: "^6.7.0",
   "vike-authjs": "^0.0.2",
   vite: "^4.3.9",

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

@@ -4,7 +4,7 @@ async function getPackageJson(currentContent) {
   const packageJson = await loadAsJson(currentContent);
   packageJson.scripts["prisma:studio"] = "prisma studio";
   packageJson.scripts["prisma:generate"] = "prisma generate";
-  return addDependency(packageJson, await import("../package-3DP6BNRZ.js"), {
+  return addDependency(packageJson, await import("../package-4DL673EC.js"), {
     devDependencies: ["prisma"],
     dependencies: ["@prisma/client"]
   });

package/dist/boilerplates/@batijs/prisma/{package-3DP6BNRZ.js → package-4DL673EC.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/prisma";
 var private2 = true;
-var version = "0.0.24";
+var version = "0.0.26";
 var description = "";
 var type = "module";
 var scripts = {

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

@@ -0,0 +1,12 @@
+// files/$package.json.ts
+import { addDependency, loadAsJson } from "@batijs/core";
+async function getPackageJson(currentContent) {
+  const packageJson = await loadAsJson(currentContent);
+  return addDependency(packageJson, await import("../package-MZ4IK25N.js"), {
+    devDependencies: ["vite"],
+    dependencies: ["@vitejs/plugin-react", "cross-fetch", "react", "react-dom", "vite-plugin-ssr", "vike-react"]
+  });
+}
+export {
+  getPackageJson as default
+};

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

@@ -0,0 +1,12 @@
+// files/$tsconfig.json.ts
+import { loadAsJson } from "@batijs/core";
+async function getTsConfig(currentContent) {
+  const tsConfig = await loadAsJson(currentContent);
+  tsConfig.compilerOptions.jsx = "preserve";
+  tsConfig.compilerOptions.jsxImportSource = "react";
+  tsConfig.compilerOptions.types = [...tsConfig.compilerOptions.types ?? [], "vike-react/client"];
+  return tsConfig;
+}
+export {
+  getTsConfig as default
+};

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

@@ -0,0 +1,17 @@
+// files/$vite.config.ts.ts
+import { addVitePlugin, loadAsMagicast } from "@batijs/core";
+async function getViteConfig(currentContent) {
+  const mod = await loadAsMagicast(currentContent);
+  addVitePlugin(mod, {
+    from: "@vitejs/plugin-react",
+    constructor: "react"
+  });
+  addVitePlugin(mod, {
+    from: "vite-plugin-ssr/plugin",
+    constructor: "ssr"
+  });
+  return mod.generate().code;
+}
+export {
+  getViteConfig as default
+};

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

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="175" height="175" fill="none" version="1.1" viewBox="0 0 175 175" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <metadata>
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title/>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <defs>
+  <linearGradient id="linearGradient880" x1="108.64" x2="115.51" y1="88.726" y2="136.2" gradientTransform="matrix(1.0498 0 0 1.0498 -2.9171 -2.9658)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#ffea83" offset="0"/>
+   <stop stop-color="#FFDD35" offset=".083333"/>
+   <stop stop-color="#FFA800" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint2_linear" x1="48.975" x2="61.299" y1="3.9232" y2="158.04" gradientTransform="translate(-2.832e-5)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#FFEA83" offset="0"/>
+   <stop stop-color="#FFDD35" offset=".083333"/>
+   <stop stop-color="#FFA800" offset="1"/>
+  </linearGradient>
+  <linearGradient id="paint0_linear-6" x1="-1.4492" x2="116.62" y1="-5.8123" y2="137.08" gradientTransform="translate(-2.832e-5)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#41D1FF" offset="0"/>
+   <stop stop-color="#BD34FE" offset="1"/>
+  </linearGradient>
+ </defs>
+ <circle cx="87.5" cy="87.5" r="87.5" fill="#c4c4c4"/>
+ <circle cx="87.5" cy="87.5" r="87.5" fill="url(#paint0_linear-6)"/>
+ <g transform="translate(632.92 54.355)" fill="#d38787" stroke-width="1.0614">
+  <path d="m-549.75 68.457c-5.7533-3.1217-6.1166-5.2295-6.1166-35.489 0-30.458 0.35464-32.448 6.3339-35.54 3.9943-2.0655 24.279-2.2805 26.735-0.28333 0.89718 0.72974 6.7203 6.6637 12.94 13.187l11.309 11.86v19.575c0 18.473-0.12956 19.74-2.3011 22.5-4.0223 5.1136-7.558 5.8565-27.65 5.8099-14.15-0.03287-19.008-0.40294-21.25-1.6191zm42.473-6.3594c2.27-1.59 2.359-2.2909 2.359-18.575v-16.923h-6.9521c-12.443 0-16.4-4.0845-16.4-16.93v-7.4828h-8.9464c-6.7178 0-9.3619 0.41549-10.614 1.668-2.5031 2.5031-2.5031 55.724 0 58.228 2.4502 2.4502 37.058 2.4636 40.553 0.01609zm-1.8867-42.165c0-0.16422-2.8659-3.1346-6.3686-6.6008l-6.3686-6.3022v4.9328c0 6.3185 1.8955 8.2687 8.0366 8.2687 2.5854 0 4.7007-0.13434 4.7007-0.29859zm-57.57 44.279c-5.6185-3.0486-6.1166-5.593-6.1166-31.243 0-18.891 0.31331-24.063 1.6101-26.571 1.809-3.4981 6.5048-6.3339 10.489-6.3339 2.4847 0 2.5814 0.19984 1.541 3.1843-0.61054 1.7514-1.7457 3.1843-2.5226 3.1843-0.77686 0-2.1631 0.75059-3.0805 1.668-2.4923 2.4923-2.4923 47.244 0 49.736 0.91739 0.9174 2.3036 1.668 3.0805 1.668 0.77688 0 1.912 1.4329 2.5226 3.1843 1.0562 3.0298 0.97108 3.1822-1.7537 3.1418-1.575-0.02331-4.1713-0.75194-5.7694-1.6191zm-16.983-4.2458c-5.4392-2.9512-6.1166-5.9415-6.1166-26.997 0-15.096 0.345-19.878 1.6101-22.325 1.7476-3.3796 6.4758-6.3339 10.137-6.3339 1.8666 0 2.1789 0.44955 1.6594 2.3882-0.35184 1.3135-0.64655 2.7465-0.65453 3.1843-8e-3 0.43784-0.69682 0.79608-1.5308 0.79608-0.83399 0-2.2669 0.75059-3.1843 1.668-2.4767 2.4767-2.4767 38.768 0 41.244 0.91741 0.91739 2.2946 1.668 3.0605 1.668 1.196 0 2.6402 2.995 2.6871 5.5726 0.0241 1.3294-4.5804 0.80962-7.6676-0.8655z" style="mix-blend-mode:lighten"/>
+  <path d="m-552.2 68.911c-5.7533-3.1217-6.1166-5.2295-6.1166-35.489 0-30.458 0.35463-32.448 6.3339-35.54 3.9943-2.0655 24.279-2.2805 26.735-0.28333 0.89718 0.72974 6.7203 6.6637 12.94 13.187l11.309 11.86v19.575c0 18.473-0.12957 19.74-2.3011 22.5-4.0223 5.1136-7.558 5.8565-27.65 5.8099-14.15-0.03287-19.008-0.40294-21.25-1.6191zm42.473-6.3594c2.27-1.59 2.359-2.2909 2.359-18.575v-16.923h-6.952c-12.443 0-16.4-4.0845-16.4-16.93v-7.4828h-8.9464c-6.7179 0-9.3619 0.41549-10.614 1.668-2.5031 2.5031-2.5031 55.724 0 58.228 2.4502 2.4502 37.058 2.4636 40.553 0.01609zm-1.8867-42.165c0-0.16422-2.8659-3.1346-6.3686-6.6008l-6.3686-6.3022v4.9328c0 6.3185 1.8955 8.2688 8.0366 8.2688 2.5854 0 4.7007-0.13434 4.7007-0.29859zm-57.57 44.279c-5.6185-3.0486-6.1166-5.593-6.1166-31.243 0-18.891 0.31331-24.063 1.6101-26.571 1.809-3.4981 6.5048-6.3339 10.489-6.3339 2.4847 0 2.5814 0.19984 1.541 3.1843-0.61054 1.7514-1.7457 3.1843-2.5226 3.1843-0.77687 0-2.1631 0.75059-3.0805 1.668-2.4923 2.4923-2.4923 47.244 0 49.736 0.91741 0.91739 2.3036 1.668 3.0805 1.668 0.77686 0 1.912 1.4329 2.5226 3.1843 1.0562 3.0298 0.97107 3.1822-1.7537 3.1418-1.575-0.02331-4.1713-0.75194-5.7694-1.6191zm-16.983-4.2458c-5.4392-2.9512-6.1166-5.9415-6.1166-26.997 0-15.096 0.34502-19.878 1.6101-22.325 1.7476-3.3796 6.4758-6.3339 10.137-6.3339 1.8666 0 2.1789 0.44955 1.6594 2.3882-0.35182 1.3135-0.64653 2.7465-0.65452 3.1843-8e-3 0.43784-0.69683 0.79608-1.5308 0.79608-0.83397 0-2.2669 0.75059-3.1843 1.668-2.4767 2.4767-2.4767 38.768 0 41.245 0.9174 0.91739 2.2946 1.668 3.0605 1.668 1.196 0 2.6402 2.995 2.6871 5.5726 0.0241 1.3294-4.5804 0.80962-7.6676-0.8655z" fill-opacity=".47466" style="mix-blend-mode:lighten"/>
+ </g>
+ <path d="m128.48 88.913-24.027 4.6784c-0.39475 0.07685-0.68766 0.40944-0.71076 0.80849l-1.4782 24.805c-0.0347 0.58371 0.50497 1.0372 1.0792 0.90602l6.6886-1.5338c0.62676-0.14383 1.1916 0.40419 1.0635 1.0299l-1.9874 9.6702c-0.13438 0.65091 0.48084 1.2073 1.1202 1.0142l4.1322-1.2472c0.64041-0.19317 1.2556 0.36535 1.1202 1.0162l-3.158 15.191c-0.19842 0.95011 1.074 1.4677 1.6042 0.653l0.35485-0.54382 19.578-38.827c0.32755-0.64985-0.23727-1.391-0.95641-1.2535l-6.8849 1.3207c-0.6467 0.12389-1.1979-0.47453-1.0152-1.1034l4.4944-15.482c0.18266-0.63012-0.36955-1.2295-1.0173-1.1034z" fill="url(#linearGradient880)" stroke-width="1.0498"/>
+ <rect x="3" y="3" width="169" height="169" rx="84.5" stroke="url(#paint2_linear)" stroke-width="6" style="mix-blend-mode:soft-light"/>
+</svg>

package/dist/boilerplates/@batijs/react/files/components/Link.tsx

@@ -0,0 +1,15 @@
+export { Link }
+
+import { usePageContext } from 'vike-react/usePageContext'
+import React from 'react'
+
+function Link({ href, children }: { href: string; children: string }) {
+  const pageContext = usePageContext()
+  const { urlPathname } = pageContext
+  const isActive = href === '/' ? urlPathname === href : urlPathname.startsWith(href)
+  return (
+    <a href={href} className={isActive ? 'is-active' : undefined}>
+      {children}
+    </a>
+  )
+}

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

@@ -0,0 +1,22 @@
+import React from "react";
+
+// Default <head> (can be overriden by pages)
+
+export default function HeadDefault() {
+  if (import.meta.BATI_MODULES?.includes("analytics:plausible.io")) {
+    return (
+      <>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        {/* 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 {
+    return (
+      <>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+      </>
+    );
+  }
+}

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

@@ -0,0 +1,87 @@
+import "./style.css";
+//# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+import "./tailwind.css";
+import React from "react";
+import logoUrl from "../assets/logo.svg";
+import { Link } from "../components/Link";
+
+export default function LayoutDefault({ children }: { children: React.ReactNode }) {
+  return (
+    <div
+      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      className="flex max-w-5xl m-auto"
+      //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      style={{
+        display: "flex",
+        maxWidth: 900,
+        margin: "auto",
+      }}
+    >
+      <Sidebar>
+        <Logo />
+        <Link href="/">Welcome</Link>
+        <Link href="/star-wars">Data Fetching</Link>
+      </Sidebar>
+      <Content>{children}</Content>
+    </div>
+  );
+}
+
+function Sidebar({ children }: { children: React.ReactNode }) {
+  return (
+    <div
+      id="sidebar"
+      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      className="p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"
+      //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      style={{
+        padding: 20,
+        flexShrink: 0,
+        display: "flex",
+        flexDirection: "column",
+        lineHeight: "1.8em",
+        borderRight: "2px solid #eee",
+      }}
+    >
+      {children}
+    </div>
+  );
+}
+
+function Content({ children }: { children: React.ReactNode }) {
+  return (
+    <div id="page-container">
+      <div
+        id="page-content"
+        //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+        className="p-5 pb-12 min-h-screen"
+        //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+        style={{
+          padding: 20,
+          paddingBottom: 50,
+          minHeight: "100vh",
+        }}
+      >
+        {children}
+      </div>
+    </div>
+  );
+}
+
+function Logo() {
+  return (
+    <div
+      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      className="p-5 mb-2"
+      //# !import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      style={{
+        marginTop: 20,
+        marginBottom: 10,
+      }}
+    >
+      <a href="/">
+        <img src={logoUrl} height={64} width={64} />
+      </a>
+    </div>
+  );
+}

package/dist/boilerplates/@batijs/react/files/layouts/style.css

@@ -0,0 +1,29 @@
+/* Links */
+a {
+  text-decoration: none;
+}
+#sidebar a {
+  padding: 2px 10px;
+  margin-left: -10px;
+}
+#sidebar a.is-active {
+  background-color: #eee;
+}
+
+/* Reset */
+body {
+  margin: 0;
+  font-family: sans-serif;
+}
+* {
+  box-sizing: border-box;
+}
+
+/* Page Transition Anmiation */
+#page-content {
+  opacity: 1;
+  transition: opacity 0.3s ease-in-out;
+}
+body.page-is-transitioning #page-content {
+  opacity: 0;
+}

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

@@ -0,0 +1,18 @@
+import type { Config } from "vike-react/types";
+import Layout from "../layouts/LayoutDefault";
+import Head from "../layouts/HeadDefault";
+import logoUrl from "../assets/logo.svg";
+import vikeReact from "vike-react";
+
+// Default config (can be overriden by pages)
+export default {
+  Layout,
+  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/_error/+Page.tsx

@@ -0,0 +1,22 @@
+export default Page;
+
+import React from "react";
+
+function Page({ is404, errorInfo }: { is404: boolean; errorInfo?: string }) {
+  if (is404) {
+    return (
+      <>
+        <h1>404 Page Not Found</h1>
+        <p>This page could not be found.</p>
+        <p>{errorInfo}</p>
+      </>
+    );
+  } else {
+    return (
+      <>
+        <h1>500 Internal Server Error</h1>
+        <p>Something went wrong.</p>
+      </>
+    );
+  }
+}

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { Counter } from "./Counter";
+
+export default function Page() {
+  return (
+    <>
+      <h1
+        //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+        className="font-bold text-3xl pb-4"
+      >
+        My Vike app
+      </h1>
+      This page is:
+      <ul>
+        <li>Rendered to HTML.</li>
+        <li>
+          Interactive. <Counter />
+        </li>
+      </ul>
+    </>
+  );
+}

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

@@ -0,0 +1,18 @@
+import React, { useState } from "react";
+
+export { Counter };
+
+function Counter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <button
+      type="button"
+      //# import.meta.BATI_MODULES?.includes("uikit:tailwindcss")
+      className="inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
+      onClick={() => setCount((count) => count + 1)}
+    >
+      Counter {count}
+    </button>
+  );
+}

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

@@ -0,0 +1,17 @@
+export default Page;
+
+import React from "react";
+import type { MovieDetails } from "../types";
+
+function Page({ movie }: { movie: MovieDetails }) {
+  return (
+    <>
+      <h1>{movie.title}</h1>
+      Release Date: {movie.release_date}
+      <br />
+      Director: {movie.director}
+      <br />
+      Producer: {movie.producer}
+    </>
+  );
+}

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

@@ -0,0 +1,27 @@
+export default onBeforeRender;
+
+import fetch from "cross-fetch";
+import { filterMovieData } from "../filterMovieData";
+import type { PageContextBuiltIn } from "vike-react/types";
+import type { MovieDetails } from "../types";
+
+async function onBeforeRender(pageContext: PageContextBuiltIn) {
+  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

@@ -0,0 +1,11 @@
+import type { MovieDetails } from "./types";
+
+export { filterMovieData };
+
+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/+Page.tsx

@@ -0,0 +1,22 @@
+export default Page;
+
+import React from "react";
+import type { Movie } from "../types";
+
+function Page({ movies }: { movies: Movie[] }) {
+  return (
+    <>
+      <h1>Star Wars Movies</h1>
+      <ol>
+        {movies.map(({ id, title, release_date }) => (
+          <li key={id}>
+            <a href={`/star-wars/${id}`}>{title}</a> ({release_date})
+          </li>
+        ))}
+      </ol>
+      <p>
+        Source: <a href="https://star-wars.brillout.com">star-wars.brillout.com</a>.
+      </p>
+    </>
+  );
+}

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

@@ -0,0 +1,80 @@
+export default onBeforeRender;
+
+import fetch from "cross-fetch";
+//import { filterMovieData } from '../filterMovieData'
+import type { Movie, MovieDetails } from "../types";
+
+// export { prerender }
+
+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");
+  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/files/pages/star-wars/types.ts

@@ -0,0 +1,13 @@
+export type Movie = {
+  id: string;
+  title: string;
+  release_date: string;
+};
+
+export type MovieDetails = {
+  id: string;
+  title: string;
+  release_date: string;
+  director: string;
+  producer: string;
+};

package/dist/boilerplates/@batijs/react/package-MZ4IK25N.js

@@ -0,0 +1,70 @@
+// package.json
+var name = "@batijs/react";
+var private2 = true;
+var version = "0.0.26";
+var description = "";
+var type = "module";
+var scripts = {
+  build: "tsup"
+};
+var keywords = [];
+var author = "";
+var license = "MIT";
+var devDependencies = {
+  "@batijs/tsup": "workspace:*",
+  "@types/node": "^16.18.36",
+  "@types/react": "^18.2.12",
+  "@types/react-dom": "^18.2.5",
+  "@vitejs/plugin-react": "^4.0.0",
+  "cross-fetch": "^3.1.6",
+  react: "^18.2.0",
+  "react-dom": "^18.2.0",
+  tailwindcss: "^3.3.2",
+  tsup: "^6.7.0",
+  typescript: "^5.1.3",
+  "vike-react": "^0.1.5",
+  vite: "^4.3.9",
+  "vite-plugin-ssr": "^0.4.131"
+};
+var dependencies = {
+  "@batijs/core": "workspace:*"
+};
+var files = [
+  "dist/"
+];
+var bati = {
+  flag: "react",
+  name: "ReactJS",
+  homepage: "https://react.dev"
+};
+var package_default = {
+  name,
+  private: private2,
+  version,
+  description,
+  type,
+  scripts,
+  keywords,
+  author,
+  license,
+  devDependencies,
+  dependencies,
+  files,
+  bati
+};
+export {
+  author,
+  bati,
+  package_default as default,
+  dependencies,
+  description,
+  devDependencies,
+  files,
+  keywords,
+  license,
+  name,
+  private2 as private,
+  scripts,
+  type,
+  version
+};

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

@@ -1,6 +1,6 @@
 {
   "name": "my-app",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "description": "",
   "type": "module",
   "scripts": {

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

@@ -2,7 +2,7 @@
 import { addDependency, loadAsJson } from "@batijs/core";
 async function getPackageJson(currentContent) {
   const packageJson = await loadAsJson(currentContent);
-  return addDependency(packageJson, await import("../package-6HR5REIL.js"), {
+  return addDependency(packageJson, await import("../package-T22CK2KR.js"), {
     devDependencies: ["vite"],
     dependencies: ["cross-fetch", "solid-js", "vike-solid"]
   });

package/dist/boilerplates/@batijs/solid/{package-6HR5REIL.js → package-T22CK2KR.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/solid";
 var private2 = true;
-var version = "0.0.24";
+var version = "0.0.26";
 var description = "";
 var type = "module";
 var scripts = {

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

@@ -2,7 +2,7 @@
 import { addDependency, loadAsJson } from "@batijs/core";
 async function getPackageJson(currentContent, meta) {
   const packageJson = await loadAsJson(currentContent);
-  return addDependency(packageJson, await import("../package-G265GCGU.js"), {
+  return addDependency(packageJson, await import("../package-DRVAXC5Y.js"), {
     devDependencies: ["tailwindcss", "postcss", "autoprefixer"]
   });
 }

package/dist/boilerplates/@batijs/tailwindcss/{package-G265GCGU.js → package-DRVAXC5Y.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/tailwindcss";
 var private2 = true;
-var version = "0.0.24";
+var version = "0.0.26";
 var description = "";
 var type = "module";
 var scripts = {

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

@@ -2,7 +2,7 @@
 import { addDependency, loadAsJson } from "@batijs/core";
 async function getPackageJson(currentContent) {
   const packageJson = await loadAsJson(currentContent);
-  return addDependency(packageJson, await import("../package-JYH3G3DH.js"), {
+  return addDependency(packageJson, await import("../package-G7FSLIMJ.js"), {
     dependencies: ["telefunc"]
   });
 }

package/dist/boilerplates/@batijs/telefunc/{package-JYH3G3DH.js → package-G7FSLIMJ.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/telefunc";
 var private2 = true;
-var version = "0.0.24";
+var version = "0.0.26";
 var description = "";
 var type = "module";
 var scripts = {
@@ -13,7 +13,7 @@ var license = "MIT";
 var devDependencies = {
   "@batijs/tsup": "workspace:*",
   "@types/node": "^16.18.36",
-  telefunc: "^0.1.55",
+  telefunc: "^0.1.56",
   tsup: "^6.7.0",
   vite: "^4.3.9",
   "vite-plugin-ssr": "^0.4.131"

package/dist/boilerplates/boilerplates.json

@@ -69,6 +69,18 @@
       "hooks"
     ]
   },
+  {
+    "config": {
+      "flag": "react",
+      "name": "ReactJS",
+      "homepage": "https://react.dev"
+    },
+    "folder": "@batijs/react",
+    "description": "",
+    "subfolders": [
+      "files"
+    ]
+  },
   {
     "config": {},
     "folder": "@batijs/shared",

package/dist/index.js

@@ -554,6 +554,7 @@ import { copyFile, mkdir, opendir, readFile, writeFile } from "fs/promises";
 import { existsSync } from "fs";
 import path from "path";
 var reIgnoreFile = /^(chunk-|asset-|#)/gi;
+var isWin = process.platform === "win32";
 function toDist(filepath, source, dist) {
   const split = filepath.split(path.sep);
   split[split.length - 1] = split[split.length - 1].replace(/^\$\$?(.*)\.[tj]sx?$/, "$1");
@@ -622,7 +623,8 @@ async function main(options, meta) {
 Please report this issue to https://github.com/magne4000/bati`
         );
       } else if (parsed.name.startsWith("$") && parsed.ext.match(/\.jsx?$/)) {
-        const f = await import(p);
+        const importFile = isWin ? "file://" + p : p;
+        const f = await import(importFile);
         const fileContent = transformFileAfterExec(
           target,
           await f.default(targets.has(target) ? () => readFile(target, { encoding: "utf-8" }) : void 0, meta)
@@ -651,14 +653,14 @@ Please report this issue to https://github.com/magne4000/bati`
 // package.json
 var package_default = {
   name: "@batijs/cli",
-  version: "0.0.24",
+  version: "0.0.26",
   description: "Scaffold typescript projects with ease and modularity",
   type: "module",
   scripts: {
-    prerelease: "rm -rf ./dist",
+    prerelease: "rimraf ./dist",
     prepublishOnly: "pnpm run build",
-    test: "pnpm run build && vitest run --test-timeout=50000",
-    build: "rm -rf dist && tsup"
+    test: "pnpm run build && vitest run",
+    build: "rimraf ./dist && tsup"
   },
   keywords: [],
   author: "",
@@ -669,14 +671,17 @@ var package_default = {
     "@types/node": "^16.18.36",
     citty: "^0.1.1",
     colorette: "^2.0.20",
-    esbuild: "^0.18.2",
+    esbuild: "^0.18.3",
     espree: "^9.5.2",
     execa: "^7.1.1",
     "get-port": "^7.0.0",
     "node-fetch": "^3.3.1",
+    rimraf: "^5.0.1",
+    "tree-kill": "^1.2.2",
     tsup: "^6.7.0",
     typescript: "^5.1.3",
-    vitest: "^0.32.0"
+    vite: "^4.3.9",
+    vitest: "^0.32.1"
   },
   dependencies: {
     "@batijs/core": "workspace:*"
@@ -822,6 +827,7 @@ var {
 // index.ts
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = dirname(__filename);
+var isWin2 = process.platform === "win32";
 function boilerplatesDir() {
   if (existsSync2(join(__dirname, "boilerplates", "boilerplates.json"))) {
     return join(__dirname, "boilerplates");
@@ -926,12 +932,13 @@ async function retrieveHooks(hooks) {
   for (const hook of hooks) {
     for await (const file of walk(hook)) {
       const parsed = parse(file);
+      const importFile = isWin2 ? "file://" + file : file;
       switch (parsed.name) {
         case "cli":
           if (!map.has("cli")) {
             map.set("cli", []);
           }
-          map.get("cli").push((await import(file)).default);
+          map.get("cli").push((await import(importFile)).default);
           break;
         default:
           throw new Error(`Unsupported hook ${parsed.name}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@batijs/cli",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "description": "Scaffold typescript projects with ease and modularity",
   "type": "module",
   "keywords": [],
@@ -10,19 +10,22 @@
     "@types/node": "^16.18.36",
     "citty": "^0.1.1",
     "colorette": "^2.0.20",
-    "esbuild": "^0.18.2",
+    "esbuild": "^0.18.3",
     "espree": "^9.5.2",
     "execa": "^7.1.1",
     "get-port": "^7.0.0",
     "node-fetch": "^3.3.1",
+    "rimraf": "^5.0.1",
+    "tree-kill": "^1.2.2",
     "tsup": "^6.7.0",
     "typescript": "^5.1.3",
-    "vitest": "^0.32.0",
-    "@batijs/build": "0.0.24",
-    "@batijs/tsup": "0.0.24"
+    "vite": "^4.3.9",
+    "vitest": "^0.32.1",
+    "@batijs/tsup": "0.0.26",
+    "@batijs/build": "0.0.26"
   },
   "dependencies": {
-    "@batijs/core": "0.0.24"
+    "@batijs/core": "0.0.26"
   },
   "bin": "./dist/index.js",
   "exports": {
@@ -39,8 +42,8 @@
     "dist/"
   ],
   "scripts": {
-    "prerelease": "rm -rf ./dist",
-    "test": "pnpm run build && vitest run --test-timeout=50000",
-    "build": "rm -rf dist && tsup"
+    "prerelease": "rimraf ./dist",
+    "test": "pnpm run build && vitest run",
+    "build": "rimraf ./dist && tsup"
   }
 }