govpb-lib-componentes

🚀 govpb-lib-componentes

Uma micro biblioteca de componentes para plataforma SIPGR.

Setup

npm install govpb-lib-componentes

Use dentro do arquivo main.ts no src do Projeto
<code>
 import '../node_modules/govpb-lib-componentes/dist/style.css'
</code>

Components

 <AppHeader />

 <AppFooter />

 import { AppHeader, AppFooter } from '../../node_modules/govpb-lib-componentes/'

Icones da plataforma

Link para lista de icons : https://macroplan-rj.github.io/govpb-font-icons/ No Figma também é possível verificar o nome dos Icons, usando préfixo "icon-" basta complementar com nome do icon:

Para utilizar é bem simples:

//Use tailwind para configurar tamanhos e cores do icons

<i class="icon-account_circle text-[1740px]  text-red"></i>

Atualizar Pacote de Icons

O processo para atualizar é bem simples:

• 1 | Exportar novo icon para a pasta Icons (Cuidado com nome dos icons, não pode ter nomes repetidos pois os nomes dos arquivos são a base para as classes)
• 2 | Acesse o site https://icomoon.io/app e selecione todos os svgs dentro da pasta para poder gerar a fonte
• 3 | Após baixar tudo basta substituir os arquivos na pasta src/assets/fonts e atualizar também o arquivo style.css (Após gerar novo pacote de icons no site, atualizar os arquivos no projeto : https://github.com/macroplan-rj/govpb-font-icons)

Atualizar components da lib

O processo para atualizar é mais complexo e detalhado:

1 - Necessário ter acesso a conta da macroplan para gerar atualização do projeto, deve estar logado. 2 - Para testar os components localmente é preciso fazer 2 etapas:

• Primeiro deve rodar o comando npm run build e depois npm link (O segundo comando serve para habilitar o pacote local para ser usado no projeto alvo)
• No projeto alvo executar npm link govpb-lib-componentes (Assim ele permite rodar o pacote direto do build feito acima)
• Sempre que alterar algo na lib e necessário rodar o build e automaticamente ele renderiza no Alvo.

3 - Para subir as alterações da lib no NPM precisa alterar a versão em "version": "1.2.3" no arquivo package.json e após isso executar : npm publish

npm publish --otp=123456