My React Native Library

Biblioteca de componentes React Native com Storybook para documentação hospedada no GitHub Pages.

Scripts importantes

| Script | Descrição | | ------ | --------- | | npm run storybook | Inicia o Storybook em modo desenvolvimento (porta 6006). | | npm run build-storybook | Gera a versão estática em docs/ para publicar no GitHub Pages. | | npm run build | Compila os componentes TypeScript para dist/. Utilizado antes de publicar no npm. | | npm run generate-icons | Gera componentes React Native a partir dos arquivos SVG em src/icons/foundations/ e atualiza automaticamente o index.ts com os exports. | | npm run generate-icon-exports | Atualiza apenas o arquivo src/icons/index.ts com os exports dos ícones (adiciona sufixo "Icon" automaticamente). |

Gerando Ícones

Para adicionar novos ícones à biblioteca:

1. Coloque os arquivos .svg na pasta src/icons/foundations/
2. Execute npm run generate-icons

O script irá:

• Converter os arquivos SVG em componentes React Native
• Gerar automaticamente os exports no src/icons/index.ts com o sufixo "Icon"
• Configurar as props size e color automaticamente

Exemplo: O arquivo star.svg será convertido em um componente e exportado como StarIcon.

Publicação

1. Execute npm run build para gerar a pasta dist.
2. Faça login no npm (npm login).
3. npm publish – apenas o conteúdo de dist será incluído (veja campo files em package.json).

GitHub Pages

Após rodar npm run build-storybook, faça commit da pasta docs/. No repositório do GitHub, configure Settings → Pages para servir a partir da pasta docs da branch main.

Uso no React Native

npm install my-react-native-library

import { Button } from 'my-react-native-library';

<Button title="Clique-me" onPress={() => console.log('oi')} />

Roadmap

• [ ] Adicionar mais componentes
• [ ] Testes automatizados

MIT License