create-m5kdev 0.30.0 → 0.31.1

package/dist/src/update.cjs

@@ -0,0 +1,91 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_src_paths = require("./paths.cjs");
+const require_src_state = require("./state.cjs");
+const require_src_migrations_registry = require("./migrations/registry.cjs");
+const require_src_reconcile = require("./reconcile.cjs");
+let node_path = require("node:path");
+node_path = require_runtime.__toESM(node_path);
+let node_child_process = require("node:child_process");
+let node_util = require("node:util");
+let semver = require("semver");
+semver = require_runtime.__toESM(semver);
+//#region src/update.ts
+const execFileAsync = (0, node_util.promisify)(node_child_process.execFile);
+async function assertCleanGit(repoRoot) {
+	if ((await execFileAsync("git", ["status", "--porcelain"], {
+		cwd: repoRoot,
+		encoding: "utf8"
+	})).stdout.trim()) throw new Error("Write-mode update requires a clean Git worktree. Commit or stash changes first.");
+}
+async function updateManagedRepo(options) {
+	const state = await require_src_state.readManagedState(options.repoRoot);
+	const targetVersion = options.targetVersion ?? require_src_state.getCliVersion();
+	if (semver.default.gt(state.template.version, targetVersion)) throw new Error(`The running CLI ${targetVersion} is older than managed state ${state.template.version}.`);
+	if (!options.dryRun) await (options.assertClean ?? assertCleanGit)(options.repoRoot);
+	const reconciliation = await require_src_reconcile.reconcileTemplates({
+		repoRoot: options.repoRoot,
+		state,
+		targetTemplateRoot: options.targetTemplateRoot ?? require_src_paths.getTemplateRoot(),
+		targetVersion,
+		baseProvider: options.baseProvider
+	});
+	const registry = options.registry ?? require_src_migrations_registry.getMigrationRegistry();
+	const pending = require_src_migrations_registry.getPendingMigrations(state, targetVersion, registry);
+	const appliedMigrations = [];
+	for (const migration of pending) {
+		const context = {
+			repoRoot: options.repoRoot,
+			state,
+			changes: reconciliation.changes
+		};
+		if (migration.applies && !await migration.applies(context)) continue;
+		await migration.plan(context);
+		appliedMigrations.push(migration.id);
+	}
+	reconciliation.targetState.appliedMigrations = [...new Set([...state.appliedMigrations, ...appliedMigrations])];
+	const validationDiagnostics = await require_src_migrations_registry.runMigrationValidators({
+		repoRoot: options.repoRoot,
+		state: reconciliation.targetState,
+		changes: reconciliation.changes
+	}, registry);
+	for (const diagnostic of validationDiagnostics) {
+		if (diagnostic.severity !== "error") continue;
+		reconciliation.changes.addConflict({
+			path: diagnostic.path ?? ".m5kdev.json",
+			reason: `[${diagnostic.code}] ${diagnostic.message}`
+		});
+	}
+	const stateContent = Buffer.from(`${JSON.stringify(reconciliation.targetState, null, 2)}\n`);
+	const currentState = await reconciliation.changes.read(require_src_state.STATE_FILE_NAME);
+	if (!currentState || !currentState.equals(stateContent)) reconciliation.changes.addChange({
+		kind: currentState ? "modify" : "add",
+		path: require_src_state.STATE_FILE_NAME,
+		content: stateContent,
+		reason: "Advance managed template state"
+	});
+	const result = {
+		fromVersion: state.template.version,
+		targetVersion,
+		dryRun: options.dryRun,
+		applied: false,
+		changes: [...reconciliation.changes.changes.values()].map(({ content: _content, ...change }) => change),
+		conflicts: [...reconciliation.changes.conflicts],
+		migrations: appliedMigrations,
+		dependenciesChanged: reconciliation.dependenciesChanged,
+		installRequired: reconciliation.dependenciesChanged && options.skipInstall
+	};
+	if (options.dryRun || result.conflicts.length > 0) return result;
+	await reconciliation.changes.apply();
+	result.applied = true;
+	if (reconciliation.dependenciesChanged && !options.skipInstall) if (options.install) await options.install(node_path.default.resolve(options.repoRoot));
+	else await execFileAsync("pnpm", ["install"], {
+		cwd: node_path.default.resolve(options.repoRoot),
+		env: process.env
+	});
+	return result;
+}
+//#endregion
+exports.updateManagedRepo = updateManagedRepo;
+
+//# sourceMappingURL=update.cjs.map

