@viamrobotics/motion-tools 1.9.1 → 1.10.0

package/dist/components/overlay/left-pane/Settings.svelte

@@ -1,221 +0,0 @@
-<script lang="ts">
-	import { Select, Switch, Input } from '@viamrobotics/prime-core'
-	import RefreshRate from './RefreshRate.svelte'
-	import Drawer from './Drawer.svelte'
-	import { useSettings } from '../../../hooks/useSettings.svelte'
-	import { useResourceNames } from '@viamrobotics/svelte-sdk'
-	import { usePartID } from '../../../hooks/usePartID.svelte'
-	import { RefreshRates, useMachineSettings } from '../../../hooks/useMachineSettings.svelte'
-	import { useGeometries } from '../../../hooks/useGeometries.svelte'
-	import { usePointClouds } from '../../../hooks/usePointclouds.svelte'
-	import { useThrelte } from '@threlte/core'
-	import { useRefetchPoses } from '../../../hooks/useRefetchPoses'
-
-	const { invalidate } = useThrelte()
-	const partID = usePartID()
-	const cameras = useResourceNames(() => partID.current, 'camera')
-	const visionServices = useResourceNames(() => partID.current, 'vision')
-	const settings = useSettings()
-	const { disabledCameras, disabledVisionServices } = useMachineSettings()
-	const geometries = useGeometries()
-	const pointclouds = usePointClouds()
-	const { refetchPoses } = useRefetchPoses()
-
-	// Invalidate the renderer for any settings change
-	$effect(() => {
-		for (const key in settings.current) {
-			// eslint-disable-next-line @typescript-eslint/no-unused-expressions
-			settings.current[key as keyof typeof settings.current]
-		}
-
-		invalidate()
-	})
-</script>
-
-<Drawer
-	name="Settings"
-	defaultOpen
->
-	<div class="flex h-100 flex-col gap-2 overflow-scroll p-3">
-		<h3 class="text-sm"><strong>Machine connection</strong></h3>
-
-		<RefreshRate
-			id={RefreshRates.poses}
-			label="Poses"
-			allowLive
-			onManualRefetch={() => {
-				refetchPoses()
-				geometries.refetch()
-			}}
-		/>
-		<RefreshRate
-			id={RefreshRates.pointclouds}
-			label="Pointclouds"
-			onManualRefetch={() => {
-				pointclouds.refetch()
-			}}
-		/>
-
-		<div class="mt-4">
-			<h3 class="text-sm"><strong>Enabled pointcloud cameras</strong></h3>
-			{#each cameras.current as camera (camera)}
-				<div class="flex items-center justify-between gap-4 py-2">
-					{camera.name}
-					<Switch
-						on={disabledCameras.get(camera.name) !== true}
-						on:change={(event) => {
-							disabledCameras.set(camera.name, !event.detail)
-						}}
-					/>
-				</div>
-			{:else}
-				No cameras detected
-			{/each}
-		</div>
-
-		<div class="mt-4">
-			<h3 class="text-sm"><strong>Enabled vision services</strong></h3>
-			{#each visionServices.current as visionService (visionService)}
-				<div class="flex items-center justify-between gap-4 py-2">
-					{visionService.name}
-					<Switch
-						on={disabledVisionServices.get(visionService.name) !== true}
-						on:change={(event) => {
-							disabledVisionServices.set(visionService.name, !event.detail)
-						}}
-					/>
-				</div>
-			{:else}
-				No vision services detected
-			{/each}
-		</div>
-
-		<h3 class="pt-2 text-sm"><strong>Pointclouds</strong></h3>
-		<div class="flex flex-col gap-2.5">
-			<label class="flex items-center justify-between gap-2">
-				Default point size
-
-				<div class="w-20">
-					<Input
-						bind:value={settings.current.pointSize}
-						on:keydown={(event) => event.stopImmediatePropagation()}
-					/>
-				</div>
-			</label>
-
-			<label class="flex items-center justify-between gap-2">
-				Default point color
-
-				<div class="w-20">
-					<Input
-						type="color"
-						bind:value={settings.current.pointColor}
-						on:keydown={(event) => event.stopImmediatePropagation()}
-					/>
-				</div>
-			</label>
-		</div>
-
-		<h3 class="pt-2 text-sm"><strong>Scene</strong></h3>
-		<div class="flex flex-col gap-2.5">
-			<label class="flex items-center justify-between gap-2">
-				Object labels <Switch bind:on={settings.current.enableLabels} />
-			</label>
-
-			<label class="flex items-center justify-between gap-2">
-				Grid <Switch bind:on={settings.current.grid} />
-			</label>
-
-			<label class="flex items-center justify-between gap-2">
-				Grid cell size (m)
-
-				<div class="w-20">
-					<Input
-						bind:value={settings.current.gridCellSize}
-						on:keydown={(event) => event.stopImmediatePropagation()}
-					/>
-				</div>
-			</label>
-
-			<label class="flex items-center justify-between gap-2">
-				Grid section size (m)
-
-				<div class="w-20">
-					<Input
-						bind:value={settings.current.gridSectionSize}
-						on:keydown={(event) => event.stopImmediatePropagation()}
-					/>
-				</div>
-			</label>
-
-			<label class="flex items-center justify-between gap-2">
-				Grid fade distance (m)
-
-				<div class="w-20">
-					<Input
-						bind:value={settings.current.gridFadeDistance}
-						on:keydown={(event) => event.stopImmediatePropagation()}
-					/>
-				</div>
-			</label>
-		</div>
-
-		<h3 class="pt-2 text-sm"><strong>Lines</strong></h3>
-		<div class="flex flex-col gap-2.5">
-			<label class="flex items-center justify-between gap-2">
-				Thickness
-
-				<div class="w-20">
-					<Input
-						bind:value={settings.current.lineWidth}
-						on:keydown={(event) => event.stopImmediatePropagation()}
-					/>
-				</div>
-			</label>
-
-			<label class="flex items-center justify-between gap-2">
-				Dot size
-
-				<div class="w-20">
-					<Input
-						bind:value={settings.current.lineDotSize}
-						on:keydown={(event) => event.stopImmediatePropagation()}
-					/>
-				</div>
-			</label>
-		</div>
-
-		<h3 class="pt-2 text-sm"><strong>Misc</strong></h3>
-		<div class="flex flex-col gap-2.5">
-			<label class="flex items-center justify-between gap-2">
-				Query devtools <Switch bind:on={settings.current.enableQueryDevtools} />
-			</label>
-			<label class="flex items-center justify-between gap-2">
-				Render stats <Switch bind:on={settings.current.renderStats} />
-			</label>
-			<label class="flex items-center justify-between gap-2">
-				Render sub-entity hover detail <Switch
-					bind:on={settings.current.renderSubEntityHoverDetail}
-				/>
-			</label>
-			<label class="flex items-center justify-between gap-2">
-				Render Arm Models
-				<Select
-					value={settings.current.renderArmModels}
-					onchange={(event: InputEvent) => {
-						if (event.target instanceof HTMLSelectElement) {
-							settings.current.renderArmModels = event.target.value as
-								| 'colliders'
-								| 'colliders+model'
-								| 'model'
-						}
-					}}
-				>
-					<option value="colliders">Colliders</option>
-					<option value="colliders+model">Colliders + Model</option>
-					<option value="model">Model</option>
-				</Select>
-			</label>
-		</div>
-	</div>
-</Drawer>