Chore: Release/1.0.0

.github/workflows/build.yml

@@ -9,7 +9,7 @@ jobs:
       - uses: actions/checkout@v1
       - uses: actions/setup-node@v1
         with:
-          node-version: "16.x"
+          node-version: "18.x"
 
       - name: 'Install'
         run: npm ci

.github/workflows/release.yml

@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v1
       - uses: actions/setup-node@v1
         with:
-          node-version: "16.x"
+          node-version: "18.x"
 
       - name: 'Install'
         run: npm ci

.releaserc

@@ -8,10 +8,10 @@
     }],
     "@semantic-release/changelog",
     "@semantic-release/npm",
-    '@semantic-release/github',
+    "@semantic-release/github",
     ["@semantic-release/git", {
       "assets": ["package.json", "CHANGELOG.md"],
       "message": "Chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
-    }],
-  ],
+    }]
+  ]
 }

README.md

@@ -24,7 +24,7 @@ Orb is a graph visualization library. Read more about Orb in the following guide
 * [Styling nodes and edges](./docs/styles.md)
 * [Handling events](./docs/events.md)
 * Using different views
-  * [Default view](./docs/view-default.md) 
+  * [Default view](./docs/view-default.md)
   * [Map view](./docs/view-map.md)
 
 ## Install
@@ -43,7 +43,7 @@ Below you can find a simple Typescript example using Orb to visualize a small gr
 free to check other JavaScript examples in `examples/` directory.
 
 ```typescript
-import { Orb } from '@memgraph/orb';
+import { OrbView } from '@memgraph/orb';
 const container = document.getElementById('graph');
 
 const nodes: MyNode[] = [
@@ -56,14 +56,14 @@ const edges: MyEdge[] = [
   { id: 2, start: 2, end: 3, label: 'ON' },
 ];
 
-const orb = new Orb<MyNode, MyEdge>(container);
+const orb = new OrbView<MyNode, MyEdge>(container);
 
 // Initialize nodes and edges
 orb.data.setup({ nodes, edges });
 
 // Render and recenter the view
-orb.view.render(() => {
-  orb.view.recenter();
+orb.render(() => {
+  orb.recenter();
 });
 ```
 
@@ -106,7 +106,7 @@ free to check other JavaScript examples in `examples/` directory.
     <div id="graph"></div>
     <script>
       const container = document.getElementById("graph");
-    
+
       const nodes = [
         { id: 1, label: "Orb" },
         { id: 2, label: "Graph" },
@@ -116,16 +116,16 @@ free to check other JavaScript examples in `examples/` directory.
         { id: 1, start: 1, end: 2, label: "DRAWS" },
         { id: 2, start: 2, end: 3, label: "ON" },
       ];
-    
-      // First `Orb` is just a namespace of the JS package 
-      const orb = new Orb.Orb(container);
-    
+
+      // First `Orb` is just a namespace of the JS package
+      const orb = new Orb.OrbView(container);
+
       // Initialize nodes and edges
       orb.data.setup({ nodes, edges });
-    
+
       // Render and recenter the view
-      orb.view.render(() => {
-        orb.view.recenter();
+      orb.render(() => {
+        orb.recenter();
       });
     </script>
   </body>