Ir para o conteúdo

Aegis BlockerDocumentaçãoProjeto

Desenvolvimento

Os comandos, a stack e a organização do código-fonte.

Copiado de README.md no repositório do AegisVer no GitHub (abre em uma nova aba)

bash
pnpm dev          # Vite + CRXJS com hot reload (carregue dist/ sem compactação)
pnpm typecheck    # TypeScript 7 (compilador nativo)
pnpm lint
pnpm test         # testes unitários e de interface (Vitest)
pnpm build && pnpm test:e2e   # testes em navegador real (Playwright); defina AEGIS_CHROME se o Chrome não estiver no PATH
pnpm zip          # compila e compacta dist/ para a Chrome Web Store
pnpm icons        # renderiza de novo os ícones a partir de scripts/assets/icon.svg
pnpm assets       # gera de novo as capturas de tela da loja (precisa do Firefox no PATH, ou AEGIS_FIREFOX)

Stack: TypeScript 7, React 19, Vite 8, CRXJS, Tailwind CSS 4, Radix UI, Vitest, Playwright — Manifest V3. Organização: src/shared (lógica pura: padrões, horários, esquema, criptografia), src/background (service worker), src/ui + src/popup + src/options (React), src/blocked (tela de bloqueio, sem dependências), src/i18n.

Os textos da página da loja e as imagens prontas ficam em store-assets/ (abre em uma nova aba).