npm - create-zerotal - Versions diffs - 1.0.0 → 1.0.2 - Mend

create-zerotal 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/CHANGELOG.md +30 -0
package/package.json +1 -1
package/src/prompts.ts +6 -6
package/src/scaffold.ts +9 -3
package/templates/admin/README.md +41 -0
package/templates/admin/_env.example +17 -0
package/templates/admin/app/admin/index.ts +6 -0
package/templates/admin/app/auth/passwords.ts +79 -0
package/templates/admin/config/database.ts +4 -3
package/templates/admin/database/migrations/0001_create_password_reset_tokens_table.ts +26 -0
package/templates/admin/package.json +9 -1
package/templates/admin/tsconfig.json +7 -2
package/templates/api/README.md +39 -0
package/templates/api/_env.example +13 -0
package/templates/api/app/controllers/AuthController.ts +11 -8
package/templates/api/app/controllers/WelcomeController.ts +1 -1
package/templates/api/app/middleware/RequireAuth.ts +1 -1
package/templates/api/app/models/User.ts +2 -2
package/templates/api/bootstrap/app.ts +6 -6
package/templates/api/config/app.ts +1 -1
package/templates/api/config/database.ts +12 -3
package/templates/api/config/notifications.ts +1 -1
package/templates/api/config/queue.ts +1 -1
package/templates/api/config/session.ts +2 -2
package/templates/api/database/migrations/0001_create_users_table.ts +8 -8
package/templates/api/package.json +9 -1
package/templates/api/routes/index.ts +23 -8
package/templates/api/tests/auth.test.ts +6 -3
package/templates/api/tests/helpers.ts +6 -6
package/templates/api/tsconfig.json +7 -3
package/templates/flow/README.md +39 -0
package/templates/flow/_env.example +17 -0
package/templates/flow/app/auth/passwords.ts +79 -0
package/templates/flow/app/flow/layouts/app.tsx +10 -1
package/templates/flow/app/flow/pages/forgot-password.tsx +69 -0
package/templates/flow/app/flow/pages/login.tsx +88 -0
package/templates/flow/app/flow/pages/profile.tsx +194 -0
package/templates/flow/app/flow/pages/register.tsx +120 -0
package/templates/flow/app/flow/pages/reset-password.tsx +103 -0
package/templates/flow/app/flow/ui.ts +27 -0
package/templates/flow/app/models/User.ts +17 -0
package/templates/flow/bootstrap/app.ts +8 -0
package/templates/flow/bootstrap/providers.ts +6 -1
package/templates/flow/config/auth.ts +7 -0
package/templates/flow/config/database.ts +18 -0
package/templates/flow/config/session.ts +14 -0
package/templates/flow/database/migrations/0001_create_users_table.ts +18 -0
package/templates/flow/database/migrations/0002_create_password_reset_tokens_table.ts +23 -0
package/templates/flow/package.json +10 -4
package/templates/flow/tests/smoke.test.ts +21 -1
package/templates/flow/tsconfig.json +10 -3
package/templates/minimal/README.md +39 -0
package/templates/minimal/_env.example +9 -0
package/templates/minimal/bootstrap/app.ts +2 -2
package/templates/minimal/package.json +10 -5
package/templates/minimal/tests/smoke.test.ts +1 -1
package/templates/minimal/tsconfig.json +13 -4
package/templates/react/README.md +40 -0
package/templates/react/_env.example +18 -0
package/templates/react/app/auth/passwords.ts +79 -0
package/templates/react/app/models/User.ts +17 -0
package/templates/react/app/routes/forgot-password.ts +24 -0
package/templates/react/app/routes/login.ts +32 -0
package/templates/react/app/routes/logout.ts +12 -0
package/templates/react/app/routes/profile/password.ts +30 -0
package/templates/react/app/routes/profile.ts +39 -0
package/templates/react/app/routes/register.ts +39 -0
package/templates/react/app/routes/reset-password.ts +37 -0
package/templates/react/bootstrap/app.ts +8 -0
package/templates/react/bootstrap/providers.ts +7 -4
package/templates/react/config/auth.ts +7 -0
package/templates/react/config/database.ts +18 -0
package/templates/react/database/migrations/0001_create_users_table.ts +18 -0
package/templates/react/database/migrations/0002_create_password_reset_tokens_table.ts +23 -0
package/templates/react/package.json +8 -2
package/templates/react/resources/js/Layouts/AppLayout.tsx +12 -2
package/templates/react/resources/js/pages/forgot-password.tsx +65 -0
package/templates/react/resources/js/pages/login.tsx +92 -0
package/templates/react/resources/js/pages/profile.tsx +147 -0
package/templates/react/resources/js/pages/register.tsx +101 -0
package/templates/react/resources/js/pages/reset-password.tsx +80 -0
package/templates/react/resources/js/pages.generated.ts +5 -0
package/templates/react/tests/smoke.test.ts +58 -2
package/templates/react/tsconfig.json +10 -3
package/templates/vue/README.md +40 -0
package/templates/vue/_env.example +18 -0
package/templates/vue/app/auth/passwords.ts +79 -0
package/templates/vue/app/exceptions/Handler.ts +55 -0
package/templates/vue/app/models/User.ts +17 -0
package/templates/vue/app/routes/forgot-password.ts +24 -0
package/templates/vue/app/routes/login.ts +32 -0
package/templates/vue/app/routes/logout.ts +12 -0
package/templates/vue/app/routes/profile/password.ts +30 -0
package/templates/vue/app/routes/profile.ts +39 -0
package/templates/vue/app/routes/register.ts +39 -0
package/templates/vue/app/routes/reset-password.ts +37 -0
package/templates/vue/bootstrap/app.ts +15 -3
package/templates/vue/bootstrap/providers.ts +8 -1
package/templates/vue/config/auth.ts +7 -0
package/templates/vue/config/database.ts +18 -0
package/templates/vue/config/session.ts +11 -0
package/templates/vue/database/migrations/0001_create_users_table.ts +18 -0
package/templates/vue/database/migrations/0002_create_password_reset_tokens_table.ts +23 -0
package/templates/vue/package.json +8 -2
package/templates/vue/public/zt.svg +17 -0
package/templates/vue/resources/app.html +27 -1
package/templates/vue/resources/css/app.css +205 -0
package/templates/vue/resources/js/Components/Button.vue +49 -0
package/templates/vue/resources/js/Components/Card.vue +23 -0
package/templates/vue/resources/js/Components/FlashToasts.vue +81 -0
package/templates/vue/resources/js/Components/Icon.vue +40 -0
package/templates/vue/resources/js/Components/TextField.vue +66 -0
package/templates/vue/resources/js/Components/ThemeToggle.vue +46 -0
package/templates/vue/resources/js/Layouts/AppLayout.vue +140 -25
package/templates/vue/resources/js/lib/cn.ts +13 -0
package/templates/vue/resources/js/lib/site.ts +11 -0
package/templates/vue/resources/js/pages/error.vue +47 -0
package/templates/vue/resources/js/pages/forgot-password.vue +47 -0
package/templates/vue/resources/js/pages/login.vue +67 -0
package/templates/vue/resources/js/pages/profile.vue +119 -0
package/templates/vue/resources/js/pages/register.vue +77 -0
package/templates/vue/resources/js/pages/reset-password.vue +58 -0
package/templates/vue/resources/js/pages.generated.ts +10 -4
package/templates/vue/resources/js/types.ts +17 -0
package/templates/vue/tests/smoke.test.ts +50 -1
package/templates/vue/tsconfig.json +10 -3

