WeFit CLI

Ferramenta desenvolvida pela WeFit para auxiliar nossos TechDesigners.

Instalação

• Instalar no npm global com o seguinte comando:

npm install -g wefit-cli

• Testar a instalação chamando a CLI:

we

---

Comandos

Ajuda

Ajuda

Para verificar os possíveis comandos

we -h

Tradução

Tradução

Para rodar os comandos de tradução é preciso estar no mesmo nível da pasta locales

• translation-export: Exporta os arquivos da pasta locales para xlsx
• translation-import: Importa a planilha de tradução

Figma

Figma

• figma-generate: Executa a exportação do DS e gera os arquivos no local da execução do comando:

• /assets/icons/config.json

Ao executar o comando abaixo você vai precisar inserir dois token prompt:

we figma-generate # we fg

• Token de usuário do Figma, que pode ser gerado aqui:

• ID do arquivo do Figma, você pode pegar na url logo após o www.figma.com/design/

Atualizando a lista de tipagem de nomes dos ícones

Após executar a importação do figma e ter seu config.json atualizado é preciso seguir os seguintes passos:

• Adicionar em seu package.json o script:

"update:icon": "node caminho/para-o-arquivo/generateIconType.js"

• Executar npm run update:icon

Você encontra o script generateIconType.js e o componente React que renderiza ícones a partir do icon/config.json aqui

Credencial Devops

Credencial Devops

Para executar o comando de atualização de credencial, você pode estar em qualquer parte do sistema.

• set-git-credential: Seta a nova credencial para o repositório

we set-git-credential sua_nova_credencial # we sgc sua_nova_credencial

A partir desse comando, será solicitado o path do repositório que deverá ser atualizado e o que você quer fazer, executar o comando ou copiar para a área de transferência.

VS Code Extensions

VS Code Extensions

• vscode-extensions: Instala as extensões para VS Code recomendadas pela WeFit.

we vscode-extensions # we ve

Atualizar versão do projeto React Native

Atualizar versão do projeto React Native

Este comando facilita a atualização da versão dos projetos react native nos ambientes nativos (Android e iOS) para mais informações sobre esse fluxo acesse a documentação em link da doc

Criar ou atualizar o arquivo `.npmrc`

Criar ou atualizar o arquivo .npmrc

Este comando facilita a criação do arquivo .npmrc, tanto na raiz da sua máquina quanto no local do repositório necessário. Caso você tenha dúvidas e queira mais informações, você pode ter mais informações acessando o Storybook Azul ou Storybook Hapvida.

• Executando o comando we update-npmrc será mostrado a informação necessária.

we update-npmrc # we npmrc

• Executando o comando we update-npmrc -E email@azul.com -P senhaNormal com o e-mail inválido.

we update-npmrc -E email@azul.com -P senhaNormal # we npmrc -E email@azul.com -P senhaNormal

• Executando o comando e escolhendo a 1ª opção.

• Vendo o resultado da 1ª opção.

• Executando o comando e escolhendo a 2ª opção.

• Vendo o resultado da 2ª opção.

---

Templates

Abaixo a lista de templates.

• Componente de ícone para web - React

• Componente de ícone para mobile - React Native

Como contribuir 🤝

Agradecemos a todos que contribuíram para este projeto e tornaram a WeFit CLI ainda melhor!

Para conhecer um pouco mais dos colaboradores, consulte aqui

• Veja como colaborar com esse projeto

---

Construído e mantido pela WeFit | Digital Service Design.