@viamrobotics/test-widgets 0.0.1

package/dist/components/index.d.ts

@@ -0,0 +1,57 @@
+export { default as ConnectionStatus } from './connection-status.svelte';
+export { default as ArmWidget } from './widgets/arm/arm.svelte';
+export { default as ArmMoveToJointPositionsWidget } from './widgets/arm/move-to-joint-positions-widget.svelte';
+export { default as ArmMoveToPositionWidget } from './widgets/arm/move-to-position-widget.svelte';
+export { default as ArmQuickMoveWidget } from './widgets/arm/quick-move-widget.svelte';
+export { default as BaseWidget } from './widgets/base/base.svelte';
+export { default as BaseMoveStraightWidget } from './widgets/base/move-straight-widget.svelte';
+export { default as BaseQuickMoveWidget } from './widgets/base/quick-move-widget.svelte';
+export { default as BaseSetPowerWidget } from './widgets/base/set-power-widget.svelte';
+export { default as BaseSetVelocityWidget } from './widgets/base/set-velocity-widget.svelte';
+export { default as BaseSpinWidget } from './widgets/base/spin-widget.svelte';
+export { default as BoardWidget } from './widgets/board/board.svelte';
+export { default as BoardReadWritePinsWidget } from './widgets/board/read-write-pins-widget.svelte';
+export { default as ButtonWidget } from './widgets/button/button.svelte';
+export { default as ButtonPushWidget } from './widgets/button/push.svelte';
+export { default as CameraWidget } from './widgets/camera/camera.svelte';
+export { default as LiveOrPollingVideo } from './widgets/camera/live-or-polling-video.svelte';
+export type { ComponentPreview, ComponentPreviewSnippet, } from './widgets/discovery/component-preview.ts';
+export { default as DiscoveryWidget } from './widgets/discovery/discovery.svelte';
+export { default as DoCommandWidget } from './widgets/do-command/do-command.svelte';
+export { default as EncoderWidget } from './widgets/encoder/encoder.svelte';
+export { default as GantryWidget } from './widgets/gantry/gantry.svelte';
+export { default as GantryHomeWidget } from './widgets/gantry/home.svelte';
+export { default as GantryMoveToPositionWidget } from './widgets/gantry/move-to-position.svelte';
+export { default as GantryQuickMoveWidget } from './widgets/gantry/quick-move.svelte';
+export { default as GenericWidget } from './widgets/generic/generic.svelte';
+export { default as GripperGrabWidget } from './widgets/gripper/grab.svelte';
+export { default as GripperWidget } from './widgets/gripper/gripper.svelte';
+export { default as GripperOpenWidget } from './widgets/gripper/open.svelte';
+export { default as InputControllerWidget } from './widgets/input-controller/input-controller.svelte';
+export { default as MLModelServiceWidget } from './widgets/ml-model-service/ml-model-service.svelte';
+export { default as MotorGoForWidget } from './widgets/motor/go-for-view.svelte';
+export { default as MotorGoToWidget } from './widgets/motor/go-to-view.svelte';
+export { default as MotorWidget } from './widgets/motor/motor.svelte';
+export { default as MotorQuickMoveWidget } from './widgets/motor/quick-move-widget.svelte';
+export { default as MotorSetPowerWidget } from './widgets/motor/set-power-widget.svelte';
+export { default as MotorSetRPMWidget } from './widgets/motor/set-rpm-widget.svelte';
+export { default as MovementSensorWidget } from './widgets/movement-sensor/movement-sensor.svelte';
+export { default as NavigationServiceWidget } from './widgets/navigation/navigation.svelte';
+export { default as PowerSensorWidget } from './widgets/power-sensor/power-sensor.svelte';
+export { default as SensorWidget } from './widgets/sensor/sensor.svelte';
+export { default as ServoMoveWidget } from './widgets/servo/move-widget.svelte';
+export { default as ServoQuickMoveWidget } from './widgets/servo/quick-move-widget.svelte';
+export { default as ServoWidget } from './widgets/servo/servo.svelte';
+export { default as SlamMap2D } from './slam/map2d/index.svelte';
+export { default as SlamWidget } from './widgets/slam/slam.svelte';
+export { default as StopWidget } from './stop.svelte';
+export { default as SwitchPositionWidget } from './widgets/switch/position-view.svelte';
+export { default as SwitchWidget } from './widgets/switch/switch.svelte';
+export { labelToColor } from './widgets/vision-service/color';
+export { getImageSize, type Size } from './widgets/vision-service/get-image-size';
+export { default as VisionServiceWidget } from './widgets/vision-service/vision-service.svelte';
+export { default as RefetchController } from './refetch-controller.svelte';
+export { NavigationMap, NavigationTab, type NavigationTabType, type Shapes, type CapsuleGeometry, type SphereGeometry, type BoxGeometry, type Geometry, type Obstacle, type Path, } from './navigation-map';
+export { MapLibre, MapLibreMarker, CenterControls, FollowControls, NavigationControls, SatelliteControls, DirectionalMarker, LngLatInput, MapProviders, type MapProvider, GeoPose, Waypoint, useMapLibre, useMapLibreEvent, useMapLibreThreeRaycast, useMapLibreThreeRenderer, lngLatToMercator, mercatorToCartesian, lngLatToCartesian, cartesianToMercator, cartesianToLngLat, } from './maplibre';
+export { default as BoundingBoxLabeler } from './image-annotations/bounding-box-labeler.svelte';
+export { ZOOM_MIN, ZOOM_MAX, INVERT_Y_FLOAT_DISTANCE, INVERT_X_FLOAT_DISTANCE, } from './image-annotations/labeler-constants';