package/dist/src/update.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"update.cjs","names":["execFile","readManagedState","getCliVersion","reconcileTemplates","getTemplateRoot","getMigrationRegistry","getPendingMigrations","runMigrationValidators","STATE_FILE_NAME","path"],"sources":["../../src/update.ts"],"sourcesContent":["import { execFile } from \"node:child_process\";\r\nimport path from \"node:path\";\r\nimport { promisify } from \"node:util\";\r\nimport semver from \"semver\";\r\nimport type { PlannedChange, PlannedConflict } from \"./changes\";\r\nimport {\r\n  getMigrationRegistry,\r\n  getPendingMigrations,\r\n  runMigrationValidators,\r\n} from \"./migrations/registry\";\r\nimport type { MigrationDefinition } from \"./migrations/types\";\r\nimport { getTemplateRoot } from \"./paths\";\r\nimport { type BaseTemplateProvider, reconcileTemplates } from \"./reconcile\";\r\nimport { getCliVersion, readManagedState, STATE_FILE_NAME } from \"./state\";\r\n\r\nconst execFileAsync = promisify(execFile);\r\n\r\nexport interface UpdateCommandOptions {\r\n  repoRoot: string;\r\n  dryRun: boolean;\r\n  skipInstall: boolean;\r\n  baseProvider?: BaseTemplateProvider;\r\n  /** Test seam; published commands always use the embedded production registry. */\r\n  registry?: readonly MigrationDefinition[];\r\n  /** Test seams for fixture-version updates. */\r\n  targetTemplateRoot?: string;\r\n  targetVersion?: string;\r\n  assertClean?: (repoRoot: string) => Promise<void>;\r\n  install?: (repoRoot: string) => Promise<void>;\r\n}\r\n\r\nexport interface UpdateResult {\r\n  fromVersion: string;\r\n  targetVersion: string;\r\n  dryRun: boolean;\r\n  applied: boolean;\r\n  changes: Array<Omit<PlannedChange, \"content\">>;\r\n  conflicts: PlannedConflict[];\r\n  migrations: string[];\r\n  dependenciesChanged: boolean;\r\n  installRequired: boolean;\r\n}\r\n\r\nasync function assertCleanGit(repoRoot: string): Promise<void> {\r\n  const result = await execFileAsync(\"git\", [\"status\", \"--porcelain\"], {\r\n    cwd: repoRoot,\r\n    encoding: \"utf8\",\r\n  });\r\n  if (result.stdout.trim()) {\r\n    throw new Error(\r\n      \"Write-mode update requires a clean Git worktree. Commit or stash changes first.\"\r\n    );\r\n  }\r\n}\r\n\r\nexport async function updateManagedRepo(options: UpdateCommandOptions): Promise<UpdateResult> {\r\n  const state = await readManagedState(options.repoRoot);\r\n  const targetVersion = options.targetVersion ?? getCliVersion();\r\n  if (semver.gt(state.template.version, targetVersion)) {\r\n    throw new Error(\r\n      `The running CLI ${targetVersion} is older than managed state ${state.template.version}.`\r\n    );\r\n  }\r\n  if (!options.dryRun) await (options.assertClean ?? assertCleanGit)(options.repoRoot);\r\n\r\n  const reconciliation = await reconcileTemplates({\r\n    repoRoot: options.repoRoot,\r\n    state,\r\n    targetTemplateRoot: options.targetTemplateRoot ?? getTemplateRoot(),\r\n    targetVersion,\r\n    baseProvider: options.baseProvider,\r\n  });\r\n  const registry = options.registry ?? getMigrationRegistry();\r\n  const pending = getPendingMigrations(state, targetVersion, registry);\r\n  const appliedMigrations: string[] = [];\r\n  for (const migration of pending) {\r\n    const context = { repoRoot: options.repoRoot, state, changes: reconciliation.changes };\r\n    if (migration.applies && !(await migration.applies(context))) continue;\r\n    await migration.plan(context);\r\n    appliedMigrations.push(migration.id);\r\n  }\r\n  reconciliation.targetState.appliedMigrations = [\r\n    ...new Set([...state.appliedMigrations, ...appliedMigrations]),\r\n  ];\r\n\r\n  const validationDiagnostics = await runMigrationValidators(\r\n    {\r\n      repoRoot: options.repoRoot,\r\n      state: reconciliation.targetState,\r\n      changes: reconciliation.changes,\r\n    },\r\n    registry\r\n  );\r\n  for (const diagnostic of validationDiagnostics) {\r\n    if (diagnostic.severity !== \"error\") continue;\r\n    reconciliation.changes.addConflict({\r\n      path: diagnostic.path ?? \".m5kdev.json\",\r\n      reason: `[${diagnostic.code}] ${diagnostic.message}`,\r\n    });\r\n  }\r\n\r\n  const stateContent = Buffer.from(`${JSON.stringify(reconciliation.targetState, null, 2)}\\n`);\r\n  const currentState = await reconciliation.changes.read(STATE_FILE_NAME);\r\n  if (!currentState || !currentState.equals(stateContent)) {\r\n    reconciliation.changes.addChange({\r\n      kind: currentState ? \"modify\" : \"add\",\r\n      path: STATE_FILE_NAME,\r\n      content: stateContent,\r\n      reason: \"Advance managed template state\",\r\n    });\r\n  }\r\n\r\n  const result: UpdateResult = {\r\n    fromVersion: state.template.version,\r\n    targetVersion,\r\n    dryRun: options.dryRun,\r\n    applied: false,\r\n    changes: [...reconciliation.changes.changes.values()].map(\r\n      ({ content: _content, ...change }) => change\r\n    ),\r\n    conflicts: [...reconciliation.changes.conflicts],\r\n    migrations: appliedMigrations,\r\n    dependenciesChanged: reconciliation.dependenciesChanged,\r\n    installRequired: reconciliation.dependenciesChanged && options.skipInstall,\r\n  };\r\n  if (options.dryRun || result.conflicts.length > 0) return result;\r\n\r\n  await reconciliation.changes.apply();\r\n  result.applied = true;\r\n  if (reconciliation.dependenciesChanged && !options.skipInstall) {\r\n    if (options.install) await options.install(path.resolve(options.repoRoot));\r\n    else\r\n      await execFileAsync(\"pnpm\", [\"install\"], {\r\n        cwd: path.resolve(options.repoRoot),\r\n        env: process.env,\r\n      });\r\n  }\r\n  return result;\r\n}\r\n"],"mappings":"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"}

