Interactive graph editor

Online version

• Try here!

Interface demo

Wanna learn about Elm?

• Visit their site
• Check examples!

Hosting Elm site locally

1. Install elm
2. Install elm-live. It will re-build .elm files on changes.

   npm install --global elm elm-live@next

3. Clone this repository.

   git clone https://github.com/br4ch1st0chr0n3/elm-graph-editor

4. Go to the project's root folder.

   cd elm-graph-editor

5. Start elm-live. IDK why it works only with --o, not --open.

   elm-live src/Main.elm --start-page=src/index.html --open -- --o=src/Main.js

6. After changes in src/index.html, reload the page in your browser.

Hosting Elm site on GitHub

1. Make sure that your main Elm function is at src/Main.elm. This is needed for the command elm make src/Main.elm --output src/Main.js in .github/workflows/main.yml to work. You will add this main.yml on the next step.
2. Create a new workflow. Instead of github-actions-demo.yml, use the file .github/workflows/main.yml from this repo.
3. Then go to Settings -> Pages -> Source -> Branch: gh-pages -> Click Save.
4. Now, if you see Your site is published at link, click this link.

Extra

• A much more superior editor