@imfusion/sdk-react 1.3.1-dev.8.g0ad80e58 → 1.3.2-dev.1.g349dad3f

package/dist/index.d.ts

@@ -17,3 +17,4 @@ export { useFrameSelection } from './useFrameSelection.js';
 export { useContextMenu } from './useContextMenu.js';
 export { useLabelConfig } from './useLabelConfig.js';
 export { useThumbnail } from './useThumbnail.js';
+export { useBrush } from './useBrush.js';

package/dist/index.js

@@ -17,3 +17,4 @@ export { useFrameSelection } from './useFrameSelection.js';
 export { useContextMenu } from './useContextMenu.js';
 export { useLabelConfig } from './useLabelConfig.js';
 export { useThumbnail } from './useThumbnail.js';
+export { useBrush } from './useBrush.js';

package/dist/useBrush.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Returns the reactive Brush state.
+ *
+ * Subscribes to {@link @imfusion/sdk!Brush.onBrushSettingsChanged | onBrushSettingsChanged} so the component re-renders
+ * when the brush's settings change.
+ *
+ * @returns The {@link @imfusion/sdk!Brush | Brush} handle
+ * @throws If called outside of an {@link ImFusionProvider}
+ * @throws If called before the SDK has finished initializing
+ *
+ * @example
+ * ```tsx
+ * function BrushAdaptivenessSlider() {
+ *   const brush = useBrush();
+ *
+ *   return (
+ *     <input
+ *       type="range"
+ *       min={0}
+ *       max={1}
+ *       value={brush.adaptiveness}
+ *       step={0.01}
+ *       onChange={(event) => {
+ *         brush.adaptiveness = parseFloat(event.target.value);
+ *       }}
+ *     ></input>
+ *   );
+ * }
+ * ```
+ */
+export declare function useBrush(): import("@imfusion/sdk").Brush;

package/dist/useBrush.js

@@ -0,0 +1,44 @@
+import { useState, useEffect, useReducer } from 'react';
+import { useImFusion } from './useImFusion.js';
+/**
+ * Returns the reactive Brush state.
+ *
+ * Subscribes to {@link @imfusion/sdk!Brush.onBrushSettingsChanged | onBrushSettingsChanged} so the component re-renders
+ * when the brush's settings change.
+ *
+ * @returns The {@link @imfusion/sdk!Brush | Brush} handle
+ * @throws If called outside of an {@link ImFusionProvider}
+ * @throws If called before the SDK has finished initializing
+ *
+ * @example
+ * ```tsx
+ * function BrushAdaptivenessSlider() {
+ *   const brush = useBrush();
+ *
+ *   return (
+ *     <input
+ *       type="range"
+ *       min={0}
+ *       max={1}
+ *       value={brush.adaptiveness}
+ *       step={0.01}
+ *       onChange={(event) => {
+ *         brush.adaptiveness = parseFloat(event.target.value);
+ *       }}
+ *     ></input>
+ *   );
+ * }
+ * ```
+ */
+export function useBrush() {
+    const imf = useImFusion();
+    const [brush, setBrush] = useState(() => imf.brush);
+    // Triggers a re-render without mirroring all C++ properties as React state.
+    const [, forceUpdate] = useReducer((x) => x + 1, 0);
+    useEffect(function syncBrush() {
+        setBrush(imf.brush);
+        const off = brush.onBrushSettingsChanged(() => forceUpdate());
+        return off;
+    }, [imf, brush]);
+    return brush;
+}

package/dist/useDisplayOptions.js

@@ -32,7 +32,7 @@ import { useStableHandle } from './useStableHandle.js';
 export function useDisplayOptions2d(sis) {
     useImFusion();
     // Triggers a re-render without mirroring all C++ properties as React state.
-    const [, forceUpdate] = useReducer((x) => !x, false);
+    const [, forceUpdate] = useReducer((x) => x + 1, 0);
     const stableSis = useStableHandle(sis);
     const [options, setOptions] = useState(() => stableSis.displayOptions2d());
     useEffect(() => {
@@ -74,7 +74,7 @@ export function useDisplayOptions2d(sis) {
 export function useDisplayOptions3d(sis) {
     useImFusion();
     // Triggers a re-render without mirroring all C++ properties as React state.
-    const [, forceUpdate] = useReducer((x) => !x, false);
+    const [, forceUpdate] = useReducer((x) => x + 1, 0);
     const stableSis = useStableHandle(sis);
     const [options, setOptions] = useState(() => stableSis.displayOptions3d());
     useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/sdk-react",
-  "version": "1.3.1-dev.8.g0ad80e58",
+  "version": "1.3.2-dev.1.g349dad3f",
   "description": "React bindings for ImFusion Web SDK",
   "homepage": "https://docs.imfusion.com/websdk",
   "author": "ImFusion GmbH",
@@ -30,7 +30,7 @@
     "LICENSE.txt"
   ],
   "peerDependencies": {
-    "@imfusion/sdk": "1.3.1-dev.8.g0ad80e58",
+    "@imfusion/sdk": "1.3.2-dev.1.g349dad3f",
     "react": ">=18"
   },
   "devDependencies": {