@peter.prib/renderengine 0.2.3 → 0.2.4

package/src/charting/modelTree/viewFolders.js

@@ -0,0 +1,31 @@
+/** What a view shows in the tree, by its kind ('canvas', else a diagram). */
+const VIEW_ICONS = Object.freeze({ canvas: '🎨' });
+
+/**
+ * The tree nodes for some views at one depth of the Views folder, as Archi
+ * keeps them: each view remembers its sub-folder path (`archiFolder`, folder
+ * steps {id, name}). A folder node per sub-folder at this depth (holding the
+ * views under it, opened a level deeper), then the views that sit here, each
+ * in the model's order.
+ * @param {Array<Object>} views
+ * @param {number} [depth]
+ * @returns {Array<Object>} TreeBuilder nodes: {id, label, icon, type: 'view-folder'|'view', ...}
+ */
+export function viewFolderNodes(views, depth = 0) {
+    const folders = new Map();
+    const here = [];
+    for (const view of views) {
+        const step = view.archiFolder?.[depth];
+        if (!step) { here.push(view); continue; }
+        if (!folders.has(step.id)) folders.set(step.id, { step, views: [] });
+        folders.get(step.id).views.push(view);
+    }
+    return [
+        ...[...folders.values()].map(({ step, views: inside }) => ({
+            id: `view-folder-${step.id}`, label: step.name || 'Untitled Folder', icon: '📁', type: 'view-folder', _views: inside, _depth: depth + 1,
+        })),
+        ...here.map(view => ({
+            id: view.id, label: view.name || view.title || 'Untitled View', icon: VIEW_ICONS[view.constructor.kind] ?? '📄', type: 'view', _view: view,
+        })),
+    ];
+}