@wandelbots/wandelbots-js-react-components 1.2.0 → 1.3.1

package/README.md

@@ -26,14 +26,11 @@ import { WandelscriptEditor, ... } from '@wandelbots/wandelbots-js-react-compone
         <ul>
           <li><a href="#wandelscripteditor">WandelscriptEditor</a></li>
         </ul>
-        <li><a href="#materialui">Material UI</a></li>
-        <ul>
-          <li><a href="#defaulttheme">getDefaultThemeOptionsForMui</a></li>
-        </ul>
         <li><a href="#viewport">3D Viewport</a></li>
         <ul>
           <li><a href="#robots">Robots</a></li>
           <li><a href="#lightning">Lightning</a></li>
+          <li><a href="#safety">Safety Zones</a></li>
         </ul>
       </ul>
     </td>
@@ -57,31 +54,6 @@ type WandelscriptEditorProps = {
 }
 ```
 
-### MaterialUI
-
-#### defaulttheme
-
-This function creates a [Material UI theme](https://mui.com/material-ui/customization/theming/) with the default colors, typography, and MUI component configuration.
-
-```tsx
-declare function createDefaultMuiTheme(mode: 'dark'|'light' = 'dark'): Theme
-```
-
-Example use in a MUI application:
-
-```tsx
-import { ThemeProvider } from "@mui/system"
-import { createDefaultMuiTheme } from "@wandelbots/wandelui"
-
-const defaultDarkTheme = createDefaultMuiTheme('dark')
-
-export const Layout = ({ children }: { children: React.ReactNode }) => {
-  return <ThemeProvider theme={defaultDarkTheme}>
-    {children}
-  </ThemeProvider>
-}
-```
-
 ### Viewport
 
 #### Robots
@@ -113,6 +85,14 @@ The `PresetEnvironment` component adds a default lighting setup to the 3D viewpo
 <PresetEnvironment>
 ```
 
+#### Safety 
+
+The `SafetyZonesRenderer` component visualizes the safety zones of the controller.
+
+```tsx
+<SafetyZonesRenderer safetyZones={activeRobot.safetyZones||[]}/>
+```
+
 
 ## Contributing
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -10,8 +10,9 @@
   ],
   "types": "dist/index.d.ts",
   "scripts": {
-    "dev": "nodemon -w \".\" -i *.tgz -i dist -x \"npm run build && npm pack\"",
-    "storybook": "storybook dev -p 6006",
+    "dev": "storybook dev -p 6006 --no-open",
+    "dev:wbjs": "nodemon --watch $WBJS_PATH -e tgz --exec 'npm install file:$WBJS_PATH && storybook dev -p 6006 --no-open'",
+    "tsc": "tsc --pretty --noEmit",
     "test": "vitest",
     "build": "rollup -c",
     "build:dev": "rollup -c rollup.config.dev.mjs",
@@ -29,54 +30,54 @@
   "author": "Wandelbots",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@babel/preset-env": "^7.22.5",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
     "@mui/material": "^5.13.6",
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.2",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/blocks": "^8.1.11",
-    "@storybook/react": "^8.1.11",
-    "@storybook/react-vite": "^8.1.11",
-    "@storybook/test": "^8.1.11",
-    "@storybook/test-runner": "^0.19.0",
-    "@types/react": "^18.2.14",
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@storybook/addon-essentials": "^8.2.7",
+    "@storybook/addon-interactions": "^8.2.7",
+    "@storybook/addon-links": "^8.2.7",
+    "@storybook/blocks": "^8.2.7",
+    "@storybook/react": "^8.2.7",
+    "@storybook/react-vite": "^8.2.7",
+    "@storybook/test": "^8.2.7",
+    "@storybook/test-runner": "^0.19.1",
+    "@types/lodash-es": "^4.17.12",
+    "@types/react": "^18.3.3",
     "@vitejs/plugin-react": "^4.3.1",
-    "nodemon": "^3.1.0",
-    "postcss": "^8.4.24",
+    "nodemon": "^3.1.4",
+    "postcss": "^8.4.40",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^3.25.3",
-    "rollup-plugin-dts": "^5.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup": "^4.19.2",
+    "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-gltf": "^4.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "semantic-release": "^24.0.0",
-    "storybook": "^8.1.11",
-    "tslib": "^2.6.0",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.3",
-    "vitest": "^1.6.0"
+    "storybook": "^8.2.7",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5",
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^2.0.5"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.13.6",
-    "@react-spring/three": "^9.7.3",
-    "@react-three/drei": "^9.105.4",
-    "@react-three/fiber": ">=8.0",
+    "@mui/material": ">=5",
+    "@react-spring/three": ">=9",
+    "@react-three/drei": ">=9",
+    "@react-three/fiber": ">=8",
+    "@wandelbots/wandelbots-js": ">=1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "three": ">=0.137",
-    "three-stdlib": "^2.30.4"
+    "three": ">=0.167",
+    "three-stdlib": ">=2"
   },
   "peerDependenciesMeta": {
     "react-dom": {
@@ -85,9 +86,14 @@
   },
   "dependencies": {
     "@monaco-editor/react": "^4.6.0",
-    "@shikijs/monaco": "^1.10.1",
-    "@wandelbots/wandelbots-js": "^1.2.2",
+    "@mui/icons-material": "^5.16.6",
+    "@mui/lab": "^5.0.0-alpha.173",
+    "@shikijs/monaco": "^1.12.0",
+    "i18next-browser-languagedetector": "^8.0.0",
     "lodash-es": "^4.17.21",
-    "shiki": "^1.10.1"
+    "mobx": "^6.13.1",
+    "mobx-react-lite": "^4.0.7",
+    "react-i18next": "^15.0.0",
+    "shiki": "^1.12.0"
   }
 }

package/dist/cjs/components/3d-viewport/SafetyZonesRenderer.d.ts

@@ -1,2 +0,0 @@
-import { SafetySetupSafetyZone } from "@wandelbots/wandelbots-js";
-export declare function SafetyZonesRenderer(safetyZones?: SafetySetupSafetyZone[], ...props: any[]): import("react/jsx-runtime").JSX.Element;