artbot

ArtBot

Eine Front-End-GUI für die Interaktion mit dem verteilten Cluster von Stable Diffusion-Workern der AI Horde.

Inhaltsverzeichnis

• Einführung
• Aufstellen
  • Anforderungen
  • Installieren
• Verwendung
  • Entwicklung
  • Produktion
• Beiträge
• Danksagungen

Einführung

ArtBot ist ein Front-End-Webclient, der für die Interaktion mit dem verteilten Open-Source-Cluster AI Horde entwickelt wurde – einer Gruppe von GPUs, auf denen Stable Diffusion läuft, deren Verarbeitungszeit freundlicherweise von einer begeisterten Community von Freiwilligen gespendet wurde.

ArtBot wird mit Next.js 14 und Typescript erstellt. Es nutzt clientseitige Technologien wie IndexedDB und LocalStorage APIs, um die KI-generierten Bilder, die Sie mit dem Cluster erstellt haben, sicher und privat in Ihrem eigenen Webbrowser zu speichern.

Aufstellen

Anforderungen

• Knoten >= 18.18.0
• npm >= 9.5.1

Die meisten dieser Schritte sollten auf Linux-, MacOS- oder Windows-Umgebungen anwendbar sein.

Die Installation verschiedener Versionen von Node.js auf Ihrem Computer kann schwierig sein. Ich bin ein großer Fan von NVM, mit dem Sie problemlos mehrere isolierte Versionen von Node.js auf Ihrem Computer ausführen können.

Mit nvm können Sie Node wie folgt installieren:

 > nvm install v18.18.0
> nvm alias default node
> node -v # Checks which version of Node is currently running

Installieren

Sobald Sie Ihre Node.js-Umgebung eingerichtet haben, können Sie dieses Repository klonen und die erforderlichen Pakete installieren. Abhängig von den Spezifikationen Ihres Computers und der Geschwindigkeit Ihrer Internetverbindung kann die Installation aller Pakete ein oder zwei Minuten dauern.

 > git clone https://github.com/Haidra-Org/artbot.git
> cd artbot
> npm install

Verwendung

Entwicklung

Okay, Sie sollten jetzt in der Lage sein, die ArtBot-Web-App auszuführen! Zur Ausführung im Entwicklungsmodus (der die Hot-Reloading-Funktion von NextJS nutzt – bei der Sie Aktualisierungen live auf der Website sehen können, während Sie Änderungen vornehmen)

 > npm run dev

Öffnen Sie dann Ihren Browser und besuchen Sie http://localhost:3000 . Sie sollten nun in der Lage sein, sofort Bildanfragen an die Stable Horde zu richten. Gehen Sie zu http://localhost:3000/settings und geben Sie Ihren Stable Horde API-Schlüssel ein, um die Generierungszeiten zu verkürzen.

Produktion

ArtBot wird im Standalone-Modus von Next.JS erstellt. Dadurch wird das Projekt an ./next/standalone ausgegeben. Die Idee ist, dass dieser Ordner komprimiert und an den Ort hochgeladen werden kann, an dem Sie das Projekt bereitstellen möchten.

Nachdem Sie npm run build ausgeführt haben, müssen Sie npm run postbuild ausführen, um statische Assets und den öffentlichen Ordner zu kopieren (NextJS führt dies nicht automatisch durch, da solche Dinge normalerweise auf ein CDN hochgeladen werden sollten). Wenn Sie vergessen, das postbuild -Skript auszuführen, fehlen ArtBot Bilder und CSS-Stile.

 > npm run build
> npm run postbuild # copies public folder
> cd ./next/standalone
> node server.js

Beiträge

Beiträge sind herzlich willkommen! Allgemeine Richtlinien lauten wie folgt:

1. Forken Sie dieses Repository
2. Schneiden Sie einen neuen Feature-Zweig aus. zB > git checkout -b feat/my-cool-new-feature
3. Nehmen Sie alle erforderlichen Änderungen vor und übernehmen Sie Ihren Code! (Verwenden Sie nach Möglichkeit herkömmliche Commits)
4. Öffnen Sie eine neue Pull-Anfrage basierend auf Ihrem Feature-Branch.

Lassen Sie mich wissen, wenn Sie Fragen haben. Ich helfe Ihnen gerne weiter.

Danksagungen

ArtBot nutzt eine Reihe von Ressourcen, die von Designern und Entwicklern bereitgestellt werden, die ihre Arbeiten frei verfügbar machen. Ohne diese Tools könnten ArtBot und viele andere Projekte im Internet nicht existieren. Wir sind sehr dankbar!

• „KI-freies Symbol“ über Flaticon – wird für das ArtBot-Logo verwendet
• Next.js
• Statery – Einfache globale Zustandsverwaltung
• Tabler-Symbole
• Rückenwind-CSS