refactor(core): move app para src e padroniza estrutura

2026-05-10 03:11:46 +00:00 · 2026-03-12 19:22:50 +00:00
parent d92e70f1b9
commit b0fbb1062a
567 changed files with 8981 additions and 5014 deletions
--- a/src/app/(dashboard)/accounts/[accountId]/statement/loading.tsx
+++ b/src/app/(dashboard)/accounts/[accountId]/statement/loading.tsx
@@ -0,0 +1,38 @@
+import {
+	AccountStatementCardSkeleton,
+	FilterSkeleton,
+	TransactionsTableSkeleton,
+} from "@/shared/components/skeletons";
+import { Skeleton } from "@/shared/components/ui/skeleton";
+
+/**
+ * Loading state para a página de extrato de conta
+ * Layout: MonthPicker + AccountStatementCard + Filtros + Tabela de lançamentos
+ */
+export default function ExtratoLoading() {
+	return (
+		<main className="flex flex-col gap-6">
+			{/* Month Picker placeholder */}
+			<div className="h-[60px] animate-pulse rounded-2xl bg-foreground/10" />
+
+			{/* Account Statement Card */}
+			<AccountStatementCardSkeleton />
+
+			{/* Seção de lançamentos */}
+			<section className="flex flex-col gap-4">
+				<div className="space-y-6 pt-4">
+					{/* Header */}
+					<div className="flex items-center justify-between">
+						<Skeleton className="h-8 w-48 rounded-2xl bg-foreground/10" />
+					</div>
+
+					{/* Filtros */}
+					<FilterSkeleton />
+
+					{/* Tabela */}
+					<TransactionsTableSkeleton />
+				</div>
+			</section>
+		</main>
+	);
+}
--- a/src/app/(dashboard)/accounts/[accountId]/statement/page.tsx
+++ b/src/app/(dashboard)/accounts/[accountId]/statement/page.tsx
@@ -0,0 +1,179 @@
+import { RiPencilLine } from "@remixicon/react";
+import { notFound } from "next/navigation";
+import { AccountDialog } from "@/features/accounts/components/account-dialog";
+import { AccountStatementCard } from "@/features/accounts/components/account-statement-card";
+import type { Account } from "@/features/accounts/components/types";
+import {
+	fetchAccountData,
+	fetchAccountLancamentos,
+	fetchAccountSummary,
+} from "@/features/accounts/statement-queries";
+import { fetchUserPreferences } from "@/features/settings/queries";
+import { LancamentosPage as LancamentosSection } from "@/features/transactions/components/page/transactions-page";
+import {
+	buildLancamentoWhere,
+	buildOptionSets,
+	buildSluggedFilters,
+	buildSlugMaps,
+	extractLancamentoSearchFilters,
+	getSingleParam,
+	mapLancamentosData,
+	type ResolvedSearchParams,
+} from "@/features/transactions/page-helpers";
+import {
+	fetchLancamentoFilterSources,
+	fetchRecentEstablishments,
+} from "@/features/transactions/queries";
+import MonthNavigation from "@/shared/components/month-picker/month-navigation";
+import { Button } from "@/shared/components/ui/button";
+import { getUserId } from "@/shared/lib/auth/server";
+import { loadLogoOptions } from "@/shared/lib/logo/options";
+import { parsePeriodParam } from "@/shared/utils/period";
+
+type PageSearchParams = Promise<ResolvedSearchParams>;
+
+type PageProps = {
+	params: Promise<{ accountId: string }>;
+	searchParams?: PageSearchParams;
+};
+
+const capitalize = (value: string) =>
+	value.length > 0 ? value[0]?.toUpperCase().concat(value.slice(1)) : value;
+
+export default async function Page({ params, searchParams }: PageProps) {
+	const { accountId: contaId } = await params;
+	const userId = await getUserId();
+	const resolvedSearchParams = searchParams ? await searchParams : undefined;
+
+	const periodoParamRaw = getSingleParam(resolvedSearchParams, "periodo");
+	const {
+		period: selectedPeriod,
+		monthName,
+		year,
+	} = parsePeriodParam(periodoParamRaw);
+
+	const searchFilters = extractLancamentoSearchFilters(resolvedSearchParams);
+
+	const account = await fetchAccountData(userId, contaId);
+
+	if (!account) {
+		notFound();
+	}
+
+	const [
+		filterSources,
+		logoOptions,
+		accountSummary,
+		estabelecimentos,
+		userPreferences,
+	] = await Promise.all([
+		fetchLancamentoFilterSources(userId),
+		loadLogoOptions(),
+		fetchAccountSummary(userId, contaId, selectedPeriod),
+		fetchRecentEstablishments(userId),
+		fetchUserPreferences(userId),
+	]);
+	const sluggedFilters = buildSluggedFilters(filterSources);
+	const slugMaps = buildSlugMaps(sluggedFilters);
+
+	const filters = buildLancamentoWhere({
+		userId,
+		period: selectedPeriod,
+		filters: searchFilters,
+		slugMaps,
+		accountId: account.id,
+	});
+
+	const lancamentoRows = await fetchAccountLancamentos(filters);
+
+	const lancamentosData = mapLancamentosData(lancamentoRows);
+
+	const { openingBalance, currentBalance, totalIncomes, totalExpenses } =
+		accountSummary;
+
+	const periodLabel = `${capitalize(monthName)} de ${year}`;
+
+	const accountDialogData: Account = {
+		id: account.id,
+		name: account.name,
+		accountType: account.accountType,
+		status: account.status,
+		note: account.note,
+		logo: account.logo,
+		initialBalance: Number(account.initialBalance ?? 0),
+		balance: currentBalance,
+	};
+
+	const {
+		pagadorOptions,
+		splitPagadorOptions,
+		defaultPagadorId,
+		contaOptions,
+		cartaoOptions,
+		categoriaOptions,
+		pagadorFilterOptions,
+		categoriaFilterOptions,
+		contaCartaoFilterOptions,
+	} = buildOptionSets({
+		...sluggedFilters,
+		pagadorRows: filterSources.pagadorRows,
+		limitContaId: account.id,
+	});
+
+	return (
+		<main className="flex flex-col gap-6">
+			<MonthNavigation />
+
+			<AccountStatementCard
+				accountName={account.name}
+				accountType={account.accountType}
+				status={account.status}
+				periodLabel={periodLabel}
+				openingBalance={openingBalance}
+				currentBalance={currentBalance}
+				totalIncomes={totalIncomes}
+				totalExpenses={totalExpenses}
+				logo={account.logo}
+				actions={
+					<AccountDialog
+						mode="update"
+						account={accountDialogData}
+						logoOptions={logoOptions}
+						trigger={
+							<Button
+								type="button"
+								variant="ghost"
+								size="icon-sm"
+								className="text-muted-foreground hover:text-foreground"
+								aria-label="Editar conta"
+							>
+								<RiPencilLine className="size-4" />
+							</Button>
+						}
+					/>
+				}
+			/>
+
+			<section className="flex flex-col gap-4">
+				<LancamentosSection
+					currentUserId={userId}
+					lancamentos={lancamentosData}
+					pagadorOptions={pagadorOptions}
+					splitPagadorOptions={splitPagadorOptions}
+					defaultPagadorId={defaultPagadorId}
+					contaOptions={contaOptions}
+					cartaoOptions={cartaoOptions}
+					categoriaOptions={categoriaOptions}
+					pagadorFilterOptions={pagadorFilterOptions}
+					categoriaFilterOptions={categoriaFilterOptions}
+					contaCartaoFilterOptions={contaCartaoFilterOptions}
+					selectedPeriod={selectedPeriod}
+					estabelecimentos={estabelecimentos}
+					allowCreate={false}
+					noteAsColumn={userPreferences?.extratoNoteAsColumn ?? false}
+					columnOrder={userPreferences?.lancamentosColumnOrder ?? null}
+				/>
+			</section>
+		</main>
+	);
+}
--- a/src/app/(dashboard)/accounts/layout.tsx
+++ b/src/app/(dashboard)/accounts/layout.tsx
@@ -0,0 +1,25 @@
+import { RiBankLine } from "@remixicon/react";
+import PageDescription from "@/shared/components/page-description";
+
+export const metadata = {
+	title: "Contas | OpenMonetis",
+};
+
+export default function RootLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<section className="space-y-6 pt-4">
+			<PageDescription
+				icon={<RiBankLine />}
+				title="Contas"
+				subtitle="Acompanhe todas as contas do mês selecionado incluindo receitas,
+        despesas e transações previstas. Use o seletor abaixo para navegar pelos
+        meses e visualizar as movimentações correspondentes."
+			/>
+			{children}
+		</section>
+	);
+}
--- a/src/app/(dashboard)/accounts/loading.tsx
+++ b/src/app/(dashboard)/accounts/loading.tsx
@@ -0,0 +1,33 @@
+import { Skeleton } from "@/shared/components/ui/skeleton";
+
+export default function ContasLoading() {
+	return (
+		<main className="flex flex-col gap-6">
+			<div className="space-y-6 pt-4">
+				{/* Header */}
+				<div className="flex items-center justify-between">
+					<Skeleton className="h-8 w-32 rounded-2xl bg-foreground/10" />
+					<Skeleton className="h-10 w-40 rounded-2xl bg-foreground/10" />
+				</div>
+
+				{/* Grid de contas */}
+				<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+					{Array.from({ length: 6 }).map((_, i) => (
+						<div key={i} className="rounded-2xl border p-6 space-y-4">
+							<div className="flex items-center justify-between">
+								<Skeleton className="size-10 rounded-2xl bg-foreground/10" />
+								<Skeleton className="h-8 w-16 rounded-2xl bg-foreground/10" />
+							</div>
+							<Skeleton className="h-6 w-32 rounded-2xl bg-foreground/10" />
+							<Skeleton className="h-4 w-full rounded-2xl bg-foreground/10" />
+							<div className="flex gap-2">
+								<Skeleton className="h-4 w-20 rounded-2xl bg-foreground/10" />
+								<Skeleton className="h-4 w-20 rounded-2xl bg-foreground/10" />
+							</div>
+						</div>
+					))}
+				</div>
+			</div>
+		</main>
+	);
+}
--- a/src/app/(dashboard)/accounts/page.tsx
+++ b/src/app/(dashboard)/accounts/page.tsx
@@ -0,0 +1,19 @@
+import { AccountsPage } from "@/features/accounts/components/accounts-page";
+import { fetchAllAccountsForUser } from "@/features/accounts/queries";
+import { getUserId } from "@/shared/lib/auth/server";
+
+export default async function Page() {
+	const userId = await getUserId();
+	const { activeAccounts, archivedAccounts, logoOptions } =
+		await fetchAllAccountsForUser(userId);
+
+	return (
+		<main className="flex flex-col items-start gap-6">
+			<AccountsPage
+				accounts={activeAccounts}
+				archivedAccounts={archivedAccounts}
+				logoOptions={logoOptions}
+			/>
+		</main>
+	);
+}