ryepup / c4-lab Goto Github PK

Permit export as sexp, svg, dot, and png

install enough polyfills so this works in latest firefox

It drops the root path

Expected:

• https://ryepup.github.io/c4-lab/#!/load/...

Actual:

• https://ryepup.github.io/#!/load/...

add more dot styling to make it a bit more appealing

https://docs.travis-ci.com/user/code-climate/

npm version, git hash, travis build, etc.

Currently following a link to a graph will also blow away anything saved in localstorage. This is annoying.

• verify the "share" link opens a page that draws the graph without any side-effects, and without the editor
• verify the export works on the viewer
• verify there's a "edit this" button
• bonus: responsive

It's annoying to follow a link to a diagram, and have that blow away a work in progress.

Use handlebars or whatever lightweight string template system

Aggressively save the open document in localStorage, and restore that on initial page load.

so the title can travel with the exported files

Once all the other feature tickets get done

New modal:

• parent system
• name
• tech
• description

Pass the whole graph zipped on the URL

currently can only map inward connections to containers, need to go the other way

Some way to see examples

Viz.js is adding a bunch of <title> elements that make no sense. Strip them out

there's some non-determinism in the svg renderer that's generating different content and giving angular fits.

Either remove or add an option to specify the direction; push/pull/bi

Improve error handling when a graph is syntactically correct but doesn't "compile", i.e. has an edge to a node that doesn't exist

support that for share URLs, too

I want a db container rendered as a cylinder

S-expressions are uncommon, and those who know them might prefer a full lisp interpreter to allow variable declarations, etc.

Prototype a YAML syntax as an alternative: http://www.yaml.org/spec/1.2/spec.html

Something like https://gist.github.com/gustavohenke/9073132

Make the text editor fill the height

discard the GUI, pull in code mirror and make a DSL, similar to https://www.websequencediagrams.com/

Add a zoom button next to a system or container to redraw the graph focused on that node

Split out the app code from vendor code to permit more judicious uglify usage and smaller files.

Use that to drive export filenames and graph labels

simpler builds, better performance

parallelshell is deprecated

mysticatea/npm-run-all#10

Word wrap seems to only apply once, very long descriptions don't get wrapped.

babelify et al

cache npm dependencies, etc

Add options to save a graph as a JSON file, and then load one back up, using HTML5 file stuff.

the graph and the editor can both get a little big. Add some way to hide the editor so you can see the graph

Allow importing sexp

user input and rendering

In dropdowns, etc

Graph only the selected system, require a child connection to everything the selected system has coming in/out.

Permit a edge syntax like:

(edge :to "../foo")

Get eslint configured and play with the ruleshttp://eslint.org/docs/rules/