package/dist/components/index.js

@@ -0,0 +1,56 @@
+export { default as ConnectionStatus } from './connection-status.svelte';
+export { default as ArmWidget } from './widgets/arm/arm.svelte';
+export { default as ArmMoveToJointPositionsWidget } from './widgets/arm/move-to-joint-positions-widget.svelte';
+export { default as ArmMoveToPositionWidget } from './widgets/arm/move-to-position-widget.svelte';
+export { default as ArmQuickMoveWidget } from './widgets/arm/quick-move-widget.svelte';
+export { default as BaseWidget } from './widgets/base/base.svelte';
+export { default as BaseMoveStraightWidget } from './widgets/base/move-straight-widget.svelte';
+export { default as BaseQuickMoveWidget } from './widgets/base/quick-move-widget.svelte';
+export { default as BaseSetPowerWidget } from './widgets/base/set-power-widget.svelte';
+export { default as BaseSetVelocityWidget } from './widgets/base/set-velocity-widget.svelte';
+export { default as BaseSpinWidget } from './widgets/base/spin-widget.svelte';
+export { default as BoardWidget } from './widgets/board/board.svelte';
+export { default as BoardReadWritePinsWidget } from './widgets/board/read-write-pins-widget.svelte';
+export { default as ButtonWidget } from './widgets/button/button.svelte';
+export { default as ButtonPushWidget } from './widgets/button/push.svelte';
+export { default as CameraWidget } from './widgets/camera/camera.svelte';
+export { default as LiveOrPollingVideo } from './widgets/camera/live-or-polling-video.svelte';
+export { default as DiscoveryWidget } from './widgets/discovery/discovery.svelte';
+export { default as DoCommandWidget } from './widgets/do-command/do-command.svelte';
+export { default as EncoderWidget } from './widgets/encoder/encoder.svelte';
+export { default as GantryWidget } from './widgets/gantry/gantry.svelte';
+export { default as GantryHomeWidget } from './widgets/gantry/home.svelte';
+export { default as GantryMoveToPositionWidget } from './widgets/gantry/move-to-position.svelte';
+export { default as GantryQuickMoveWidget } from './widgets/gantry/quick-move.svelte';
+export { default as GenericWidget } from './widgets/generic/generic.svelte';
+export { default as GripperGrabWidget } from './widgets/gripper/grab.svelte';
+export { default as GripperWidget } from './widgets/gripper/gripper.svelte';
+export { default as GripperOpenWidget } from './widgets/gripper/open.svelte';
+export { default as InputControllerWidget } from './widgets/input-controller/input-controller.svelte';
+export { default as MLModelServiceWidget } from './widgets/ml-model-service/ml-model-service.svelte';
+export { default as MotorGoForWidget } from './widgets/motor/go-for-view.svelte';
+export { default as MotorGoToWidget } from './widgets/motor/go-to-view.svelte';
+export { default as MotorWidget } from './widgets/motor/motor.svelte';
+export { default as MotorQuickMoveWidget } from './widgets/motor/quick-move-widget.svelte';
+export { default as MotorSetPowerWidget } from './widgets/motor/set-power-widget.svelte';
+export { default as MotorSetRPMWidget } from './widgets/motor/set-rpm-widget.svelte';
+export { default as MovementSensorWidget } from './widgets/movement-sensor/movement-sensor.svelte';
+export { default as NavigationServiceWidget } from './widgets/navigation/navigation.svelte';
+export { default as PowerSensorWidget } from './widgets/power-sensor/power-sensor.svelte';
+export { default as SensorWidget } from './widgets/sensor/sensor.svelte';
+export { default as ServoMoveWidget } from './widgets/servo/move-widget.svelte';
+export { default as ServoQuickMoveWidget } from './widgets/servo/quick-move-widget.svelte';
+export { default as ServoWidget } from './widgets/servo/servo.svelte';
+export { default as SlamMap2D } from './slam/map2d/index.svelte';
+export { default as SlamWidget } from './widgets/slam/slam.svelte';
+export { default as StopWidget } from './stop.svelte';
+export { default as SwitchPositionWidget } from './widgets/switch/position-view.svelte';
+export { default as SwitchWidget } from './widgets/switch/switch.svelte';
+export { labelToColor } from './widgets/vision-service/color';
+export { getImageSize } from './widgets/vision-service/get-image-size';
+export { default as VisionServiceWidget } from './widgets/vision-service/vision-service.svelte';
+export { default as RefetchController } from './refetch-controller.svelte';
+export { NavigationMap, NavigationTab, } from './navigation-map';
+export { MapLibre, MapLibreMarker, CenterControls, FollowControls, NavigationControls, SatelliteControls, DirectionalMarker, LngLatInput, MapProviders, GeoPose, Waypoint, useMapLibre, useMapLibreEvent, useMapLibreThreeRaycast, useMapLibreThreeRenderer, lngLatToMercator, mercatorToCartesian, lngLatToCartesian, cartesianToMercator, cartesianToLngLat, } from './maplibre';
+export { default as BoundingBoxLabeler } from './image-annotations/bounding-box-labeler.svelte';
+export { ZOOM_MIN, ZOOM_MAX, INVERT_Y_FLOAT_DISTANCE, INVERT_X_FLOAT_DISTANCE, } from './image-annotations/labeler-constants';

