ryepup / c4-lab Goto Github PK

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

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

Pass the whole graph zipped on the URL

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

Some way to see examples

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

add more dot styling to make it a bit more appealing

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

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

I want a db container rendered as a cylinder

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

user input and rendering

simpler builds, better performance

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

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.

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

cache npm dependencies, etc

install enough polyfills so this works in latest firefox

babelify et al

New modal:

• parent system
• name
• tech
• description

Permit a edge syntax like:

(edge :to "../foo")

so the title can travel with the exported files

It drops the root path

Expected:

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

Actual:

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

Once all the other feature tickets get done

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

Allow importing sexp

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

support that for share URLs, too

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

Use handlebars or whatever lightweight string template system

In dropdowns, etc

Use that to drive export filenames and graph labels

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

Permit export as sexp, svg, dot, and png

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

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

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

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

Make the text editor fill the height

npm version, git hash, travis build, etc.

parallelshell is deprecated

mysticatea/npm-run-all#10