@batijs/cli 0.0.177 → 0.0.180

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

@@ -43,7 +43,7 @@ var require_package = __commonJS({
       devDependencies: {
         "@batijs/compile": "workspace:*",
         "@types/node": "^18.19.14",
-        vite: "^5.2.8",
+        vite: "^5.2.10",
         "vite-plugin-compiled-react": "^1.1.3"
       },
       dependencies: {
@@ -66,7 +66,7 @@ var require_package = __commonJS({
 import { addDependency, loadAsJson } from "@batijs/core";
 async function getPackageJson(props) {
   const packageJson = await loadAsJson(props);
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: ["vite-plugin-compiled-react"],
     dependencies: ["@compiled/react"]
   });

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

@@ -42,11 +42,11 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@edgedb/generate": "^0.5.2",
+        "@edgedb/generate": "^0.5.3",
         "@prisma/client": "^5.12.1",
         "@types/node": "^18.19.14",
         colorette: "^2.0.20",
-        edgedb: "^1.5.0"
+        edgedb: "^1.5.3"
       },
       dependencies: {
         "@batijs/core": "workspace:*"
@@ -73,7 +73,7 @@ async function getPackageJson(props) {
   const packageJson = await loadAsJson(props);
   packageJson.scripts["edgedb:generate-queries"] = "@edgedb/generate queries";
   packageJson.scripts["edgedb:generate-edgeql-js"] = "@edgedb/generate edgeql-js";
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: ["@edgedb/generate"],
     dependencies: ["edgedb"]
   });

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

@@ -42,8 +42,8 @@ var require_package = __commonJS({
       },
       devDependencies: {
         "@batijs/compile": "workspace:^",
-        "@typescript-eslint/eslint-plugin": "^7.6.0",
-        "@typescript-eslint/parser": "^7.6.0",
+        "@typescript-eslint/eslint-plugin": "^7.7.0",
+        "@typescript-eslint/parser": "^7.7.0",
         eslint: "^8.57.0"
       },
       dependencies: {
@@ -75,7 +75,7 @@ async function getPackageJson(props) {
       precedence: 0
     }
   });
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: ["eslint", "@typescript-eslint/parser", "@typescript-eslint/eslint-plugin"]
   });
 }

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

