brep-io-kernel 1.0.16 → 1.0.18

package/src/UI/toolbarButtons/registerDefaultButtons.js

@@ -4,10 +4,7 @@
 import { createSaveButton } from './saveButton.js';
 import { createUndoButton, createRedoButton } from './undoRedoButtons.js';
 import { createZoomToFitButton } from './zoomToFitButton.js';
-import { createOrientToFaceButton } from './orientToFaceButton.js';
 import { createWireframeToggleButton } from './wireframeToggleButton.js';
-import { createInspectorToggleButton } from './inspectorToggleButton.js';
-import { createMetadataButton } from './metadataButton.js';
 import { createImportButton } from './importButton.js';
 import { createExportButton } from './exportButton.js';
 import { createFlatPatternButton } from './flatPatternButton.js';
@@ -21,10 +18,7 @@ export function registerDefaultToolbarButtons(viewer) {
   const creators = [
     createSaveButton,
     createZoomToFitButton,
-    createOrientToFaceButton,
     createWireframeToggleButton,
-    createInspectorToggleButton,
-    createMetadataButton,
     createImportButton,
     createExportButton,
     createFlatPatternButton,

package/src/UI/toolbarButtons/registerSelectionButtons.js

@@ -0,0 +1,68 @@
+import { SelectionFilter } from '../SelectionFilter.js';
+import { createOrientToFaceButton } from './orientToFaceButton.js';
+import { createInspectorToggleButton } from './inspectorToggleButton.js';
+import { createMetadataButton } from './metadataButton.js';
+
+const hasSelection = (items) => Array.isArray(items) && items.length > 0;
+const hasType = (items, types) => {
+  if (!Array.isArray(items) || items.length === 0) return false;
+  const typeSet = new Set((types || []).map((t) => String(t || '').toUpperCase()));
+  if (typeSet.size === 0) return false;
+  return items.some((obj) => typeSet.has(String(obj?.type || '').toUpperCase()));
+};
+
+export function registerSelectionToolbarButtons(viewer) {
+  if (!viewer || typeof SelectionFilter?.registerSelectionAction !== 'function') return;
+
+
+  try {
+    SelectionFilter.registerSelectionAction({
+      id: 'selection-action-clear',
+      label: '␛',
+      title: 'Clear selection',
+      onClick: () => {
+        const scene = viewer?.partHistory?.scene || viewer?.scene || null;
+        if (scene) SelectionFilter.unselectAll(scene);
+        try { viewer?._hideSelectionOverlay?.(); } catch { }
+      },
+      shouldShow: (selection) => hasSelection(selection),
+    });
+  } catch { }
+
+
+
+  try {
+    const perpSpec = createOrientToFaceButton(viewer);
+    if (perpSpec) {
+      SelectionFilter.registerSelectionAction({
+        id: 'selection-action-perp',
+        ...perpSpec,
+        shouldShow: (selection) => hasType(selection, ['FACE', 'PLANE']),
+      });
+    }
+  } catch { }
+
+  try {
+    const inspectorSpec = createInspectorToggleButton(viewer);
+    if (inspectorSpec) {
+      SelectionFilter.registerSelectionAction({
+        id: 'selection-action-inspector',
+        ...inspectorSpec,
+        shouldShow: (selection) => hasSelection(selection),
+      });
+    }
+  } catch { }
+
+
+
+  try {
+    const metadataSpec = createMetadataButton(viewer);
+    if (metadataSpec) {
+      SelectionFilter.registerSelectionAction({
+        id: 'selection-action-metadata',
+        ...metadataSpec,
+        shouldShow: (selection) => hasSelection(selection),
+      });
+    }
+  } catch { }
+}

package/src/UI/viewer.js

@@ -20,6 +20,7 @@ import './expressionsManager.js'
 import { expressionsManager } from './expressionsManager.js';
 import { MainToolbar } from './MainToolbar.js';
 import { registerDefaultToolbarButtons } from './toolbarButtons/registerDefaultButtons.js';
+import { registerSelectionToolbarButtons } from './toolbarButtons/registerSelectionButtons.js';
 import { FileManagerWidget } from './fileManagerWidget.js';
 import './mobile.js';
 import { SketchMode3D } from './sketcher/SketchMode3D.js';
@@ -1239,6 +1240,9 @@ export class Viewer {
         this.mainToolbar = new MainToolbar(this);
         // Register core/default toolbar buttons via the public API
         try { registerDefaultToolbarButtons(this); } catch { }
+        // Register selection-context toolbar buttons (shown based on selection)
+        try { registerSelectionToolbarButtons(this); } catch { }
+        try { SelectionFilter.refreshSelectionActions?.(); } catch { }
         // Drain any queued custom toolbar buttons from early plugin registration
         try {
             const q = Array.isArray(this._pendingToolbarButtons) ? this._pendingToolbarButtons : [];
@@ -3471,15 +3475,29 @@ export class Viewer {
     // Inspector panel (toggle + update-on-click)
     // ----------------------------------------
     toggleInspectorPanel() { this._inspectorOpen ? this._closeInspectorPanel() : this._openInspectorPanel(); }
+    _getInspectorSelectionTarget() {
+        const last = this._lastInspectorTarget;
+        if (last && last.selected) return last;
+        const scene = this.partHistory?.scene || this.scene || null;
+        if (!scene || typeof scene.traverse !== 'function') return null;
+        let found = null;
+        scene.traverse((obj) => {
+            if (found || !obj || !obj.selected) return;
+            found = obj;
+        });
+        return found;
+    }
     _openInspectorPanel() {
         if (this._inspectorOpen) return;
         this._ensureInspectorPanel();
         this._inspectorEl.style.display = 'flex';
         this._inspectorOpen = true;
-        // Placeholder message until user clicks an object
-        try {
-            this._setInspectorPlaceholder('Click an object in the scene to inspect.');
-        } catch { }
+        const target = this._getInspectorSelectionTarget();
+        if (target) {
+            try { this._updateInspectorFor(target); } catch { }
+            return;
+        }
+        try { this._setInspectorPlaceholder('Click an object in the scene to inspect.'); } catch { }
     }
     _closeInspectorPanel() {
         if (!this._inspectorOpen) return;