@painekillers/tree-builder-viewer 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@painekillers/tree-builder-viewer",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "exports": {
     ".": "./index.js",
@@ -9,4 +9,4 @@
   "dependencies": {
     "@painekillers/tree-builder-core": "^1.0.0"
   }
-}
+}

package/viewer.js

@@ -40,13 +40,23 @@ export default class Viewer {
     #enabled = false
 
     recurse = true
+    strategy = "First"
     /*
+    Recursion settings
     Null: No recursion
     False: Creates fake nodes when encountering recursion
     True: Connects back to existing instance of a node when recursing
     #: Real recursion to depths #
     */
 
+    /*
+    Strategies
+    - [X] Current BFS (First) — Layer by shortest distance from root; first discovery determines placement.
+    - [X] Undirected BFS (Undirected) — Shortest distance to root; layering is on directional.
+    - [X] Directed BFS, outward only (Outwards) — Follow prerequisite-to-dependent edges only.
+    - [X] Furthest-parent layering (Furthest) — Place each node one layer below its deepest prerequisite.
+    */
+
     constructor(container, themes) {
         this.#container = container
 
@@ -546,7 +556,8 @@ export default class Viewer {
                 root.addEventListener("click", () => {
                     this.#bridge.calculateLayout(
                         result.entry.value.id,
-                        this.recurse
+                        this.recurse,
+                        this.strategy
                     )
 
                     this.#bridge.calculateDraw(
@@ -661,8 +672,13 @@ export default class Viewer {
         )
     }
 
-    updateUi() {
-        Object.values(this.#uiUpdates).forEach(callback => callback())
+    updateUi(updateTheme = false) {
+        this.#uiUpdates.updateSearchResults()
+
+        if (updateTheme) {
+            this.#uiUpdates.updateThemeButtons()
+            this.#uiUpdates.updateThemeMenu()
+        }
     }
 
     setRoot(root) {
@@ -676,7 +692,8 @@ export default class Viewer {
 
         this.#bridge.calculateLayout(
             root,
-            this.recurse
+            this.recurse,
+            this.strategy
         )
     }