@wandelbots/wandelbots-js-react-components 2.37.0-pr.feature-states-for-cycle-timer.379.b99a9af → 2.37.0-pr.feature-states-for-cycle-timer.379.6ceb08e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "2.37.0-pr.feature-states-for-cycle-timer.379.b99a9af",
+  "version": "2.37.0-pr.feature-states-for-cycle-timer.379.6ceb08e",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,

package/src/components/CycleTimer/useTimerLogic.ts

@@ -146,7 +146,7 @@ export const useTimerLogic = ({
           setTimerState((prev) => ({ ...prev, isRunning: false }))
           startTimeRef.current = null
           if (onCycleEnd) {
-            setTimeout(() => onCycleEnd(), 0)
+            queueMicrotask(() => onCycleEnd())
           }
         } else if (autoStart) {
           setTimeout(() => {
@@ -305,7 +305,7 @@ export const useTimerLogic = ({
               startTimeRef.current = null
               progressInterpolator.setTarget([100])
               if (onCycleEnd) {
-                setTimeout(() => onCycleEnd(), 0)
+                queueMicrotask(() => onCycleEnd())
               }
               return
             }

package/src/components/jogging/PoseCartesianValues.tsx

@@ -2,6 +2,7 @@ import { Button, Stack, Typography } from "@mui/material"
 import { poseToWandelscriptString } from "@wandelbots/nova-js"
 import type {
   ConnectedMotionGroup,
+  MotionGroupStateResponse,
   MotionStreamConnection,
 } from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
@@ -9,6 +10,28 @@ import { useRef, useState } from "react"
 import { CopyableText } from "../CopyableText"
 import { useAnimationFrame } from "../utils/hooks"
 
+/** Minimal interface for what PoseCartesianValues needs from motion stream */
+type MotionStateProvider = {
+  rapidlyChangingMotionState: MotionGroupStateResponse
+}
+
+/** Creates a motion state provider from either a MotionStreamConnection or ConnectedMotionGroup */
+function createMotionStateProvider(
+  motionStream?: MotionStreamConnection,
+  connectedMotionGroup?: ConnectedMotionGroup,
+): MotionStateProvider | undefined {
+  if (motionStream) {
+    return motionStream
+  }
+  if (connectedMotionGroup) {
+    return {
+      rapidlyChangingMotionState:
+        connectedMotionGroup.rapidlyChangingMotionState,
+    }
+  }
+  return undefined
+}
+
 export type PoseCartesianValuesProps = {
   /** Either a MotionStreamConnection or ConnectedMotionGroup */
   motionStream?: MotionStreamConnection
@@ -25,15 +48,10 @@ export const PoseCartesianValues = observer(
     const poseHolderRef = useRef<HTMLDivElement>(null)
     const [copyMessage, setCopyMessage] = useState("")
 
-    // Use the provided motionStream or create a mock-like object from connectedMotionGroup
-    const activeMotionStream =
-      motionStream ||
-      (connectedMotionGroup
-        ? ({
-            rapidlyChangingMotionState:
-              connectedMotionGroup.rapidlyChangingMotionState,
-          } as MotionStreamConnection)
-        : undefined)
+    const activeMotionStream = createMotionStateProvider(
+      motionStream,
+      connectedMotionGroup,
+    )
 
     if (!activeMotionStream) {
       throw new Error(

package/src/components/jogging/PoseJointValues.tsx

@@ -1,6 +1,7 @@
 import { Button, Stack, Typography } from "@mui/material"
 import type {
   ConnectedMotionGroup,
+  MotionGroupStateResponse,
   MotionStreamConnection,
 } from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
@@ -8,6 +9,28 @@ import { useRef, useState } from "react"
 import { CopyableText } from "../CopyableText"
 import { useAnimationFrame } from "../utils/hooks"
 
+/** Minimal interface for what PoseJointValues needs from motion stream */
+type MotionStateProvider = {
+  rapidlyChangingMotionState: MotionGroupStateResponse
+}
+
+/** Creates a motion state provider from either a MotionStreamConnection or ConnectedMotionGroup */
+function createMotionStateProvider(
+  motionStream?: MotionStreamConnection,
+  connectedMotionGroup?: ConnectedMotionGroup,
+): MotionStateProvider | undefined {
+  if (motionStream) {
+    return motionStream
+  }
+  if (connectedMotionGroup) {
+    return {
+      rapidlyChangingMotionState:
+        connectedMotionGroup.rapidlyChangingMotionState,
+    }
+  }
+  return undefined
+}
+
 export type PoseJointValuesProps = {
   /** Either a MotionStreamConnection or ConnectedMotionGroup */
   motionStream?: MotionStreamConnection
@@ -24,15 +47,10 @@ export const PoseJointValues = observer(
     const poseHolderRef = useRef<HTMLDivElement>(null)
     const [copyMessage, setCopyMessage] = useState("")
 
-    // Use the provided motionStream or create a mock-like object from connectedMotionGroup
-    const activeMotionStream =
-      motionStream ||
-      (connectedMotionGroup
-        ? ({
-            rapidlyChangingMotionState:
-              connectedMotionGroup.rapidlyChangingMotionState,
-          } as MotionStreamConnection)
-        : undefined)
+    const activeMotionStream = createMotionStateProvider(
+      motionStream,
+      connectedMotionGroup,
+    )
 
     if (!activeMotionStream) {
       throw new Error(