@wandelbots/wandelbots-js-react-components 2.13.4 → 2.13.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "2.13.4",
+  "version": "2.13.5",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,
@@ -50,6 +50,9 @@
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^6.4.1",
     "@mui/material": "^6.4.0",
+    "@react-spring/three": "^9.7.5",
+    "@react-three/drei": "^9.122.0",
+    "@react-three/fiber": "^8.18.0",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
@@ -59,8 +62,8 @@
     "@storybook/addon-essentials": "^8.6.4",
     "@storybook/addon-interactions": "^8.6.4",
     "@storybook/blocks": "^8.6.4",
-    "@storybook/react": "^8.6.4",
     "@storybook/csf-tools": "^8.6.4",
+    "@storybook/react": "^8.6.4",
     "@storybook/react-vite": "^8.6.4",
     "@storybook/test": "^8.6.4",
     "@storybook/test-runner": "^0.21.3",
@@ -70,7 +73,7 @@
     "@types/react": "^18.3.12",
     "@types/three": "^0.174.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "@wandelbots/wandelbots-js": "^1.17.1",
+    "@wandelbots/nova-js": "^2.0.1",
     "add": "^2.0.6",
     "glob": "^11.0.1",
     "http-server": "^14.1.1",
@@ -94,6 +97,8 @@
     "storybook": "^8.6.4",
     "storybook-dark-mode": "^4.0.2",
     "storybook-preset-inline-svg": "^1.0.1",
+    "three": "^0.174.0",
+    "three-stdlib": "^2.35.14",
     "ts-dedent": "^2.2.0",
     "typescript": "^5.8.2",
     "unplugin": "^1.15.0",

package/src/components/3d-viewport/CoordinateSystemTransform.tsx

@@ -1,6 +1,6 @@
-import type { CoordinateSystem } from "@wandelbots/wandelbots-api-client"
+import type { CoordinateSystem } from "@wandelbots/nova-api/v1"
 import type { ReactNode } from "react"
