@goplusvn/core 0.1.70 → 0.1.72

package/templates/starter-app/src/app/[lang]/(main)/admin/system/company/company-profile-form.tsx

@@ -0,0 +1,195 @@
+"use client"
+
+import * as React from "react"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@goerp/core/ui"
+import { Button } from "@goerp/core/ui/primitives/button"
+import { Input } from "@goerp/core/ui/primitives/input"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import { toast } from "sonner"
+import { z } from "zod"
+
+import { submitCompanyProfile } from "./actions"
+
+const schema = z.object({
+  name: z.string().min(1, "Nhập tên công ty"),
+  taxCode: z.string().min(1, "Nhập mã số thuế"),
+  address: z.string().min(1, "Nhập địa chỉ"),
+  phone: z.string().min(1, "Nhập số điện thoại"),
+  email: z.string().email("Email không hợp lệ"),
+  systemName: z.string().optional(),
+  logoUrl: z.string().optional(),
+})
+
+type FormValues = z.infer<typeof schema>
+
+interface CompanyProfileFormProps {
+  initialData: {
+    name: string
+    taxCode: string
+    address: string
+    phone: string
+    email: string
+    logoUrl?: string | null
+    systemName?: string | null
+  }
+}
+
+const FIELDS: Array<{
+  name: keyof FormValues
+  label: string
+  placeholder?: string
+}> = [
+  { name: "name", label: "Tên công ty (trên biểu mẫu/hoá đơn)" },
+  { name: "taxCode", label: "Mã số thuế" },
+  { name: "address", label: "Địa chỉ" },
+  { name: "phone", label: "Số điện thoại" },
+  { name: "email", label: "Email" },
+  {
+    name: "systemName",
+    label: "Tên hệ thống (hiển thị trên app)",
+    placeholder: "Bỏ trống = dùng tên công ty",
+  },
+]
+
+export function CompanyProfileForm({ initialData }: CompanyProfileFormProps) {
+  const form = useForm<FormValues>({
+    resolver: zodResolver(schema),
+    defaultValues: {
+      name: initialData.name ?? "",
+      taxCode: initialData.taxCode ?? "",
+      address: initialData.address ?? "",
+      phone: initialData.phone ?? "",
+      email: initialData.email ?? "",
+      systemName: initialData.systemName ?? "",
+      logoUrl: initialData.logoUrl ?? "",
+    },
+  })
+  const { isSubmitting } = form.formState
+  const [isUploadingLogo, setIsUploadingLogo] = React.useState(false)
+  const logoUrl = form.watch("logoUrl")
+
+  async function handleLogoChange(e: React.ChangeEvent<HTMLInputElement>) {
+    const file = e.target.files?.[0]
+    if (!file) return
+    setIsUploadingLogo(true)
+    try {
+      const formData = new FormData()
+      formData.append("file", file)
+      const res = await fetch("/api/upload", { method: "POST", body: formData })
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({}))
+        throw new Error(err.error || "Tải logo thất bại")
+      }
+      const data = await res.json()
+      form.setValue("logoUrl", data.url as string, { shouldDirty: true })
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Tải logo thất bại")
+    } finally {
+      setIsUploadingLogo(false)
+      e.target.value = ""
+    }
+  }
+
+  async function onSubmit(values: FormValues) {
+    const result = await submitCompanyProfile({
+      ...values,
+      systemName: values.systemName || null,
+      logoUrl: values.logoUrl || null,
+    })
+    if (result.success) toast.success("Đã lưu hồ sơ công ty")
+    else toast.error(result.error ?? "Lưu thất bại")
+  }
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Thông tin công ty</CardTitle>
+        <CardDescription>
+          Dùng cho biểu mẫu in, hoá đơn và phần hiển thị thương hiệu của app.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className="grid gap-4">
+            {/* Logo công ty — dùng cho sidebar/trang in; upload qua /api/upload,
+                file phục vụ lại qua /api/files. */}
+            <div className="space-y-2">
+              <span className="text-sm font-medium">Logo công ty</span>
+              <div className="flex items-center gap-4">
+                <div className="flex h-20 w-20 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border bg-muted">
+                  {logoUrl ? (
+                    // eslint-disable-next-line @next/next/no-img-element -- ảnh động theo DB, không qua next/image
+                    <img
+                      src={logoUrl}
+                      alt="Logo công ty"
+                      className="h-full w-full object-contain"
+                    />
+                  ) : (
+                    <span className="text-[11px] text-muted-foreground">
+                      Chưa có
+                    </span>
+                  )}
+                </div>
+                <div className="flex flex-col gap-2">
+                  <Input
+                    type="file"
+                    accept="image/*"
+                    disabled={isUploadingLogo}
+                    onChange={handleLogoChange}
+                    className="max-w-xs"
+                  />
+                  <div className="flex items-center gap-3 text-xs text-muted-foreground">
+                    {isUploadingLogo && <span>Đang tải lên...</span>}
+                    {logoUrl && !isUploadingLogo && (
+                      <button
+                        type="button"
+                        className="underline"
+                        onClick={() =>
+                          form.setValue("logoUrl", "", { shouldDirty: true })
+                        }
+                      >
+                        Gỡ logo
+                      </button>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </div>
+            {FIELDS.map((f) => (
+              <FormField
+                key={f.name}
+                control={form.control}
+                name={f.name}
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>{f.label}</FormLabel>
+                    <FormControl>
+                      <Input placeholder={f.placeholder} {...field} />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            ))}
+            <Button type="submit" disabled={isSubmitting} className="w-fit">
+              {isSubmitting ? "Đang lưu..." : "Lưu hồ sơ"}
+            </Button>
+          </form>
+        </Form>
+      </CardContent>
+    </Card>
+  )
+}

