@viamrobotics/test-widgets 0.3.1 → 0.4.0

package/dist/client-map.d.ts

@@ -30,5 +30,5 @@ export declare const clientMap: {
     readonly 'rdk:service:world_state_store': typeof WorldStateStoreClient;
     readonly 'rdk:service:video': typeof VideoClient;
 };
-export declare const clientForResource: (resource: ResourceName) => typeof ArmClient | typeof BaseClient | typeof GantryClient | typeof GripperClient | typeof MotorClient | typeof ServoClient | typeof AudioInClient | typeof AudioOutClient | typeof BoardClient | typeof ButtonClient | typeof CameraClient | typeof DiscoveryClient | typeof EncoderClient | typeof GenericComponentClient | typeof InputControllerClient | typeof MovementSensorClient | typeof PoseTrackerClient | typeof PowerSensorClient | typeof SensorClient | typeof SwitchClient | typeof DataManagerClient | typeof GenericServiceClient | typeof MLModelClient | typeof MotionClient | typeof NavigationClient | typeof SlamClient | typeof VisionClient | typeof WorldStateStoreClient | typeof VideoClient | undefined;
+export declare const clientForResource: (resource: ResourceName) => typeof ArmClient | typeof AudioInClient | typeof AudioOutClient | typeof BaseClient | typeof BoardClient | typeof ButtonClient | typeof CameraClient | typeof EncoderClient | typeof GantryClient | typeof GenericComponentClient | typeof GripperClient | typeof InputControllerClient | typeof MotorClient | typeof MovementSensorClient | typeof PoseTrackerClient | typeof PowerSensorClient | typeof SensorClient | typeof ServoClient | typeof SwitchClient | typeof DataManagerClient | typeof DiscoveryClient | typeof GenericServiceClient | typeof MLModelClient | typeof MotionClient | typeof NavigationClient | typeof SlamClient | typeof VisionClient | typeof WorldStateStoreClient | typeof VideoClient | undefined;
 export declare const supportsDoCommand: (resource: ResourceName) => boolean;

package/dist/client-map.js

@@ -1,5 +1,5 @@
 import { ArmClient, AudioInClient, AudioOutClient, BaseClient, BoardClient, ButtonClient, CameraClient, DataManagerClient, DiscoveryClient, EncoderClient, GantryClient, GenericComponentClient, GenericServiceClient, GripperClient, InputControllerClient, MLModelClient, MotionClient, MotorClient, MovementSensorClient, NavigationClient, PoseTrackerClient, PowerSensorClient, SensorClient, ServoClient, SlamClient, SwitchClient, VideoClient, VisionClient, WorldStateStoreClient, } from '@viamrobotics/sdk';
