chave-mfe-assessment

Microfrontend de gestão de questionários de autoavaliação (Assessment — Grupo 1) do sistema Chave. Interface administrativa (admin/gestor) para criar avaliações, organizar categorias vinculadas a competências, cadastrar perguntas, publicar/arquivar e atribuir questionários a usuários e grupos.

O fluxo de resposta da pessoa idosa é do Survey Service (Grupo 2). Este MFE é o painel de gestão do catálogo.

Stack

React 18 · TypeScript · MUI · Vite 5 · Module Federation (@originjs/vite-plugin-federation) · Jest

Module Federation

Expõe o componente ./AssessmentApp em remoteEntry.js (remote mfe_assessment), consumido pelo Shell App. Roda na porta 4002.

Rodando localmente

npm install
npm run dev          # http://localhost:4002

Requer o MS Assessment rodando (porta 3002). Configure a URL via env:

VITE_ASSESSMENT_API_URL=http://localhost:3002/api/v1

O token JWT é lido de localStorage["token"] (gravado pelo Shell após o login). As ações de escrita aparecem apenas para usuários com a role admin.

Scripts

| Script | Descrição | |---|---| | npm run dev | Desenvolvimento (porta 4002) | | npm run build | Build de produção (gera remoteEntry.js) | | npm run preview | Serve o build | | npm run typecheck | Checagem de tipos | | npm test | Testes (Jest + Testing Library) |

Estrutura

src/
├── AssessmentApp.tsx        # componente exposto via Module Federation
├── main.tsx                 # host standalone para dev
├── theme.ts                 # tema MUI do projeto
├── auth.ts                  # leitura do JWT (roles, idUser)
├── api/                     # client HTTP + chamadas tipadas ao MS
├── components/              # List, Detail, dialogs (categorias/perguntas/atribuições)
└── types.ts