package/dist/components/is-moving.svelte

@@ -0,0 +1,66 @@
+<script lang="ts">
+	import type {
+		Arm,
+		ArmClient,
+		Base,
+		BaseClient,
+		Gantry,
+		GantryClient,
+		Gripper,
+		GripperClient,
+		Motor,
+		MotorClient,
+		Servo,
+		ServoClient,
+	} from '@viamrobotics/sdk'
+	import type { Snippet } from 'svelte'
+
+	import { createResourceClient, createResourceQuery } from '@viamrobotics/svelte-sdk'
+
+	import ApiSection from './api-section.svelte'
+	import Query from './query.svelte'
+	import StatusPill from './status-pill.svelte'
+
+	type Client =
+		| typeof ArmClient
+		| typeof BaseClient
+		| typeof GantryClient
+		| typeof GripperClient
+		| typeof MotorClient
+		| typeof ServoClient
+
+	interface Props {
+		client: Client
+		partID: string
+		resourceName: string
+		children?: Snippet
+	}
+
+	const { client: clientClass, partID, resourceName, children }: Props = $props()
+
+	const client = $derived(
+		createResourceClient<Arm | Base | Gantry | Gripper | Motor | Servo>(
+			clientClass,
+			() => partID,
+			() => resourceName
+		)
+	)
+
+	const query = $derived(createResourceQuery(client, 'isMoving', { refetchInterval: 500 }))
+</script>
+
+<ApiSection
+	title="IsMoving"
+	bottomText="Updates automatically"
+	class="grow"
+>
+	<Query
+		{query}
+		contentCx="h-5"
+	>
+		<StatusPill isActive={query.data ?? false} />
+	</Query>
+
+	<!-- slot for additional actuation info Ex: Motor's IsPowered & GetPosition -->
+	{@render children?.()}
+</ApiSection>