package/templates/vue/resources/js/pages/register.vue ADDED Viewed

@@ -0,0 +1,77 @@
+<script setup lang="ts">
+import { Head, Link, useForm, usePage } from "@inertiajs/vue3";
+import AppLayout from "../Layouts/AppLayout.vue";
+import Button from "../Components/Button.vue";
+import Card from "../Components/Card.vue";
+import TextField from "../Components/TextField.vue";
+import type { SharedProps } from "../types";
+defineOptions({ layout: AppLayout });
+defineProps<{ title: string }>();
+const old = usePage<SharedProps>().props.old;
+const form = useForm({
+  name: typeof old["name"] === "string" ? old["name"] : "",
+  email: typeof old["email"] === "string" ? old["email"] : "",
+  password: "",
+  password_confirmation: "",
+});
+</script>
+<template>
+  <Head :title="title" />
+  <div class="mx-auto max-w-md">
+    <header>
+      <h1 class="text-3xl font-bold tracking-tight text-balance">{{ title }}</h1>
+      <p class="mt-2 text-muted-foreground">It takes about ten seconds.</p>
+    </header>
+    <Card class="mt-8 p-6 sm:p-8">
+      <form class="space-y-5" @submit.prevent="form.post('/register')">
+        <TextField
+          v-model="form.name"
+          label="Name"
+          autocomplete="name"
+          :error="form.errors.name"
+          required
+        />
+        <TextField
+          v-model="form.email"
+          label="Email"
+          type="email"
+          autocomplete="email"
+          :error="form.errors.email"
+          required
+        />
+        <TextField
+          v-model="form.password"
+          label="Password"
+          type="password"
+          autocomplete="new-password"
+          hint="At least 8 characters."
+          :error="form.errors.password"
+          required
+        />
+        <TextField
+          v-model="form.password_confirmation"
+          label="Confirm password"
+          type="password"
+          autocomplete="new-password"
+          :error="form.errors.password_confirmation"
+          required
+        />
+        <Button type="submit" :disabled="form.processing">
+          {{ form.processing ? "Creating…" : "Create account" }}
+        </Button>
+      </form>
+    </Card>
+    <p class="mt-6 text-sm text-muted-foreground">
+      Already registered?
+      <Link href="/login" class="text-accent hover:underline">Sign in</Link>
+    </p>
+  </div>
+</template>