package/templates/starter-app/src/app/[lang]/(main)/admin/system/company/page.tsx

@@ -0,0 +1,29 @@
+import { getSystemCompany } from "@/server/services/company-service"
+
+import type { Metadata } from "next"
+
+import { requirePageAccess } from "@/lib/page-guard"
+
+import { CompanyProfileForm } from "./company-profile-form"
+
+export const metadata: Metadata = {
+  title: "Hồ sơ công ty",
+  description: "Thông tin công ty gốc dùng cho biểu mẫu, hoá đơn và branding",
+}
+
+export default async function CompanyProfilePage({
+  params,
+}: {
+  params: Promise<{ lang: string }>
+}) {
+  const { lang } = await params
+  await requirePageAccess(lang, "system-setting")
+  const company = await getSystemCompany()
+
+  return (
+    <div className="mx-auto flex w-full max-w-3xl flex-col gap-4 p-4 md:p-6">
+      <h1 className="text-2xl font-bold tracking-tight">Hồ sơ công ty</h1>
+      <CompanyProfileForm initialData={company} />
+    </div>
+  )
+}

package/templates/starter-app/src/app/[lang]/(main)/crud/[entity]/page.tsx

@@ -2,8 +2,9 @@ import { EntityCrudPage } from "@goerp/core/crud"
 
 import type { LocaleType } from "@goerp/core/types"
 
-import { getEntityConfig } from "@/configs/entities"
 import { dictionary } from "@/data/dictionary"
+
+import { getEntityConfig } from "@/configs/entities"
 import { getSession } from "@/lib/auth"
 
 export const dynamic = "force-dynamic"
