apps

täglich.dev App Suite

Alles, was du auf täglich.dev siehst?

Dieser Monorepo enthält täglich.Devs Anwendungssuite. Das Repo enthält die Web -App und die Erweiterung sowie gemeinsame Komponenten für die beiden. Durch die Verwendung eines Monorepo -Ansatzes können wir den Code problemlos freigeben und die Konsistenz über die verschiedenen Teile der Anwendungssuite aufrechterhalten. Die Entscheidung wurde getroffen, um schnellere Iterationen zu ermöglichen und die Eigenschaften in beiden Plattformen zu halten.

Technologien

• Knoten v22.11 (a .nvmrc wird für NVM -Benutzer angezeigt).
• PNPM für die Verwaltung des Monorepo und der Abhängigkeiten.

Projekte

Pakete

Enthält eine Sammlung kleinerer Projekte oder Bibliotheken, die in der täglichen .Dev -Anwendungssuite verwendet werden. Hier ist ein kurzer Überblick über jedes erwähnte Paket:

• Eslint-Config

  Shared Eslint -Einstellungen zur Aufrechterhaltung einer konsistenten Codequalität im gesamten Projekt.

• Eslint-Rules

  Ein benutzerdefiniertes Eslint -Plugin, das eine Reihe von Regeln für das Projekt definiert, einschließlich einer Regel zur Durchsetzung einer konsistenten Farbverwendung.

• Verlängerung

  Das Browser -Erweiterungsprojekt. Enthält die Webpack -Konfiguration für Browser -Erweiterungen und die speziellen Komponenten nur für die Erweiterung.

• Schöner-Konfiguration

  Shared schönere Einstellungen für alle Projekte in diesem Repo.

• geteilt

  Das Hauptprojekt enthält die meisten Komponenten, die in den Anwendungen verwendet werden. Jede Komponente, die auf beiden Plattformen verwendet werden muss, sollte in diesem Projekt platziert werden. Dies umfasst die Konstruktionssystemkomponenten, benutzerdefinierten Hooks und viele mehr.

• Storybook

  Die Storybook -Konfiguration für das Projekt, das zur Entwicklung und Präsentation von UI -Komponenten isoliert verwendet wird.

• WebApp

  Das Web -App -Projekt. Dies ist ein Next.js -Projekt und verfügt über mehr Seiten als die Erweiterung, z. B. eine Registrierungsseite, eine Postseite, eine Profilseite usw. Für weitere Informationen klicken Sie hier.

Lokale Umgebung

Um eine lokale Umgebung zu verbessern, empfehlen wir die Verwendung von Gitpod. Wir haben oben eine Gitpod -Taste, alles ist bereits konfiguriert und sollte nicht in der Box funktionieren. Klicken Sie darauf und lass uns rollen!

HINWEIS: Mit ihren offiziellen Dokumenten beginnen Sie mit Gitpod. Wenn Sie neu in Gitpod sind, machen Sie sich keine Sorgen, es ist ein einfaches und leistungsstarkes Tool, mit dem Sie in kürzester Zeit mit diesem Projekt beginnen können.

Willst du helfen?

Sie möchten also zur täglichen. ?

Bevor Sie fortfahren, haben wir einige Richtlinien für den Beitrag, der alles viel einfacher macht.

Wir würden uns freuen, wenn Sie die Zeit widmen und sie sorgfältig lesen: https://github.com/dailydotdev/.github/blob/master/contributing.md

Bootstrap -Projekt

Nach dem Klonen des Projekts stellen Sie bitte die folgenden Befehle aus, um das Projekt zu starten:

npm i -g [email protected]
pnpm install

Erweiterung lokal ausführen

Beispiel für Chrome:

• Führen Sie pnpm --filter extension dev:chrome im Stammverzeichnis aus
• Öffnen Sie Chrom und gehen Sie zu chrome://extensions/
• Aktivieren Sie Developer mode in der oberen rechten Ecke
• Klicken Sie auf Load unpacked und wählen Sie den Ordner packages/extension/dist/chrome aus
• Die Erweiterung sollte geladen werden und Sie sollten in der Liste der Erweiterungen sehen können
• Aktivieren Sie die Erweiterung und vergessen Sie nicht, sie zu deaktivieren, wenn Sie fertig sind
• Deaktivieren Sie die Produktionserweiterung, wenn Sie sie installiert haben, da sie Konflikte verursachen kann