apps

Daily.Dev App Suite

Все, что вы видите на Daily.dev?

Этот монорепо содержит Daily.dev. Repo включает в себя веб -приложение и расширение, а также общие компоненты для двух. Используя подход MonorePo, мы можем легко обмениваться кодом и поддерживать согласованность в разных частях приложения. Решение было принято, чтобы разрешить более быстрые итерации и сохранить паритет функций на обеих платформах.

Технологии

• Узел V22.11 (A .nvmrc представлен для пользователей NVM).
• PNPM для управления монорепо и зависимостей.

Проекты

пакеты

Содержит набор небольших проектов или библиотек, которые используются по всему набору приложений Daily.Dev. Вот краткий обзор каждого упомянутого пакета:

• Eslint-Config

  Общие настройки Eslint для поддержания согласованного качества кода по всему проекту.

• eslint-rules

  Пользовательский плагин Eslint, который определяет набор правил для проекта, включая правило для обеспечения согласованного использования цвета.

• расширение

  Проект расширения браузера. Включает в себя конфигурацию WebPack для расширений браузера и выделенных компонентов только для расширения.

• Краткий конфиг

  Общие красивые настройки для всех проектов в этом репо.

• общий

  Основной проект содержит большинство компонентов, используемых в приложениях. Каждый компонент, который необходимо использовать на обеих платформах, должен быть размещен в этом проекте. Это включает в себя компоненты системы проектирования, пользовательские крючки и многое другое.

• сборник рассказов

  Конфигурация сборника рассказов для проекта, используемая для разработки и демонстрации компонентов пользовательского интерфейса в изоляции.

• WebApp

  Проект веб -приложения. Это проект Next.js, который имеет больше страниц, чем расширение, например, страница регистрации, страница публикации, страница профиля и т. Д. Для получения дополнительной информации нажмите здесь.

Местная среда

Чтобы раскрутить местную среду, мы предлагаем использовать Gitpod. У нас есть кнопка Gitpod выше, все уже настроено и должно работать из коробки. Нажмите на него и давайте бросим!

Примечание. Оформление работы с Gitpod с использованием их официальных документов. Если вы новичок в Gitpod, не волнуйтесь, это простой и мощный инструмент, который поможет вам начать работу с этим проектом в кратчайшие сроки.

Хотите помочь?

Таким образом, вы хотите внести свой вклад в Daily.dev App Suite и оказать влияние, мы рады это слышать. ?

Прежде чем продолжить, у нас будет несколько рекомендаций по вкладу, которые облегчат все.

Мы были бы признательны, если вы посвятите время и внимательно прочитали его: https://github.com/dailydotdev/.github/blob/master/contributing.md

Начальная программа

После клонирования проекта, пожалуйста, обязательно запустите следующие команды для начала проекта:

npm i -g [email protected]
pnpm install

Запустите расширение локально

Пример для хрома:

• Запустить pnpm --filter extension dev:chrome в корневом каталоге
• Открыть хром и перейти к chrome://extensions/
• Включить Developer mode в правом верхнем углу
• Нажмите на Load unpacked и выберите папку packages/extension/dist/chrome
• Расширение должно быть загружено, и вы должны увидеть его в списке расширений
• Включите расширение, не забудьте отключить его, когда вы закончите
• Отключите расширение производства, если он установил, так как это может вызвать конфликты