-import { getResourceAPI } from "./resource.js";
+import { getResourceAPI } from "./get-resource-api.js";
 export const clientMap = {
     'rdk:component:arm': ArmClient,
     'rdk:component:audio_in': AudioInClient,

package/dist/components/refetch-interval-store.svelte.d.ts

@@ -14,5 +14,5 @@ export declare const RefetchIntervals: {
 };
 export type RefetchRate = ValueOf<typeof RefetchRates>;
 export type RefetchInterval = ValueOf<typeof RefetchIntervals>;
-export declare const RefetchRateToInterval: ["Live" | "Refresh every second" | "Refresh every 5 seconds" | "Manual refresh", false | 33.3333 | 1000 | 5000][];
+export declare const RefetchRateToInterval: ["Live" | "Refresh every second" | "Refresh every 5 seconds" | "Manual refresh", false | 1000 | 33.3333 | 5000][];
 export declare const createRefetchIntervalStore: (partID: () => string, resourceName: () => string, scope: string, defaultInterval?: RefetchInterval) => PersistedState<RefetchInterval>;

package/dist/components/widgets/do-command/do-command.svelte

@@ -6,7 +6,8 @@
 	import { PersistedState } from 'runed'
 
 	import { supportsDoCommand } from '../../../client-map'
-	import { getResourceAPI, getResourceKey } from '../../../resource'
+	import { getResourceAPI } from '../../../get-resource-api'
+	import { getResourceKey } from '../../../get-resource-key'
 
 	import ErrorDisplay from '../../error.svelte'
 	import { createDoCommandClient } from './create-do-command-client.svelte'

package/dist/components/widgets/gripper/gripper.svelte

@@ -8,6 +8,7 @@
 	import StopButton from '../../stop-button.svelte'
 
 	import Grab from './grab.svelte'
+	import IsHoldingSomething from './is-holding-something.svelte'
 	import Open from './open.svelte'
 
 	interface Props {
@@ -63,6 +64,10 @@
 					{partID}
 					{resourceName}
 				/>
+				<IsHoldingSomething
+					{partID}
+					{resourceName}
+				/>
 			</div>
 		</div>
 	{/snippet}

package/dist/components/widgets/gripper/is-holding-something.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+	import { Pill } from '@viamrobotics/prime-core'
+	import { GripperClient } from '@viamrobotics/sdk'
+	import { createResourceClient, createResourceQuery } from '@viamrobotics/svelte-sdk'
+
+	import ApiSection from '../../api-section.svelte'
+	import Query from '../../query.svelte'
+	import StatusPill from '../../status-pill.svelte'
+
+	import ClosedGripperSvg from './closed-gripper-svg.svelte'
+	import OpenGripperSvg from './open-gripper-svg.svelte'
+
+	interface Props {
+		partID: string
+		resourceName: string
+	}
+
+	const { partID, resourceName }: Props = $props()
+
+	const client = createResourceClient(
+		GripperClient,
+		() => partID,
+		() => resourceName
+	)
+
+	const query = createResourceQuery(client, 'isHoldingSomething', {
+		refetchInterval: 500,
+	})
+</script>
+
+<ApiSection
+	title="IsHoldingSomething"
+	bottomText="Updates automatically"
+	class="grow"
+>
+	<Query
+		{query}
+		contentCx="h-5"
+	>
+		<div class="flex items-center gap-2">
+			{#if query.data !== undefined}
+				{#if query.data}
+					<ClosedGripperSvg />
+				{:else}
+					<OpenGripperSvg />
+				{/if}
+				<StatusPill
+					isActive={query.data}
+					activeText="Holding"
+					inactiveText="Empty"
+				/>
+			{:else}
+				<Pill value="Loading" />
+			{/if}
+		</div>
+	</Query>
+</ApiSection>

package/dist/components/widgets/gripper/is-holding-something.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    partID: string;
+    resourceName: string;
+}
+declare const IsHoldingSomething: import("svelte").Component<Props, {}, "">;
+type IsHoldingSomething = ReturnType<typeof IsHoldingSomething>;
+export default IsHoldingSomething;

package/dist/get-resource-api.d.ts

@@ -0,0 +1,2 @@
+import type { ResourceName } from '@viamrobotics/sdk';
+export declare const getResourceAPI: ({ namespace, type, subtype }: ResourceName) => string;

package/dist/get-resource-api.js

@@ -0,0 +1 @@
+export const getResourceAPI = ({ namespace, type, subtype }) => `${namespace}:${type}:${subtype}`;

package/dist/get-resource-key.d.ts

@@ -0,0 +1,2 @@
+import type { ResourceName } from '@viamrobotics/sdk';
+export declare const getResourceKey: (name: ResourceName) => string;

package/dist/get-resource-key.js

@@ -0,0 +1,2 @@
+import { getResourceAPI } from "./get-resource-api.js";
+export const getResourceKey = (name) => `${getResourceAPI(name)}/${name.name}`;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { createAddImageToDatasetContext, type ImageData, useAddImageToDataset, } from './add-image-to-dataset';
 export { clientForResource } from './client-map';
 export * from './components';
+export { getResourceAPI } from './get-resource-api';
 export { providePip, usePip } from './pip/context.svelte';
-export { getResourceAPI, hasWidget, showResourceWidget, widgetForResource } from './resource';
+export { hasWidget, showResourceWidget, widgetForResource } from './resource';

package/dist/index.js

@@ -1,5 +1,6 @@
 export { createAddImageToDatasetContext, useAddImageToDataset, } from './add-image-to-dataset';
 export { clientForResource } from './client-map';
 export * from './components';
+export { getResourceAPI } from './get-resource-api';
 export { providePip, usePip } from './pip/context.svelte';
-export { getResourceAPI, hasWidget, showResourceWidget, widgetForResource } from './resource';
+export { hasWidget, showResourceWidget, widgetForResource } from './resource';

package/dist/resource.d.ts

@@ -16,8 +16,6 @@ export declare const ResourceStatusText: {
     1: string;
     4: string;
 };
-export declare const getResourceAPI: ({ namespace, type, subtype }: ResourceName) => string;
-export declare const getResourceKey: (name: ResourceName) => string;
 export declare const sortResourceNames: (names: ResourceName[]) => ResourceName[];
 export declare const hasWidget: (resource: ResourceName) => boolean;
 export declare const widgetForResource: (resource: ResourceName) => Component<ResourceWidget> | undefined;

package/dist/resource.js

@@ -1,6 +1,7 @@
 import { robotApi } from '@viamrobotics/sdk';
 import { clientMap } from "./client-map.js";
 import { ArmWidget, AudioInputWidget, AudioOutputWidget, BaseWidget, BoardWidget, ButtonWidget, CameraWidget, DiscoveryWidget, EncoderWidget, GantryWidget, GripperWidget, InputControllerWidget, MLModelServiceWidget, MotorWidget, MovementSensorWidget, NavigationServiceWidget, PowerSensorWidget, SensorWidget, ServoWidget, SlamWidget, SwitchWidget, VisionServiceWidget, } from './components';
+import { getResourceAPI } from "./get-resource-api.js";
 export const ResourceStatusText = {
     [robotApi.ResourceStatus_State.UNSPECIFIED]: 'unspecified',
     [robotApi.ResourceStatus_State.READY]: 'ready',
@@ -63,8 +64,6 @@ const resourceMap =
     'rdk:service:world_state_store': [clientMap['rdk:service:world_state_store'], undefined, true],
     'rdk:service:video': [clientMap['rdk:service:video'], undefined, true],
 };
-export const getResourceAPI = ({ namespace, type, subtype }) => `${namespace}:${type}:${subtype}`;
-export const getResourceKey = (name) => `${getResourceAPI(name)}/${name.name}`;
 // sorts resource names by local/remote -> type -> name (alphabetical) to produce a list like
 // component a
 // component z

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/test-widgets",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "license": "Apache-2.0",
   "type": "module",
   "files": [
@@ -90,7 +90,7 @@
     "prettier-plugin-tailwindcss": "^0.7.4",
     "publint": "^0.3.18",
     "runed": "^0.37.1",
-    "svelte": "^5.55.5",
+    "svelte": "^5.55.7",
     "svelte-check": "^4.4.6",
     "svelte-splitpanes": "^8.0.12",
     "tailwind-merge": "^3.5.0",
@@ -115,8 +115,10 @@
     "preview": "vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --fail-on-warnings",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --check . && eslint .",
-    "format": "prettier --write . && eslint . --fix",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --check .",
+    "format:fix": "prettier --write .",
     "test:unit": "vitest",
     "test": "pnpm test:unit -- --run",
     "test:e2e": "playwright test",