package/dist/src/update.d.cts

@@ -0,0 +1,33 @@
+import { PlannedChange, PlannedConflict } from "./changes.cjs";
+import { MigrationDefinition } from "./migrations/types.cjs";
+import { BaseTemplateProvider } from "./reconcile.cjs";
+
+//#region src/update.d.ts
+interface UpdateCommandOptions {
+  repoRoot: string;
+  dryRun: boolean;
+  skipInstall: boolean;
+  baseProvider?: BaseTemplateProvider;
+  /** Test seam; published commands always use the embedded production registry. */
+  registry?: readonly MigrationDefinition[];
+  /** Test seams for fixture-version updates. */
+  targetTemplateRoot?: string;
+  targetVersion?: string;
+  assertClean?: (repoRoot: string) => Promise<void>;
+  install?: (repoRoot: string) => Promise<void>;
+}
+interface UpdateResult {
+  fromVersion: string;
+  targetVersion: string;
+  dryRun: boolean;
+  applied: boolean;
+  changes: Array<Omit<PlannedChange, "content">>;
+  conflicts: PlannedConflict[];
+  migrations: string[];
+  dependenciesChanged: boolean;
+  installRequired: boolean;
+}
+declare function updateManagedRepo(options: UpdateCommandOptions): Promise<UpdateResult>;
+//#endregion
+export { UpdateCommandOptions, UpdateResult, updateManagedRepo };
+//# sourceMappingURL=update.d.cts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-m5kdev",
-  "version": "0.30.0",
+  "version": "0.31.1",
   "license": "GPL-3.0-only",
   "repository": {
     "type": "git",
@@ -17,9 +17,17 @@
     "m5kdev": "dist/src/index.cjs"
   },
   "dependencies": {
-    "tslib": "2.8.1"
+    "jscodeshift": "17.3.0",
+    "pacote": "22.0.0",
+    "semver": "7.8.5",
+    "tslib": "2.8.1",
+    "yaml": "2.9.0",
+    "zod": "4.2.1"
   },
   "devDependencies": {
+    "@types/jscodeshift": "17.3.0",
+    "@types/pacote": "11.1.8",
+    "@types/semver": "7.7.1",
     "@types/jest": "30.0.0",
     "@types/node": "20.19.11",
     "jest": "30.1.3",
@@ -30,8 +38,8 @@
   },
   "scripts": {
     "build": "tsx scripts/prepare-templates.ts && tsdown",
-    "lint": "biome check .",
-    "lint:fix": "biome check . --write",
+    "lint": "biome check src scripts root-templates package.json tsconfig.json jest.config.ts tsdown.config.ts",
+    "lint:fix": "biome check src scripts root-templates package.json tsconfig.json jest.config.ts tsdown.config.ts --write",
     "check-types": "tsc --noEmit",
     "test": "jest -c jest.config.ts",
     "test:smoke": "CLI_SMOKE=1 jest -c jest.config.ts src/__tests__/create.smoke.test.ts",

package/templates/minimal-app/README.md.tpl

@@ -26,11 +26,26 @@ Database tables are registered by hand in `apps/server/src/schema.ts`; after cha
 - Email: `admin@{{APP_SLUG}}.local`
 - Password: `password1234`
 
-## Typical Commands
+## Typical Commands
 
 ```sh
 pnpm dev
 pnpm build
 pnpm check-types
-pnpm lint
-```
+pnpm lint
+```
+
+## Managed framework updates
+
+This app records its generated baseline in `.m5kdev.json`. The updater is run
+explicitly from the package registry and is not installed as an app dependency:
+
+```sh
+pnpm dlx create-m5kdev@<version> doctor
+pnpm dlx create-m5kdev@<version> update --dry-run
+pnpm dlx create-m5kdev@<version> update
+```
+
+Use an exact target version in CI and when coordinating an upgrade. Existing
+projects without `.m5kdev.json` can enroll at their current compatible baseline
+with `pnpm dlx create-m5kdev@<version> init`.

package/templates/minimal-app/apps/email/src/emails/accountDeletionEmail.tsx.tpl

@@ -1,35 +1,36 @@
-/** @jsxRuntime automatic */
-import { Heading, Text } from "@react-email/components";
-import { CtaButton } from "@m5kdev/email/components/CtaButton";
-import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
-import type { Brand, EmailTranslateFn } from "@m5kdev/email/types";
-
-function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
-  return t ?? ((key: string) => key);
-}
-
-export default function AccountDeletionEmail({
-  previewText,
-  url,
-  brand,
-  t,
-  htmlLang,
-}: {
-  previewText: string;
-  url: string;
-  brand: Brand;
-  t?: EmailTranslateFn;
-  htmlLang?: string;
-}) {
-  const translate = resolveT(t);
-
-  return (
-    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
-      <Heading className="mb-4 text-2xl font-bold text-black">
-        {translate("accountDeletion.title")}
-      </Heading>
-      <Text className="mb-6 text-base text-gray-700">{translate("accountDeletion.body")}</Text>
-      <CtaButton href={url}>{translate("accountDeletion.action")}</CtaButton>
-    </EmailLayout>
-  );
-}
+/** @jsxRuntime automatic */
+
+import { CtaButton } from "@m5kdev/email/components/CtaButton";
+import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
+import type { Brand, EmailTranslateFn } from "@m5kdev/email/types";
+import { Heading, Text } from "@react-email/components";
+
+function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
+  return t ?? ((key: string) => key);
+}
+
+export default function AccountDeletionEmail({
+  previewText,
+  url,
+  brand,
+  t,
+  htmlLang,
+}: {
+  previewText: string;
+  url: string;
+  brand: Brand;
+  t?: EmailTranslateFn;
+  htmlLang?: string;
+}) {
+  const translate = resolveT(t);
+
+  return (
+    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
+      <Heading className="mb-4 text-2xl font-bold text-black">
+        {translate("accountDeletion.title")}
+      </Heading>
+      <Text className="mb-6 text-base text-gray-700">{translate("accountDeletion.body")}</Text>
+      <CtaButton href={url}>{translate("accountDeletion.action")}</CtaButton>
+    </EmailLayout>
+  );
+}

package/templates/minimal-app/apps/email/src/emails/organizationInviteEmail.tsx.tpl

@@ -1,34 +1,35 @@
-/** @jsxRuntime automatic */
-import { Heading, Text } from "@react-email/components";
-import { CtaButton } from "@m5kdev/email/components/CtaButton";
-import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
-import type { EmailTranslateFn, OrganizationInviteTemplateProps } from "@m5kdev/email/types";
-
-function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
-  return t ?? ((key: string) => key);
-}
-
-export default function OrganizationInviteEmail({
-  previewText,
-  inviterName,
-  organizationName,
-  role,
-  url,
-  brand,
-  t,
-  htmlLang,
-}: OrganizationInviteTemplateProps) {
-  const translate = resolveT(t);
-
-  return (
-    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
-      <Heading className="mb-4 text-2xl font-bold text-black">
-        {translate("organizationInvite.title", { organizationName })}
-      </Heading>
-      <Text className="mb-6 text-base text-gray-700">
-        {translate("organizationInvite.body", { inviterName, organizationName, role })}
-      </Text>
-      <CtaButton href={url}>{translate("organizationInvite.action")}</CtaButton>
-    </EmailLayout>
-  );
-}
+/** @jsxRuntime automatic */
+
+import { CtaButton } from "@m5kdev/email/components/CtaButton";
+import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
+import type { EmailTranslateFn, OrganizationInviteTemplateProps } from "@m5kdev/email/types";
+import { Heading, Text } from "@react-email/components";
+
+function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
+  return t ?? ((key: string) => key);
+}
+
+export default function OrganizationInviteEmail({
+  previewText,
+  inviterName,
+  organizationName,
+  role,
+  url,
+  brand,
+  t,
+  htmlLang,
+}: OrganizationInviteTemplateProps) {
+  const translate = resolveT(t);
+
+  return (
+    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
+      <Heading className="mb-4 text-2xl font-bold text-black">
+        {translate("organizationInvite.title", { organizationName })}
+      </Heading>
+      <Text className="mb-6 text-base text-gray-700">
+        {translate("organizationInvite.body", { inviterName, organizationName, role })}
+      </Text>
+      <CtaButton href={url}>{translate("organizationInvite.action")}</CtaButton>
+    </EmailLayout>
+  );
+}

package/templates/minimal-app/apps/email/src/emails/passwordResetEmail.tsx.tpl

@@ -1,35 +1,36 @@
-/** @jsxRuntime automatic */
-import { Heading, Text } from "@react-email/components";
-import { CtaButton } from "@m5kdev/email/components/CtaButton";
-import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
-import type { Brand, EmailTranslateFn } from "@m5kdev/email/types";
-
-function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
-  return t ?? ((key: string) => key);
-}
-
-export default function PasswordResetEmail({
-  previewText,
-  url,
-  brand,
-  t,
-  htmlLang,
-}: {
-  previewText: string;
-  url: string;
-  brand: Brand;
-  t?: EmailTranslateFn;
-  htmlLang?: string;
-}) {
-  const translate = resolveT(t);
-
-  return (
-    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
-      <Heading className="mb-4 text-2xl font-bold text-black">
-        {translate("passwordReset.title")}
-      </Heading>
-      <Text className="mb-6 text-base text-gray-700">{translate("passwordReset.body")}</Text>
-      <CtaButton href={url}>{translate("passwordReset.action")}</CtaButton>
-    </EmailLayout>
-  );
-}
+/** @jsxRuntime automatic */
+
+import { CtaButton } from "@m5kdev/email/components/CtaButton";
+import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
+import type { Brand, EmailTranslateFn } from "@m5kdev/email/types";
+import { Heading, Text } from "@react-email/components";
+
+function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
+  return t ?? ((key: string) => key);
+}
+
+export default function PasswordResetEmail({
+  previewText,
+  url,
+  brand,
+  t,
+  htmlLang,
+}: {
+  previewText: string;
+  url: string;
+  brand: Brand;
+  t?: EmailTranslateFn;
+  htmlLang?: string;
+}) {
+  const translate = resolveT(t);
+
+  return (
+    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
+      <Heading className="mb-4 text-2xl font-bold text-black">
+        {translate("passwordReset.title")}
+      </Heading>
+      <Text className="mb-6 text-base text-gray-700">{translate("passwordReset.body")}</Text>
+      <CtaButton href={url}>{translate("passwordReset.action")}</CtaButton>
+    </EmailLayout>
+  );
+}

package/templates/minimal-app/apps/email/src/emails/verificationEmail.tsx.tpl

@@ -1,37 +1,38 @@
-/** @jsxRuntime automatic */
-import { Heading, Text } from "@react-email/components";
-import { CtaButton } from "@m5kdev/email/components/CtaButton";
-import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
-import type { Brand, EmailTranslateFn } from "@m5kdev/email/types";
-
-function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
-  return t ?? ((key: string) => key);
-}
-
-export default function VerificationEmail({
-  previewText,
-  url,
-  brand,
-  t,
-  htmlLang,
-}: {
-  previewText: string;
-  url: string;
-  brand: Brand;
-  t?: EmailTranslateFn;
-  htmlLang?: string;
-}) {
-  const translate = resolveT(t);
-
-  return (
-    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
-      <Heading className="mb-4 text-2xl font-bold text-black">
-        {translate("verification.title")}
-      </Heading>
-      <Text className="mb-6 text-base text-gray-700">
-        {translate("verification.body", { appName: "{{APP_NAME}}" })}
-      </Text>
-      <CtaButton href={url}>{translate("verification.action")}</CtaButton>
-    </EmailLayout>
-  );
-}
+/** @jsxRuntime automatic */
+
+import { CtaButton } from "@m5kdev/email/components/CtaButton";
+import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
+import type { Brand, EmailTranslateFn } from "@m5kdev/email/types";
+import { Heading, Text } from "@react-email/components";
+
+function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
+  return t ?? ((key: string) => key);
+}
+
+export default function VerificationEmail({
+  previewText,
+  url,
+  brand,
+  t,
+  htmlLang,
+}: {
+  previewText: string;
+  url: string;
+  brand: Brand;
+  t?: EmailTranslateFn;
+  htmlLang?: string;
+}) {
+  const translate = resolveT(t);
+
+  return (
+    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
+      <Heading className="mb-4 text-2xl font-bold text-black">
+        {translate("verification.title")}
+      </Heading>
+      <Text className="mb-6 text-base text-gray-700">
+        {translate("verification.body", { appName: "{{APP_NAME}}" })}
+      </Text>
+      <CtaButton href={url}>{translate("verification.action")}</CtaButton>
+    </EmailLayout>
+  );
+}