@wandelbots/wandelbots-js-react-components 1.9.3 → 1.9.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "1.9.3",
+  "version": "1.9.5",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "files": [
     "dist",
@@ -79,7 +79,9 @@
     "typescript": "^5.5.4",
     "vite": "^5.3.5",
     "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^2.0.5"
+    "vitest": "^2.0.5",
+    "@chromatic-com/storybook": "^1.6.1",
+    "storybook-preset-inline-svg": "^1.0.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
@@ -100,19 +102,16 @@
     }
   },
   "dependencies": {
-    "@chromatic-com/storybook": "^1.6.1",
     "@monaco-editor/react": "^4.6.0",
     "@mui/icons-material": "^5.16.6",
     "@mui/lab": "^5.0.0-alpha.173",
     "@shikijs/monaco": "^1.12.0",
-    "@storybook/addon-onboarding": "^8.2.9",
     "i18next-browser-languagedetector": "^8.0.0",
     "lodash-es": "^4.17.21",
     "mobx": "^6.13.1",
     "mobx-react-lite": "^4.0.7",
     "react-error-boundary": "^4.0.13",
     "react-i18next": "^15.0.0",
-    "shiki": "^1.12.0",
-    "storybook-preset-inline-svg": "^1.0.1"
+    "shiki": "^1.12.0"
   }
 }

package/src/components/jogging/JoggingCartesianTab.tsx

@@ -18,6 +18,7 @@ import { JoggingVelocitySlider } from "./JoggingVelocitySlider"
 import { useReaction } from "../utils/hooks"
 import { JoggingCartesianValues } from "./JoggingCartesianValues"
 import { JoggingJointLimitDetector } from "./JoggingJointLimitDetector"
+import { useEffect } from "react"
 
 type JoggingCartesianOpts = {
   axis: "x" | "y" | "z"
@@ -49,6 +50,31 @@ export const JoggingCartesianTab = observer(
       { fireImmediately: true } as any,
     )
 
+    useEffect(() => {
+      // Start in increment mode with no websockets open
+      store.jogger.setJoggingMode("increment")
+
+      window.addEventListener("blur", disconnectJogger)
+
+      return () => {
+        window.removeEventListener("blur", disconnectJogger)
+      }
+    }, [])
+
+    async function connectJogger() {
+      store.jogger.setJoggingMode(
+        store.selectedDiscreteIncrement ? "increment" : "cartesian",
+        {
+          tcpId: store.selectedTcpId,
+          coordSystemId: store.selectedCoordSystemId,
+        },
+      )
+    }
+
+    async function disconnectJogger() {
+      store.jogger.setJoggingMode("increment")
+    }
+
     async function runIncrementalCartesianJog(
       opts: JoggingCartesianOpts,
       increment: DiscreteIncrementOption,
@@ -85,6 +111,8 @@ export const JoggingCartesianTab = observer(
     async function startCartesianJogging(opts: JoggingCartesianOpts) {
       if (store.isLocked) return
 
+      connectJogger()
+
       if (store.selectedDiscreteIncrement) {
         return runIncrementalCartesianJog(opts, store.selectedDiscreteIncrement)
       }
@@ -143,7 +171,7 @@ export const JoggingCartesianTab = observer(
     }
 
     return (
-      <Stack>
+      <Stack onMouseEnter={connectJogger} onMouseLeave={disconnectJogger}>
         {/* Show Wandelscript string for the current coords */}
         <JoggingCartesianValues store={store} />
 

package/src/components/jogging/JoggingJointTab.tsx

@@ -5,9 +5,29 @@ import type { JoggingStore } from "./JoggingStore"
 import { JoggingVelocitySlider } from "./JoggingVelocitySlider"
 import { JoggingJointRotationControl } from "./JoggingJointRotationControl"
 import { JoggingJointValues } from "./JoggingJointValues"
+import { useEffect } from "react"
 
 export const JoggingJointTab = observer(
-  ({ store }: { store: JoggingStore; }) => {
+  ({ store }: { store: JoggingStore }) => {
+    useEffect(() => {
+      // Start in increment mode with no websockets open
+      store.jogger.setJoggingMode("increment")
+
+      window.addEventListener("blur", disconnectJogger)
+
+      return () => {
+        window.removeEventListener("blur", disconnectJogger)
+      }
+    }, [])
+
+    async function connectJogger() {
+      store.jogger.setJoggingMode("joint")
+    }
+
+    async function disconnectJogger() {
+      store.jogger.setJoggingMode("increment")
+    }
+
     async function startJointJogging(opts: {
       joint: number
       direction: "-" | "+"
@@ -22,16 +42,14 @@ export const JoggingJointTab = observer(
     async function stopJointJogging() {
       await store.jogger.stop()
     }
-  
+
     return (
-      <Stack>
+      <Stack onMouseEnter={connectJogger} onMouseLeave={disconnectJogger}>
         <JoggingJointValues store={store} />
         <Stack>
           {store.jogger.motionStream.joints.map((joint) => {
             const jointLimits =
-              store.motionGroupSpec.mechanical_joint_limits?.[
-                joint.index
-              ]
+              store.motionGroupSpec.mechanical_joint_limits?.[joint.index]
             const lowerLimitDegs =
               jointLimits?.lower_limit !== undefined
                 ? radiansToDegrees(jointLimits.lower_limit)