apps

Daily.Dev App Suite

Tudo o que você vê no Daily.dev?

Este Monorepo contém o conjunto de aplicativos do Daily.Dev. O repositório inclui o aplicativo da web e a extensão, juntamente com componentes compartilhados para os dois. Usando uma abordagem Monorepo, podemos compartilhar facilmente o código e manter a consistência nas diferentes partes do conjunto de aplicativos. A decisão foi tomada para permitir iterações mais rápidas e manter a paridade dos recursos nas duas plataformas.

Tecnologias

• O nó v22.11 (a .nvmrc é apresentado para usuários de NVM).
• PNPM para gerenciar o Monorepo e as dependências.

Projetos

pacotes

Contém uma coleção de projetos menores ou bibliotecas usadas no Daily.Dev Application Suite. Aqui está uma breve visão geral de cada pacote mencionado:

• Eslint-config

  Configurações de ESLint compartilhadas para manter a qualidade consistente do código em todo o projeto.

• Eslint-Rules

  Um plug -in ESLint personalizado que define um conjunto de regras para o projeto, incluindo uma regra para aplicar o uso consistente de cores.

• extensão

  O projeto de extensão do navegador. Inclui a configuração do WebPack para extensões do navegador e os componentes dedicados apenas para a extensão.

• Config mais bonito

  Configurações mais bonitas compartilhadas para todos os projetos neste repositório.

• compartilhado

  O projeto principal contém a maioria dos componentes usados nos aplicativos. Todo componente que precisa ser usado nas duas plataformas deve ser colocado neste projeto. Isso inclui os componentes do sistema de design, ganchos personalizados e muito mais.

• Livro de histórias

  A configuração do livro de histórias para o projeto, usada para desenvolver e exibir componentes da interface do usuário isoladamente.

• webApp

  O projeto do aplicativo da web. Este é um projeto Next.js e possui mais páginas do que a extensão, como uma página de registro, página de postagem, página de perfil etc. Para obter mais informações, clique aqui.

Ambiente local

Para aumentar um ambiente local, sugerimos o uso do gitPod. Temos um botão GitPod acima, tudo já está configurado e deve funcionar fora da caixa. Clique nele e vamos rolar!

NOTA: O check -out está começando com o GITPOD usando seus documentos oficiais. Se você é novo no GITPOD, não se preocupe, é uma ferramenta simples e poderosa que ajudará você a começar esse projeto em pouco tempo.

Quer ajudar?

Então você deseja contribuir com o Daily.Dev App Suite e causar impacto, estamos felizes em ouvi -lo. ?

Antes de prosseguir, temos algumas diretrizes para a contribuição que facilitarão tudo.

Gostaríamos se você dedicar o tempo e lê -los com cuidado: https://github.com/dailydotdev/.github/blob/master/contributing.md

Projeto Bootstrap

Depois de clonar o projeto, execute os seguintes comandos para inicializar o projeto:

npm i -g [email protected]
pnpm install

Execute a extensão localmente

Exemplo para o Chrome:

• Execute pnpm --filter extension dev:chrome no diretório raiz
• Abra o Chrome e vá para chrome://extensions/
• Ative Developer mode no canto superior direito
• Clique em Load unpacked e selecione a pasta packages/extension/dist/chrome
• A extensão deve ser carregada e você poderá vê -lo na lista de extensões
• Ative a extensão, não se esqueça de desativá -lo quando terminar
• Desative a extensão da produção, se você o tiver instalado, pois pode causar conflitos