feat(api,ui): MFA/TOTP, Inventory, Support, HR-Timeclock, Fiscal, Billing e Design System
Leva grande, pedida como "pelo menos mais 20 etapas, use subagentes":
fecha a pendência de MFA/TOTP da Fase 1 (feito diretamente, autenticação é
sensível demais para delegar) e lança 5 subagentes em paralelo em 2 ondas
(eden-inventory, eden-support, eden-hr-timeclock; depois eden-finance,
eden-fiscal, eden-frontend), cada um em worktree isolado, com integração
seletiva manual (barrel, app.module.ts, migrations renomeadas/aplicadas,
build/typecheck/teste ao vivo antes de cada merge).
## Backend
- MFA/TOTP (`apps/api/src/auth/mfa.service.ts`, `crypto/field-encryption.service.ts`):
login em duas etapas quando `mfa_enabled=true`, `FieldEncryptionService`
genérico (AES-256-GCM versionado, ADR-0005) reaproveitado por outros
segredos reversíveis (ex. credencial de equipamento Control iD).
- Inventory: warehouses, stock_movements (ledger append-only), serialized_assets,
asset_assignments, stock_reservations — invariante "serial/patrimônio/MAC
nunca duplicado entre ativos ativos" reforçada por índices únicos parciais
no banco (Master Prompt §15.3).
- Support/Service Desk: tickets com máquina de estados, SLA com pausa/retomada
em `waiting_customer`/`waiting_third_party` (funções puras testáveis).
- HR-Timeclock (fundação): dispositivos Control iD (senha cifrada), import de
AFD com parser + CRC-16/KERMIT, `afd_records` imutável sem exceção nem
para super_admin (sem válvula de escape, diferente de audit_log).
- Fiscal: NCM/CFOP/municípios/naturezas de operação (eden.md módulo 5, MVP de
5 das ~19 tabelas), product_fiscal_profiles com invariante de único
profile ativo por billing_component.
- Billing: subscription→billing_run→invoice idempotente (regenerar em draft
substitui, nunca duplica) e imutável após consolidar (ADR-0008: nunca
confunde faturamento/documento fiscal/recebimento).
- FKs cruzadas fechadas: quotes/client_registrations/contracts.
## Frontend — primeira leva
- `packages/ui`: Design System real extraído do tema DreamsERP comprado —
achado que mudou o escopo: o tema já vem em React+Tailwind (não só
Angular), tokens visuais reais portados (cores, Geist como fonte real,
divergindo da doc antiga que citava Nunito/Poppins).
- `apps/core-web`: login real (com suporte a MFA), sessão, shell autenticado
via `AppShell` — substitui a tela estática "Bootstrap da Fase 1".
## Bugs reais encontrados e corrigidos (todos via teste ao vivo, não leitura)
1. **Segurança**: o token de desafio MFA era aceito como access token normal
pelo `JwtAuthGuard` (mesma assinatura, nenhuma checagem da claim
`purpose`) — bypass total do segundo fator. Explorado e fechado ao vivo
contra o container real; teste de regressão em `test/mfa.spec.ts`.
2. Crase solta dentro de comentário SQL na migration de hr-timeclock quebrava
o template literal JS (`SyntaxError` ao rodar a migration).
3. CORS ausente por completo na API.
4. `turbo.json` não declarava `VITE_API_BASE_URL` como input de build — o
Turborepo cacheava o bundle do frontend ignorando mudança na env var.
5. `compose.yaml` usava `${VITE_API_BASE_URL:-/api/v1}`, que colidia com a
variável de mesmo nome do `.env` local — o default nunca era aplicado.
6. Não existia `.dockerignore` — todo build copiava node_modules/.git/
worktrees de subagentes (665MB) para dentro do contexto Docker.
Decisão do operador incorporada: a API nunca tem domínio público próprio
(só IP interno) — os 3 frontends chamam por caminho relativo `/api/v1`,
proxy externo roteia same-origin; CORS só é relevante para dev local.
Verificado: `pnpm turbo run typecheck build` (28/28), `pnpm --filter
@eden/api test` (30/30, cresceu de 15), todo o lote testado ao vivo via
curl contra os containers reais reconstruídos, incluindo os 6 bugs acima
já fechados e confirmados, e a trilha de auditoria conferida no Postgres.
Claude-Session: https://claude.ai/code/session_01BcWWuKfykGtUweXmHD6cKx
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
67
apps/core-web/src/lib/api/auth.ts
Normal file
67
apps/core-web/src/lib/api/auth.ts
Normal file
@@ -0,0 +1,67 @@
|
||||
/**
|
||||
* Client for `apps/api` `/v1/auth/*` (see apps/api/src/auth/auth.controller.ts
|
||||
* and auth.service.ts for the source of truth — shapes below are mirrored,
|
||||
* not invented, and were smoke-tested against the real running API).
|
||||
*/
|
||||
import { apiRequest } from "./http.js";
|
||||
|
||||
export interface PublicUser {
|
||||
id: string;
|
||||
email: string;
|
||||
fullName: string | null;
|
||||
roleKey: string;
|
||||
}
|
||||
|
||||
export interface AuthResult {
|
||||
accessToken: string;
|
||||
expiresIn: number;
|
||||
refreshToken: string;
|
||||
user: PublicUser;
|
||||
}
|
||||
|
||||
export interface MfaRequiredResult {
|
||||
mfaRequired: true;
|
||||
mfaChallenge: string;
|
||||
expiresIn: number;
|
||||
}
|
||||
|
||||
export type LoginResult = AuthResult | MfaRequiredResult;
|
||||
|
||||
export function isMfaRequired(result: LoginResult): result is MfaRequiredResult {
|
||||
return "mfaRequired" in result && result.mfaRequired === true;
|
||||
}
|
||||
|
||||
export type PermissionGrant = { resource: string; action: string; scope: string };
|
||||
|
||||
export interface MeResult {
|
||||
user: PublicUser;
|
||||
permissions: "ALL" | PermissionGrant[];
|
||||
applications: Array<"core" | "reseller" | "subscriber">;
|
||||
}
|
||||
|
||||
const APPLICATION_KEY = "core" as const;
|
||||
|
||||
export function login(email: string, password: string): Promise<LoginResult> {
|
||||
return apiRequest<LoginResult>("/auth/login", {
|
||||
method: "POST",
|
||||
body: JSON.stringify({ email, password, applicationKey: APPLICATION_KEY }),
|
||||
});
|
||||
}
|
||||
|
||||
export function completeMfaLogin(mfaChallenge: string, code: string): Promise<AuthResult> {
|
||||
return apiRequest<AuthResult>("/auth/mfa/challenge", {
|
||||
method: "POST",
|
||||
body: JSON.stringify({ mfaChallenge, code }),
|
||||
});
|
||||
}
|
||||
|
||||
export function fetchMe(accessToken: string): Promise<MeResult> {
|
||||
return apiRequest<MeResult>("/auth/me", { method: "GET" }, { accessToken });
|
||||
}
|
||||
|
||||
export async function logout(refreshToken: string): Promise<void> {
|
||||
await apiRequest<void>("/auth/logout", {
|
||||
method: "POST",
|
||||
body: JSON.stringify({ refreshToken }),
|
||||
});
|
||||
}
|
||||
73
apps/core-web/src/lib/api/http.ts
Normal file
73
apps/core-web/src/lib/api/http.ts
Normal file
@@ -0,0 +1,73 @@
|
||||
/**
|
||||
* Minimal fetch wrapper for the EDEN API. Base URL comes from
|
||||
* `VITE_API_BASE_URL` (set in apps/core-web/.env — see .env.example),
|
||||
* falling back to the documented local dev default so `pnpm dev` works
|
||||
* out of the box against `docker compose up eden-postgres` + a locally
|
||||
* run `apps/api`.
|
||||
*/
|
||||
const DEFAULT_BASE_URL = "http://localhost:8080/api/v1";
|
||||
|
||||
export const API_BASE_URL = (import.meta.env.VITE_API_BASE_URL as string | undefined) ?? DEFAULT_BASE_URL;
|
||||
|
||||
export class ApiError extends Error {
|
||||
readonly status: number;
|
||||
|
||||
constructor(status: number, message: string) {
|
||||
super(message);
|
||||
this.name = "ApiError";
|
||||
this.status = status;
|
||||
}
|
||||
}
|
||||
|
||||
interface ApiErrorBody {
|
||||
message?: string | string[];
|
||||
error?: string;
|
||||
statusCode?: number;
|
||||
}
|
||||
|
||||
function extractErrorMessage(body: unknown, fallback: string): string {
|
||||
const parsed = body as ApiErrorBody | null;
|
||||
if (parsed && typeof parsed === "object") {
|
||||
if (Array.isArray(parsed.message)) return parsed.message.join(" ");
|
||||
if (typeof parsed.message === "string") return parsed.message;
|
||||
if (typeof parsed.error === "string") return parsed.error;
|
||||
}
|
||||
return fallback;
|
||||
}
|
||||
|
||||
export interface RequestOptions {
|
||||
accessToken?: string;
|
||||
}
|
||||
|
||||
export async function apiRequest<TResponse>(
|
||||
path: string,
|
||||
init?: RequestInit,
|
||||
options?: RequestOptions,
|
||||
): Promise<TResponse> {
|
||||
let response: Response;
|
||||
try {
|
||||
response = await fetch(`${API_BASE_URL}${path}`, {
|
||||
...init,
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
...(options?.accessToken ? { Authorization: `Bearer ${options.accessToken}` } : {}),
|
||||
...init?.headers,
|
||||
},
|
||||
});
|
||||
} catch {
|
||||
throw new ApiError(0, "Não foi possível conectar à API. Verifique sua conexão e tente novamente.");
|
||||
}
|
||||
|
||||
if (response.status === 204) {
|
||||
return undefined as TResponse;
|
||||
}
|
||||
|
||||
const text = await response.text();
|
||||
const body = text ? JSON.parse(text) : undefined;
|
||||
|
||||
if (!response.ok) {
|
||||
throw new ApiError(response.status, extractErrorMessage(body, "Ocorreu um erro inesperado."));
|
||||
}
|
||||
|
||||
return body as TResponse;
|
||||
}
|
||||
109
apps/core-web/src/lib/auth/AuthContext.tsx
Normal file
109
apps/core-web/src/lib/auth/AuthContext.tsx
Normal file
@@ -0,0 +1,109 @@
|
||||
import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
|
||||
import type { ReactNode } from "react";
|
||||
import {
|
||||
completeMfaLogin,
|
||||
fetchMe,
|
||||
isMfaRequired,
|
||||
login as apiLogin,
|
||||
logout as apiLogout,
|
||||
} from "../api/auth.js";
|
||||
import type { PublicUser } from "../api/auth.js";
|
||||
import { clearSession, readSession, writeSession } from "./session.js";
|
||||
|
||||
export type AuthStatus = "loading" | "authenticated" | "anonymous";
|
||||
|
||||
/** Result of `login()` when the account has MFA enabled — caller must render a code field and call `submitMfa`. */
|
||||
export interface MfaPending {
|
||||
mfaRequired: true;
|
||||
mfaChallenge: string;
|
||||
}
|
||||
|
||||
interface AuthContextValue {
|
||||
status: AuthStatus;
|
||||
user: PublicUser | null;
|
||||
accessToken: string | null;
|
||||
/** Resolves to `{ mfaRequired: true, mfaChallenge }` when a TOTP code is needed next, otherwise logs in fully. */
|
||||
login: (email: string, password: string) => Promise<MfaPending | { mfaRequired: false }>;
|
||||
submitMfa: (mfaChallenge: string, code: string) => Promise<void>;
|
||||
logout: () => Promise<void>;
|
||||
}
|
||||
|
||||
const AuthContext = createContext<AuthContextValue | null>(null);
|
||||
|
||||
export function AuthProvider({ children }: { children: ReactNode }) {
|
||||
const [status, setStatus] = useState<AuthStatus>("loading");
|
||||
const [user, setUser] = useState<PublicUser | null>(null);
|
||||
const [accessToken, setAccessToken] = useState<string | null>(null);
|
||||
const [refreshToken, setRefreshToken] = useState<string | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
const stored = readSession();
|
||||
if (!stored) {
|
||||
setStatus("anonymous");
|
||||
return;
|
||||
}
|
||||
// Validate the persisted token against the API rather than trusting
|
||||
// localStorage blindly — it may have expired since the last visit.
|
||||
// No refresh-token rotation in this leva: an expired access token here
|
||||
// just sends the user back to /login.
|
||||
fetchMe(stored.accessToken)
|
||||
.then((me) => {
|
||||
setUser(me.user);
|
||||
setAccessToken(stored.accessToken);
|
||||
setRefreshToken(stored.refreshToken);
|
||||
setStatus("authenticated");
|
||||
})
|
||||
.catch(() => {
|
||||
clearSession();
|
||||
setStatus("anonymous");
|
||||
});
|
||||
}, []);
|
||||
|
||||
const login = useCallback(async (email: string, password: string) => {
|
||||
const result = await apiLogin(email, password);
|
||||
if (isMfaRequired(result)) {
|
||||
return { mfaRequired: true as const, mfaChallenge: result.mfaChallenge };
|
||||
}
|
||||
writeSession({ accessToken: result.accessToken, refreshToken: result.refreshToken, user: result.user });
|
||||
setUser(result.user);
|
||||
setAccessToken(result.accessToken);
|
||||
setRefreshToken(result.refreshToken);
|
||||
setStatus("authenticated");
|
||||
return { mfaRequired: false as const };
|
||||
}, []);
|
||||
|
||||
const submitMfa = useCallback(async (mfaChallenge: string, code: string) => {
|
||||
const result = await completeMfaLogin(mfaChallenge, code);
|
||||
writeSession({ accessToken: result.accessToken, refreshToken: result.refreshToken, user: result.user });
|
||||
setUser(result.user);
|
||||
setAccessToken(result.accessToken);
|
||||
setRefreshToken(result.refreshToken);
|
||||
setStatus("authenticated");
|
||||
}, []);
|
||||
|
||||
const logout = useCallback(async () => {
|
||||
if (refreshToken) {
|
||||
// Best-effort — even if the API call fails (e.g. session already
|
||||
// expired server-side), the local session must still be cleared.
|
||||
await apiLogout(refreshToken).catch(() => undefined);
|
||||
}
|
||||
clearSession();
|
||||
setUser(null);
|
||||
setAccessToken(null);
|
||||
setRefreshToken(null);
|
||||
setStatus("anonymous");
|
||||
}, [refreshToken]);
|
||||
|
||||
const value = useMemo<AuthContextValue>(
|
||||
() => ({ status, user, accessToken, login, submitMfa, logout }),
|
||||
[status, user, accessToken, login, submitMfa, logout],
|
||||
);
|
||||
|
||||
return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
|
||||
}
|
||||
|
||||
export function useAuth(): AuthContextValue {
|
||||
const ctx = useContext(AuthContext);
|
||||
if (!ctx) throw new Error("useAuth must be used within an AuthProvider");
|
||||
return ctx;
|
||||
}
|
||||
34
apps/core-web/src/lib/auth/session.ts
Normal file
34
apps/core-web/src/lib/auth/session.ts
Normal file
@@ -0,0 +1,34 @@
|
||||
import type { PublicUser } from "../api/auth.js";
|
||||
|
||||
const STORAGE_KEY = "eden.core.session";
|
||||
|
||||
export interface StoredSession {
|
||||
accessToken: string;
|
||||
refreshToken: string;
|
||||
user: PublicUser;
|
||||
}
|
||||
|
||||
/**
|
||||
* Basic session persistence (localStorage) so a page refresh doesn't log
|
||||
* the user out. Deliberately NOT rotating the refresh token automatically
|
||||
* on expiry in this leva — see apps/core-web/src/lib/auth/AuthContext.tsx.
|
||||
*/
|
||||
export function readSession(): StoredSession | null {
|
||||
try {
|
||||
const raw = window.localStorage.getItem(STORAGE_KEY);
|
||||
if (!raw) return null;
|
||||
const parsed = JSON.parse(raw) as StoredSession;
|
||||
if (!parsed.accessToken || !parsed.refreshToken || !parsed.user) return null;
|
||||
return parsed;
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
export function writeSession(session: StoredSession): void {
|
||||
window.localStorage.setItem(STORAGE_KEY, JSON.stringify(session));
|
||||
}
|
||||
|
||||
export function clearSession(): void {
|
||||
window.localStorage.removeItem(STORAGE_KEY);
|
||||
}
|
||||
Reference in New Issue
Block a user