mechanic

Gebaut mit ❤️ von

Mechanic ist eine leistungsstarke Design-Toolchain, mit der vorwärtsgerichtete Organisationen einen manuellen Design-Workflow entfernen können, indem sie deren Designvorgänge automatisieren.

Aktueller Status : v1.2.0 ist jetzt raus! Probieren Sie es aus und sagen Sie uns, was Sie denken! v2.0.0-beta.9 ist ebenfalls raus und wir testen es! Fühlen Sie sich frei, es auch zu testen!

Fangen an

Führen Sie Folgendes aus:

 npm init mechanic@latest

Dadurch wird ein neues Basismechanikerprojekt mit einer Entwurfsfunktion aufgebaut! Befolgen Sie die CLI -Anweisungen zum Anpassen, Installieren und Ausführen.

Dokumentation

Schauen Sie sich die Dokumentation v1.2.0 an.

Monorepo -Inhalt

Das Repo wird über Lerna verwaltet.

Repository	Beschreibung
erstellen-mechanisch	Mechanischer Projekt Skeleton Creator.
@Mechanic-Design/CLI	Befehlszeilen-Tool zum Generieren neuer mechanischer Projekte, Designfunktionen und Build-App.
@Mechanic-Design/Core	Kernmechanikerfunktionalitäten. Wird von den Entwurfstools von Mechanic verwendet und definiert Mechanic , die als Motoren erweitert werden.
@Mechaniker-Design/UI-Komponenten	React -Komponentenbibliothek, die als Eingänge für Konstruktionsfunktionseingänge verwendet werden sollen.
@Mechanic-Design/Motor-Canvas	Motorfunktion, die die Mechanic erweitert, die mit der HTML -Canvas -API statische Vermögenswerte oder Animationen erstellt werden soll.
@Mechanic-Design/Motor-P5	Motorfunktion, die die Mechanic erweitert, um statische Vermögenswerte oder Animationen mit P5.JS.
@Mechaniker-Design/Motorreaktion	Motorfunktion, die die Mechanic erweitert, um statische Vermögenswerte oder Animationen mit React -Komponenten erstellt zu werden, die SVG rendern.
@Mechanic-Design/Motor-SVG	Motorfunktion, die die Mechanic erweitert, die zum Erstellen statischer Vermögenswerte oder Animationen, die mit SVG -Zeichenfolgen erstellt wurden, angesehen werden.
@Mechanic-Design/Utils	Allgemeine CLI -Definitionen, die von anderen mechanischen Paketen verwendet werden sollen.
@Mechanic-Design/DSI-Logo-Hersteller	Ein mit Mechaniker hergestelltes Design -Toolprojekt zum Aufbau von Vermögenswerten und Animationen, die dem Identitätslogo von DSI folgen.

Entwicklung

Um anzufangen, klonen Sie dieses Repo.

Dann rennen Sie npm run bootstrap . Dadurch symlizieren Sie alle Abhängigkeiten zusammen und führen npm i in jedem Paket aus. Das Ausführen npm i in einem Paketordner funktioniert nicht.

Das sollte ausreichen, um bestimmte individuelle Paketfunktionen zu testen, aber um mechanische Projekte mit lokalen Paketversionen zu testen, verwenden wir yalc .

npm link ist kurz, um die Auflösung von Paketabhängigkeiten zu reproduzieren, wie es Projekte durch Installation aus der NPM -Registrierung tun. yalc kann Pakete vor Ort wie der NPM -Registrierung vor Ort veröffentlichen, um dann in lokalen Projekten zu verwenden.

Installieren Sie dazu zuerst yalc weltweit. Um alle Pakete im Repo zu veröffentlichen, rennen Sie npm run publish:local . Um ein individuelles Paket zu veröffentlichen, führen Sie yalc push aus seinem Verzeichnis oder yalc push ./packages/[package] aus. Führen Sie einen dieser Befehle aus, wenn Sie den veröffentlichten Inhalt aktualisieren möchten.

Dann im Projekt zum Testen der Paket (en), bevor die Abhängigkeiten installiert werden, führen Sie yalc add [package] für alle Pakete aus, die Sie testen möchten. Dann normal mit npm i .

Überprüfen Sie die Dokumentation von yalc bei anderen Anforderungen.

Veröffentlichen

Führen Sie npm run publish