@@ -41,7 +41,7 @@ var require_package = __commonJS({
       author: "",
       license: "MIT",
       devDependencies: {
-        "@auth/core": "^0.29.0",
+        "@auth/core": "^0.30.0",
         "@batijs/compile": "workspace:*",
         "@batijs/firebase-auth": "workspace:*",
         "@batijs/trpc": "workspace:*",
@@ -54,12 +54,12 @@ var require_package = __commonJS({
         dotenv: "^16.4.5",
         express: "^4.19.2",
         "express-openid-connect": "^2.17.1",
-        "firebase-admin": "^12.0.0",
-        telefunc: "^0.1.71",
+        "firebase-admin": "^12.1.0",
+        telefunc: "^0.1.72",
         tsx: "^4.7.2",
-        vike: "^0.4.168",
+        vike: "^0.4.171",
         "vike-authjs": "^0.1.5",
-        vite: "^5.2.8"
+        vite: "^5.2.10"
       },
       dependencies: {
         "@batijs/core": "workspace:*"
@@ -108,7 +108,7 @@ async function getPackageJson(props) {
       precedence: 20
     }
   });
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: [
       "@types/express",
       ...props.meta.BATI.has("firebase-auth") ? ["@types/cookie-parser"] : [],

package/dist/boilerplates/@batijs/firebase-auth/files/$package.json.js

@@ -45,10 +45,10 @@ var require_package = __commonJS({
         "@types/node": "^18.19.14",
         dotenv: "^16.4.5",
         firebase: "^10.11.0",
-        "firebase-admin": "^12.0.0",
+        "firebase-admin": "^12.1.0",
         firebaseui: "^6.1.0",
-        vike: "^0.4.168",
-        vite: "^5.2.8"
+        vike: "^0.4.171",
+        vite: "^5.2.10"
       },
       dependencies: {
         "@batijs/core": "workspace:*"
@@ -105,7 +105,7 @@ var require_package = __commonJS({
 import { addDependency, loadAsJson } from "@batijs/core";
 async function getPackageJson(props) {
   const packageJson = await loadAsJson(props);
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: ["dotenv"],
     dependencies: ["firebase", "firebase-admin", "firebaseui"]
   });

package/dist/boilerplates/@batijs/firebase-auth/files/libs/firebaseAdmin.ts

@@ -1,14 +1,14 @@
 import "dotenv/config";
-import { getApps, type App, initializeApp, applicationDefault, getApp } from "firebase-admin/app";
+import { applicationDefault, getApp, getApps, initializeApp, type App } from "firebase-admin/app";
 
 let firebaseAdmin: App | undefined;
 
 if (!getApps().length) {
-    firebaseAdmin = initializeApp({
-        credential: applicationDefault(),
-    });
+  firebaseAdmin = initializeApp({
+    credential: applicationDefault(),
+  });
 } else {
-    firebaseAdmin = getApp();
+  firebaseAdmin = getApp();
 }
 
-export { firebaseAdmin }
+export { firebaseAdmin };

package/dist/boilerplates/@batijs/firebase-auth/files/libs/firebaseUI.ts

@@ -1,31 +1,31 @@
-import firebase from "firebase/compat/app"
-import type { UserCredential } from "firebase/auth"
-import * as firebaseui from "firebaseui"
+import type { UserCredential } from "firebase/auth";
+import firebase from "firebase/compat/app";
+import * as firebaseui from "firebaseui";
 
-type SessionLogin = (authResult: UserCredential) => Promise<void>
+type SessionLogin = (authResult: UserCredential) => Promise<void>;
 
 function startFirebaseUI(ui: firebaseui.auth.AuthUI, sessionLogin?: SessionLogin) {
-    // Please read firebaseui docs at https://github.com/firebase/firebaseui-web
-    const uiCOnfig = {
-        callbacks: {
-            signInSuccessWithAuthResult(authResult: UserCredential) {
-                if (sessionLogin) {
-                    sessionLogin(authResult)
-                    // Don't redirect after firebase client successfully sign-in, let vike handle the rest.
-                    return false
-                }
-                return true
-            }
-        },
-        signInFlow: "popup",
-        signInOptions: [
-            // Disable "Email enumeration protection" to be able to login with registered email address
-            // https://console.firebase.google.com/u/1/project/{project-id}/authentication/settings
-            firebase.auth.EmailAuthProvider.PROVIDER_ID,
-            firebase.auth.GoogleAuthProvider.PROVIDER_ID,
-        ],
-    }
-    return ui.start("#firebaseui-auth-container", uiCOnfig)
+  // Please read firebaseui docs at https://github.com/firebase/firebaseui-web
+  const uiCOnfig = {
+    callbacks: {
+      signInSuccessWithAuthResult(authResult: UserCredential) {
+        if (sessionLogin) {
+          sessionLogin(authResult);
+          // Don't redirect after firebase client successfully sign-in, let vike handle the rest.
+          return false;
+        }
+        return true;
+      },
+    },
+    signInFlow: "popup",
+    signInOptions: [
+      // Disable "Email enumeration protection" to be able to login with registered email address
+      // https://console.firebase.google.com/u/1/project/{project-id}/authentication/settings
+      firebase.auth.EmailAuthProvider.PROVIDER_ID,
+      firebase.auth.GoogleAuthProvider.PROVIDER_ID,
+    ],
+  };
+  return ui.start("#firebaseui-auth-container", uiCOnfig);
 }
 
-export { startFirebaseUI }
+export { startFirebaseUI };

package/dist/boilerplates/@batijs/firebase-auth/files/pages/login/+guard.ts

@@ -1,11 +1,11 @@
 // https://vike.dev/guard
-import { redirect } from 'vike/abort'
-import type { GuardAsync } from 'vike/types'
+import { redirect } from "vike/abort";
+import type { GuardAsync } from "vike/types";
 
 const guard: GuardAsync = async (pageContext): ReturnType<GuardAsync> => {
   if (pageContext.user) {
-    throw redirect('/')
+    throw redirect("/");
   }
-}
+};
 
-export { guard }
+export { guard };

package/dist/boilerplates/@batijs/firebase-auth/types/pages/login/+guard.d.ts

@@ -1,3 +1,3 @@
-import type { GuardAsync } from 'vike/types';
+import type { GuardAsync } from "vike/types";
 declare const guard: GuardAsync;
 export { guard };

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

@@ -41,7 +41,7 @@ var require_package = __commonJS({
       author: "",
       license: "MIT",
       devDependencies: {
-        "@auth/core": "^0.29.0",
+        "@auth/core": "^0.30.0",
         "@batijs/compile": "workspace:*",
         "@batijs/firebase-auth": "workspace:*",
         "@batijs/trpc": "workspace:^",
@@ -53,14 +53,14 @@ var require_package = __commonJS({
         dotenv: "^16.4.5",
         express: "^4.19.2",
         "express-openid-connect": "^2.17.1",
-        "firebase-admin": "^12.0.0",
+        "firebase-admin": "^12.1.0",
         h3: "~1.11.1",
         "serve-static": "^1.15.0",
-        telefunc: "^0.1.71",
+        telefunc: "^0.1.72",
         tsx: "^4.7.2",
-        vike: "^0.4.168",
+        vike: "^0.4.171",
         "vike-authjs": "^0.1.5",
-        vite: "^5.2.8"
+        vite: "^5.2.10"
       },
       dependencies: {
         "@batijs/core": "workspace:*"
@@ -109,7 +109,7 @@ async function getPackageJson(props) {
       precedence: 20
     }
   });
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: [
       "@types/serve-static",
       ...props.meta.BATI.has("auth0") ? ["@types/express", "dotenv"] : []

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

@@ -41,7 +41,7 @@ var require_package = __commonJS({
       author: "",
       license: "MIT",
       devDependencies: {
-        "@auth/core": "^0.29.0",
+        "@auth/core": "^0.30.0",
         "@batijs/compile": "workspace:*",
         "@batijs/trpc": "workspace:^",
         "@hattip/adapter-node": "^0.0.45",
@@ -51,10 +51,10 @@ var require_package = __commonJS({
         "@trpc/server": "^10.45.2",
         "@types/node": "^18.19.14",
         hattip: "^0.0.33",
-        telefunc: "^0.1.71",
-        vike: "^0.4.168",
+        telefunc: "^0.1.72",
+        vike: "^0.4.171",
         "vike-authjs": "^0.1.5",
-        vite: "^5.2.8"
+        vite: "^5.2.10"
       },
       dependencies: {
         "@batijs/core": "workspace:*"
@@ -102,7 +102,7 @@ async function getPackageJson(props) {
   if (packageJson.scripts.preview) {
     delete packageJson.scripts.preview;
   }
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: ["@hattip/vite", "@hattip/adapter-node"],
     dependencies: [
       "@hattip/core",

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

@@ -65,7 +65,7 @@ var require_package = __commonJS({
 import { addDependency, loadAsJson } from "@batijs/core";
 async function getPackageJson(props) {
   const packageJson = await loadAsJson(props);
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: ["prettier", "eslint-config-prettier"]
   });
 }

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

@@ -68,7 +68,7 @@ async function getPackageJson(props) {
   const packageJson = await loadAsJson(props);
   packageJson.scripts["prisma:studio"] = "prisma studio";
   packageJson.scripts["prisma:generate"] = "prisma generate";
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: ["prisma"],
     dependencies: ["@prisma/client"]
   });

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

@@ -46,7 +46,7 @@ var require_package = __commonJS({
         "@babel/plugin-transform-react-jsx": "^7.23.4",
         "@batijs/compile": "workspace:*",
         "@types/node": "^18.19.14",
-        "@types/react": "^18.2.78",
+        "@types/react": "^18.2.79",
         "@types/react-dom": "^18.2.25",
         "@vitejs/plugin-react": "^4.2.1",
         "cross-fetch": "^4.0.0",
@@ -55,9 +55,9 @@ var require_package = __commonJS({
         "react-dom": "^18.2.0",
         tailwindcss: "^3.4.3",
         typescript: "^5.4.5",
-        vike: "^0.4.168",
-        "vike-react": "^0.4.6",
-        vite: "^5.2.8"
+        vike: "^0.4.171",
+        "vike-react": "^0.4.8",
+        vite: "^5.2.10"
       },
       dependencies: {
         "@batijs/core": "workspace:*"
@@ -181,11 +181,11 @@ import { addDependency, loadAsJson } from "@batijs/core";
 async function getPackageJson(props) {
   const packageJson = await loadAsJson(props);
   if (props.meta.BATI.has("eslint")) {
-    addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+    addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
       devDependencies: ["eslint-plugin-react"]
     });
   }
-  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)), {
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
     devDependencies: ["vite", "@types/react", "@types/react-dom"],
     dependencies: ["@vitejs/plugin-react", "cross-fetch", "react", "react-dom", "vike", "vike-react"]
   });

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

@@ -3,7 +3,7 @@ import "./style.css";
 import "./tailwind.css";
 import React from "react";
 import logoUrl from "../assets/logo.svg";
-import { Link } from "../components/Link";
+import { Link } from "../components/Link.js";
 
 export default function LayoutDefault({ children }: { children: React.ReactNode }) {
   return (

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

@@ -1,7 +1,7 @@
 import vikeReact from "vike-react/config";
 import type { Config } from "vike/types";
-import Head from "../layouts/HeadDefault";
-import Layout from "../layouts/LayoutDefault";
+import Head from "../layouts/HeadDefault.js";
+import Layout from "../layouts/LayoutDefault.js";
 
 // Default config (can be overridden by pages)
 export default {

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { usePageContext } from 'vike-react/usePageContext';
+import { usePageContext } from "vike-react/usePageContext";
 
 export default function Page() {
   const { is404 } = usePageContext();

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Counter } from "./Counter";
+import { Counter } from "./Counter.js";
 
 export default function Page() {
   return (

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { useData } from "vike-react/useData";
-import type { Data } from "./+data";
+import type { Data } from "./+data.js";
 
 export default function Page() {
   const movie = useData<Data>();

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

@@ -2,7 +2,7 @@
 
 import fetch from "cross-fetch";
 import type { PageContextServer } from "vike/types";
-import type { MovieDetails } from "../types";
+import type { MovieDetails } from "../types.js";
 
 export type Data = Awaited<ReturnType<typeof data>>;
 

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

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

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { useData } from "vike-react/useData";
-import type { Data } from "./+data";
+import type { Data } from "./+data.js";
 
 export default function Page() {
   const movies = useData<Data>();

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

@@ -1,7 +1,7 @@
 // https://vike.dev/data
 
 import fetch from "cross-fetch";
-import type { Movie, MovieDetails } from "../types";
+import type { Movie, MovieDetails } from "../types.js";
 
 export type Data = Awaited<ReturnType<typeof data>>;
 

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

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

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

@@ -1,5 +1,5 @@
-import Head from "../layouts/HeadDefault";
-import Layout from "../layouts/LayoutDefault";
+import Head from "../layouts/HeadDefault.js";
+import Layout from "../layouts/LayoutDefault.js";
 declare const _default: {
     Layout: typeof Layout;
     Head: typeof Head;
@@ -46,13 +46,23 @@ declare const _default: {
                 env: {
                     config: true;
                 };
-                effect: typeof import("vike-react/dist/renderer/ssrEffect").ssrEffect;
+                effect: typeof import("node_modules/vike-react/dist/renderer/ssrEffect.js").ssrEffect;
             };
             stream: {
                 env: {
                     server: true;
                 };
             };
+            _streamIsRequied: {
+                env: {
+                    server: true;
+                };
+            };
+            onAfterRenderClient: {
+                env: {
+                    client: true;
+                };
+            };
             VikeReactQueryWrapper: {
                 env: {
                     client: true;

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

@@ -1,4 +1,4 @@
 import type { PageContextServer } from "vike/types";
-import type { MovieDetails } from "../types";
+import type { MovieDetails } from "../types.js";
 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

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

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

@@ -1,3 +1,3 @@
-import type { Movie } from "../types";
+import type { Movie } from "../types.js";
 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

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

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

@@ -1,52 +1,52 @@
-import "firebaseui/dist/firebaseui.css"
-import React, { useEffect, useState } from 'react'
-import { startFirebaseUI } from "@batijs/firebase-auth/libs/firebaseUI"
-import * as firebaseui from "firebaseui"
-import { getAuth, type UserCredential } from 'firebase/auth'
-import { reload } from "vike/client/router"
+import "firebaseui/dist/firebaseui.css";
+import { startFirebaseUI } from "@batijs/firebase-auth/libs/firebaseUI";
+import { getAuth, type UserCredential } from "firebase/auth";
+import * as firebaseui from "firebaseui";
+import React, { useEffect, useState } from "react";
+import { reload } from "vike/client/router";
 
-export default Page
+export default Page;
 
 function Page() {
-    const [error, setError] = useState("")
+  const [error, setError] = useState("");
 
-    async function sessionLogin(authResult: UserCredential) {
-        const idToken = await authResult.user.getIdToken() || ""
-        try {
-            const response = await fetch("/api/sessionLogin", {
-                method: "POST",
-                body: JSON.stringify({ idToken }),
-                headers: {
-                    "Content-Type": "application/json",
-                },
-            })
-            if (response.ok) {
-                await reload()
-            } else {
-                setError(response.statusText)
-            }
-            await getAuth().signOut()
-        } catch (err) {
-            console.log('error :', err)
-        }
+  async function sessionLogin(authResult: UserCredential) {
+    const idToken = (await authResult.user.getIdToken()) || "";
+    try {
+      const response = await fetch("/api/sessionLogin", {
+        method: "POST",
+        body: JSON.stringify({ idToken }),
+        headers: {
+          "Content-Type": "application/json",
+        },
+      });
+      if (response.ok) {
+        await reload();
+      } else {
+        setError(response.statusText);
+      }
+      await getAuth().signOut();
+    } catch (err) {
+      console.log("error :", err);
     }
-    
-    useEffect(() => {
-        const ui = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(getAuth())
-        if (!error) {
-            startFirebaseUI(ui, sessionLogin)
-        }
-    }, [error])
+  }
 
-    return (
+  useEffect(() => {
+    const ui = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(getAuth());
+    if (!error) {
+      startFirebaseUI(ui, sessionLogin);
+    }
+  }, [error]);
+
+  return (
+    <>
+      <div id="firebaseui-auth-container"></div>
+      {error && (
         <>
-            <div id="firebaseui-auth-container"></div>
-            {error && (
-                <>
-                    <div style={{ color: "red" }}>There is an error occured : {error}</div>
-                    <button onClick={() => setError("")}>Try Again</button>
-                </>
-            )}
+          <div style={{ color: "red" }}>There is an error occured : {error}</div>
+          <button onClick={() => setError("")}>Try Again</button>
         </>
-    )
-}
+      )}
+    </>
+  );
+}

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

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { useData } from "vike-react/useData";
-import type { Data } from "./+data";
-import { TodoList } from "./TodoList";
+import type { Data } from "./+data.js";
+import { TodoList } from "./TodoList.js";
 
 export default function Page() {
   const todoItemsInitial = useData<Data>();

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

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

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

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { useData } from "vike-react/useData";
-import type { Data } from "./+data";
-import { TodoList } from "./TodoList";
+import type { Data } from "./+data.js";
+import { TodoList } from "./TodoList.js";
 
 export default function Page() {
   const todoItemsInitial = useData<Data>();