diff --git a/.github/workflows/dashboard.yml b/.github/workflows/dashboard.yml index 53e8dd6af..ad17be889 100644 --- a/.github/workflows/dashboard.yml +++ b/.github/workflows/dashboard.yml @@ -31,6 +31,8 @@ jobs: - name: setup python run: apt update && apt install -y python3-venv python-is-python3 - name: bootstrap + env: + NODE_OPTIONS: '--max_old_space_size=4096' uses: ./.github/actions/bootstrap with: package: rmf-dashboard diff --git a/packages/dashboard/src/components/three-fiber/robot-three.tsx b/packages/dashboard/src/components/three-fiber/robot-three.tsx index 632a13ab4..95edd62d5 100644 --- a/packages/dashboard/src/components/three-fiber/robot-three.tsx +++ b/packages/dashboard/src/components/three-fiber/robot-three.tsx @@ -8,15 +8,9 @@ interface RobotThreeProps { robots: RobotData[]; robotLocations: Record; onRobotClick?: (ev: ThreeEvent, robot: RobotData) => void; - objectModel?: string; } -export const RobotThree = ({ - robots, - robotLocations, - onRobotClick, - objectModel, //Object model should be some path of the object to be rendered. -}: RobotThreeProps) => { +export const RobotThree = ({ robots, robotLocations, onRobotClick }: RobotThreeProps) => { const STANDAR_Z_POSITION = 4; const CIRCLE_SEGMENT = 64; @@ -34,7 +28,6 @@ export const RobotThree = ({ robot={robot} position={position} onRobotClick={onRobotClick} - objectModel={objectModel} rotation={new Euler(0, 0, rotationZ)} circleSegment={CIRCLE_SEGMENT} /> diff --git a/packages/react-components/lib/map/three-fiber/robot-three-maker.tsx b/packages/react-components/lib/map/three-fiber/robot-three-maker.tsx index 180346f81..306f3e144 100644 --- a/packages/react-components/lib/map/three-fiber/robot-three-maker.tsx +++ b/packages/react-components/lib/map/three-fiber/robot-three-maker.tsx @@ -1,9 +1,7 @@ import { Circle, Line, Text } from '@react-three/drei'; -import { ThreeEvent, useLoader } from '@react-three/fiber'; +import { ThreeEvent } from '@react-three/fiber'; import React from 'react'; import { Euler, Vector3 } from 'three'; -import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader'; -import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'; export interface RobotData { fleet: string; @@ -23,18 +21,10 @@ interface CircleShapeProps { segment: number; } -interface ObjectLoaderProps { - position: Vector3; - rotation: THREE.Euler; - onRobotClick?: (ev: ThreeEvent) => void; - robot: RobotData; -} - interface RobotThreeMakerProps { robot: RobotData; position: Vector3; onRobotClick?: (ev: ThreeEvent, robot: RobotData) => void; - objectModel?: string; rotation: Euler; circleSegment: number; } @@ -70,35 +60,10 @@ const CircleShape = ({ ); }; -const ObjectLoader = ({ - position, - rotation, - onRobotClick, - robot, -}: ObjectLoaderProps): JSX.Element => { - const objPath = '/Hatchback/meshes/hatchback.obj'; - const mtlPath = '/Hatchback/meshes/hatchback.mtl'; - const objectRef = React.useRef(null); - const scale = new Vector3(0.007, 0.007, 0.007); - - const materials = useLoader(MTLLoader, mtlPath); - const object = useLoader(OBJLoader, objPath, (loader) => { - materials.preload(); - loader.setMaterials(materials); - }); - return ( - - - - - ); -}; - export const RobotThreeMaker = ({ robot, position, onRobotClick, - objectModel, //Object model should be some path of the object to be rendered. rotation, circleSegment, }: RobotThreeMakerProps): JSX.Element => { @@ -107,23 +72,13 @@ export const RobotThreeMaker = ({ {robot.name} - - {objectModel ? ( - ) => onRobotClick && onRobotClick(ev, robot)} - robot={robot} - /> - ) : ( - ) => onRobotClick && onRobotClick(ev, robot)} - robot={robot} - segment={circleSegment} - /> - )} + ) => onRobotClick && onRobotClick(ev, robot)} + robot={robot} + segment={circleSegment} + /> ); };