Merge pull request #8 from altwalker/7-migrate-dagre-d3-es-from-dagre-d3

Migrate to `dagre-d3-es` from `dagre-d3`
altwalker · Dec 3, 2023 · 413440a · 413440a
2 parents e4860c2 + 7625122
commit 413440a
Show file tree

Hide file tree

Showing 25 changed files with 666 additions and 370 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -9,9 +9,7 @@ module.exports = {
   ],
   globals: {
     Atomics: 'readonly',
-    SharedArrayBuffer: 'readonly',
-    d3: 'readonly',
-    dagreD3: 'readonly'
+    SharedArrayBuffer: 'readonly'
   },
   parserOptions: {
     ecmaVersion: 2018,

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -5,6 +5,10 @@ on:
     paths:
       - 'src/**'
       - 'tests/**'
+      - '.github/workflows/test.yml'
+
+env:
+  NODE_VERSION: 16
 
 jobs:
   lint:
@@ -15,7 +19,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: ${{ env.NODE_VERSION }}
 
     - name: Install npm dependencies
       run: |
@@ -38,7 +42,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: ${{ env.NODE_VERSION }}
 
     - name: Install npm dependencies
       run: |
@@ -66,7 +70,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: ${{ env.NODE_VERSION }}
 
     - name: Install npm dependencies
       run: |

diff --git a/README.md b/README.md
@@ -29,14 +29,11 @@ Place the following `<script>`s near the end of your pages, right before the clo
 
 ### Required Dependencies
 
-* [D3](https://d3js.org/)
-* [dagre-d3](https://github.com/dagrejs/dagre-d3)
 * [Vue.js](https://vuejs.org/)
 * [lodash](https://lodash.com/)
 
 ### Optional Dependencies
 
-* [d3-legend](https://d3-legend.susielu.com/) (__Optional__) - if you want to use the legend.
 * [Milligram](https://milligram.io/) (__Optional__) - for the forms design.
 
 ## Example

diff --git a/docs/_static/examples/edit-mode.html b/docs/_static/examples/edit-mode.html
@@ -23,10 +23,6 @@
             </div>
         </div>
 
-        <!-- DagreD3 and D3 -->
-        <script src="https://d3js.org/d3.v5.js"></script>
-        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dagre-d3/0.6.3/dagre-d3.min.js"></script>
-
         <!-- VueJS -->
         <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
 

diff --git a/docs/_static/examples/view-mode.html b/docs/_static/examples/view-mode.html
@@ -23,10 +23,6 @@
             </div>
         </div>
 
-        <!-- DagreD3 and D3 -->
-        <script src="https://d3js.org/d3.v5.js"></script>
-        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dagre-d3/0.6.3/dagre-d3.min.js"></script>
-
         <!-- VueJS -->
         <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
 

diff --git a/docs/quickstart.rst b/docs/quickstart.rst
@@ -39,15 +39,12 @@ Dependencies
 Required Dependencies
 *********************
 
-* `D3 <https://d3js.org/>`_
-* `dagre-d3 <https://github.com/dagrejs/dagre-d3>`_
 * `Vue.js <https://vuejs.org/>`_
 * `lodash <https://lodash.com/>`_
 
 Optional Dependencies
 *********************
 
-* `d3-legend <https://d3-legend.susielu.com/>`_ (**Optional**) - if you want to use the legend.
 * `Milligram <https://milligram.io/>`_ (**Optional**) - for the forms design.
 
 Initialize the ModelVisualizer
@@ -85,10 +82,6 @@ Put it all together and your pages should look like this:
             <div id="visualizer">
             </div>
 
-            <!-- DagreD3 and D3 -->
-            <script src="https://d3js.org/d3.v5.js"></script>
-            <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dagre-d3/0.6.3/dagre-d3.min.js"></script>
-
             <!-- VueJS -->
             <script src="https://cdn.jsdelivr.net/npm/vue"></script>
 

diff --git a/examples/index.html b/examples/index.html
@@ -59,11 +59,6 @@
   <div id="legend"></div>
   <div id="visualizer"></div>
 
-  <!-- D3, DagreD3 and D3 Legend -->
-  <script src="https://d3js.org/d3.v5.js"></script>
-  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dagre-d3/0.6.3/dagre-d3.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.25.6/d3-legend.js"></script>
-
   <!-- Vue JS -->
   <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
@@ -84,4 +79,4 @@
     }
   </script>
 </body>
-</html>
+</html>
diff --git a/examples/tests.html b/examples/tests.html
@@ -51,11 +51,6 @@
   <div id="legend"></div>
   <div id="visualizer"></div>
 
-  <!-- D3, DagreD3 and D3 Legend -->
-  <script src="https://d3js.org/d3.v5.js"></script>
-  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dagre-d3/0.6.3/dagre-d3.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.25.6/d3-legend.js"></script>
-
   <!-- Vue JS -->
   <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
@@ -68,4 +63,4 @@
     };
   </script>
 </body>
-</html>
+</html>