mindrones / timely-dependency-graph Goto Github PK

If the dependency chain is very long, fetching all modules data can take a lot of time.

We can:

• simply add a loader and draw when done fetching them all,
• redraw at each fetched module,
• stop fetching at depth 1 or 2,
• or?

As of version 1.0.0 it only supports ranges in the form ~1.2.3 as it seems to be the only kind of range used in d3 modules.

For example, if instead of

var MODULE_NAME = 'd3'

we use

var MODULE_NAME = 'backbone'

we get an error when processing a range like >=1.1.2 which I'm not supporting at the moment.

• support all types of version range (#1)
• support releases not sorted by time (#3)
• implement a loader strategy (#4)
• choose a solution to show a long list of modules (#5)
• add a router to detect module name (#6)

If the dependency chain is very log, simply forcing all modules to fit in the screen will make release versions unreadable or even hidden if they are too small.
Also, colors of adjacent modules would be too similar.

Choose a good solution:

• add scroll,
• color only modules in the current depgraph?
• ?

Right now modules order depends on the fetching order, hence connected releases can be distant from each others in the chart.

Implement one or more sorting strategy:

• based on modules "distance"
• based on focused release "distance" with servers (dependency releases) and clients (dependent releases)
• alphabetical
• date of module creation?
• else?

For example in d3-queue.json you can see that releases are not sorted by time:

  ...
  "time": {
    "modified": "2016-03-03T17:18:21.214Z",
    "created": "2016-01-23T05:00:32.836Z",
    "1.2.0": "2016-01-23T05:00:32.836Z",
    "1.2.1": "2016-01-25T05:38:16.791Z",
    "1.2.2": "2016-01-25T21:20:04.839Z",
    "2.0.0": "2016-01-27T18:12:57.616Z",
    "1.2.3": "2016-01-29T17:28:25.517Z",
    "2.0.1": "2016-01-29T17:35:39.783Z",
    "2.0.2": "2016-02-02T01:09:47.285Z",
    "2.0.3": "2016-03-03T17:18:21.214Z"
  },
  ...

Get the module name from the hash fragment

• http://mindrones.github.io/timely-dependency-graph/#npm/d3 -> load d3 modules
• http://mindrones.github.io/timely-dependency-graph/#npm/backbone -> load backbone modules

Fonts are too small on big screens