@batijs/cli 0.0.643 → 0.0.645

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

@@ -3,6 +3,7 @@
 import "./Layout.css";
 //# BATI.has("tailwindcss")
 import "./tailwind.css";
+import { AuthNav } from "@batijs/solid-better-auth/components/AuthNav";
 import type { JSX } from "solid-js";
 import logoUrl from "../assets/logo.svg";
 import { Link } from "../components/Link";
@@ -24,6 +25,7 @@ export default function Layout(props: { children?: JSX.Element }) {
         <Link href="/">Welcome</Link>
         <Link href="/todo">Todo</Link>
         <Link href="/star-wars">Data Fetching</Link>
+        {BATI.has("better-auth") ? <AuthNav /> : null}
       </Sidebar>
       <Content>{props.children}</Content>
     </div>

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

@@ -9,7 +9,7 @@ const config: Config = {
   title: "My Vike App",
   description: "Demo showcasing Vike",
 
-  //# BATI.has("auth0") || BATI.has("authjs")
+  //# BATI.has("auth0") || BATI.has("authjs") || BATI.has("better-auth")
   passToClient: ["user"],
   extends: [vikeSolid],
 

package/dist/boilerplates/@batijs/solid-better-auth/bati.config.mjs

@@ -0,0 +1,14 @@
+//#region ../../packages/core/dist/config.js
+function e(e, t) {
+	if (!e) throw Error(t);
+}
+function t(t) {
+	return `enforce` in t && e(t.enforce === `pre` || t.enforce === `post`, `'enforce' must be 'pre' or 'post', was ${t.enforce}`), `if` in t && e(typeof t.if == `function`, `'if' must be a function`), `nextSteps` in t && e(typeof t.nextSteps == `function`, `'nextSteps' must be a function`), `knip` in t && (e(typeof t.knip == `object` && t.knip !== null, `'knip' must be an object`), `entry` in t.knip && e(Array.isArray(t.knip.entry), `'knip.entry' must be an array`), `ignoreDependencies` in t.knip && e(Array.isArray(t.knip.ignoreDependencies), `'knip.ignoreDependencies' must be an array`), `ignore` in t.knip && e(Array.isArray(t.knip.ignore), `'knip.ignore' must be an array`), `vite` in t.knip && e(typeof t.knip.vite == `boolean`, `'knip.vite' must be a boolean`)), `env` in t && e(typeof t.env == `function`, `'env' must be a function of meta`), t;
+}
+//#endregion
+//#region bati.config.ts
+var bati_config_default = t({ if(meta) {
+	return meta.BATI.has("solid") && meta.BATI.has("better-auth");
+} });
+//#endregion
+export { bati_config_default as default };

package/dist/boilerplates/@batijs/solid-better-auth/files/components/AuthNav.tsx

@@ -0,0 +1,38 @@
+import { createAuthClient } from "better-auth/solid";
+import { Show } from "solid-js";
+import { navigate } from "vike/client/router";
+import { usePageContext } from "vike-solid/usePageContext";
+
+const authClient = createAuthClient();
+
+export function AuthNav() {
+  const pageContext = usePageContext();
+
+  return (
+    <Show
+      when={pageContext.user}
+      fallback={
+        <>
+          <a href="/login">Login</a>
+          <a href="/signup">Sign up</a>
+        </>
+      }
+    >
+      {(user) => (
+        <>
+          <span>{user().email}</span>
+          <a
+            href="/"
+            onClick={async (ev) => {
+              ev.preventDefault();
+              await authClient.signOut();
+              await navigate("/");
+            }}
+          >
+            Sign out
+          </a>
+        </>
+      )}
+    </Show>
+  );
+}

package/dist/boilerplates/@batijs/solid-better-auth/files/global.d.ts

@@ -0,0 +1,10 @@
+import type { User } from "better-auth";
+
+declare global {
+  namespace Vike {
+    interface PageContext {
+      // Set by `betterAuthSessionMiddleware`, then passed to the client via `passToClient`.
+      user?: User | null;
+    }
+  }
+}

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

@@ -0,0 +1,31 @@
+import { createAuthClient } from "better-auth/solid";
+import { navigate } from "vike/client/router";
+import { usePageContext } from "vike-solid/usePageContext";
+
+const authClient = createAuthClient();
+
+export default function Page() {
+  const pageContext = usePageContext();
+
+  return (
+    <>
+      <h1>Account</h1>
+      <p>
+        Signed in as <strong>{pageContext.user?.email}</strong>
+      </p>
+      <button
+        type="button"
+        onClick={async () => {
+          await authClient.signOut();
+          await navigate("/");
+        }}
+        //# BATI.has("tailwindcss")
+        class={
+          "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"
+        }
+      >
+        Sign out
+      </button>
+    </>
+  );
+}

package/dist/boilerplates/@batijs/solid-better-auth/files/pages/account/+guard.ts

@@ -0,0 +1,10 @@
+import { redirect } from "vike/abort";
+import type { PageContext } from "vike/types";
+
+// Runs on the server (and during client-side navigation). `pageContext.user` is populated by
+// `betterAuthSessionMiddleware`; unauthenticated visitors are redirected to the login page.
+export function guard(pageContext: PageContext) {
+  if (!pageContext.user) {
+    throw redirect("/login");
+  }
+}

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

@@ -0,0 +1,86 @@
+import { createAuthClient } from "better-auth/solid";
+import { createSignal, Show } from "solid-js";
+import { navigate } from "vike/client/router";
+
+const authClient = createAuthClient();
+
+export default function Page() {
+  const [email, setEmail] = createSignal("");
+  const [password, setPassword] = createSignal("");
+  const [error, setError] = createSignal<string | null>(null);
+
+  return (
+    <>
+      <h1>Sign in</h1>
+      <form
+        onSubmit={async (ev) => {
+          ev.preventDefault();
+          setError(null);
+          const res = await authClient.signIn.email({ email: email(), password: password() });
+          if (res.error) {
+            setError(res.error.message ?? "Unable to sign in");
+            return;
+          }
+          await navigate("/account");
+        }}
+      >
+        <p>
+          <input
+            type="email"
+            aria-label="Email"
+            placeholder="Email"
+            required
+            value={email()}
+            onInput={(ev) => setEmail(ev.currentTarget.value)}
+            //# BATI.has("tailwindcss")
+            class={
+              "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"
+            }
+          />
+        </p>
+        <p>
+          <input
+            type="password"
+            aria-label="Password"
+            placeholder="Password"
+            required
+            value={password()}
+            onInput={(ev) => setPassword(ev.currentTarget.value)}
+            //# BATI.has("tailwindcss")
+            class={
+              "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"
+            }
+          />
+        </p>
+        <button
+          type="submit"
+          //# BATI.has("tailwindcss")
+          class={
+            "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"
+          }
+        >
+          Sign in
+        </button>
+      </form>
+      <p>or</p>
+      <button
+        type="button"
+        onClick={async () => {
+          await authClient.signIn.social({ provider: "github" });
+        }}
+        //# BATI.has("tailwindcss")
+        class={
+          "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"
+        }
+      >
+        Sign in with GitHub
+      </button>
+      <Show when={error()}>
+        <p role="alert">{error()}</p>
+      </Show>
+      <p>
+        No account? <a href="/signup">Sign up</a>
+      </p>
+    </>
+  );
+}

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

@@ -0,0 +1,89 @@
+import { createAuthClient } from "better-auth/solid";
+import { createSignal, Show } from "solid-js";
+import { navigate } from "vike/client/router";
+
+const authClient = createAuthClient();
+
+export default function Page() {
+  const [name, setName] = createSignal("");
+  const [email, setEmail] = createSignal("");
+  const [password, setPassword] = createSignal("");
+  const [error, setError] = createSignal<string | null>(null);
+
+  return (
+    <>
+      <h1>Sign up</h1>
+      <form
+        onSubmit={async (ev) => {
+          ev.preventDefault();
+          setError(null);
+          const res = await authClient.signUp.email({ name: name(), email: email(), password: password() });
+          if (res.error) {
+            setError(res.error.message ?? "Unable to sign up");
+            return;
+          }
+          await navigate("/account");
+        }}
+      >
+        <p>
+          <input
+            type="text"
+            aria-label="Name"
+            placeholder="Name"
+            required
+            value={name()}
+            onInput={(ev) => setName(ev.currentTarget.value)}
+            //# BATI.has("tailwindcss")
+            class={
+              "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"
+            }
+          />
+        </p>
+        <p>
+          <input
+            type="email"
+            aria-label="Email"
+            placeholder="Email"
+            required
+            value={email()}
+            onInput={(ev) => setEmail(ev.currentTarget.value)}
+            //# BATI.has("tailwindcss")
+            class={
+              "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"
+            }
+          />
+        </p>
+        <p>
+          <input
+            type="password"
+            aria-label="Password"
+            placeholder="Password (min. 8 characters)"
+            required
+            minLength={8}
+            value={password()}
+            onInput={(ev) => setPassword(ev.currentTarget.value)}
+            //# BATI.has("tailwindcss")
+            class={
+              "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"
+            }
+          />
+        </p>
+        <button
+          type="submit"
+          //# BATI.has("tailwindcss")
+          class={
+            "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"
+          }
+        >
+          Sign up
+        </button>
+      </form>
+      <Show when={error()}>
+        <p role="alert">{error()}</p>
+      </Show>
+      <p>
+        Already have an account? <a href="/login">Sign in</a>
+      </p>
+    </>
+  );
+}

package/dist/boilerplates/@batijs/solid-better-auth/types/components/AuthNav.d.mts

@@ -0,0 +1,4 @@
+//#region files/components/AuthNav.d.ts
+declare function AuthNav(): import("solid-js").JSX.Element;
+//#endregion
+export { AuthNav };

package/dist/boilerplates/@batijs/solid-better-auth/types/pages/account/+Page.d.mts

@@ -0,0 +1,4 @@
+//#region files/pages/account/+Page.d.ts
+declare function Page(): import("solid-js").JSX.Element;
+//#endregion
+export { Page as default };

package/dist/boilerplates/@batijs/solid-better-auth/types/pages/account/+guard.d.mts

@@ -0,0 +1,6 @@
+import { PageContext } from "vike/types";
+
+//#region files/pages/account/+guard.d.ts
+declare function guard(pageContext: PageContext): void;
+//#endregion
+export { guard };

package/dist/boilerplates/@batijs/solid-better-auth/types/pages/login/+Page.d.mts

@@ -0,0 +1,4 @@
+//#region files/pages/login/+Page.d.ts
+declare function Page(): import("solid-js").JSX.Element;
+//#endregion
+export { Page as default };

package/dist/boilerplates/@batijs/solid-better-auth/types/pages/signup/+Page.d.mts

@@ -0,0 +1,4 @@
+//#region files/pages/signup/+Page.d.ts
+declare function Page(): import("solid-js").JSX.Element;
+//#endregion
+export { Page as default };

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

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

package/dist/boilerplates/@batijs/vue/files/pages/+Layout.vue

@@ -7,12 +7,16 @@
       <Link href="/"> Welcome </Link>
       <Link href="/todo"> Todo </Link>
       <Link href="/star-wars"> Data Fetching </Link>
+      <!-- BATI.has("better-auth") -->
+      <AuthNav />
     </Sidebar>
     <Content><slot /></Content>
   </div>
 </template>
 
 <script lang="ts" setup>
+//# BATI.has("better-auth")
+import AuthNav from "../components/AuthNav.vue";
 import Content from "../components/Content.vue";
 import Link from "../components/Link.vue";
 import Logo from "../components/Logo.vue";

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

@@ -9,7 +9,7 @@ const config: Config = {
   title: "My Vike App",
   description: "Demo showcasing Vike",
 
-  //# BATI.has("auth0") || BATI.has("authjs")
+  //# BATI.has("auth0") || BATI.has("authjs") || BATI.has("better-auth")
   passToClient: ["user"],
   extends: [vikeVue],
 

package/dist/boilerplates/@batijs/vue-better-auth/bati.config.mjs

@@ -0,0 +1,14 @@
+//#region ../../packages/core/dist/config.js
+function e(e, t) {
+	if (!e) throw Error(t);
+}
+function t(t) {
+	return `enforce` in t && e(t.enforce === `pre` || t.enforce === `post`, `'enforce' must be 'pre' or 'post', was ${t.enforce}`), `if` in t && e(typeof t.if == `function`, `'if' must be a function`), `nextSteps` in t && e(typeof t.nextSteps == `function`, `'nextSteps' must be a function`), `knip` in t && (e(typeof t.knip == `object` && t.knip !== null, `'knip' must be an object`), `entry` in t.knip && e(Array.isArray(t.knip.entry), `'knip.entry' must be an array`), `ignoreDependencies` in t.knip && e(Array.isArray(t.knip.ignoreDependencies), `'knip.ignoreDependencies' must be an array`), `ignore` in t.knip && e(Array.isArray(t.knip.ignore), `'knip.ignore' must be an array`), `vite` in t.knip && e(typeof t.knip.vite == `boolean`, `'knip.vite' must be a boolean`)), `env` in t && e(typeof t.env == `function`, `'env' must be a function of meta`), t;
+}
+//#endregion
+//#region bati.config.ts
+var bati_config_default = t({ if(meta) {
+	return meta.BATI.has("vue") && meta.BATI.has("better-auth");
+} });
+//#endregion
+export { bati_config_default as default };

package/dist/boilerplates/@batijs/vue-better-auth/files/components/AuthNav.vue

@@ -0,0 +1,24 @@
+<template>
+  <template v-if="!pageContext.user">
+    <a href="/login">Login</a>
+    <a href="/signup">Sign up</a>
+  </template>
+  <template v-else>
+    <span>{{ pageContext.user.email }}</span>
+    <a href="/" @click.prevent="onSignOut">Sign out</a>
+  </template>
+</template>
+
+<script lang="ts" setup>
+import { createAuthClient } from "better-auth/vue";
+import { navigate } from "vike/client/router";
+import { usePageContext } from "vike-vue/usePageContext";
+
+const authClient = createAuthClient();
+const pageContext = usePageContext();
+
+const onSignOut = async () => {
+  await authClient.signOut();
+  await navigate("/");
+};
+</script>

package/dist/boilerplates/@batijs/vue-better-auth/files/global.d.ts

@@ -0,0 +1,10 @@
+import type { User } from "better-auth";
+
+declare global {
+  namespace Vike {
+    interface PageContext {
+      // Set by `betterAuthSessionMiddleware`, then passed to the client via `passToClient`.
+      user?: User | null;
+    }
+  }
+}

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

@@ -0,0 +1,26 @@
+<template>
+  <h1>Account</h1>
+  <p>
+    Signed in as <strong>{{ pageContext.user?.email }}</strong>
+  </p>
+  <p v-if="pageContext.user?.name">Name: {{ pageContext.user.name }}</p>
+  <button :class="buttonClass" type="button" @click="onSignOut">Sign out</button>
+</template>
+
+<script lang="ts" setup>
+import { createAuthClient } from "better-auth/vue";
+import { navigate } from "vike/client/router";
+import { usePageContext } from "vike-vue/usePageContext";
+
+const authClient = createAuthClient();
+const pageContext = usePageContext();
+
+const buttonClass = BATI.has("tailwindcss")
+  ? "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"
+  : "";
+
+const onSignOut = async () => {
+  await authClient.signOut();
+  await navigate("/");
+};
+</script>

package/dist/boilerplates/@batijs/vue-better-auth/files/pages/account/+guard.ts

@@ -0,0 +1,10 @@
+import { redirect } from "vike/abort";
+import type { PageContext } from "vike/types";
+
+// Runs on the server (and during client-side navigation). `pageContext.user` is populated by
+// `betterAuthSessionMiddleware`; unauthenticated visitors are redirected to the login page.
+export function guard(pageContext: PageContext) {
+  if (!pageContext.user) {
+    throw redirect("/login");
+  }
+}

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

@@ -0,0 +1,65 @@
+<template>
+  <h1>Sign in</h1>
+  <form @submit.prevent="onSubmit">
+    <p>
+      <input
+        v-model="email"
+        :class="inputClass"
+        type="email"
+        aria-label="Email"
+        placeholder="Email"
+        required
+      />
+    </p>
+    <p>
+      <input
+        v-model="password"
+        :class="inputClass"
+        type="password"
+        aria-label="Password"
+        placeholder="Password"
+        required
+      />
+    </p>
+    <button :class="buttonClass" type="submit">Sign in</button>
+  </form>
+  <p>or</p>
+  <button :class="githubButtonClass" type="button" @click="onGithub">Sign in with GitHub</button>
+  <p v-if="error" role="alert">{{ error }}</p>
+  <p>No account? <a href="/signup">Sign up</a></p>
+</template>
+
+<script lang="ts" setup>
+import { createAuthClient } from "better-auth/vue";
+import { navigate } from "vike/client/router";
+import { ref } from "vue";
+
+const authClient = createAuthClient();
+const email = ref("");
+const password = ref("");
+const error = ref<string | null>(null);
+
+const inputClass = BATI.has("tailwindcss")
+  ? "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"
+  : "";
+const buttonClass = BATI.has("tailwindcss")
+  ? "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"
+  : "";
+const githubButtonClass = BATI.has("tailwindcss")
+  ? "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"
+  : "";
+
+const onSubmit = async () => {
+  error.value = null;
+  const res = await authClient.signIn.email({ email: email.value, password: password.value });
+  if (res.error) {
+    error.value = res.error.message ?? "Unable to sign in";
+    return;
+  }
+  await navigate("/account");
+};
+
+const onGithub = async () => {
+  await authClient.signIn.social({ provider: "github" });
+};
+</script>

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

@@ -0,0 +1,54 @@
+<template>
+  <h1>Sign up</h1>
+  <form @submit.prevent="onSubmit">
+    <p>
+      <input v-model="name" :class="inputClass" type="text" aria-label="Name" placeholder="Name" required />
+    </p>
+    <p>
+      <input v-model="email" :class="inputClass" type="email" aria-label="Email" placeholder="Email" required />
+    </p>
+    <p>
+      <input
+        v-model="password"
+        :class="inputClass"
+        type="password"
+        aria-label="Password"
+        placeholder="Password (min. 8 characters)"
+        minlength="8"
+        required
+      />
+    </p>
+    <button :class="buttonClass" type="submit">Sign up</button>
+  </form>
+  <p v-if="error" role="alert">{{ error }}</p>
+  <p>Already have an account? <a href="/login">Sign in</a></p>
+</template>
+
+<script lang="ts" setup>
+import { createAuthClient } from "better-auth/vue";
+import { navigate } from "vike/client/router";
+import { ref } from "vue";
+
+const authClient = createAuthClient();
+const name = ref("");
+const email = ref("");
+const password = ref("");
+const error = ref<string | null>(null);
+
+const inputClass = BATI.has("tailwindcss")
+  ? "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"
+  : "";
+const buttonClass = BATI.has("tailwindcss")
+  ? "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"
+  : "";
+
+const onSubmit = async () => {
+  error.value = null;
+  const res = await authClient.signUp.email({ name: name.value, email: email.value, password: password.value });
+  if (res.error) {
+    error.value = res.error.message ?? "Unable to sign up";
+    return;
+  }
+  await navigate("/account");
+};
+</script>

package/dist/boilerplates/@batijs/vue-better-auth/types/pages/account/+guard.d.mts

@@ -0,0 +1,6 @@
+import { PageContext } from "vike/types";
+
+//#region files/pages/account/+guard.d.ts
+declare function guard(pageContext: PageContext): void;
+//#endregion
+export { guard };

package/dist/boilerplates/boilerplates.json

@@ -17,6 +17,12 @@
       "files"
     ]
   },
+  {
+    "folder": "@batijs/better-auth",
+    "subfolders": [
+      "files"
+    ]
+  },
   {
     "folder": "@batijs/biome",
     "subfolders": [
@@ -171,6 +177,12 @@
       "files"
     ]
   },
+  {
+    "folder": "@batijs/react-better-auth",
+    "subfolders": [
+      "files"
+    ]
+  },
   {
     "folder": "@batijs/react-sentry",
     "subfolders": [
@@ -220,6 +232,12 @@
       "files"
     ]
   },
+  {
+    "folder": "@batijs/solid-better-auth",
+    "subfolders": [
+      "files"
+    ]
+  },
   {
     "folder": "@batijs/solid-sentry",
     "subfolders": [
@@ -281,6 +299,12 @@
       "files"
     ]
   },
+  {
+    "folder": "@batijs/vue-better-auth",
+    "subfolders": [
+      "files"
+    ]
+  },
   {
     "folder": "@batijs/vue-sentry",
     "subfolders": [