-import { Vector3, Quaternion } from "three"
+import { Quaternion, Vector3 } from "three"
 
 /**
  * Applies a API coordinate system transformation to

package/src/components/3d-viewport/SafetyZonesRenderer.tsx

@@ -1,6 +1,6 @@
 import { type GroupProps } from "@react-three/fiber"
-import type { Geometry } from "@wandelbots/wandelbots-api-client"
-import type { SafetySetupSafetyZone } from "@wandelbots/wandelbots-js"
+import type { Geometry } from "@wandelbots/nova-api/v1"
+import type { SafetySetupSafetyZone } from "@wandelbots/nova-js/v1"
 import * as THREE from "three"
 import { ConvexGeometry } from "three-stdlib"
 

package/src/components/3d-viewport/TrajectoryRenderer.tsx

@@ -1,5 +1,5 @@
 import { Line } from "@react-three/drei"
-import type { GetTrajectoryResponse } from "@wandelbots/wandelbots-js"
+import type { GetTrajectoryResponse } from "@wandelbots/nova-js/v1"
 import * as THREE from "three"
 
 export type TrajectoryRendererProps = {

package/src/components/jogging/JoggingCartesianTab.tsx

@@ -5,7 +5,7 @@ import {
   Typography,
   useTheme,
 } from "@mui/material"
-import { degreesToRadians, radiansToDegrees } from "@wandelbots/wandelbots-js"
+import { degreesToRadians, radiansToDegrees } from "@wandelbots/nova-js"
 import { observer } from "mobx-react-lite"
 import { useTranslation } from "react-i18next"
 import XAxisIcon from "../../icons/axis-x.svg"

package/src/components/jogging/JoggingJointTab.tsx

@@ -1,5 +1,5 @@
 import { Divider, Stack } from "@mui/material"
-import { radiansToDegrees } from "@wandelbots/wandelbots-js"
+import { radiansToDegrees } from "@wandelbots/nova-js"
 import { observer } from "mobx-react-lite"
 import type { ReactNode } from "react"
 import { JoggingJointLimitDetector } from "./JoggingJointLimitDetector"

package/src/components/jogging/JoggingPanel.tsx

@@ -1,5 +1,5 @@
 import { Stack, Tab, Tabs, type SxProps } from "@mui/material"
-import { NovaClient } from "@wandelbots/wandelbots-js"
+import { NovaClient } from "@wandelbots/nova-js/v1"
 import { isString } from "lodash-es"
 import { runInAction } from "mobx"
 import { observer, useLocalObservable } from "mobx-react-lite"

package/src/components/jogging/JoggingStore.ts

@@ -1,10 +1,10 @@
+import { tryParseJson } from "@wandelbots/nova-js"
 import type {
   CoordinateSystem,
   JoggerConnection,
   MotionGroupSpecification,
   RobotTcp,
-} from "@wandelbots/wandelbots-js"
-import { tryParseJson } from "@wandelbots/wandelbots-js"
+} from "@wandelbots/nova-js/v1"
 import { countBy } from "lodash-es"
 import keyBy from "lodash-es/keyBy"
 import uniqueId from "lodash-es/uniqueId"

package/src/components/jogging/PoseCartesianValues.tsx

@@ -1,6 +1,6 @@
 import { Stack } from "@mui/material"
-import type { MotionStreamConnection } from "@wandelbots/wandelbots-js"
-import { poseToWandelscriptString } from "@wandelbots/wandelbots-js"
+import { poseToWandelscriptString } from "@wandelbots/nova-js"
+import type { MotionStreamConnection } from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
 import { useRef } from "react"
 import { CopyableText } from "../CopyableText"

package/src/components/jogging/PoseJointValues.tsx

@@ -1,5 +1,5 @@
 import { Stack } from "@mui/material"
-import type { MotionStreamConnection } from "@wandelbots/wandelbots-js"
+import type { MotionStreamConnection } from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
 import { useRef } from "react"
 import { CopyableText } from "../CopyableText"

package/src/components/robots/DHRobot.tsx

@@ -1,5 +1,5 @@
 import { Line } from "@react-three/drei"
-import type { DHParameter } from "@wandelbots/wandelbots-api-client"
+import type { DHParameter } from "@wandelbots/nova-api/v1"
 import type * as THREE from "three"
 import { Matrix4, Quaternion, Vector3 } from "three"
 import type { LineGeometry } from "three/examples/jsm/lines/LineGeometry.js"

package/src/components/robots/Robot.tsx

@@ -1,6 +1,6 @@
 import { type GroupProps } from "@react-three/fiber"
 
-import type { ConnectedMotionGroup } from "@wandelbots/wandelbots-js"
+import type { ConnectedMotionGroup } from "@wandelbots/nova-js/v1"
 import type { Group } from "three"
 import { SupportedRobot } from "./SupportedRobot"
 import { defaultGetModel } from "./robotModelLogic"
@@ -14,7 +14,7 @@ export type RobotProps = {
 
 /**
  * The Robot component is a wrapper around the SupportedRobot component
- * for usage with @wandelbots/wandelbots-js ConnectedMotionGroup object.
+ * for usage with @wandelbots/nova-js ConnectedMotionGroup object.
  *
  * @param {RobotProps} props - The properties for the Robot component.
  * @param {ConnectedMotionGroup} props.connectedMotionGroup - The connected motion group containing motion state and parameters.

package/src/components/robots/RobotAnimator.tsx

@@ -3,7 +3,7 @@ import { useThree } from "@react-three/fiber"
 import type {
   DHParameter,
   MotionGroupStateResponse,
-} from "@wandelbots/wandelbots-api-client"
+} from "@wandelbots/nova-api/v1"
 import React, { useRef } from "react"
 import type { Group, Object3D } from "three"
 import { useAutorun } from "../utils/hooks"

package/src/components/robots/SupportedRobot.tsx

@@ -2,7 +2,7 @@ import type { GroupProps } from "@react-three/fiber"
 import type {
   DHParameter,
   MotionGroupStateResponse,
-} from "@wandelbots/wandelbots-api-client"
+} from "@wandelbots/nova-api/v1"
 import { Suspense, useCallback, useEffect, useState } from "react"
 import { DHRobot } from "./DHRobot"
 

package/src/components/safetyBar/OperationModeIndicator.tsx

@@ -1,5 +1,5 @@
 import { useTheme, type PopoverOrigin } from "@mui/material"
-import type { RobotControllerStateOperationModeEnum } from "@wandelbots/wandelbots-js"
+import type { RobotControllerStateOperationModeEnum } from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
 import { Trans, useTranslation } from "react-i18next"
 import OperationModeAutomaticIcon from "./icons/operation-mode-automatic.svg"

package/src/components/safetyBar/SafetyBar.tsx

@@ -2,7 +2,7 @@ import { Divider, Stack, type PopoverOrigin } from "@mui/material"
 import type {
   RobotControllerStateOperationModeEnum,
   RobotControllerStateSafetyStateEnum,
-} from "@wandelbots/wandelbots-js"
+} from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
 import { externalizeComponent } from "../../externalizeComponent"
 import { ControllerTypeIndicator } from "./ControllerTypeIndicator"

package/src/components/safetyBar/SafetyStateIndicator.tsx

@@ -1,5 +1,5 @@
 import { useTheme, type PopoverOrigin } from "@mui/material"
-import type { RobotControllerStateSafetyStateEnum } from "@wandelbots/wandelbots-js"
+import type { RobotControllerStateSafetyStateEnum } from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
 import { Trans, useTranslation } from "react-i18next"
 import { assertUnreachable } from "../utils/errorHandling"