semec-nav-footer

CLI (via npx) que instala o Header/Footer da SEMEC em projetos Next.js, copiando os componentes, assets e um patch mínimo de CSS.

Uso rápido

npx semec-nav-footer add nav-footer [opções]

Opções disponíveis:

• -p, --project <caminho>: projeto alvo (padrão: diretório atual).
• --with-nav / --without-nav: inclui ou pula o Header (padrão: inclui).
• --with-footer / --without-footer: inclui ou pula o Footer (padrão: inclui).
• --overwrite: permite sobrescrever/alterar arquivos existentes (confirma por prompt).
• -y, --force: sobrescreve sem perguntar (implica --overwrite).
• -h, --help: mostra ajuda.

O que é instalado

• Componentes em src/components: Header/, Footer/, icons/, ui/.
• Assets em src/assets/images/Logo_Semec_Borda_Branca.png.
• Arquivos públicos: public/footer-banner.png, public/logo-nfse.png, public/logo-semec.svg, public/PortoVelhoPintura.svg.
• Patch em app/globals.css ou src/app/globals.css contendo as variáveis e helpers com o marcador /* semec-nav-footer: theme tokens and helpers */ (se o arquivo não existir, um padrão é copiado de templates/nav-footer/base/app/globals.css).

Para a busca do Header destacar resultados, envolva o conteúdo pesquisável em um elemento com data-search-root, por exemplo:

<main data-search-root>
  {/* conteúdo que a busca deve percorrer */}
</main>

Validação e segurança

• O CLI só roda se encontrar next em dependencies ou devDependencies.
• Antes de sobrescrever, pergunta por confirmação (ou passa -y para seguir direto).
• Lista no final exatamente o que foi criado, sobrescrito ou pulado.

Teste local antes de publicar

1. npm install
2. npm run build
3. npm pack
4. Em outro projeto Next.js, instale via npx file:../semec-nav-footer-0.1.0.tgz add nav-footer --overwrite

Desenvolvimento

• npm run build compila para dist/.
• npm run dev roda o tsc em modo watch.
• Os templates consumidos pelo CLI estão em templates/nav-footer/....