feat(admin-i18n): add cookie-based locale runtime and switcher baseline
This commit is contained in:
@ -14,6 +14,7 @@
|
||||
"dependencies": {
|
||||
"@cms/content": "workspace:*",
|
||||
"@cms/db": "workspace:*",
|
||||
"@cms/i18n": "workspace:*",
|
||||
"@cms/ui": "workspace:*",
|
||||
"@tanstack/react-form": "1.28.0",
|
||||
"@tanstack/react-query": "5.90.20",
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
import type { Metadata } from "next"
|
||||
import type { ReactNode } from "react"
|
||||
|
||||
import { getAdminMessages, resolveAdminLocale } from "@/i18n/server"
|
||||
import "./globals.css"
|
||||
import { Providers } from "./providers"
|
||||
|
||||
@ -9,11 +10,16 @@ export const metadata: Metadata = {
|
||||
description: "Admin dashboard for the CMS monorepo",
|
||||
}
|
||||
|
||||
export default function RootLayout({ children }: { children: ReactNode }) {
|
||||
export default async function RootLayout({ children }: { children: ReactNode }) {
|
||||
const locale = await resolveAdminLocale()
|
||||
const messages = await getAdminMessages(locale)
|
||||
|
||||
return (
|
||||
<html lang="en">
|
||||
<html lang={locale}>
|
||||
<body>
|
||||
<Providers>{children}</Providers>
|
||||
<Providers locale={locale} messages={messages}>
|
||||
{children}
|
||||
</Providers>
|
||||
</body>
|
||||
</html>
|
||||
)
|
||||
|
||||
@ -4,6 +4,9 @@ import Link from "next/link"
|
||||
import { useRouter, useSearchParams } from "next/navigation"
|
||||
import { type FormEvent, useMemo, useState } from "react"
|
||||
|
||||
import { AdminLocaleSwitcher } from "@/components/admin-locale-switcher"
|
||||
import { useAdminT } from "@/providers/admin-i18n-provider"
|
||||
|
||||
type LoginFormProps = {
|
||||
mode: "signin" | "signup-owner" | "signup-user"
|
||||
}
|
||||
@ -27,6 +30,7 @@ function persistRoleCookie(role: unknown) {
|
||||
export function LoginForm({ mode }: LoginFormProps) {
|
||||
const router = useRouter()
|
||||
const searchParams = useSearchParams()
|
||||
const t = useAdminT()
|
||||
|
||||
const nextPath = useMemo(() => searchParams.get("next") || "/", [searchParams])
|
||||
|
||||
@ -60,7 +64,7 @@ export function LoginForm({ mode }: LoginFormProps) {
|
||||
const payload = (await response.json().catch(() => null)) as AuthResponse | null
|
||||
|
||||
if (!response.ok) {
|
||||
setError(payload?.message ?? "Sign in failed")
|
||||
setError(payload?.message ?? t("auth.errors.signInFailed", "Sign in failed"))
|
||||
return
|
||||
}
|
||||
|
||||
@ -68,7 +72,7 @@ export function LoginForm({ mode }: LoginFormProps) {
|
||||
router.push(nextPath)
|
||||
router.refresh()
|
||||
} catch {
|
||||
setError("Network error while signing in")
|
||||
setError(t("auth.errors.networkSignIn", "Network error while signing in"))
|
||||
} finally {
|
||||
setIsBusy(false)
|
||||
}
|
||||
@ -78,7 +82,7 @@ export function LoginForm({ mode }: LoginFormProps) {
|
||||
event.preventDefault()
|
||||
|
||||
if (!name.trim()) {
|
||||
setError("Name is required for account creation")
|
||||
setError(t("auth.errors.nameRequired", "Name is required for account creation"))
|
||||
return
|
||||
}
|
||||
|
||||
@ -104,20 +108,20 @@ export function LoginForm({ mode }: LoginFormProps) {
|
||||
const payload = (await response.json().catch(() => null)) as AuthResponse | null
|
||||
|
||||
if (!response.ok) {
|
||||
setError(payload?.message ?? "Sign up failed")
|
||||
setError(payload?.message ?? t("auth.errors.signUpFailed", "Sign up failed"))
|
||||
return
|
||||
}
|
||||
|
||||
persistRoleCookie(payload?.user?.role)
|
||||
setSuccess(
|
||||
mode === "signup-owner"
|
||||
? "Owner account created. Registration is now disabled."
|
||||
: "Account created.",
|
||||
? t("auth.messages.ownerCreated", "Owner account created. Registration is now disabled.")
|
||||
: t("auth.messages.accountCreated", "Account created."),
|
||||
)
|
||||
router.push(nextPath)
|
||||
router.refresh()
|
||||
} catch {
|
||||
setError("Network error while signing up")
|
||||
setError(t("auth.errors.networkSignUp", "Network error while signing up"))
|
||||
} finally {
|
||||
setIsBusy(false)
|
||||
}
|
||||
@ -126,24 +130,28 @@ export function LoginForm({ mode }: LoginFormProps) {
|
||||
return (
|
||||
<main className="mx-auto flex min-h-screen w-full max-w-md flex-col justify-center px-6 py-16">
|
||||
<div className="space-y-3">
|
||||
<p className="text-sm uppercase tracking-[0.2em] text-neutral-500">Admin Auth</p>
|
||||
<div className="flex items-center justify-between gap-3">
|
||||
<p className="text-sm uppercase tracking-[0.2em] text-neutral-500">
|
||||
{t("auth.badge", "Admin Auth")}
|
||||
</p>
|
||||
<AdminLocaleSwitcher />
|
||||
</div>
|
||||
<h1 className="text-3xl font-semibold tracking-tight">
|
||||
{mode === "signin"
|
||||
? "Sign in to CMS Admin"
|
||||
? t("auth.titles.signIn", "Sign in to CMS Admin")
|
||||
: mode === "signup-owner"
|
||||
? "Welcome to CMS Admin"
|
||||
: "Create an admin account"}
|
||||
? t("auth.titles.signUpOwner", "Welcome to CMS Admin")
|
||||
: t("auth.titles.signUpUser", "Create an admin account")}
|
||||
</h1>
|
||||
<p className="text-sm text-neutral-600">
|
||||
{mode === "signin" ? (
|
||||
<>
|
||||
Better Auth is active on this app via <code>/api/auth</code>.
|
||||
</>
|
||||
) : mode === "signup-owner" ? (
|
||||
"Create the first owner account to initialize this admin instance."
|
||||
) : (
|
||||
"Self-registration is enabled for admin users."
|
||||
)}
|
||||
{mode === "signin"
|
||||
? t("auth.descriptions.signIn", "Better Auth is active on this app via /api/auth.")
|
||||
: mode === "signup-owner"
|
||||
? t(
|
||||
"auth.descriptions.signUpOwner",
|
||||
"Create the first owner account to initialize this admin instance.",
|
||||
)
|
||||
: t("auth.descriptions.signUpUser", "Self-registration is enabled for admin users.")}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -154,7 +162,7 @@ export function LoginForm({ mode }: LoginFormProps) {
|
||||
>
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="email">
|
||||
Email or username
|
||||
{t("auth.fields.emailOrUsername", "Email or username")}
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
@ -168,84 +176,7 @@ export function LoginForm({ mode }: LoginFormProps) {
|
||||
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="password">
|
||||
Password
|
||||
</label>
|
||||
<input
|
||||
id="password"
|
||||
type="password"
|
||||
minLength={8}
|
||||
required
|
||||
value={password}
|
||||
onChange={(event) => setPassword(event.target.value)}
|
||||
className="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
disabled={isBusy}
|
||||
className="w-full rounded-md bg-neutral-900 px-4 py-2 text-sm font-medium text-white disabled:opacity-60"
|
||||
>
|
||||
{isBusy ? "Signing in..." : "Sign in"}
|
||||
</button>
|
||||
|
||||
<p className="text-xs text-neutral-600">
|
||||
Need an account?{" "}
|
||||
<Link href={`/register?next=${encodeURIComponent(nextPath)}`} className="underline">
|
||||
Register
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
{error ? <p className="text-sm text-red-600">{error}</p> : null}
|
||||
</form>
|
||||
) : (
|
||||
<form
|
||||
onSubmit={handleSignUp}
|
||||
className="mt-8 space-y-4 rounded-xl border border-neutral-200 p-6"
|
||||
>
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="name">
|
||||
Name
|
||||
</label>
|
||||
<input
|
||||
id="name"
|
||||
type="text"
|
||||
value={name}
|
||||
onChange={(event) => setName(event.target.value)}
|
||||
className="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="email">
|
||||
Email
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
type="email"
|
||||
required
|
||||
value={email}
|
||||
onChange={(event) => setEmail(event.target.value)}
|
||||
className="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="username">
|
||||
Username (optional)
|
||||
</label>
|
||||
<input
|
||||
id="username"
|
||||
type="text"
|
||||
value={username}
|
||||
onChange={(event) => setUsername(event.target.value)}
|
||||
className="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="password">
|
||||
Password
|
||||
{t("auth.fields.password", "Password")}
|
||||
</label>
|
||||
<input
|
||||
id="password"
|
||||
@ -264,16 +195,95 @@ export function LoginForm({ mode }: LoginFormProps) {
|
||||
className="w-full rounded-md bg-neutral-900 px-4 py-2 text-sm font-medium text-white disabled:opacity-60"
|
||||
>
|
||||
{isBusy
|
||||
? "Creating account..."
|
||||
: mode === "signup-owner"
|
||||
? "Create owner account"
|
||||
: "Create account"}
|
||||
? t("auth.actions.signInBusy", "Signing in...")
|
||||
: t("auth.actions.signInIdle", "Sign in")}
|
||||
</button>
|
||||
|
||||
<p className="text-xs text-neutral-600">
|
||||
Already have an account?{" "}
|
||||
{t("auth.links.needAccount", "Need an account?")}{" "}
|
||||
<Link href={`/register?next=${encodeURIComponent(nextPath)}`} className="underline">
|
||||
{t("auth.links.register", "Register")}
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
{error ? <p className="text-sm text-red-600">{error}</p> : null}
|
||||
</form>
|
||||
) : (
|
||||
<form
|
||||
onSubmit={handleSignUp}
|
||||
className="mt-8 space-y-4 rounded-xl border border-neutral-200 p-6"
|
||||
>
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="name">
|
||||
{t("auth.fields.name", "Name")}
|
||||
</label>
|
||||
<input
|
||||
id="name"
|
||||
type="text"
|
||||
value={name}
|
||||
onChange={(event) => setName(event.target.value)}
|
||||
className="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="email">
|
||||
{t("auth.fields.email", "Email")}
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
type="email"
|
||||
required
|
||||
value={email}
|
||||
onChange={(event) => setEmail(event.target.value)}
|
||||
className="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="username">
|
||||
{t("auth.fields.username", "Username (optional)")}
|
||||
</label>
|
||||
<input
|
||||
id="username"
|
||||
type="text"
|
||||
value={username}
|
||||
onChange={(event) => setUsername(event.target.value)}
|
||||
className="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-1">
|
||||
<label className="text-sm font-medium" htmlFor="password">
|
||||
{t("auth.fields.password", "Password")}
|
||||
</label>
|
||||
<input
|
||||
id="password"
|
||||
type="password"
|
||||
minLength={8}
|
||||
required
|
||||
value={password}
|
||||
onChange={(event) => setPassword(event.target.value)}
|
||||
className="w-full rounded-md border border-neutral-300 px-3 py-2 text-sm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
disabled={isBusy}
|
||||
className="w-full rounded-md bg-neutral-900 px-4 py-2 text-sm font-medium text-white disabled:opacity-60"
|
||||
>
|
||||
{isBusy
|
||||
? t("auth.actions.signUpBusy", "Creating account...")
|
||||
: mode === "signup-owner"
|
||||
? t("auth.actions.signUpOwnerIdle", "Create owner account")
|
||||
: t("auth.actions.signUpUserIdle", "Create account")}
|
||||
</button>
|
||||
|
||||
<p className="text-xs text-neutral-600">
|
||||
{t("auth.links.alreadyHaveAccount", "Already have an account?")}{" "}
|
||||
<Link href={`/login?next=${encodeURIComponent(nextPath)}`} className="underline">
|
||||
Go to sign in
|
||||
{t("auth.links.goToSignIn", "Go to sign in")}
|
||||
</Link>
|
||||
</p>
|
||||
|
||||
|
||||
@ -5,6 +5,9 @@ import { revalidatePath } from "next/cache"
|
||||
import Link from "next/link"
|
||||
import { redirect } from "next/navigation"
|
||||
|
||||
import { AdminLocaleSwitcher } from "@/components/admin-locale-switcher"
|
||||
import { translateMessage } from "@/i18n/messages"
|
||||
import { getAdminMessages, resolveAdminLocale } from "@/i18n/server"
|
||||
import { resolveRoleFromServerContext } from "@/lib/access-server"
|
||||
import { LogoutButton } from "./logout-button"
|
||||
|
||||
@ -58,10 +61,18 @@ function redirectWithState(params: { notice?: string; error?: string }) {
|
||||
redirect(value ? `/?${value}` : "/")
|
||||
}
|
||||
|
||||
async function getDashboardTranslator() {
|
||||
const locale = await resolveAdminLocale()
|
||||
const messages = await getAdminMessages(locale)
|
||||
|
||||
return (key: string, fallback: string) => translateMessage(messages, key, fallback)
|
||||
}
|
||||
|
||||
async function createPostAction(formData: FormData) {
|
||||
"use server"
|
||||
|
||||
await requireNewsWritePermission()
|
||||
const t = await getDashboardTranslator()
|
||||
|
||||
const status = readRequiredField(formData, "status")
|
||||
|
||||
@ -74,23 +85,28 @@ async function createPostAction(formData: FormData) {
|
||||
status: status === "published" ? "published" : "draft",
|
||||
})
|
||||
} catch {
|
||||
redirectWithState({ error: "Create failed. Please check your input." })
|
||||
redirectWithState({
|
||||
error: t("dashboard.posts.errors.createFailed", "Create failed. Please check your input."),
|
||||
})
|
||||
}
|
||||
|
||||
revalidatePath("/")
|
||||
redirectWithState({ notice: "Post created." })
|
||||
redirectWithState({ notice: t("dashboard.posts.success.created", "Post created.") })
|
||||
}
|
||||
|
||||
async function updatePostAction(formData: FormData) {
|
||||
"use server"
|
||||
|
||||
await requireNewsWritePermission()
|
||||
const t = await getDashboardTranslator()
|
||||
|
||||
const id = readRequiredField(formData, "id")
|
||||
const status = readRequiredField(formData, "status")
|
||||
|
||||
if (!id) {
|
||||
redirectWithState({ error: "Update failed. Missing post id." })
|
||||
redirectWithState({
|
||||
error: t("dashboard.posts.errors.updateMissingId", "Update failed. Missing post id."),
|
||||
})
|
||||
}
|
||||
|
||||
try {
|
||||
@ -102,32 +118,37 @@ async function updatePostAction(formData: FormData) {
|
||||
status: status === "published" ? "published" : "draft",
|
||||
})
|
||||
} catch {
|
||||
redirectWithState({ error: "Update failed. Please check your input." })
|
||||
redirectWithState({
|
||||
error: t("dashboard.posts.errors.updateFailed", "Update failed. Please check your input."),
|
||||
})
|
||||
}
|
||||
|
||||
revalidatePath("/")
|
||||
redirectWithState({ notice: "Post updated." })
|
||||
redirectWithState({ notice: t("dashboard.posts.success.updated", "Post updated.") })
|
||||
}
|
||||
|
||||
async function deletePostAction(formData: FormData) {
|
||||
"use server"
|
||||
|
||||
await requireNewsWritePermission()
|
||||
const t = await getDashboardTranslator()
|
||||
|
||||
const id = readRequiredField(formData, "id")
|
||||
|
||||
if (!id) {
|
||||
redirectWithState({ error: "Delete failed. Missing post id." })
|
||||
redirectWithState({
|
||||
error: t("dashboard.posts.errors.deleteMissingId", "Delete failed. Missing post id."),
|
||||
})
|
||||
}
|
||||
|
||||
try {
|
||||
await deletePost(id)
|
||||
} catch {
|
||||
redirectWithState({ error: "Delete failed." })
|
||||
redirectWithState({ error: t("dashboard.posts.errors.deleteFailed", "Delete failed.") })
|
||||
}
|
||||
|
||||
revalidatePath("/")
|
||||
redirectWithState({ notice: "Post deleted." })
|
||||
redirectWithState({ notice: t("dashboard.posts.success.deleted", "Post deleted.") })
|
||||
}
|
||||
|
||||
export default async function AdminHomePage({
|
||||
@ -145,24 +166,39 @@ export default async function AdminHomePage({
|
||||
redirect("/unauthorized?required=news:read&scope=team")
|
||||
}
|
||||
|
||||
const resolvedSearchParams = await searchParams
|
||||
const [resolvedSearchParams, locale, posts] = await Promise.all([
|
||||
searchParams,
|
||||
resolveAdminLocale(),
|
||||
listPosts(),
|
||||
])
|
||||
const messages = await getAdminMessages(locale)
|
||||
const t = (key: string, fallback: string) => translateMessage(messages, key, fallback)
|
||||
|
||||
const notice = readFirstValue(resolvedSearchParams.notice)
|
||||
const error = readFirstValue(resolvedSearchParams.error)
|
||||
const canCreatePost = hasPermission(role, "news:write", "team")
|
||||
const posts = await listPosts()
|
||||
|
||||
return (
|
||||
<main className="mx-auto flex min-h-screen w-full max-w-4xl flex-col gap-8 px-6 py-16">
|
||||
<header className="space-y-3">
|
||||
<p className="text-sm uppercase tracking-[0.2em] text-neutral-500">Admin App</p>
|
||||
<h1 className="text-4xl font-semibold tracking-tight">Content Dashboard</h1>
|
||||
<p className="text-neutral-600">Manage posts from a dedicated admin surface.</p>
|
||||
<div className="flex items-center justify-between gap-3">
|
||||
<p className="text-sm uppercase tracking-[0.2em] text-neutral-500">
|
||||
{t("dashboard.badge", "Admin App")}
|
||||
</p>
|
||||
<AdminLocaleSwitcher />
|
||||
</div>
|
||||
<h1 className="text-4xl font-semibold tracking-tight">
|
||||
{t("dashboard.title", "Content Dashboard")}
|
||||
</h1>
|
||||
<p className="text-neutral-600">
|
||||
{t("dashboard.description", "Manage posts from a dedicated admin surface.")}
|
||||
</p>
|
||||
<div className="flex items-center gap-3 pt-2">
|
||||
<Link
|
||||
href="/todo"
|
||||
className="inline-flex rounded-md border border-neutral-300 px-4 py-2 text-sm font-medium hover:bg-neutral-100"
|
||||
>
|
||||
Open roadmap and progress
|
||||
{t("dashboard.actions.openRoadmap", "Open roadmap and progress")}
|
||||
</Link>
|
||||
<LogoutButton />
|
||||
</div>
|
||||
@ -183,8 +219,12 @@ export default async function AdminHomePage({
|
||||
<section className="rounded-xl border border-neutral-200 p-6">
|
||||
<div className="space-y-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<h2 className="text-xl font-medium">Posts CRUD Sandbox</h2>
|
||||
<p className="text-xs uppercase tracking-wide text-neutral-500">MVP0 functional test</p>
|
||||
<h2 className="text-xl font-medium">
|
||||
{t("dashboard.posts.title", "Posts CRUD Sandbox")}
|
||||
</h2>
|
||||
<p className="text-xs uppercase tracking-wide text-neutral-500">
|
||||
{t("dashboard.notices.crudSandboxTag", "MVP0 functional test")}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{canCreatePost ? (
|
||||
@ -192,10 +232,14 @@ export default async function AdminHomePage({
|
||||
action={createPostAction}
|
||||
className="space-y-3 rounded-lg border border-neutral-200 p-4"
|
||||
>
|
||||
<h3 className="text-sm font-semibold">Create post</h3>
|
||||
<h3 className="text-sm font-semibold">
|
||||
{t("dashboard.posts.createTitle", "Create post")}
|
||||
</h3>
|
||||
<div className="grid gap-3 md:grid-cols-2">
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Title</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.title", "Title")}
|
||||
</span>
|
||||
<input
|
||||
name="title"
|
||||
required
|
||||
@ -204,7 +248,9 @@ export default async function AdminHomePage({
|
||||
/>
|
||||
</label>
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Slug</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.slug", "Slug")}
|
||||
</span>
|
||||
<input
|
||||
name="slug"
|
||||
required
|
||||
@ -214,14 +260,18 @@ export default async function AdminHomePage({
|
||||
</label>
|
||||
</div>
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Excerpt</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.excerpt", "Excerpt")}
|
||||
</span>
|
||||
<input
|
||||
name="excerpt"
|
||||
className="w-full rounded border border-neutral-300 px-3 py-2 text-sm"
|
||||
/>
|
||||
</label>
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Body</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.body", "Body")}
|
||||
</span>
|
||||
<textarea
|
||||
name="body"
|
||||
required
|
||||
@ -231,21 +281,28 @@ export default async function AdminHomePage({
|
||||
/>
|
||||
</label>
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Status</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.status", "Status")}
|
||||
</span>
|
||||
<select
|
||||
name="status"
|
||||
defaultValue="draft"
|
||||
className="w-full rounded border border-neutral-300 px-3 py-2 text-sm"
|
||||
>
|
||||
<option value="draft">Draft</option>
|
||||
<option value="published">Published</option>
|
||||
<option value="draft">{t("dashboard.posts.status.draft", "Draft")}</option>
|
||||
<option value="published">
|
||||
{t("dashboard.posts.status.published", "Published")}
|
||||
</option>
|
||||
</select>
|
||||
</label>
|
||||
<Button type="submit">Create post</Button>
|
||||
<Button type="submit">{t("dashboard.posts.actions.create", "Create post")}</Button>
|
||||
</form>
|
||||
) : (
|
||||
<div className="rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-800">
|
||||
You can read posts, but your role cannot create/update/delete posts.
|
||||
{t(
|
||||
"dashboard.notices.noCrudPermission",
|
||||
"You can read posts, but your role cannot create/update/delete posts.",
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
@ -259,7 +316,9 @@ export default async function AdminHomePage({
|
||||
<input type="hidden" name="id" value={post.id} />
|
||||
<div className="grid gap-3 md:grid-cols-2">
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Title</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.title", "Title")}
|
||||
</span>
|
||||
<input
|
||||
name="title"
|
||||
required
|
||||
@ -269,7 +328,9 @@ export default async function AdminHomePage({
|
||||
/>
|
||||
</label>
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Slug</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.slug", "Slug")}
|
||||
</span>
|
||||
<input
|
||||
name="slug"
|
||||
required
|
||||
@ -280,7 +341,9 @@ export default async function AdminHomePage({
|
||||
</label>
|
||||
</div>
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Excerpt</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.excerpt", "Excerpt")}
|
||||
</span>
|
||||
<input
|
||||
name="excerpt"
|
||||
defaultValue={post.excerpt ?? ""}
|
||||
@ -288,7 +351,9 @@ export default async function AdminHomePage({
|
||||
/>
|
||||
</label>
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Body</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.body", "Body")}
|
||||
</span>
|
||||
<textarea
|
||||
name="body"
|
||||
required
|
||||
@ -299,22 +364,28 @@ export default async function AdminHomePage({
|
||||
/>
|
||||
</label>
|
||||
<label className="space-y-1">
|
||||
<span className="text-xs text-neutral-600">Status</span>
|
||||
<span className="text-xs text-neutral-600">
|
||||
{t("dashboard.posts.fields.status", "Status")}
|
||||
</span>
|
||||
<select
|
||||
name="status"
|
||||
defaultValue={post.status}
|
||||
className="w-full rounded border border-neutral-300 px-3 py-2 text-sm"
|
||||
>
|
||||
<option value="draft">Draft</option>
|
||||
<option value="published">Published</option>
|
||||
<option value="draft">{t("dashboard.posts.status.draft", "Draft")}</option>
|
||||
<option value="published">
|
||||
{t("dashboard.posts.status.published", "Published")}
|
||||
</option>
|
||||
</select>
|
||||
</label>
|
||||
<Button type="submit">Save changes</Button>
|
||||
<Button type="submit">
|
||||
{t("dashboard.posts.actions.save", "Save changes")}
|
||||
</Button>
|
||||
</form>
|
||||
<form action={deletePostAction} className="mt-3">
|
||||
<input type="hidden" name="id" value={post.id} />
|
||||
<Button type="submit" variant="secondary">
|
||||
Delete
|
||||
{t("dashboard.posts.actions.delete", "Delete")}
|
||||
</Button>
|
||||
</form>
|
||||
</>
|
||||
@ -327,7 +398,9 @@ export default async function AdminHomePage({
|
||||
</span>
|
||||
</div>
|
||||
<p className="mt-2 text-sm text-neutral-600">{post.slug}</p>
|
||||
<p className="mt-2 text-sm text-neutral-600">{post.excerpt ?? "No excerpt"}</p>
|
||||
<p className="mt-2 text-sm text-neutral-600">
|
||||
{post.excerpt ?? t("dashboard.posts.fallback.noExcerpt", "No excerpt")}
|
||||
</p>
|
||||
</>
|
||||
)}
|
||||
</article>
|
||||
|
||||
@ -1,9 +1,24 @@
|
||||
"use client"
|
||||
|
||||
import type { AppLocale } from "@cms/i18n"
|
||||
import type { ReactNode } from "react"
|
||||
|
||||
import type { AdminMessages } from "@/i18n/messages"
|
||||
import { AdminI18nProvider } from "@/providers/admin-i18n-provider"
|
||||
import { QueryProvider } from "@/providers/query-provider"
|
||||
|
||||
export function Providers({ children }: { children: ReactNode }) {
|
||||
return <QueryProvider>{children}</QueryProvider>
|
||||
export function Providers({
|
||||
children,
|
||||
locale,
|
||||
messages,
|
||||
}: {
|
||||
children: ReactNode
|
||||
locale: AppLocale
|
||||
messages: AdminMessages
|
||||
}) {
|
||||
return (
|
||||
<AdminI18nProvider locale={locale} messages={messages}>
|
||||
<QueryProvider>{children}</QueryProvider>
|
||||
</AdminI18nProvider>
|
||||
)
|
||||
}
|
||||
|
||||
41
apps/admin/src/components/admin-locale-switcher.tsx
Normal file
41
apps/admin/src/components/admin-locale-switcher.tsx
Normal file
@ -0,0 +1,41 @@
|
||||
"use client"
|
||||
|
||||
import { type AppLocale, localeLabels, locales } from "@cms/i18n"
|
||||
import { useRouter } from "next/navigation"
|
||||
import { useTransition } from "react"
|
||||
|
||||
import { ADMIN_LOCALE_COOKIE } from "@/i18n/shared"
|
||||
import { useAdminI18n, useAdminT } from "@/providers/admin-i18n-provider"
|
||||
|
||||
export function AdminLocaleSwitcher() {
|
||||
const router = useRouter()
|
||||
const [isPending, startTransition] = useTransition()
|
||||
const { locale } = useAdminI18n()
|
||||
const t = useAdminT()
|
||||
|
||||
return (
|
||||
<label className="inline-flex items-center gap-2 text-sm text-neutral-700">
|
||||
<span>{t("common.language", "Language")}</span>
|
||||
<select
|
||||
className="rounded-md border border-neutral-300 bg-white px-2 py-1 text-sm"
|
||||
value={locale}
|
||||
disabled={isPending}
|
||||
onChange={(event) => {
|
||||
const nextLocale = event.target.value as AppLocale
|
||||
// biome-ignore lint/suspicious/noDocumentCookie: locale preference is intentionally persisted client-side.
|
||||
document.cookie = `${ADMIN_LOCALE_COOKIE}=${nextLocale}; Path=/; Max-Age=31536000; SameSite=Lax`
|
||||
|
||||
startTransition(() => {
|
||||
router.refresh()
|
||||
})
|
||||
}}
|
||||
>
|
||||
{locales.map((value) => (
|
||||
<option key={value} value={value}>
|
||||
{t(`common.localeNames.${value}`, localeLabels[value])} ({localeLabels[value]})
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</label>
|
||||
)
|
||||
}
|
||||
117
apps/admin/src/i18n/messages.test.ts
Normal file
117
apps/admin/src/i18n/messages.test.ts
Normal file
@ -0,0 +1,117 @@
|
||||
import { describe, expect, it } from "vitest"
|
||||
|
||||
import type { AdminMessages } from "./messages"
|
||||
import { translateMessage } from "./messages"
|
||||
|
||||
const messages: AdminMessages = {
|
||||
common: {
|
||||
language: "Language",
|
||||
localeNames: {
|
||||
de: "German",
|
||||
en: "English",
|
||||
es: "Spanish",
|
||||
fr: "French",
|
||||
},
|
||||
},
|
||||
auth: {
|
||||
badge: "Admin Auth",
|
||||
titles: {
|
||||
signIn: "Sign in",
|
||||
signUpOwner: "Welcome",
|
||||
signUpUser: "Create account",
|
||||
},
|
||||
descriptions: {
|
||||
signIn: "Sign in description",
|
||||
signUpOwner: "Owner description",
|
||||
signUpUser: "User description",
|
||||
},
|
||||
fields: {
|
||||
name: "Name",
|
||||
emailOrUsername: "Email or username",
|
||||
email: "Email",
|
||||
username: "Username",
|
||||
password: "Password",
|
||||
},
|
||||
actions: {
|
||||
signInIdle: "Sign in",
|
||||
signInBusy: "Signing in...",
|
||||
signUpOwnerIdle: "Create owner account",
|
||||
signUpUserIdle: "Create account",
|
||||
signUpBusy: "Creating account...",
|
||||
},
|
||||
links: {
|
||||
needAccount: "Need an account?",
|
||||
register: "Register",
|
||||
alreadyHaveAccount: "Already have an account?",
|
||||
goToSignIn: "Go to sign in",
|
||||
},
|
||||
messages: {
|
||||
ownerCreated: "Owner account created.",
|
||||
accountCreated: "Account created.",
|
||||
},
|
||||
errors: {
|
||||
nameRequired: "Name is required.",
|
||||
signInFailed: "Sign in failed",
|
||||
signUpFailed: "Sign up failed",
|
||||
networkSignIn: "Network sign in error",
|
||||
networkSignUp: "Network sign up error",
|
||||
},
|
||||
},
|
||||
dashboard: {
|
||||
badge: "Admin App",
|
||||
title: "Content Dashboard",
|
||||
description: "Manage content.",
|
||||
actions: {
|
||||
openRoadmap: "Open roadmap",
|
||||
},
|
||||
notices: {
|
||||
noCrudPermission: "No permission.",
|
||||
crudSandboxTag: "MVP0 functional test",
|
||||
},
|
||||
posts: {
|
||||
title: "Posts CRUD Sandbox",
|
||||
createTitle: "Create post",
|
||||
fields: {
|
||||
title: "Title",
|
||||
slug: "Slug",
|
||||
excerpt: "Excerpt",
|
||||
body: "Body",
|
||||
status: "Status",
|
||||
},
|
||||
status: {
|
||||
draft: "Draft",
|
||||
published: "Published",
|
||||
},
|
||||
actions: {
|
||||
create: "Create post",
|
||||
save: "Save changes",
|
||||
delete: "Delete",
|
||||
},
|
||||
errors: {
|
||||
createFailed: "Create failed.",
|
||||
updateFailed: "Update failed.",
|
||||
updateMissingId: "Missing post id.",
|
||||
deleteFailed: "Delete failed.",
|
||||
deleteMissingId: "Missing post id.",
|
||||
},
|
||||
success: {
|
||||
created: "Post created.",
|
||||
updated: "Post updated.",
|
||||
deleted: "Post deleted.",
|
||||
},
|
||||
fallback: {
|
||||
noExcerpt: "No excerpt",
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
describe("translateMessage", () => {
|
||||
it("resolves nested keys", () => {
|
||||
expect(translateMessage(messages, "dashboard.title")).toBe("Content Dashboard")
|
||||
})
|
||||
|
||||
it("returns fallback for unknown keys", () => {
|
||||
expect(translateMessage(messages, "dashboard.unknown", "Fallback")).toBe("Fallback")
|
||||
})
|
||||
})
|
||||
27
apps/admin/src/i18n/messages.ts
Normal file
27
apps/admin/src/i18n/messages.ts
Normal file
@ -0,0 +1,27 @@
|
||||
import type enMessages from "../messages/en.json"
|
||||
|
||||
export type AdminMessages = typeof enMessages
|
||||
|
||||
function resolveNestedValue(source: unknown, key: string): unknown {
|
||||
let current: unknown = source
|
||||
|
||||
for (const segment of key.split(".")) {
|
||||
if (!current || typeof current !== "object") {
|
||||
return null
|
||||
}
|
||||
|
||||
current = (current as Record<string, unknown>)[segment]
|
||||
}
|
||||
|
||||
return current
|
||||
}
|
||||
|
||||
export function translateMessage(messages: AdminMessages, key: string, fallback?: string): string {
|
||||
const resolved = resolveNestedValue(messages, key)
|
||||
|
||||
if (typeof resolved === "string") {
|
||||
return resolved
|
||||
}
|
||||
|
||||
return fallback ?? key
|
||||
}
|
||||
20
apps/admin/src/i18n/server.ts
Normal file
20
apps/admin/src/i18n/server.ts
Normal file
@ -0,0 +1,20 @@
|
||||
import { type AppLocale, defaultLocale, isAppLocale } from "@cms/i18n"
|
||||
import { cookies } from "next/headers"
|
||||
|
||||
import type { AdminMessages } from "./messages"
|
||||
import { ADMIN_LOCALE_COOKIE } from "./shared"
|
||||
|
||||
export async function resolveAdminLocale(): Promise<AppLocale> {
|
||||
const cookieStore = await cookies()
|
||||
const value = cookieStore.get(ADMIN_LOCALE_COOKIE)?.value
|
||||
|
||||
if (value && isAppLocale(value)) {
|
||||
return value
|
||||
}
|
||||
|
||||
return defaultLocale
|
||||
}
|
||||
|
||||
export async function getAdminMessages(locale: AppLocale): Promise<AdminMessages> {
|
||||
return (await import(`../messages/${locale}.json`)).default as AdminMessages
|
||||
}
|
||||
1
apps/admin/src/i18n/shared.ts
Normal file
1
apps/admin/src/i18n/shared.ts
Normal file
@ -0,0 +1 @@
|
||||
export const ADMIN_LOCALE_COOKIE = "cms_admin_locale"
|
||||
102
apps/admin/src/messages/de.json
Normal file
102
apps/admin/src/messages/de.json
Normal file
@ -0,0 +1,102 @@
|
||||
{
|
||||
"common": {
|
||||
"language": "Sprache",
|
||||
"localeNames": {
|
||||
"de": "Deutsch",
|
||||
"en": "Englisch",
|
||||
"es": "Spanisch",
|
||||
"fr": "Französisch"
|
||||
}
|
||||
},
|
||||
"auth": {
|
||||
"badge": "Admin-Authentifizierung",
|
||||
"titles": {
|
||||
"signIn": "Bei CMS Admin anmelden",
|
||||
"signUpOwner": "Willkommen bei CMS Admin",
|
||||
"signUpUser": "Admin-Konto erstellen"
|
||||
},
|
||||
"descriptions": {
|
||||
"signIn": "Better Auth ist in dieser App über /api/auth aktiv.",
|
||||
"signUpOwner": "Erstelle das erste Owner-Konto, um diese Admin-Instanz zu initialisieren.",
|
||||
"signUpUser": "Selbstregistrierung für Admin-Benutzer ist aktiviert."
|
||||
},
|
||||
"fields": {
|
||||
"name": "Name",
|
||||
"emailOrUsername": "E-Mail oder Benutzername",
|
||||
"email": "E-Mail",
|
||||
"username": "Benutzername (optional)",
|
||||
"password": "Passwort"
|
||||
},
|
||||
"actions": {
|
||||
"signInIdle": "Anmelden",
|
||||
"signInBusy": "Anmeldung läuft...",
|
||||
"signUpOwnerIdle": "Owner-Konto erstellen",
|
||||
"signUpUserIdle": "Konto erstellen",
|
||||
"signUpBusy": "Konto wird erstellt..."
|
||||
},
|
||||
"links": {
|
||||
"needAccount": "Du brauchst ein Konto?",
|
||||
"register": "Registrieren",
|
||||
"alreadyHaveAccount": "Du hast bereits ein Konto?",
|
||||
"goToSignIn": "Zur Anmeldung"
|
||||
},
|
||||
"messages": {
|
||||
"ownerCreated": "Owner-Konto erstellt. Registrierung ist jetzt deaktiviert.",
|
||||
"accountCreated": "Konto erstellt."
|
||||
},
|
||||
"errors": {
|
||||
"nameRequired": "Name ist für die Kontoerstellung erforderlich",
|
||||
"signInFailed": "Anmeldung fehlgeschlagen",
|
||||
"signUpFailed": "Registrierung fehlgeschlagen",
|
||||
"networkSignIn": "Netzwerkfehler bei der Anmeldung",
|
||||
"networkSignUp": "Netzwerkfehler bei der Registrierung"
|
||||
}
|
||||
},
|
||||
"dashboard": {
|
||||
"badge": "Admin-App",
|
||||
"title": "Content-Dashboard",
|
||||
"description": "Verwalte Beiträge in einer dedizierten Admin-Oberfläche.",
|
||||
"actions": {
|
||||
"openRoadmap": "Roadmap und Fortschritt öffnen"
|
||||
},
|
||||
"notices": {
|
||||
"noCrudPermission": "Du kannst Beiträge lesen, aber deine Rolle darf keine Beiträge erstellen/ändern/löschen.",
|
||||
"crudSandboxTag": "MVP0 Funktionstest"
|
||||
},
|
||||
"posts": {
|
||||
"title": "Beiträge CRUD-Sandbox",
|
||||
"createTitle": "Beitrag erstellen",
|
||||
"fields": {
|
||||
"title": "Titel",
|
||||
"slug": "Slug",
|
||||
"excerpt": "Auszug",
|
||||
"body": "Inhalt",
|
||||
"status": "Status"
|
||||
},
|
||||
"status": {
|
||||
"draft": "Entwurf",
|
||||
"published": "Veröffentlicht"
|
||||
},
|
||||
"actions": {
|
||||
"create": "Beitrag erstellen",
|
||||
"save": "Änderungen speichern",
|
||||
"delete": "Löschen"
|
||||
},
|
||||
"errors": {
|
||||
"createFailed": "Erstellen fehlgeschlagen. Bitte Eingaben prüfen.",
|
||||
"updateFailed": "Aktualisierung fehlgeschlagen. Bitte Eingaben prüfen.",
|
||||
"updateMissingId": "Aktualisierung fehlgeschlagen. Beitrags-ID fehlt.",
|
||||
"deleteFailed": "Löschen fehlgeschlagen.",
|
||||
"deleteMissingId": "Löschen fehlgeschlagen. Beitrags-ID fehlt."
|
||||
},
|
||||
"success": {
|
||||
"created": "Beitrag erstellt.",
|
||||
"updated": "Beitrag aktualisiert.",
|
||||
"deleted": "Beitrag gelöscht."
|
||||
},
|
||||
"fallback": {
|
||||
"noExcerpt": "Kein Auszug"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
102
apps/admin/src/messages/en.json
Normal file
102
apps/admin/src/messages/en.json
Normal file
@ -0,0 +1,102 @@
|
||||
{
|
||||
"common": {
|
||||
"language": "Language",
|
||||
"localeNames": {
|
||||
"de": "German",
|
||||
"en": "English",
|
||||
"es": "Spanish",
|
||||
"fr": "French"
|
||||
}
|
||||
},
|
||||
"auth": {
|
||||
"badge": "Admin Auth",
|
||||
"titles": {
|
||||
"signIn": "Sign in to CMS Admin",
|
||||
"signUpOwner": "Welcome to CMS Admin",
|
||||
"signUpUser": "Create an admin account"
|
||||
},
|
||||
"descriptions": {
|
||||
"signIn": "Better Auth is active on this app via /api/auth.",
|
||||
"signUpOwner": "Create the first owner account to initialize this admin instance.",
|
||||
"signUpUser": "Self-registration is enabled for admin users."
|
||||
},
|
||||
"fields": {
|
||||
"name": "Name",
|
||||
"emailOrUsername": "Email or username",
|
||||
"email": "Email",
|
||||
"username": "Username (optional)",
|
||||
"password": "Password"
|
||||
},
|
||||
"actions": {
|
||||
"signInIdle": "Sign in",
|
||||
"signInBusy": "Signing in...",
|
||||
"signUpOwnerIdle": "Create owner account",
|
||||
"signUpUserIdle": "Create account",
|
||||
"signUpBusy": "Creating account..."
|
||||
},
|
||||
"links": {
|
||||
"needAccount": "Need an account?",
|
||||
"register": "Register",
|
||||
"alreadyHaveAccount": "Already have an account?",
|
||||
"goToSignIn": "Go to sign in"
|
||||
},
|
||||
"messages": {
|
||||
"ownerCreated": "Owner account created. Registration is now disabled.",
|
||||
"accountCreated": "Account created."
|
||||
},
|
||||
"errors": {
|
||||
"nameRequired": "Name is required for account creation",
|
||||
"signInFailed": "Sign in failed",
|
||||
"signUpFailed": "Sign up failed",
|
||||
"networkSignIn": "Network error while signing in",
|
||||
"networkSignUp": "Network error while signing up"
|
||||
}
|
||||
},
|
||||
"dashboard": {
|
||||
"badge": "Admin App",
|
||||
"title": "Content Dashboard",
|
||||
"description": "Manage posts from a dedicated admin surface.",
|
||||
"actions": {
|
||||
"openRoadmap": "Open roadmap and progress"
|
||||
},
|
||||
"notices": {
|
||||
"noCrudPermission": "You can read posts, but your role cannot create/update/delete posts.",
|
||||
"crudSandboxTag": "MVP0 functional test"
|
||||
},
|
||||
"posts": {
|
||||
"title": "Posts CRUD Sandbox",
|
||||
"createTitle": "Create post",
|
||||
"fields": {
|
||||
"title": "Title",
|
||||
"slug": "Slug",
|
||||
"excerpt": "Excerpt",
|
||||
"body": "Body",
|
||||
"status": "Status"
|
||||
},
|
||||
"status": {
|
||||
"draft": "Draft",
|
||||
"published": "Published"
|
||||
},
|
||||
"actions": {
|
||||
"create": "Create post",
|
||||
"save": "Save changes",
|
||||
"delete": "Delete"
|
||||
},
|
||||
"errors": {
|
||||
"createFailed": "Create failed. Please check your input.",
|
||||
"updateFailed": "Update failed. Please check your input.",
|
||||
"updateMissingId": "Update failed. Missing post id.",
|
||||
"deleteFailed": "Delete failed.",
|
||||
"deleteMissingId": "Delete failed. Missing post id."
|
||||
},
|
||||
"success": {
|
||||
"created": "Post created.",
|
||||
"updated": "Post updated.",
|
||||
"deleted": "Post deleted."
|
||||
},
|
||||
"fallback": {
|
||||
"noExcerpt": "No excerpt"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
102
apps/admin/src/messages/es.json
Normal file
102
apps/admin/src/messages/es.json
Normal file
@ -0,0 +1,102 @@
|
||||
{
|
||||
"common": {
|
||||
"language": "Idioma",
|
||||
"localeNames": {
|
||||
"de": "Alemán",
|
||||
"en": "Inglés",
|
||||
"es": "Español",
|
||||
"fr": "Francés"
|
||||
}
|
||||
},
|
||||
"auth": {
|
||||
"badge": "Autenticación de Admin",
|
||||
"titles": {
|
||||
"signIn": "Iniciar sesión en CMS Admin",
|
||||
"signUpOwner": "Bienvenido a CMS Admin",
|
||||
"signUpUser": "Crear una cuenta de admin"
|
||||
},
|
||||
"descriptions": {
|
||||
"signIn": "Better Auth está activo en esta app mediante /api/auth.",
|
||||
"signUpOwner": "Crea la primera cuenta owner para inicializar esta instancia de administración.",
|
||||
"signUpUser": "El registro automático está habilitado para usuarios admin."
|
||||
},
|
||||
"fields": {
|
||||
"name": "Nombre",
|
||||
"emailOrUsername": "Correo o nombre de usuario",
|
||||
"email": "Correo",
|
||||
"username": "Nombre de usuario (opcional)",
|
||||
"password": "Contraseña"
|
||||
},
|
||||
"actions": {
|
||||
"signInIdle": "Iniciar sesión",
|
||||
"signInBusy": "Iniciando sesión...",
|
||||
"signUpOwnerIdle": "Crear cuenta owner",
|
||||
"signUpUserIdle": "Crear cuenta",
|
||||
"signUpBusy": "Creando cuenta..."
|
||||
},
|
||||
"links": {
|
||||
"needAccount": "¿Necesitas una cuenta?",
|
||||
"register": "Registrarse",
|
||||
"alreadyHaveAccount": "¿Ya tienes una cuenta?",
|
||||
"goToSignIn": "Ir a iniciar sesión"
|
||||
},
|
||||
"messages": {
|
||||
"ownerCreated": "Cuenta owner creada. El registro ahora está deshabilitado.",
|
||||
"accountCreated": "Cuenta creada."
|
||||
},
|
||||
"errors": {
|
||||
"nameRequired": "El nombre es obligatorio para crear la cuenta",
|
||||
"signInFailed": "Error al iniciar sesión",
|
||||
"signUpFailed": "Error al registrarse",
|
||||
"networkSignIn": "Error de red al iniciar sesión",
|
||||
"networkSignUp": "Error de red al registrarse"
|
||||
}
|
||||
},
|
||||
"dashboard": {
|
||||
"badge": "App Admin",
|
||||
"title": "Panel de Contenido",
|
||||
"description": "Gestiona publicaciones desde una superficie de administración dedicada.",
|
||||
"actions": {
|
||||
"openRoadmap": "Abrir hoja de ruta y progreso"
|
||||
},
|
||||
"notices": {
|
||||
"noCrudPermission": "Puedes leer publicaciones, pero tu rol no puede crear/editar/eliminar publicaciones.",
|
||||
"crudSandboxTag": "Prueba funcional MVP0"
|
||||
},
|
||||
"posts": {
|
||||
"title": "Sandbox CRUD de Publicaciones",
|
||||
"createTitle": "Crear publicación",
|
||||
"fields": {
|
||||
"title": "Título",
|
||||
"slug": "Slug",
|
||||
"excerpt": "Extracto",
|
||||
"body": "Contenido",
|
||||
"status": "Estado"
|
||||
},
|
||||
"status": {
|
||||
"draft": "Borrador",
|
||||
"published": "Publicado"
|
||||
},
|
||||
"actions": {
|
||||
"create": "Crear publicación",
|
||||
"save": "Guardar cambios",
|
||||
"delete": "Eliminar"
|
||||
},
|
||||
"errors": {
|
||||
"createFailed": "Error al crear. Revisa tus datos.",
|
||||
"updateFailed": "Error al actualizar. Revisa tus datos.",
|
||||
"updateMissingId": "Error al actualizar. Falta el id de la publicación.",
|
||||
"deleteFailed": "Error al eliminar.",
|
||||
"deleteMissingId": "Error al eliminar. Falta el id de la publicación."
|
||||
},
|
||||
"success": {
|
||||
"created": "Publicación creada.",
|
||||
"updated": "Publicación actualizada.",
|
||||
"deleted": "Publicación eliminada."
|
||||
},
|
||||
"fallback": {
|
||||
"noExcerpt": "Sin extracto"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
102
apps/admin/src/messages/fr.json
Normal file
102
apps/admin/src/messages/fr.json
Normal file
@ -0,0 +1,102 @@
|
||||
{
|
||||
"common": {
|
||||
"language": "Langue",
|
||||
"localeNames": {
|
||||
"de": "Allemand",
|
||||
"en": "Anglais",
|
||||
"es": "Espagnol",
|
||||
"fr": "Français"
|
||||
}
|
||||
},
|
||||
"auth": {
|
||||
"badge": "Authentification Admin",
|
||||
"titles": {
|
||||
"signIn": "Se connecter à CMS Admin",
|
||||
"signUpOwner": "Bienvenue sur CMS Admin",
|
||||
"signUpUser": "Créer un compte admin"
|
||||
},
|
||||
"descriptions": {
|
||||
"signIn": "Better Auth est actif sur cette application via /api/auth.",
|
||||
"signUpOwner": "Créez le premier compte owner pour initialiser cette instance d’administration.",
|
||||
"signUpUser": "L’auto-inscription est activée pour les utilisateurs admin."
|
||||
},
|
||||
"fields": {
|
||||
"name": "Nom",
|
||||
"emailOrUsername": "E-mail ou nom d’utilisateur",
|
||||
"email": "E-mail",
|
||||
"username": "Nom d’utilisateur (optionnel)",
|
||||
"password": "Mot de passe"
|
||||
},
|
||||
"actions": {
|
||||
"signInIdle": "Se connecter",
|
||||
"signInBusy": "Connexion en cours...",
|
||||
"signUpOwnerIdle": "Créer le compte owner",
|
||||
"signUpUserIdle": "Créer un compte",
|
||||
"signUpBusy": "Création du compte..."
|
||||
},
|
||||
"links": {
|
||||
"needAccount": "Besoin d’un compte ?",
|
||||
"register": "S’inscrire",
|
||||
"alreadyHaveAccount": "Vous avez déjà un compte ?",
|
||||
"goToSignIn": "Aller à la connexion"
|
||||
},
|
||||
"messages": {
|
||||
"ownerCreated": "Compte owner créé. L’inscription est maintenant désactivée.",
|
||||
"accountCreated": "Compte créé."
|
||||
},
|
||||
"errors": {
|
||||
"nameRequired": "Le nom est requis pour créer un compte",
|
||||
"signInFailed": "Échec de la connexion",
|
||||
"signUpFailed": "Échec de l’inscription",
|
||||
"networkSignIn": "Erreur réseau lors de la connexion",
|
||||
"networkSignUp": "Erreur réseau lors de l’inscription"
|
||||
}
|
||||
},
|
||||
"dashboard": {
|
||||
"badge": "Application Admin",
|
||||
"title": "Tableau de bord contenu",
|
||||
"description": "Gérez les publications depuis une surface d’administration dédiée.",
|
||||
"actions": {
|
||||
"openRoadmap": "Ouvrir la feuille de route et la progression"
|
||||
},
|
||||
"notices": {
|
||||
"noCrudPermission": "Vous pouvez lire les publications, mais votre rôle ne peut pas créer/modifier/supprimer des publications.",
|
||||
"crudSandboxTag": "Test fonctionnel MVP0"
|
||||
},
|
||||
"posts": {
|
||||
"title": "Sandbox CRUD des publications",
|
||||
"createTitle": "Créer une publication",
|
||||
"fields": {
|
||||
"title": "Titre",
|
||||
"slug": "Slug",
|
||||
"excerpt": "Extrait",
|
||||
"body": "Contenu",
|
||||
"status": "Statut"
|
||||
},
|
||||
"status": {
|
||||
"draft": "Brouillon",
|
||||
"published": "Publié"
|
||||
},
|
||||
"actions": {
|
||||
"create": "Créer une publication",
|
||||
"save": "Enregistrer les modifications",
|
||||
"delete": "Supprimer"
|
||||
},
|
||||
"errors": {
|
||||
"createFailed": "Échec de la création. Vérifiez vos données.",
|
||||
"updateFailed": "Échec de la mise à jour. Vérifiez vos données.",
|
||||
"updateMissingId": "Échec de la mise à jour. ID de publication manquant.",
|
||||
"deleteFailed": "Échec de la suppression.",
|
||||
"deleteMissingId": "Échec de la suppression. ID de publication manquant."
|
||||
},
|
||||
"success": {
|
||||
"created": "Publication créée.",
|
||||
"updated": "Publication mise à jour.",
|
||||
"deleted": "Publication supprimée."
|
||||
},
|
||||
"fallback": {
|
||||
"noExcerpt": "Aucun extrait"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
53
apps/admin/src/providers/admin-i18n-provider.tsx
Normal file
53
apps/admin/src/providers/admin-i18n-provider.tsx
Normal file
@ -0,0 +1,53 @@
|
||||
"use client"
|
||||
|
||||
import type { AppLocale } from "@cms/i18n"
|
||||
import { createContext, type ReactNode, useContext, useMemo } from "react"
|
||||
|
||||
import type { AdminMessages } from "@/i18n/messages"
|
||||
import { translateMessage } from "@/i18n/messages"
|
||||
|
||||
type AdminI18nContextValue = {
|
||||
locale: AppLocale
|
||||
messages: AdminMessages
|
||||
}
|
||||
|
||||
const AdminI18nContext = createContext<AdminI18nContextValue | null>(null)
|
||||
|
||||
export function AdminI18nProvider({
|
||||
locale,
|
||||
messages,
|
||||
children,
|
||||
}: {
|
||||
locale: AppLocale
|
||||
messages: AdminMessages
|
||||
children: ReactNode
|
||||
}) {
|
||||
const value = useMemo(
|
||||
() => ({
|
||||
locale,
|
||||
messages,
|
||||
}),
|
||||
[locale, messages],
|
||||
)
|
||||
|
||||
return <AdminI18nContext.Provider value={value}>{children}</AdminI18nContext.Provider>
|
||||
}
|
||||
|
||||
export function useAdminI18n(): AdminI18nContextValue {
|
||||
const context = useContext(AdminI18nContext)
|
||||
|
||||
if (!context) {
|
||||
throw new Error("useAdminI18n must be used inside AdminI18nProvider")
|
||||
}
|
||||
|
||||
return context
|
||||
}
|
||||
|
||||
export function useAdminT() {
|
||||
const { messages } = useAdminI18n()
|
||||
|
||||
return useMemo(
|
||||
() => (key: string, fallback?: string) => translateMessage(messages, key, fallback),
|
||||
[messages],
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user