A graphical configuration tool for pipes and filters
JavaScript CSS Shell HTML
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
example-configurations
public
spec
src
stylus
.gitignore
.jshintrc
Readme.md
dev-server.js
filter-canvas.sublime-project
package.json
setup-couchdb.sh
upload.sh
webpack.config.js

Readme.md

Pipes und Filters-Konfigurationswerkzeug

Installation

Downloade und installiere CouchDB. Es gibt Anleitungen: Installation guides for various OSs.

Bearbeite die Datei local.ini, welche normalerweise unter einem diser Pfade gefunden werden kann: /etc/couchdb/local.ini or /opt/local/etc/couchdb/local.ini

[httpd]
bind_address = 0.0.0.0
enable_cors = true

[cors]
origins = *

Lade die Datenbank mit den Daten:

cd ${PROJECT_DIR}
./couchdb-setup.sh

Starten der Server

Starte eine CouchDB-Instanz. Unter Linux/OS X geht das so:

sudo couchdb -b

Überprüfe ob's geklappt hat, indem du die folgende URL im Browser aufrufst: http://localhost:5984/_utils

Setze die Server-URL zum Datenbank-Server in der Datei ./public/config.js.

Hoste den public Ordner mit einem Webserver (z.B. mit Apache, nginx, Node.js, IIS, etc.). Oder mit Python:

cd ${PROJECT_DIR}/public

# Python 2:
python -m SimpleHTTPServer 8080

# Python 3:
python -m http.server 8080

Gehe dann zu dieser URL um das Konfigurationswerkzeug zu benutzen: http://localhost:8080/

Source kompilieren

Downloade und installiere node.js. Installiere dann webpack:

npm install -g webpack

Nun kann man mit folgendem Befehl die JavaScript-Datei kompilieren:

cd ${PROJECT_DIR}
NODE_ENV=production webpack

Mit diesem Befehl kann man einen Dev-Server starten:

node ./server.js

Benutzte Open-Source-Projekte

Die folgenden Open-Source-Libraries werden von diesem Projekt benutzt:

Die folgenden Open-Source-Build-Tools werden von diesem Projekt benutzt:

  • webpack (Fügt Module zu einer einzigen Datei zusammen)
  • stylus (CSS-Precompiler)
  • autoprefixer (Fügt automatisch Vendor-Prefixes ins CSS ein)
  • jsx (JavaScript-Precompiler, der bei der Benutzung von React empfohlen wird)
  • UglifyJS (JavaScript-Minifizierer)

Die Hintergrundgrafik stammt von subtlepatterns.com/Atle Mo und wird unter der Lizenz CC BY-SA 3.0 verteilt.

Die Icon-Font heißt Font Awesome und wird unter der Lizenz SIL Open Font License 1.1 verteilt. Die Font-Datei wurde mit fontello.com generiert.