brepjs-viewer 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -1 +1,19 @@
 # Changelog
+
+## [0.2.0](https://github.com/andymai/brepjs/compare/brepjs-viewer-v0.1.0...brepjs-viewer-v0.2.0) (2026-06-13)
+
+
+### Features
+
+* **viewer:** click-to-inspect face picking in verify --serve ([#1278](https://github.com/andymai/brepjs/issues/1278)) ([735dc04](https://github.com/andymai/brepjs/commit/735dc0401143ff47046a79e6fb7bac53cf00a91e))
+* **viewer:** measurements info panel in verify --serve ([#1277](https://github.com/andymai/brepjs/issues/1277)) ([c1ccf1d](https://github.com/andymai/brepjs/commit/c1ccf1d7c50ab43dc0444468f92fcf9365fda9da))
+* **viewer:** orthographic/perspective projection toggle ([#1281](https://github.com/andymai/brepjs/issues/1281)) ([96673e4](https://github.com/andymai/brepjs/commit/96673e45e1ee316f9d26e52c995b4daba691e8b0))
+* **viewer:** section/clipping plane in verify --serve ([#1279](https://github.com/andymai/brepjs/issues/1279)) ([cc0d00b](https://github.com/andymai/brepjs/commit/cc0d00b7a6296cc698fce1ae42b7503e6d47c032))
+* **viewer:** shared ViewerControls toolbar; interactive verify --serve ([#1275](https://github.com/andymai/brepjs/issues/1275)) ([139ae15](https://github.com/andymai/brepjs/commit/139ae15a29d8a7ad5e520ba21d6dc9788242c089))
+
+
+### Bug Fixes
+
+* **security:** clear open Dependabot + CodeQL alerts ([#1144](https://github.com/andymai/brepjs/issues/1144)) ([0ac6411](https://github.com/andymai/brepjs/commit/0ac6411e866df0b88e048db52cae550734a20765))
+
+## Changelog

package/README.md

@@ -2,23 +2,23 @@
 
 Shared React + [@react-three/fiber](https://github.com/pmndrs/react-three-fiber) renderer for brepjs meshes. Extracted from the playground so both `apps/playground` and the `brepjs-agent` standalone viewer render through one source of truth (no drift).
 
-It is a thin, store-agnostic rendering layer: it takes a `MeshData` and optional selection callbacks — it owns no application state and never imports a consumer.
+It is a thin, store-agnostic rendering layer: it takes a `MeshData` and optional selection callbacks; it owns no application state and never imports a consumer.
 
 ## Exports
 
-- `Renderer` — draws a `MeshData` mesh; optional `onFacePick`/`onFaceHover`/`onFaceContextMenu` callbacks for selection.
-- `ViewerCanvas` — R3F `<Canvas>` wrapper that frames the model bbox, re-points the camera from a `view` prop (`iso`/`front`/`top`/`right`), re-frames on a `fitSignal` bump, toggles `autoRotate`/`gridVisible`, and switches `projection` between `perspective` and `orthographic` (zoom-fit ortho camera). Flips to `frameloop="always"` while spinning, `demand` otherwise. Fires `onFirstFrame` after first paint. Screenshot-agnostic.
-- `ViewerControls` — store-agnostic, fully-controlled toolbar (view-mode, edges, grid, turntable, projection, view presets, fit, screenshot). Each group renders only when its handler is supplied; self-contained inline styles, `className` to restyle.
-- `ViewerInfoPanel` — controlled, store-agnostic measurements readout (bbox size, volume, area, triangles, validity); renders only the rows whose values are supplied.
-- `ViewerSelectionPanel` — controlled readout for a picked `FaceInfo` (surface type, area, normal) with an optional clear button; renders nothing when no face is selected.
-- `ViewerSectionControls` — controlled section-plane bar (enable, axis, position slider, flip). Pair with `sectionPlane(...)` and pass the result to `Renderer`/`EdgeRenderer` via their `clippingPlanes` prop. `ViewerCanvas` enables local clipping, so only the model is cut (not the grid).
-- `EdgeRenderer`, `SelectionHighlight`, `SceneSetup` — companion components.
-- `buildGeometry`, `findFaceGroupAt`, `meshSize`, `meshBounds`, `sectionPlane` — pure helpers (`meshBounds` returns the bbox; `sectionPlane` builds a model-space clipping plane).
+- `Renderer`: draws a `MeshData` mesh; optional `onFacePick`/`onFaceHover`/`onFaceContextMenu` callbacks for selection.
+- `ViewerCanvas`: R3F `<Canvas>` wrapper that frames the model bbox, re-points the camera from a `view` prop (`iso`/`front`/`top`/`right`), re-frames on a `fitSignal` bump, toggles `autoRotate`/`gridVisible`, and switches `projection` between `perspective` and `orthographic` (zoom-fit ortho camera). Flips to `frameloop="always"` while spinning, `demand` otherwise. Fires `onFirstFrame` after first paint. Screenshot-agnostic.
+- `ViewerControls`: store-agnostic, fully-controlled toolbar (view-mode, edges, grid, turntable, projection, view presets, fit, screenshot). Each group renders only when its handler is supplied; self-contained inline styles, `className` to restyle.
+- `ViewerInfoPanel`: controlled, store-agnostic measurements readout (bbox size, volume, area, triangles, validity); renders only the rows whose values are supplied.
+- `ViewerSelectionPanel`: controlled readout for a picked `FaceInfo` (surface type, area, normal) with an optional clear button; renders nothing when no face is selected.
+- `ViewerSectionControls`: controlled section-plane bar (enable, axis, position slider, flip). Pair with `sectionPlane(...)` and pass the result to `Renderer`/`EdgeRenderer` via their `clippingPlanes` prop. `ViewerCanvas` enables local clipping, so only the model is cut (not the grid).
+- `EdgeRenderer`, `SelectionHighlight`, `SceneSetup`: companion components.
+- `buildGeometry`, `findFaceGroupAt`, `meshSize`, `meshBounds`, `sectionPlane`: pure helpers (`meshBounds` returns the bbox; `sectionPlane` builds a model-space clipping plane).
 - Types: `MeshData`, `FaceGroup`, `FaceInfo`, `EdgeGroup`, `EdgeInfo`, `ViewMode`, `ViewName`, `VIEW_NAMES`.
 
 ## Peer dependencies
 
-`react`, `react-dom`, `three`, `@react-three/fiber`, `@react-three/drei` — pinned to the versions `apps/playground` uses so a single copy resolves across the monorepo.
+`react`, `react-dom`, `three`, `@react-three/fiber`, `@react-three/drei`: pinned to the versions `apps/playground` uses so a single copy resolves across the monorepo.
 
 ## Usage
 

package/dist/EdgeRenderer.d.ts

@@ -9,4 +9,4 @@ export interface EdgeRendererProps {
     onEdgeHover?: (info: EdgeInfo | null, pos?: ScreenPos) => void;
     onEdgeContextMenu?: (info: EdgeInfo, pos: ScreenPos) => void;
 }
-export default function EdgeRenderer({ edges, edgeGroups, edgeInfos, clippingPlanes, onEdgePick, onEdgeHover, onEdgeContextMenu, }: EdgeRendererProps): import("react/jsx-runtime").JSX.Element;
+export default function EdgeRenderer({ edges, edgeGroups, edgeInfos, clippingPlanes, onEdgePick, onEdgeHover, onEdgeContextMenu, }: EdgeRendererProps): import("react").JSX.Element;

package/dist/GradientBackground.d.ts

@@ -2,5 +2,5 @@ interface GradientBackgroundProps {
     colorTop?: string;
     colorBottom?: string;
 }
-export default function GradientBackground({ colorTop, colorBottom, }: GradientBackgroundProps): import("react/jsx-runtime").JSX.Element;
+export default function GradientBackground({ colorTop, colorBottom, }: GradientBackgroundProps): import("react").JSX.Element;
 export {};

package/dist/InfiniteGrid.d.ts

@@ -5,5 +5,5 @@ interface InfiniteGridProps {
     fadeStart?: number;
     fadeEnd?: number;
 }
-export default function InfiniteGrid({ cellSize, lineColor, lineOpacity, fadeStart, fadeEnd, }: InfiniteGridProps): import("react/jsx-runtime").JSX.Element;
+export default function InfiniteGrid({ cellSize, lineColor, lineOpacity, fadeStart, fadeEnd, }: InfiniteGridProps): import("react").JSX.Element;
 export {};

package/dist/Renderer.d.ts

@@ -8,4 +8,4 @@ export interface RendererProps {
     onFaceHover?: (info: FaceInfo | null, pos?: ScreenPos) => void;
     onFaceContextMenu?: (info: FaceInfo, pos: ScreenPos) => void;
 }
-export declare function Renderer({ data, viewMode, clippingPlanes, onFacePick, onFaceHover, onFaceContextMenu, }: RendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function Renderer({ data, viewMode, clippingPlanes, onFacePick, onFaceHover, onFaceContextMenu, }: RendererProps): import("react").JSX.Element;

package/dist/SceneLighting.d.ts

@@ -1 +1 @@
-export default function SceneLighting(): import("react/jsx-runtime").JSX.Element;
+export default function SceneLighting(): import("react").JSX.Element;

package/dist/SceneSetup.d.ts

@@ -27,5 +27,5 @@ interface SceneSetupProps {
     controlsRef?: RefObject<any>;
     onControlsStart?: () => void;
 }
-export default function SceneSetup({ autoRotate, target, gridVisible, gridProps, controlsProps, controlsRef, onControlsStart, }: SceneSetupProps): import("react/jsx-runtime").JSX.Element;
+export default function SceneSetup({ autoRotate, target, gridVisible, gridProps, controlsProps, controlsRef, onControlsStart, }: SceneSetupProps): import("react").JSX.Element;
 export {};

package/dist/SelectionHighlight.d.ts

@@ -6,4 +6,4 @@ export interface SelectionHighlightProps {
     hoverFaceId?: number | null;
     hoverEdgeId?: number | null;
 }
-export default function SelectionHighlight({ data, selectedFaceIds, selectedEdgeIds, hoverFaceId, hoverEdgeId, }: SelectionHighlightProps): import("react/jsx-runtime").JSX.Element;
+export default function SelectionHighlight({ data, selectedFaceIds, selectedEdgeIds, hoverFaceId, hoverEdgeId, }: SelectionHighlightProps): import("react").JSX.Element;

package/dist/ViewerCanvas.d.ts

@@ -11,4 +11,4 @@ export interface ViewerCanvasProps {
     onFirstFrame?: () => void;
     children?: ReactNode;
 }
-export declare function ViewerCanvas({ data, view, fitSignal, autoRotate, gridVisible, projection, onFirstFrame, children, }: ViewerCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function ViewerCanvas({ data, view, fitSignal, autoRotate, gridVisible, projection, onFirstFrame, children, }: ViewerCanvasProps): import("react").JSX.Element;

package/dist/ViewerControls.d.ts

@@ -17,4 +17,4 @@ export interface ViewerControlsProps {
     onScreenshot?: () => void;
     className?: string;
 }
-export declare function ViewerControls({ viewMode, onViewModeChange, showEdges, onToggleEdges, showGrid, onToggleGrid, autoRotate, onToggleAutoRotate, projection, onToggleProjection, activeView, onView, onFit, onScreenshot, className, }: ViewerControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ViewerControls({ viewMode, onViewModeChange, showEdges, onToggleEdges, showGrid, onToggleGrid, autoRotate, onToggleAutoRotate, projection, onToggleProjection, activeView, onView, onFit, onScreenshot, className, }: ViewerControlsProps): import("react").JSX.Element;

package/dist/ViewerInfoPanel.d.ts

@@ -9,4 +9,4 @@ export interface ViewerInfoPanelProps {
     unit?: string | undefined;
     className?: string;
 }
-export declare function ViewerInfoPanel({ dims, volume, area, triangles, valid, unit, className, }: ViewerInfoPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ViewerInfoPanel({ dims, volume, area, triangles, valid, unit, className, }: ViewerInfoPanelProps): import("react").JSX.Element | null;

package/dist/ViewerSectionControls.d.ts

@@ -12,4 +12,4 @@ export interface ViewerSectionControlsProps {
     onToggleFlip: () => void;
     className?: string;
 }
-export declare function ViewerSectionControls({ enabled, onToggle, axis, onAxisChange, position, min, max, onPositionChange, flip, onToggleFlip, className, }: ViewerSectionControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ViewerSectionControls({ enabled, onToggle, axis, onAxisChange, position, min, max, onPositionChange, flip, onToggleFlip, className, }: ViewerSectionControlsProps): import("react").JSX.Element;

package/dist/ViewerSelectionPanel.d.ts

@@ -5,4 +5,4 @@ export interface ViewerSelectionPanelProps {
     unit?: string | undefined;
     className?: string;
 }
-export declare function ViewerSelectionPanel({ face, onClear, unit, className, }: ViewerSelectionPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ViewerSelectionPanel({ face, onClear, unit, className, }: ViewerSelectionPanelProps): import("react").JSX.Element | null;

package/package.json

@@ -1,21 +1,39 @@
 {
   "name": "brepjs-viewer",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Shared React/R3F renderer for brepjs meshes (used by the playground and the brepjs-agent viewer)",
   "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/andymai/brepjs",
+    "directory": "packages/brepjs-viewer"
+  },
   "type": "module",
   "sideEffects": false,
-  "engines": { "node": ">=24" },
+  "engines": {
+    "node": ">=24"
+  },
   "main": "./dist/brepjs-viewer.cjs",
   "module": "./dist/brepjs-viewer.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": { "types": "./dist/index.d.ts", "default": "./dist/brepjs-viewer.js" },
-      "require": { "types": "./dist/index.d.ts", "default": "./dist/brepjs-viewer.cjs" }
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/brepjs-viewer.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/brepjs-viewer.cjs"
+      }
     }
   },
-  "files": ["dist", "CHANGELOG.md", "LICENSE", "README.md"],
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "LICENSE",
+    "README.md"
+  ],
   "scripts": {
     "build": "vite build",
     "typecheck": "tsc --noEmit",
@@ -32,12 +50,12 @@
   "devDependencies": {
     "@eslint/js": "*",
     "@react-three/test-renderer": "*",
-    "@types/react": "19.2.15",
+    "@types/react": "19.2.17",
     "@types/three": "0.184.1",
     "eslint": "*",
     "jsdom": "*",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "@react-three/fiber": "9.6.1",
     "@react-three/drei": "10.7.7",
     "three": "0.184.0",