@@ -22,7 +23,8 @@ export default async function CrudEntityPage({
   if (!config) {
     return (
       <div className="p-6 text-sm text-muted-foreground">
-        Không tìm thấy entity: <code className="rounded bg-muted px-1">{entity}</code>
+        Không tìm thấy entity:{" "}
+        <code className="rounded bg-muted px-1">{entity}</code>
       </div>
     )
   }

package/templates/starter-app/src/app/[lang]/(main)/error.tsx

@@ -0,0 +1,24 @@
+"use client"
+
+import { ErrorView } from "@goerp/core/ui"
+
+/**
+ * Boundary cho MỌI trang trong vỏ app: sidebar/tab/header vẫn còn, trang hỏng
+ * chỉ chiếm phần nội dung — sự cố một trang không thành "cả hệ thống hỏng".
+ */
+export default function MainError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return (
+    <ErrorView
+      error={error}
+      reset={reset}
+      title="Không tải được trang"
+      description="Hệ thống gặp sự cố khi hiển thị trang này. Dữ liệu và quyền truy cập của bạn không thay đổi. Bấm Thử lại, hoặc chuyển sang phân hệ khác; nếu vẫn lỗi, gửi mã lỗi bên dưới cho quản trị viên."
+    />
+  )
+}

package/templates/starter-app/src/app/[lang]/(main)/layout.tsx

@@ -1,9 +1,10 @@
 import type { ReactNode } from "react"
 
-import { MainLayoutWrapper } from "@/components/layout/main-layout-wrapper"
 import { dictionary } from "@/data/dictionary"
 import { navigations } from "@/data/navigations"
 
+import { MainLayoutWrapper } from "@/components/layout/main-layout-wrapper"
+
 export default function MainAreaLayout({ children }: { children: ReactNode }) {
   return (
     <MainLayoutWrapper dictionary={dictionary} navigation={navigations}>

package/templates/starter-app/src/app/[lang]/(main)/not-found.tsx

@@ -0,0 +1,6 @@
+import { NotFoundView } from "@goerp/core/ui"
+
+/** `notFound()` trong vỏ app — bản ghi bị xoá, id sai. Vỏ app vẫn còn. */
+export default function MainNotFound() {
+  return <NotFoundView />
+}

package/templates/starter-app/src/app/[lang]/(main)/page.tsx

@@ -1,7 +1,10 @@
+import Link from "next/link"
+import { redirect } from "next/navigation"
 import { StatBar } from "@goerp/core/ui"
 import { ArrowRight, Building2, ShieldCheck, Sparkles } from "lucide-react"
-import Link from "next/link"
 
+import { i18n } from "@/configs/i18n"
+import { getSession } from "@/lib/auth"
 import { db } from "@/lib/prisma"
 
 export const dynamic = "force-dynamic"
@@ -9,6 +12,13 @@ export const dynamic = "force-dynamic"
 // Sample ERP dashboard. Server component: query counts, hand StatBar plain data.
 // Replace the KPIs + quick actions with your domain's once you add entities.
 export default async function HomePage() {
+  // Proxy chỉ kiểm tra SỰ TỒN TẠI cookie (Edge không xác minh chữ ký được) —
+  // page nào tự query dữ liệu PHẢI tự xác minh phiên thật. Thiếu dòng này thì
+  // một cookie rác (hoặc cookie của app GoERP khác cùng localhost) đủ để xem
+  // dashboard: pilot spartronics 2026-08-07 dính đúng lỗi đó.
+  const session = await getSession()
+  if (!session?.user) redirect(`/${i18n.defaultLocale}/sign-in`)
+
   const [departmentCount, activeDepartments, userCount] = await Promise.all([
     db.department.count(),
     db.department.count({ where: { status: "active" } }),
@@ -23,8 +33,8 @@ export default async function HomePage() {
         </h1>
         <p className="text-sm text-muted-foreground">
           App mẫu chạy trên{" "}
-          <code className="rounded bg-muted px-1">@goerp/core</code> — auth, RBAC,
-          CRUD engine và design system đều từ core.
+          <code className="rounded bg-muted px-1">@goerp/core</code> — auth,
+          RBAC, CRUD engine và design system đều từ core.
         </p>
       </div>
 

package/templates/starter-app/src/app/[lang]/(main)/resources/page.tsx

@@ -0,0 +1,39 @@
+// Trang tài nguyên = catalog TRA CỨU (đọc từ DB đã rbac-sync). Khai báo/chỉnh
+// sửa nằm trong Permission Registry (src/configs/permissions) + rbac-sync,
+// không sửa trực tiếp ở đây.
+import { ResourceCatalogPage } from "@goerp/core/rbac/pages"
+import {
+  getActionsForPermissionMatrix,
+  getResourcesForPermissionMatrix,
+} from "@goerp/core/rbac/resource-service"
+
+import { getActionMetaMap, getLookupPolicyMap } from "@/configs/permissions"
+import { MENU_TREE } from "@/configs/permissions/menu-tree"
+import { requirePageAccess } from "@/lib/page-guard"
+import { db } from "@/lib/prisma"
+
+export const metadata = { title: "Tài nguyên" }
+
+export default async function ResourcesPage({
+  params,
+}: {
+  params: Promise<{ lang: string }>
+}) {
+  const { lang } = await params
+  await requirePageAccess(lang, "resource")
+
+  const [resources, actions] = await Promise.all([
+    getResourcesForPermissionMatrix(db),
+    getActionsForPermissionMatrix(db),
+  ])
+
+  return (
+    <ResourceCatalogPage
+      resources={resources}
+      actions={actions}
+      menuTree={MENU_TREE}
+      actionMeta={getActionMetaMap()}
+      lookupPolicies={getLookupPolicyMap()}
+    />
+  )
+}

package/templates/starter-app/src/app/[lang]/(main)/roles/[id]/edit/page.tsx

@@ -9,6 +9,7 @@ import {
 import type { Metadata } from "next"
 
 import { dictionary } from "@/data/dictionary"
+
 import { requirePageAccess } from "@/lib/page-guard"
 import { db } from "@/lib/prisma"
 
@@ -29,7 +30,9 @@ export default async function EditRolePage({
     getActionsForPermissionMatrix(db),
     db.role.findUnique({
       where: { id },
-      include: { rolePermissions: { select: { resourceCode: true, actionCode: true } } },
+      include: {
+        rolePermissions: { select: { resourceCode: true, actionCode: true } },
+      },
     }),
   ])
 
@@ -52,7 +55,7 @@ export default async function EditRolePage({
         // Ma trận quyền của core đọc dạng "action:resource" — đảo thứ tự là
         // không ô nào tick, mà cũng chẳng có lỗi nào hiện ra.
         permissions: role.rolePermissions.map(
-          (rp) => `${rp.actionCode}:${rp.resourceCode}`,
+          (rp) => `${rp.actionCode}:${rp.resourceCode}`
         ),
       }}
     />

package/templates/starter-app/src/app/[lang]/(main)/roles/new/page.tsx

@@ -8,6 +8,7 @@ import {
 import type { Metadata } from "next"
 
 import { dictionary } from "@/data/dictionary"
+
 import { requirePageAccess } from "@/lib/page-guard"
 import { db } from "@/lib/prisma"
 

package/templates/starter-app/src/app/[lang]/(main)/roles/page.tsx

@@ -9,6 +9,7 @@ import { getRolesData } from "@goerp/core/rbac/role-service"
 import type { Metadata } from "next"
 
 import { dictionary } from "@/data/dictionary"
+
 import { requirePageAccess } from "@/lib/page-guard"
 import { db } from "@/lib/prisma"
 

package/templates/starter-app/src/app/[lang]/(main)/security/sessions/page.tsx

@@ -0,0 +1,24 @@
+import { SessionsPage } from "@goerp/core/security"
+
+import type { Metadata } from "next"
+
+import { requirePageAccess } from "@/lib/page-guard"
+
+export const metadata: Metadata = { title: "Quản lý phiên đăng nhập" }
+export const dynamic = "force-dynamic"
+
+/**
+ * Trang QUẢN TRỊ — quản lý phiên đăng nhập (Better Auth) của MỌI user.
+ * Màn hình sẵn của core; app chỉ gác quyền `user:view` (cùng resource với
+ * trang Người dùng) và cung cấp 3 endpoint /api/security/sessions.
+ */
+export default async function SecuritySessionsPage({
+  params,
+}: {
+  params: Promise<{ lang: string }>
+}) {
+  const { lang } = await params
+  await requirePageAccess(lang, "user")
+
+  return <SessionsPage />
+}

package/templates/starter-app/src/app/[lang]/(main)/system-categories/page.tsx

@@ -0,0 +1,30 @@
+import { SystemCategoryPage } from "@goerp/core/system/pages/system-category-page"
+import { getSystemCategoryGroupsData } from "@goerp/core/system/services/system-category-service"
+
+import type { Metadata } from "next"
+
+import { requirePageAccess } from "@/lib/page-guard"
+import { db } from "@/lib/prisma"
+
+export const metadata: Metadata = { title: "Danh mục hệ thống" }
+export const dynamic = "force-dynamic"
+
+/**
+ * Danh mục hệ thống — màn hình sẵn của core (sidebar nhóm + danh sách mục).
+ * Trang chỉ nạp danh sách nhóm ban đầu; mọi thao tác CRUD sau đó component
+ * core tự gọi /api/system-categories + /api/system-category-groups.
+ */
+export default async function SystemCategoriesPage({
+  params,
+}: {
+  params: Promise<{ lang: string }>
+}) {
+  const { lang } = await params
+  await requirePageAccess(lang, "system-category")
+
+  const { items: initialGroups } = await getSystemCategoryGroupsData(db, {
+    pageSize: 100, // nạp hết nhóm cho sidebar
+  })
+
+  return <SystemCategoryPage initialGroups={initialGroups} />
+}

package/templates/starter-app/src/app/[lang]/(main)/user/profile/actions.ts

@@ -0,0 +1,62 @@
+"use server"
+
+import { headers } from "next/headers"
+import { z } from "zod"
+
+import { getAuth } from "@/lib/better-auth"
+
+const schema = z
+  .object({
+    currentPassword: z.string().min(1, "Nhập mật khẩu hiện tại"),
+    newPassword: z.string().min(6, "Mật khẩu mới tối thiểu 6 ký tự"),
+    confirmPassword: z.string().min(1, "Nhập lại mật khẩu mới"),
+  })
+  .refine((d) => d.newPassword === d.confirmPassword, {
+    message: "Mật khẩu nhập lại không khớp",
+    path: ["confirmPassword"],
+  })
+
+export interface ChangePasswordState {
+  success?: boolean
+  message?: string
+}
+
+/**
+ * Đổi mật khẩu của CHÍNH người đang đăng nhập — đi qua Better Auth
+ * `changePassword` (tự verify mật khẩu cũ + hash bằng bcrypt đã cấu hình +
+ * thu hồi các phiên khác), không tự chế so bcrypt ở app.
+ */
+export async function changePassword(
+  _prev: ChangePasswordState,
+  formData: FormData
+): Promise<ChangePasswordState> {
+  // Không getSession() trần ở đây (guardrail server-action-bare-session):
+  // auth.api.changePassword tự validate phiên từ headers — không phiên là ném.
+  const parsed = schema.safeParse({
+    currentPassword: formData.get("currentPassword"),
+    newPassword: formData.get("newPassword"),
+    confirmPassword: formData.get("confirmPassword"),
+  })
+  if (!parsed.success) {
+    return {
+      message: parsed.error.issues[0]?.message ?? "Dữ liệu không hợp lệ",
+    }
+  }
+
+  try {
+    await getAuth().api.changePassword({
+      headers: await headers(),
+      body: {
+        currentPassword: parsed.data.currentPassword,
+        newPassword: parsed.data.newPassword,
+        revokeOtherSessions: true,
+      },
+    })
+    return { success: true, message: "Đã đổi mật khẩu." }
+  } catch {
+    return {
+      message:
+        "Không đổi được mật khẩu — kiểm tra mật khẩu hiện tại, hoặc đăng nhập lại nếu phiên đã hết hạn.",
+    }
+  }
+}

package/templates/starter-app/src/app/[lang]/(main)/user/profile/page.tsx

@@ -0,0 +1,41 @@
+import { redirect } from "next/navigation"
+
+import type { Metadata } from "next"
+
+import { i18n } from "@/configs/i18n"
+import { getSession } from "@/lib/auth"
+import { db } from "@/lib/prisma"
+
+import { ProfileClientPage } from "./profile-client-page"
+
+export const metadata: Metadata = { title: "Hồ sơ cá nhân" }
+
+/**
+ * Hồ sơ NGƯỜI ĐANG ĐĂNG NHẬP — đích của mục "Hồ sơ" trong dropdown user của
+ * core MainLayout (/user/profile). Không cần quyền gì ngoài phiên hợp lệ:
+ * ai cũng được xem thông tin của chính mình.
+ */
+export default async function UserProfilePage() {
+  const session = await getSession()
+  if (!session?.user?.id) redirect(`/${i18n.defaultLocale}/sign-in`)
+
+  const user = await db.user.findUnique({
+    where: { id: session.user.id },
+    select: {
+      id: true,
+      name: true,
+      email: true,
+      image: true,
+      createdAt: true,
+      userRoles: {
+        select: { roleCode: true, role: { select: { name: true } } },
+      },
+      userBranches: {
+        select: { isDefault: true, branch: { select: { name: true } } },
+      },
+    },
+  })
+  if (!user) redirect(`/${i18n.defaultLocale}`)
+
+  return <ProfileClientPage user={user} />
+}