@wandelbots/wandelbots-js-react-components 2.39.0-pr.feature-collision-scene-renderer.382.c9d9121 → 2.39.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +43 -43
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2529 -2618
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/index.ts +1 -2
- package/dist/components/3d-viewport/collider/ColliderCollection.d.ts +0 -11
- package/dist/components/3d-viewport/collider/ColliderCollection.d.ts.map +0 -1
- package/dist/components/3d-viewport/collider/ColliderElement.d.ts +0 -10
- package/dist/components/3d-viewport/collider/ColliderElement.d.ts.map +0 -1
- package/dist/components/3d-viewport/collider/CollisionSceneRenderer.d.ts +0 -9
- package/dist/components/3d-viewport/collider/CollisionSceneRenderer.d.ts.map +0 -1
- package/dist/components/3d-viewport/collider/colliderShapeToBufferGeometry.d.ts +0 -4
- package/dist/components/3d-viewport/collider/colliderShapeToBufferGeometry.d.ts.map +0 -1
- package/src/components/3d-viewport/collider/ColliderCollection.tsx +0 -34
- package/src/components/3d-viewport/collider/ColliderElement.tsx +0 -36
- package/src/components/3d-viewport/collider/CollisionSceneRenderer.tsx +0 -26
- package/src/components/3d-viewport/collider/colliderShapeToBufferGeometry.ts +0 -48
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wandelbots/wandelbots-js-react-components",
|
|
3
|
-
"version": "2.39.0
|
|
3
|
+
"version": "2.39.0",
|
|
4
4
|
"description": "React UI toolkit for building applications on top of the Wandelbots platform",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
package/src/index.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { default as CollisionSceneRenderer } from "./components/3d-viewport/collider/CollisionSceneRenderer"
|
|
2
1
|
export * from "./components/3d-viewport/PresetEnvironment"
|
|
3
2
|
export * from "./components/3d-viewport/SafetyZonesRenderer"
|
|
4
3
|
export * from "./components/3d-viewport/TrajectoryRenderer"
|
|
@@ -22,9 +21,9 @@ export * from "./components/RobotCard"
|
|
|
22
21
|
export * from "./components/RobotListItem"
|
|
23
22
|
export * from "./components/robots/AxisConfig"
|
|
24
23
|
export {
|
|
25
|
-
MANUFACTURER_HOME_CONFIGS,
|
|
26
24
|
extractManufacturer,
|
|
27
25
|
getDefaultHomeConfig,
|
|
26
|
+
MANUFACTURER_HOME_CONFIGS,
|
|
28
27
|
} from "./components/robots/manufacturerHomePositions"
|
|
29
28
|
export * from "./components/robots/Robot"
|
|
30
29
|
export { defaultGetModel } from "./components/robots/robotModelLogic"
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { ThreeElements } from "@react-three/fiber";
|
|
2
|
-
import type { Collider } from "@wandelbots/nova-api/v1";
|
|
3
|
-
export type MeshChildrenProvider = (key: string, collider: Collider) => React.ReactNode;
|
|
4
|
-
type ColliderCollectionProps = {
|
|
5
|
-
name?: string;
|
|
6
|
-
colliders: Record<string, Collider>;
|
|
7
|
-
meshChildrenProvider: MeshChildrenProvider;
|
|
8
|
-
} & ThreeElements["group"];
|
|
9
|
-
export default function ColliderCollection({ name, colliders, meshChildrenProvider, ...props }: ColliderCollectionProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=ColliderCollection.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColliderCollection.d.ts","sourceRoot":"","sources":["../../../../src/components/3d-viewport/collider/ColliderCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAGvD,MAAM,MAAM,oBAAoB,GAAG,CACjC,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,QAAQ,KACf,KAAK,CAAC,SAAS,CAAA;AAEpB,KAAK,uBAAuB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IACnC,oBAAoB,EAAE,oBAAoB,CAAA;CAC3C,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;AAE1B,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,IAAI,EACJ,SAAS,EACT,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAazB"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Collider } from "@wandelbots/nova-api/v1";
|
|
2
|
-
import type React from "react";
|
|
3
|
-
type ColliderElementProps = {
|
|
4
|
-
name?: string;
|
|
5
|
-
collider: Collider;
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
};
|
|
8
|
-
export default function ColliderElement({ name, collider, children, }: ColliderElementProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=ColliderElement.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColliderElement.d.ts","sourceRoot":"","sources":["../../../../src/components/3d-viewport/collider/ColliderElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,QAAQ,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,2CAoBtB"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { CollisionScene } from "@wandelbots/nova-api/v1";
|
|
2
|
-
import { type MeshChildrenProvider } from "./ColliderCollection";
|
|
3
|
-
type CollisionSceneRendererProps = {
|
|
4
|
-
scene: CollisionScene;
|
|
5
|
-
meshChildrenProvider: MeshChildrenProvider;
|
|
6
|
-
};
|
|
7
|
-
export default function CollisionSceneRenderer({ scene, meshChildrenProvider, }: CollisionSceneRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=CollisionSceneRenderer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CollisionSceneRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/3d-viewport/collider/CollisionSceneRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAA2B,EACzB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAE7B,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,cAAc,CAAA;IACrB,oBAAoB,EAAE,oBAAoB,CAAA;CAC3C,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,oBAAoB,GACrB,EAAE,2BAA2B,2CAY7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"colliderShapeToBufferGeometry.d.ts","sourceRoot":"","sources":["../../../../src/components/3d-viewport/collider/colliderShapeToBufferGeometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,aAAa,GACnB,KAAK,CAAC,cAAc,CAyCtB"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import type { ThreeElements } from "@react-three/fiber"
|
|
2
|
-
import type { Collider } from "@wandelbots/nova-api/v1"
|
|
3
|
-
import ColliderElement from "./ColliderElement"
|
|
4
|
-
|
|
5
|
-
export type MeshChildrenProvider = (
|
|
6
|
-
key: string,
|
|
7
|
-
collider: Collider,
|
|
8
|
-
) => React.ReactNode
|
|
9
|
-
|
|
10
|
-
type ColliderCollectionProps = {
|
|
11
|
-
name?: string
|
|
12
|
-
colliders: Record<string, Collider>
|
|
13
|
-
meshChildrenProvider: MeshChildrenProvider
|
|
14
|
-
} & ThreeElements["group"]
|
|
15
|
-
|
|
16
|
-
export default function ColliderCollection({
|
|
17
|
-
name,
|
|
18
|
-
colliders,
|
|
19
|
-
meshChildrenProvider,
|
|
20
|
-
...props
|
|
21
|
-
}: ColliderCollectionProps) {
|
|
22
|
-
return (
|
|
23
|
-
<group name={name} {...props}>
|
|
24
|
-
{Object.entries(colliders).map(([colliderKey, collider]) => (
|
|
25
|
-
<ColliderElement
|
|
26
|
-
key={colliderKey}
|
|
27
|
-
name={colliderKey}
|
|
28
|
-
collider={collider}
|
|
29
|
-
children={meshChildrenProvider(colliderKey, collider)}
|
|
30
|
-
/>
|
|
31
|
-
))}
|
|
32
|
-
</group>
|
|
33
|
-
)
|
|
34
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { Collider } from "@wandelbots/nova-api/v1"
|
|
2
|
-
import type React from "react"
|
|
3
|
-
import * as THREE from "three"
|
|
4
|
-
import { colliderShapeToBufferGeometry } from "./colliderShapeToBufferGeometry"
|
|
5
|
-
|
|
6
|
-
type ColliderElementProps = {
|
|
7
|
-
name?: string
|
|
8
|
-
collider: Collider
|
|
9
|
-
children?: React.ReactNode
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export default function ColliderElement({
|
|
13
|
-
name,
|
|
14
|
-
collider,
|
|
15
|
-
children,
|
|
16
|
-
}: ColliderElementProps) {
|
|
17
|
-
const position = collider.pose?.position ?? [0, 0, 0]
|
|
18
|
-
const rotation = collider.pose?.orientation ?? [0, 0, 0]
|
|
19
|
-
if (collider.margin) {
|
|
20
|
-
console.warn(`${name} margin is not supported`)
|
|
21
|
-
}
|
|
22
|
-
return (
|
|
23
|
-
<mesh
|
|
24
|
-
name={name}
|
|
25
|
-
position={new THREE.Vector3(
|
|
26
|
-
position[0],
|
|
27
|
-
position[1],
|
|
28
|
-
position[2],
|
|
29
|
-
).divideScalar(1000)}
|
|
30
|
-
rotation={new THREE.Euler(rotation[0], rotation[1], rotation[2], "XYZ")}
|
|
31
|
-
geometry={colliderShapeToBufferGeometry(collider.shape)}
|
|
32
|
-
>
|
|
33
|
-
{children}
|
|
34
|
-
</mesh>
|
|
35
|
-
)
|
|
36
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { CollisionScene } from "@wandelbots/nova-api/v1"
|
|
2
|
-
import ColliderCollection, {
|
|
3
|
-
type MeshChildrenProvider,
|
|
4
|
-
} from "./ColliderCollection"
|
|
5
|
-
|
|
6
|
-
type CollisionSceneRendererProps = {
|
|
7
|
-
scene: CollisionScene
|
|
8
|
-
meshChildrenProvider: MeshChildrenProvider
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export default function CollisionSceneRenderer({
|
|
12
|
-
scene,
|
|
13
|
-
meshChildrenProvider,
|
|
14
|
-
}: CollisionSceneRendererProps) {
|
|
15
|
-
const colliders = scene.colliders
|
|
16
|
-
return (
|
|
17
|
-
<group>
|
|
18
|
-
{colliders && (
|
|
19
|
-
<ColliderCollection
|
|
20
|
-
meshChildrenProvider={meshChildrenProvider}
|
|
21
|
-
colliders={colliders}
|
|
22
|
-
/>
|
|
23
|
-
)}
|
|
24
|
-
</group>
|
|
25
|
-
)
|
|
26
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import type { ColliderShape } from "@wandelbots/nova-api/v1"
|
|
2
|
-
import * as THREE from "three"
|
|
3
|
-
import { ConvexGeometry } from "three-stdlib"
|
|
4
|
-
|
|
5
|
-
export function colliderShapeToBufferGeometry(
|
|
6
|
-
shape: ColliderShape,
|
|
7
|
-
): THREE.BufferGeometry {
|
|
8
|
-
const shapeType = shape.shape_type
|
|
9
|
-
switch (shapeType) {
|
|
10
|
-
case "convex_hull":
|
|
11
|
-
return new ConvexGeometry(
|
|
12
|
-
shape.vertices.map(
|
|
13
|
-
(vertex) =>
|
|
14
|
-
new THREE.Vector3(
|
|
15
|
-
vertex[0] / 1000,
|
|
16
|
-
vertex[1] / 1000,
|
|
17
|
-
vertex[2] / 1000,
|
|
18
|
-
),
|
|
19
|
-
),
|
|
20
|
-
)
|
|
21
|
-
case "box":
|
|
22
|
-
return new THREE.BoxGeometry(
|
|
23
|
-
shape.size_x / 1000,
|
|
24
|
-
shape.size_y / 1000,
|
|
25
|
-
shape.size_z / 1000,
|
|
26
|
-
)
|
|
27
|
-
case "sphere":
|
|
28
|
-
return new THREE.SphereGeometry(shape.radius / 1000)
|
|
29
|
-
case "capsule":
|
|
30
|
-
return new THREE.CapsuleGeometry(
|
|
31
|
-
shape.radius / 1000,
|
|
32
|
-
shape.cylinder_height / 1000,
|
|
33
|
-
)
|
|
34
|
-
case "cylinder":
|
|
35
|
-
return new THREE.CylinderGeometry(
|
|
36
|
-
shape.radius / 1000,
|
|
37
|
-
shape.radius / 1000,
|
|
38
|
-
shape.height / 1000,
|
|
39
|
-
)
|
|
40
|
-
case "rectangle": {
|
|
41
|
-
return new THREE.BoxGeometry(shape.size_x / 1000, shape.size_y / 1000, 0)
|
|
42
|
-
}
|
|
43
|
-
default: {
|
|
44
|
-
console.warn(`${shape.shape_type} is not supported`)
|
|
45
|
-
return new THREE.BufferGeometry()
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|