package/templates/vue/resources/js/pages/reset-password.vue ADDED Viewed

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { Head, useForm } from "@inertiajs/vue3";
+import AppLayout from "../Layouts/AppLayout.vue";
+import Button from "../Components/Button.vue";
+import Card from "../Components/Card.vue";
+import TextField from "../Components/TextField.vue";
+defineOptions({ layout: AppLayout });
+// Token and email arrive on the query string of the emailed link and ride along
+// in the form, so the POST carries everything the server needs to verify it
+// without trusting the session.
+const props = defineProps<{ title: string; token: string; email: string }>();
+const form = useForm({
+  token: props.token,
+  email: props.email,
+  password: "",
+  password_confirmation: "",
+});
+</script>
+<template>
+  <Head :title="title" />
+  <div class="mx-auto max-w-md">
+    <header>
+      <h1 class="text-3xl font-bold tracking-tight text-balance">{{ title }}</h1>
+      <p class="mt-2 text-muted-foreground">Resetting the password for {{ email }}.</p>
+    </header>
+    <Card class="mt-8 p-6 sm:p-8">
+      <form class="space-y-5" @submit.prevent="form.post('/reset-password')">
+        <TextField
+          v-model="form.password"
+          label="New password"
+          type="password"
+          autocomplete="new-password"
+          hint="At least 8 characters."
+          :error="form.errors.password"
+          required
+        />
+        <TextField
+          v-model="form.password_confirmation"
+          label="Confirm password"
+          type="password"
+          autocomplete="new-password"
+          :error="form.errors.password_confirmation"
+          required
+        />
+        <Button type="submit" :disabled="form.processing">
+          {{ form.processing ? "Updating…" : "Update password" }}
+        </Button>
+      </form>
+    </Card>
+  </div>
+</template>

package/templates/vue/resources/js/pages.generated.ts CHANGED Viewed

@@ -6,7 +6,13 @@
 // Converting to static imports will bundle ALL pages into app.js.
 export const pages: Record<string, () => Promise<{ default: unknown }>> = {
-  'about': () => import('./pages/about.vue'),
-  'contact': () => import('./pages/contact.vue'),
-  'home': () => import('./pages/home.vue'),
-};
+  about: () => import("./pages/about.vue"),
+  contact: () => import("./pages/contact.vue"),
+  error: () => import("./pages/error.vue"),
+  "forgot-password": () => import("./pages/forgot-password.vue"),
+  home: () => import("./pages/home.vue"),
+  login: () => import("./pages/login.vue"),
+  profile: () => import("./pages/profile.vue"),
+  register: () => import("./pages/register.vue"),
+  "reset-password": () => import("./pages/reset-password.vue"),
+};