package/dist/components/is-moving.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { ArmClient, BaseClient, GantryClient, GripperClient, MotorClient, ServoClient } from '@viamrobotics/sdk';
+import type { Snippet } from 'svelte';
+type Client = typeof ArmClient | typeof BaseClient | typeof GantryClient | typeof GripperClient | typeof MotorClient | typeof ServoClient;
+interface Props {
+    client: Client;
+    partID: string;
+    resourceName: string;
+    children?: Snippet;
+}
+declare const IsMoving: import("svelte").Component<Props, {}, "">;
+type IsMoving = ReturnType<typeof IsMoving>;
+export default IsMoving;

package/dist/components/maplibre/controls/center.svelte

@@ -0,0 +1,41 @@
+<!-- 
+  @component
+  Adds an lat, lng set of inputs for viewing and setting the map center.
+-->
+<script lang="ts">
+	import { persisted } from '@viamrobotics/prime-core'
+	import { LngLat } from 'maplibre-gl'
+
+	import { useMapLibre, useMapLibreEvent } from '../hooks'
+	import LngLatInput from '../lnglat-input.svelte'
+
+	const { map, mapCenter } = useMapLibre()
+	const lastPosition = persisted<{ center: LngLat; zoom: number }>(
+		'viam-blocks-navigation-map-center',
+		{
+			center: map.getCenter(),
+			zoom: map.getZoom(),
+		}
+	)
+
+	if ($lastPosition) {
+		map.jumpTo({ center: $lastPosition.center, zoom: $lastPosition.zoom })
+	}
+
+	const handleInput = (center: LngLat) => {
+		map.jumpTo({ center })
+	}
+
+	useMapLibreEvent('move', () => {
+		lastPosition.set({
+			center: map.getCenter(),
+			zoom: map.getZoom(),
+		})
+	})
+</script>
+
+<LngLatInput
+	lng={$mapCenter.lng}
+	lat={$mapCenter.lat}
+	oninput={handleInput}
+/>

package/dist/components/maplibre/controls/center.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+/** Adds an lat, lng set of inputs for viewing and setting the map center. */
+declare const Center: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Center = InstanceType<typeof Center>;
+export default Center;

package/dist/components/maplibre/controls/follow.svelte

