Git Product home page Git Product logo

gryphon's Introduction

Getting Started

Local Installation (for developers)

Prerequisites

The following software is necessary to build and run the editor:

  • Install Node.js, available here (this includes the node package manager npm)
  • Install node-gyp by running npm install -g node-gyp on the command line, e.g. cygwin or Window cmd
    • Unix/Mac: this may require the build-essentials tools, which you can install with sudo apt-get install build-essential
  • Install browserify by running npm install -g browserify
  • Install grunt-cli by runniing npm install -g grunt-cli
  • Install mongodb, available here.
    • add the bin directory to your path (default directory is C:\Program Files\MongoDB\Server\3.4\bin)

Initial setup

  1. Clone the source code repository from github (e.g. by running git clone https://github.com/bptlab/gryphon.git on the command line)
    • we recommend to create a folder zoo and clone into zoo/gryphon
    • the following commands assume that you are in the gryphon directory!
  2. Run npm install (in the gryphon directory) to set up all additional dependency packages
  3. Run grunt config (in the gyphon directory) to copy both config examples and to give them the correct names
  4. Setup MongoDB
    • create a data directory, e.g. in zoo/mongodata
    • start database server by running mongod --dbpath ../mongodata on the command line (if your data directory is somewhere else, be sure to adapt the path accordingly)
    • start the mongo client by running mongo on the command line
    • inside the mongo client create a database named gryphondb with the command use gryphondb
      • if you named your database differently, you need to adapt the database name in config.js by editing the property MONGODB_HOST: 'mongodb://localhost/YOUR_DATABASE_NAME
  5. Run grunt (in the gyphon directory) to build the UI files and to compile all script sources

Starting Gryphon

Once your environment is set up, you can start the editor as follows

  1. Navigate to the gryphon directory in your command line
  2. Start the MongoDB server (if it is not already started) by running mongod --dbpath ../mongodata on the command line
  3. Run the express server by calling node bin/www on the command line
  4. You can now access the editor in your browser at http://localhost:3000/

Using Gryphon in Docker

If you just want to run the editor, instead of modifying it (even though that doesn't really matter, you could also edit it this way, just the building part will take longer), you can run the whole thing in a docker container in 3 easy steps:

  1. Install Docker.
  2. cd into the gryphon dir and run docker build -t bpt/gryphon .
  3. Run docker run -it --rm -p 3000:3000 --name gryphon -v gryphon-mongodb-data:/var/lib/mongodb bpt/gryphon

Using Gryphon in Docker Compose

MOST EASY AND CONVENIENT WAY TO RUN GRYPHON

  1. Install docker & docker-compose
  2. docker-compose up

Troubleshooting

If running npm install fails: Check wether you have installed all build-essentials (Otherwise run: sudo apt-get install build-essential) Run: sudo npm install -g node-gyp Try again.

When running on Windows, make sure to have the following additional dependencies installed:

  • Python 2.7 (Python >= 3 won't work!)
  • Any version of Visual Studio (use the --msvs_version=20XY switch for Visual Studio 20XY)

gryphon's People

Contributors

adi64 avatar marhew avatar m0r13 avatar maximilianv avatar westphal-jan avatar j-beyer avatar svenihde avatar tommartensen avatar dependabot[bot] avatar friedow avatar fyndalf avatar maximiliankoenig avatar siddeshkanth avatar marcfreiheit avatar mlichtblau avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.