package/templates/vue/resources/js/types.ts ADDED Viewed

@@ -0,0 +1,17 @@
+/**
+ * Props `@zerotal/inertia` merges into every page, so no controller has to pass
+ * them. Type `usePage<SharedProps>()` with this to read them safely.
+ *
+ * Add your own here after registering them with `Inertia.share(...)`.
+ */
+export interface SharedProps {
+  /** The signed-in user, or null. Populated once an auth provider is registered. */
+  auth: { user: { id: number; name: string; email: string } | null };
+  /** One-request-only messages set with `http.flash("success" | "error", …)`. */
+  flash: { success: string | null; error: string | null };
+  /** Field errors from a failed `validate()` call, keyed by field name. */
+  errors: Record<string, string>;
+  /** Submitted input from a failed `validate()`, so a form can repopulate itself. */
+  old: Record<string, unknown>;
+  [key: string]: unknown;
+}

package/templates/vue/tests/smoke.test.ts CHANGED Viewed

@@ -7,7 +7,7 @@
  * you have real tests, or keep it as the shape to copy.
  */
 import { beforeAll, afterAll, describe, test, expect } from 'bun:test';
-import { createTestApp, type TestApp } from '@zerotal/testing';
+import { createTestApp, type TestApp } from 'zerotal/testing';
 let app: TestApp;
@@ -15,6 +15,8 @@ beforeAll(async () => {
   // Session encryption needs a key. Seed a deterministic one for tests; `??=`
   // leaves a real key alone when the app's .env is present.
   Bun.env.APP_KEY ??= 'test-app-key-aaaaaaaaaaaaaaaaaaaaaaaa';
+  // Each run gets its own throwaway schema rather than the dev database.
+  Bun.env.ZT_DB_URL ??= ':memory:';
   app = await createTestApp(() => import('../bootstrap/app.ts').then((m) => m.default));
 });
@@ -44,3 +46,50 @@ describe('scaffold', () => {
     (await app.get('/definitely-not-a-route')).assertNotFound();
   });
 });
+/**
+ * The auth surface, end to end. Registration is the round trip worth asserting:
+ * a valid post creates the account, signs the visitor in, and lands them on a
+ * page a guest cannot reach — which proves the guard and the session together.
+ */
+describe('auth', () => {
+  test('serves the guest screens', async () => {
+    (await app.get('/login')).assertInertia('login');
+    (await app.get('/register')).assertInertia('register');
+    (await app.get('/forgot-password')).assertInertia('forgot-password');
+  });
+  test('keeps the profile behind a sign-in', async () => {
+    (await app.get('/profile')).assertRedirect('/login');
+  });
+  test('rejects a registration whose confirmation does not match', async () => {
+    const res = await app.postForm(
+      '/register',
+      {
+        name: 'Ada Lovelace',
+        email: 'mismatch@example.com',
+        password: 'correct-horse-battery',
+        password_confirmation: 'something-else',
+      },
+      { Referer: `${app.baseUrl}/register` },
+    );
+    res.assertRedirect('/register');
+    res.assertInvalid(['password']);
+  });
+  test('registers a visitor and signs them in', async () => {
+    const res = await app.postForm('/register', {
+      name: 'Ada Lovelace',
+      email: 'ada@example.com',
+      password: 'correct-horse-battery',
+      password_confirmation: 'correct-horse-battery',
+    });
+    // Landing on /profile is the proof: it is a guarded route, so reaching it
+    // means the account was created *and* the session was established.
+    res.assertRedirect('/profile');
+  });
+});

package/templates/vue/tsconfig.json CHANGED Viewed

@@ -13,9 +13,16 @@
     "jsxImportSource": "vue",
     "skipLibCheck": true,
     "paths": {
-      "@app/*": ["./app/*"],
-      "@pages/*": ["./resources/js/pages/*"]
+      "@app/*": [
+        "./app/*"
+      ],
+      "@pages/*": [
+        "./resources/js/pages/*"
+      ]
     }
   },
-  "exclude": ["node_modules", ".zerotal"]
+  "exclude": [
+    "node_modules",
+    ".zerotal"
+  ]
 }