@@ -0,0 +1,65 @@
+<!-- 
+  @component
+  Adds controls for following a lat, lng point on a map.
+-->
+<script lang="ts">
+	import { Button, Icon } from '@viamrobotics/prime-core'
+
+	import { useMapLibre } from '../hooks'
+
+	interface Props {
+		/** The map point to follow */
+		lng?: number
+		lat?: number
+		following?: boolean
+		onChange?: (following: boolean) => void
+	}
+
+	let { lng, lat, onChange, following = $bindable(false) }: Props = $props()
+
+	const { map } = useMapLibre()
+
+	let rafID = 0
+
+	const follow = () => {
+		if (lng && lat && following) {
+			map.setCenter([lng, lat])
+			rafID = requestAnimationFrame(follow)
+		}
+	}
+
+	const stop = () => {
+		cancelAnimationFrame(rafID)
+		following = false
+	}
+
+	$effect(() => {
+		if (following) {
+			requestAnimationFrame(follow)
+		}
+	})
+
+	$effect(() => {
+		map.on('wheel', stop)
+		map.on('mousedown', stop)
+
+		return () => {
+			cancelAnimationFrame(rafID)
+			map.off('wheel', stop)
+			map.off('mousedown', stop)
+		}
+	})
+
+	const handleClick = (event: MouseEvent) => {
+		event.stopPropagation()
+		following = !following
+		onChange?.(following)
+	}
+</script>
+
+<Button
+	disabled={lng === undefined || lat === undefined}
+	onclick={handleClick}
+>
+	<Icon name={following ? 'navigation-variant' : 'navigation-variant-outline'} />
+</Button>

package/dist/components/maplibre/controls/follow.svelte.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    /** The map point to follow */
+    lng?: number;
+    lat?: number;
+    following?: boolean;
+    onChange?: (following: boolean) => void;
+}
+/** Adds controls for following a lat, lng point on a map. */
+declare const Follow: import("svelte").Component<Props, {}, "following">;
+type Follow = ReturnType<typeof Follow>;
+export default Follow;

package/dist/components/maplibre/controls/navigation.svelte

@@ -0,0 +1,57 @@
+<!-- 
+  @component
+  
+  Adds a set of maplibre navigation controls.
+
+  @example
+
+  ```html
+    <MapLibre>
+      <NavigationControls />
+    </MapLibre>
+  ```
+
+  @see https://maplibre.org/maplibre-gl-js/docs/API/classes/NavigationControl/
+-->
+<script lang="ts">
+	import { type ControlPosition, NavigationControl } from 'maplibre-gl'
+
+	import { useMapLibre } from '../hooks'
+
+	interface Props {
+		position?: ControlPosition
+		showCompass?: boolean
+		showZoom?: boolean
+		visualizePitch?: boolean
+	}
+
+	const {
+		position = 'top-right',
+		showCompass = true,
+		showZoom = true,
+		visualizePitch = true,
+	}: Props = $props()
+
+	const { map } = useMapLibre()
+	const control = new NavigationControl()
+
+	$effect(() => {
+		control.options.showCompass = showCompass
+	})
+
+	$effect(() => {
+		control.options.showZoom = showZoom
+	})
+
+	$effect(() => {
+		control.options.visualizePitch = visualizePitch
+	})
+
+	$effect(() => {
+		map.addControl(control, position)
+
+		return () => {
+			map.removeControl(control)
+		}
+	})
+</script>

package/dist/components/maplibre/controls/navigation.svelte.d.ts

@@ -0,0 +1,23 @@
+import { type ControlPosition } from 'maplibre-gl';
+interface Props {
+    position?: ControlPosition;
+    showCompass?: boolean;
+    showZoom?: boolean;
+    visualizePitch?: boolean;
+}
+/**
+ * Adds a set of maplibre navigation controls.
+ *
+ * @example
+ *
+ * ```html
+ *   <MapLibre>
+ *     <NavigationControls />
+ *   </MapLibre>
+ * ```
+ *
+ * @see https://maplibre.org/maplibre-gl-js/docs/API/classes/NavigationControl/
+ */
+declare const Navigation: import("svelte").Component<Props, {}, "">;
+type Navigation = ReturnType<typeof Navigation>;
+export default Navigation;

package/dist/components/maplibre/controls/satellite.svelte

