npm - create-zerotal - Versions diffs - 1.7.2 → 1.7.4 - Mend

create-zerotal 1.7.2 → 1.7.4

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 (20) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -8,6 +8,8 @@ follows the Zerotal monorepo's unified versioning.
 ## [Unreleased]
+## [1.7.2] — 2026-08-18
 ### Added
 - **A non-interactive mode, so the scaffolder can be scripted.** Every prompt now has a flag —
@@ -28,7 +30,6 @@ follows the Zerotal monorepo's unified versioning.
   which in CI is the hang all over again. A failed `bun install` also exits non-zero when there is
   no terminal — a half-built project reported as a success is worse than one that stops.
 ## [1.6.3] — 2026-08-15
 ### Added

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-zerotal",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "description": "Create a new Zerotal application",
   "license": "MIT",
   "maturity": "stable",

package/src/scaffold.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export type Template = 'minimal' | 'api' | 'admin' | 'flow' | 'react' | 'vue';
 // "^1.1.0" found for specifier "zerotal"` — the first thing anyone trying the
 // framework saw. `scaffold.test.ts` now asserts the two agree, so CI fails rather
 // than the user's install.
-export const ZT_VERSION = "^1.7.2";
+export const ZT_VERSION = "^1.7.4";
 export interface ScaffoldOptions {
   name:     string;

package/templates/react/resources/js/Layouts/AppLayout.tsx CHANGED Viewed

@@ -87,7 +87,7 @@ export default function AppLayout({ children }: { children: ReactNode }) {
       <header className="sticky top-0 z-40 border-b border-border bg-background/75 backdrop-blur-md">
         <div className={cn(CONTAINER, "flex h-16 items-center justify-between gap-4")}>
           <Link
-            href="/"
+            href={route("home")}
             className="flex min-w-0 items-center gap-2.5 font-semibold tracking-tight"
             aria-label={`${APP_NAME} home`}
           >

package/templates/react/resources/js/app.tsx CHANGED Viewed

@@ -1,8 +1,15 @@
 import { createInertiaApp, type ResolvedComponent } from "@inertiajs/react";
 import { createRoot } from "react-dom/client";
+import { defineRoutes } from "zerotal/routes";
 import { pages } from "./pages.generated.ts";
+import { ROUTES } from "../../types/routes.generated.ts";
 import "../css/app.css";
+// Hand the browser the route table so `route("about")` works in a component the way
+// it does in a controller. `defineRoutes` also installs `route()` globally, so pages
+// call it without an import. The table is regenerated on every `zt dev`.
+defineRoutes(ROUTES);
 createInertiaApp({
   // Suffix every `<Head title="…" />` with the app name, so a page only has to
   // name itself. Pages that set no title fall back to the app name alone.

package/templates/react/resources/js/pages/about.tsx CHANGED Viewed

@@ -129,7 +129,7 @@ function About({ title }: Props) {
             The contact page posts to a route, validates on the server, and comes back with either a
             flash message or the errors and your original input — no client-side state to reconcile.
           </p>
-          <ButtonLink href="/contact" className="mt-5">
+          <ButtonLink href={route("contact")} className="mt-5">
             Open the contact form
             <ArrowRightIcon className="size-4" />
           </ButtonLink>

package/templates/react/resources/js/pages/error.tsx CHANGED Viewed

@@ -69,7 +69,7 @@ function ErrorPage({ status }: Props) {
         <p className="mt-3 leading-relaxed text-pretty text-muted-foreground">{body}</p>
         <div className="mt-9 flex flex-col items-center justify-center gap-3 sm:flex-row">
-          <ButtonLink href="/">Back to home</ButtonLink>
+          <ButtonLink href={route("home")}>Back to home</ButtonLink>
           <a
             href={DOCS_URL}
             target="_blank"

package/templates/react/resources/js/pages/forgot-password.tsx CHANGED Viewed

@@ -49,7 +49,7 @@ function ForgotPassword({ title }: Props) {
         </Card>
         <p className="mt-6 text-sm text-muted-foreground">
-          <Link href="/login" className="text-accent hover:underline">
+          <Link href={route("login")} className="text-accent hover:underline">
             Back to sign in
           </Link>
         </p>

package/templates/react/resources/js/pages/home.tsx CHANGED Viewed

@@ -122,7 +122,7 @@ function Home({ title, message }: Props) {
         </p>
         <div className="mt-9 flex flex-col items-center justify-center gap-3 sm:flex-row">
-          <ButtonLink href="/about" size="lg">
+          <ButtonLink href={route("about")} size="lg">
             Take the tour
             <ArrowRightIcon className="size-4" />
           </ButtonLink>

package/templates/react/resources/js/pages/login.tsx CHANGED Viewed

@@ -73,10 +73,10 @@ function Login({ title }: Props) {
         </Card>
         <div className="mt-6 flex items-center justify-between text-sm">
-          <Link href="/forgot-password" className="text-accent hover:underline">
+          <Link href={route("forgot-password")} className="text-accent hover:underline">
             Forgot your password?
           </Link>
-          <Link href="/register" className="text-accent hover:underline">
+          <Link href={route("register")} className="text-accent hover:underline">
             Create an account
           </Link>
         </div>

package/templates/react/resources/js/pages/register.tsx CHANGED Viewed

@@ -85,7 +85,7 @@ function Register({ title }: Props) {
         <p className="mt-6 text-sm text-muted-foreground">
           Already registered?{" "}
-          <Link href="/login" className="text-accent hover:underline">
+          <Link href={route("login")} className="text-accent hover:underline">
             Sign in
           </Link>
         </p>

package/templates/react/types/routes.generated.ts ADDED Viewed

@@ -0,0 +1,57 @@
+// Auto-generated by @zerotal/core — do not edit manually.
+// Regenerate with: bun zt route:types
+//
+// Every named route, the URL pattern it compiles to, and the HTTP method it
+// answers on. `route()` reads ROUTES through declaration merging, so an unknown
+// name or a missing :param is a compile error; `action()` also reads METHODS, so
+// a form cannot submit a route with the wrong verb.
+// Commit this file: editors and CI need it without booting the app.
+export const ROUTES = {
+  about: "/about",
+  contact: "/contact",
+  "contact.store": "/contact",
+  "forgot-password": "/forgot-password",
+  "forgot-password.store": "/forgot-password",
+  home: "/",
+  login: "/login",
+  "login.store": "/login",
+  "logout.store": "/logout",
+  profile: "/profile",
+  "profile.password.store": "/profile/password",
+  "profile.store": "/profile",
+  register: "/register",
+  "register.store": "/register",
+  "reset-password": "/reset-password",
+  "reset-password.store": "/reset-password",
+} as const;
+export const METHODS = {
+  about: "GET",
+  contact: "GET",
+  "contact.store": "POST",
+  "forgot-password": "GET",
+  "forgot-password.store": "POST",
+  home: "GET",
+  login: "GET",
+  "login.store": "POST",
+  "logout.store": "POST",
+  profile: "GET",
+  "profile.password.store": "POST",
+  "profile.store": "POST",
+  register: "GET",
+  "register.store": "POST",
+  "reset-password": "GET",
+  "reset-password.store": "POST",
+} as const;
+/** The generated route table, as a type. */
+export type Routes = typeof ROUTES;
+/** The HTTP method each named route answers on. */
+export type RouteMethods = typeof METHODS;
+declare module "@zerotal/core" {
+  interface RouteRegistry extends Routes {}
+  interface RouteMethodRegistry extends RouteMethods {}
+}

package/templates/vue/resources/js/Layouts/AppLayout.vue CHANGED Viewed

@@ -76,7 +76,7 @@ const navLink = (href: string): string =>
     <header class="sticky top-0 z-40 border-b border-border bg-background/75 backdrop-blur-md">
       <div :class="cn(CONTAINER, 'flex h-16 items-center justify-between gap-4')">
         <Link
-          href="/"
+          :href="route('home')"
           class="flex min-w-0 items-center gap-2.5 font-semibold tracking-tight"
           :aria-label="`${APP_NAME} home`"
         >

package/templates/vue/resources/js/app.tsx CHANGED Viewed

@@ -1,8 +1,15 @@
 import { createInertiaApp } from "@inertiajs/vue3";
 import { createApp, h, type DefineComponent } from "vue";
+import { defineRoutes, route } from "zerotal/routes";
 import { pages } from "./pages.generated.ts";
+import { ROUTES } from "../../types/routes.generated.ts";
 import "../css/app.css";
+// Hand the browser the route table so `route("about")` works in a component the way
+// it does in a controller. `defineRoutes` also installs `route()` globally, so pages
+// call it without an import. The table is regenerated on every `zt dev`.
+defineRoutes(ROUTES);
 createInertiaApp({
   // Map a component name (e.g. "Users/Index") to its lazily-loaded module.
   // `pages` is generated from the configured pages dir by `inertia:build`.
@@ -15,8 +22,14 @@ createInertiaApp({
     return (await page()).default as DefineComponent;
   },
   setup({ el, App, props, plugin }) {
-    createApp({ render: () => h(App, props) })
-      .use(plugin)
-      .mount(el as Element);
+    const app = createApp({ render: () => h(App, props) });
+    // A Vue template resolves an unknown identifier against `globalProperties`, not
+    // against JS globals — so `defineRoutes()` installing `route()` on `globalThis`
+    // is enough for `<script setup>` and not for `<template>`. This is what makes
+    // `:href="route('about')"` work in a template.
+    app.config.globalProperties.route = route;
+    app.use(plugin).mount(el as Element);
   },
 });

package/templates/vue/resources/js/pages/error.vue CHANGED Viewed

@@ -40,7 +40,7 @@ const copy = computed(
     </h1>
     <p class="mt-4 text-lg leading-relaxed text-pretty text-muted-foreground">{{ copy.body }}</p>
-    <Link href="/" class="mt-8 inline-block">
+    <Link :href="route('home')" class="mt-8 inline-block">
       <Button>Back to start</Button>
     </Link>
   </div>

package/templates/vue/resources/js/pages/forgot-password.vue CHANGED Viewed

@@ -41,7 +41,7 @@ const form = useForm({ email: "" });
     </Card>
     <p class="mt-6 text-sm text-muted-foreground">
-      <Link href="/login" class="text-accent hover:underline">Back to sign in</Link>
+      <Link :href="route('login')" class="text-accent hover:underline">Back to sign in</Link>
     </p>
   </div>
 </template>

package/templates/vue/resources/js/pages/home.vue CHANGED Viewed

@@ -38,13 +38,13 @@ defineProps<{
     <div class="mt-8 flex items-center justify-center gap-3">
       <Link
-        href="/about"
+        :href="route('about')"
         class="rounded-lg bg-indigo-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm transition hover:bg-indigo-700"
       >
         Learn more
       </Link>
       <Link
-        href="/contact"
+        :href="route('contact')"
         class="rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm font-semibold text-gray-700 transition hover:bg-gray-50"
       >
         Get in touch

package/templates/vue/resources/js/pages/login.vue CHANGED Viewed

@@ -60,8 +60,8 @@ const form = useForm({
     </Card>
     <div class="mt-6 flex items-center justify-between text-sm">
-      <Link href="/forgot-password" class="text-accent hover:underline">Forgot your password?</Link>
-      <Link href="/register" class="text-accent hover:underline">Create an account</Link>
+      <Link :href="route('forgot-password')" class="text-accent hover:underline">Forgot your password?</Link>
+      <Link :href="route('register')" class="text-accent hover:underline">Create an account</Link>
     </div>
   </div>
 </template>

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

@@ -71,7 +71,7 @@ const form = useForm({
     <p class="mt-6 text-sm text-muted-foreground">
       Already registered?
-      <Link href="/login" class="text-accent hover:underline">Sign in</Link>
+      <Link :href="route('login')" class="text-accent hover:underline">Sign in</Link>
     </p>
   </div>
 </template>

package/templates/vue/types/routes.generated.ts ADDED Viewed

@@ -0,0 +1,55 @@
+// Auto-generated by @zerotal/core — do not edit manually.
+// Regenerate with: bun zt route:types
+//
+// Every named route, the URL pattern it compiles to, and the HTTP method it
+// answers on. `route()` reads ROUTES through declaration merging, so an unknown
+// name or a missing :param is a compile error; `action()` also reads METHODS, so
+// a form cannot submit a route with the wrong verb.
+// Commit this file: editors and CI need it without booting the app.
+export const ROUTES = {
+  about: "/about",
+  contact: "/contact",
+  "forgot-password": "/forgot-password",
+  "forgot-password.store": "/forgot-password",
+  home: "/",
+  login: "/login",
+  "login.store": "/login",
+  "logout.store": "/logout",
+  profile: "/profile",
+  "profile.password.store": "/profile/password",
+  "profile.store": "/profile",
+  register: "/register",
+  "register.store": "/register",
+  "reset-password": "/reset-password",
+  "reset-password.store": "/reset-password",
+} as const;
+export const METHODS = {
+  about: "GET",
+  contact: "GET",
+  "forgot-password": "GET",
+  "forgot-password.store": "POST",
+  home: "GET",
+  login: "GET",
+  "login.store": "POST",
+  "logout.store": "POST",
+  profile: "GET",
+  "profile.password.store": "POST",
+  "profile.store": "POST",
+  register: "GET",
+  "register.store": "POST",
+  "reset-password": "GET",
+  "reset-password.store": "POST",
+} as const;
+/** The generated route table, as a type. */
+export type Routes = typeof ROUTES;
+/** The HTTP method each named route answers on. */
+export type RouteMethods = typeof METHODS;
+declare module "@zerotal/core" {
+  interface RouteRegistry extends Routes {}
+  interface RouteMethodRegistry extends RouteMethods {}
+}