@@ -0,0 +1,31 @@
+<!-- 
+  @component
+  Adds controls for toggling between a satellite and map view.
+-->
+<script lang="ts">
+	import { Button } from '@viamrobotics/prime-core'
+
+	import { useMapLibre } from '../hooks'
+	import { getGoogleMapsStyle } from '../style'
+	import { MapProviders } from '../types'
+
+	const { map, satellite, mapProvider, apiKey, maxZoom } = useMapLibre()
+
+	const onClick = () => {
+		satellite.set(!$satellite)
+
+		if ($mapProvider === MapProviders.googleMaps && $apiKey) {
+			try {
+				const style = getGoogleMapsStyle($apiKey, $maxZoom, $satellite ? 'satellite' : 'roadmap')
+				map.setStyle(style)
+			} catch (error) {
+				console.error('Failed to toggle satellite view:', error)
+				satellite.set(!$satellite)
+			}
+		} else {
+			map.setLayoutProperty('satellite', 'visibility', $satellite ? 'visible' : 'none')
+		}
+	}
+</script>
+
+<Button onclick={onClick}>{$satellite ? 'Map' : 'Satellite'}</Button>

package/dist/components/maplibre/controls/satellite.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+/** Adds controls for toggling between a satellite and map view. */
+declare const Satellite: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Satellite = InstanceType<typeof Satellite>;
+export default Satellite;

package/dist/components/maplibre/directional-marker.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+	import Marker from './marker.svelte'
+
+	interface Props {
+		/** The longitude of the marker. */
+		lng?: number
+		/** The latitude of the marker. */
+		lat?: number
+		/** The rotation angle of the marker (clockwise, in degrees) */
+		rotation?: number
+		/** The relative size of the marker. */
+		scale?: number
+	}
+
+	const { lng = 0, lat = 0, rotation = 0, scale = 1 }: Props = $props()
+
+	let element = $state.raw<HTMLElement>()
+
+	const url = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='green' stroke='white' stroke-width='2' %3E%3Cpath d='M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z' /%3E%3C/svg%3E")`
+</script>
+
+<div
+	bind:this={element}
+	class="h-7.5 w-7.5"
+	style:background-image={url}
+></div>
+
+<Marker
+	{element}
+	{lng}
+	{lat}
+	{rotation}
+	{scale}
+/>

package/dist/components/maplibre/directional-marker.svelte.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    /** The longitude of the marker. */
+    lng?: number;
+    /** The latitude of the marker. */
+    lat?: number;
+    /** The rotation angle of the marker (clockwise, in degrees) */
+    rotation?: number;
+    /** The relative size of the marker. */
+    scale?: number;
+}
+declare const DirectionalMarker: import("svelte").Component<Props, {}, "">;
+type DirectionalMarker = ReturnType<typeof DirectionalMarker>;
+export default DirectionalMarker;

package/dist/components/maplibre/hooks.d.ts

@@ -0,0 +1,38 @@
+import type { LngLat, Map, MapLayerEventType, MapLayerMouseEvent, MapLayerTouchEvent } from 'maplibre-gl';
+import { type Writable } from 'svelte/store';
+import { type MapProvider } from './types';
+interface MapContext {
+    map: Writable<Map>;
+    center: Writable<LngLat>;
+    size: Writable<{
+        width: number;
+        height: number;
+    }>;
+    zoom: Writable<number>;
+    maxZoom: Writable<number>;
+    mapProvider: Writable<MapProvider>;
+    apiKey: Writable<string | undefined>;
+    satellite: Writable<boolean>;
+}
+export declare const provideMapContext: (center: LngLat, zoom: number, maxZoom: number, mapProvider?: MapProvider, apiKey?: string | undefined, satellite?: boolean) => MapContext;
+/**
+ * Provides context for a <MapLibre> instance. Must be called within a child of this component.
+ */
+export declare const useMapLibre: () => {
+    map: Map;
+    mapCenter: Writable<LngLat>;
+    mapSize: Writable<{
+        width: number;
+        height: number;
+    }>;
+    mapZoom: Writable<number>;
+    maxZoom: Writable<number>;
+    mapProvider: Writable<MapProvider>;
+    apiKey: Writable<string | undefined>;
+    satellite: Writable<boolean>;
+};
+/**
+ * Allows attaching events to a <MapLibre> instance. Must be called within a child of this component.
+ */
+export declare const useMapLibreEvent: (event: keyof MapLayerEventType | "move" | "resize", listener: (ev: MapLayerMouseEvent | MapLayerTouchEvent) => void) => void;
+export {};

package/dist/components/maplibre/hooks.js

@@ -0,0 +1,45 @@
+import { getContext, onDestroy, setContext } from 'svelte';
+import { get, writable } from 'svelte/store';
+import { MapProviders } from './types';
+const mapContextKey = Symbol('viam-maplibre');
+export const provideMapContext = (center, zoom, maxZoom, mapProvider = MapProviders.openStreet, apiKey = undefined, satellite = false) => {
+    const context = {
+        map: writable(),
+        center: writable(center),
+        size: writable({ width: 0, height: 0 }),
+        zoom: writable(zoom),
+        maxZoom: writable(maxZoom),
+        mapProvider: writable(mapProvider),
+        apiKey: writable(apiKey),
+        satellite: writable(satellite),
+    };
+    setContext(mapContextKey, context);
+    return context;
+};
+/**
+ * Provides context for a <MapLibre> instance. Must be called within a child of this component.
+ */
+export const useMapLibre = () => {
+    const context = getContext(mapContextKey);
+    if (!context) {
+        throw new Error('useMapLibre is a context sensitive hook that must be used inside a <MapLibre> component.');
+    }
+    return {
+        map: get(context.map),
+        mapCenter: context.center,
+        mapSize: context.size,
+        mapZoom: context.zoom,
+        maxZoom: context.maxZoom,
+        mapProvider: context.mapProvider,
+        apiKey: context.apiKey,
+        satellite: context.satellite,
+    };
+};
+/**
+ * Allows attaching events to a <MapLibre> instance. Must be called within a child of this component.
+ */
+export const useMapLibreEvent = (event, listener) => {
+    const { map } = useMapLibre();
+    map.on(event, listener);
+    onDestroy(() => map.off(event, listener));
+};

package/dist/components/maplibre/index.d.ts

@@ -0,0 +1,13 @@
+export { default as CenterControls } from './controls/center.svelte';
+export { default as FollowControls } from './controls/follow.svelte';
+export { default as NavigationControls } from './controls/navigation.svelte';
+export { default as SatelliteControls } from './controls/satellite.svelte';
+export { default as DirectionalMarker } from './directional-marker.svelte';
+export { useMapLibre, useMapLibreEvent } from './hooks';
+export { default as MapLibre } from './index.svelte';
+export { default as LngLatInput } from './lnglat-input.svelte';
+export { default as MapLibreMarker } from './marker.svelte';
+export { lngLatToMercator, mercatorToCartesian, lngLatToCartesian, cartesianToMercator, cartesianToLngLat, } from './math';
+export { useMapLibreThreeRaycast } from './plugins/raycast';
+export { useMapLibreThreeRenderer } from './plugins/three.svelte';
+export { MapProviders, type MapProvider, GeoPose, Waypoint } from './types';

package/dist/components/maplibre/index.js

@@ -0,0 +1,13 @@
+export { default as CenterControls } from './controls/center.svelte';
+export { default as FollowControls } from './controls/follow.svelte';
+export { default as NavigationControls } from './controls/navigation.svelte';
+export { default as SatelliteControls } from './controls/satellite.svelte';
+export { default as DirectionalMarker } from './directional-marker.svelte';
+export { useMapLibre, useMapLibreEvent } from './hooks';
+export { default as MapLibre } from './index.svelte';
+export { default as LngLatInput } from './lnglat-input.svelte';
+export { default as MapLibreMarker } from './marker.svelte';
+export { lngLatToMercator, mercatorToCartesian, lngLatToCartesian, cartesianToMercator, cartesianToLngLat, } from './math';
+export { useMapLibreThreeRaycast } from './plugins/raycast';
+export { useMapLibreThreeRenderer } from './plugins/three.svelte';
+export { MapProviders, GeoPose, Waypoint } from './types';