@accelint/map-toolkit 0.3.1 → 0.4.1

package/dist/viewport/use-viewport-state.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/viewport/use-viewport-state.ts"],"names":[],"mappings":"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","file":"use-viewport-state.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { Broadcast } from '@accelint/bus';\nimport { useSyncExternalStore } from 'react';\nimport { MapEvents } from '../deckgl/base-map/events';\nimport type { UniqueId } from '@accelint/core';\nimport type {\n  MapEventType,\n  MapViewportPayload,\n} from '../deckgl/base-map/types';\n\nconst bus = Broadcast.getInstance<MapEventType>();\n\nexport type UseViewportStateProps = {\n  instanceId: UniqueId;\n  subscribe?: Parameters<typeof useSyncExternalStore<MapViewportPayload>>[0];\n  getSnapshot?: Parameters<typeof useSyncExternalStore<MapViewportPayload>>[1];\n  getServerSnapshot?: Parameters<\n    typeof useSyncExternalStore<MapViewportPayload>\n  >[2];\n};\n\n/**\n * Store for viewport state keyed by instanceId\n */\nconst viewportStore = new Map<UniqueId, MapViewportPayload>();\n\n/**\n * Track React component subscribers per instanceId (for fan-out notifications).\n * Each Set contains onStoreChange callbacks from useSyncExternalStore.\n */\nconst componentSubscribers = new Map<UniqueId, Set<() => void>>();\n\n/**\n * Cache of bus unsubscribe functions (1 per instanceId).\n * This ensures we only have one bus listener per viewport, regardless of\n * how many React components subscribe to it.\n */\nconst busUnsubscribers = new Map<UniqueId, () => void>();\n\ntype Subscription = (onStoreChange: () => void) => () => void;\n/**\n * Cache of subscription functions per instanceId to avoid recreating on every render\n */\nconst subscriptionCache = new Map<UniqueId, Subscription>();\n\n/**\n * Cache of snapshot functions per instanceId to maintain referential stability\n */\nconst snapshotCache = new Map<UniqueId, () => MapViewportPayload>();\n\n/**\n * Cache of fallback snapshots per instanceId to maintain referential stability.\n * This prevents unnecessary re-renders when no viewport data exists yet.\n */\nconst fallbackCache = new Map<UniqueId, MapViewportPayload>();\n\n/**\n * Ensures a single bus listener exists for the given instanceId.\n * All React subscribers will be notified via fan-out when the bus event fires.\n * This prevents creating N bus listeners for N React components.\n *\n * @param instanceId - The unique identifier for the viewport\n */\nfunction ensureBusListener(instanceId: UniqueId): void {\n  if (busUnsubscribers.has(instanceId)) {\n    return; // Already listening\n  }\n\n  const unsub = bus.on(MapEvents.viewport, ({ payload }) => {\n    if (instanceId === payload.id) {\n      // Write to store once\n      viewportStore.set(instanceId, payload);\n\n      // Fan-out: notify all React subscribers\n      const subscribers = componentSubscribers.get(instanceId);\n      if (subscribers) {\n        for (const onStoreChange of subscribers) {\n          onStoreChange();\n        }\n      }\n    }\n  });\n\n  busUnsubscribers.set(instanceId, unsub);\n}\n\n/**\n * Cleans up the bus listener if no React subscribers remain.\n *\n * @param instanceId - The unique identifier for the viewport\n */\nfunction cleanupBusListenerIfNeeded(instanceId: UniqueId): void {\n  const subscribers = componentSubscribers.get(instanceId);\n\n  if (!subscribers || subscribers.size === 0) {\n    // No more React subscribers - clean up bus listener\n    const unsub = busUnsubscribers.get(instanceId);\n    if (unsub) {\n      unsub();\n      busUnsubscribers.delete(instanceId);\n    }\n\n    // Clean up all state\n    viewportStore.delete(instanceId);\n    componentSubscribers.delete(instanceId);\n    subscriptionCache.delete(instanceId);\n    snapshotCache.delete(instanceId);\n    fallbackCache.delete(instanceId);\n  }\n}\n\n/**\n * Creates or retrieves a cached subscription function for a given instanceId.\n * Uses a fan-out pattern: 1 bus listener -> N React subscribers.\n * Automatically cleans up viewport state when the last subscriber unsubscribes.\n *\n * @param instanceId - The unique identifier for the viewport\n * @returns A subscription function for useSyncExternalStore\n */\nfunction getOrCreateSubscription(\n  instanceId: UniqueId,\n): (onStoreChange: () => void) => () => void {\n  const subscription =\n    subscriptionCache.get(instanceId) ??\n    ((onStoreChange: () => void) => {\n      // Ensure single bus listener exists for this instanceId\n      ensureBusListener(instanceId);\n\n      // Get or create the subscriber set for this map instance, then add this component's callback\n      let subscriberSet = componentSubscribers.get(instanceId);\n      if (!subscriberSet) {\n        subscriberSet = new Set();\n        componentSubscribers.set(instanceId, subscriberSet);\n      }\n      subscriberSet.add(onStoreChange);\n\n      // Return cleanup function to remove this component's subscription\n      return () => {\n        const currentSubscriberSet = componentSubscribers.get(instanceId);\n        if (currentSubscriberSet) {\n          currentSubscriberSet.delete(onStoreChange);\n        }\n\n        // Clean up bus listener if this was the last React subscriber\n        cleanupBusListenerIfNeeded(instanceId);\n      };\n    });\n\n  subscriptionCache.set(instanceId, subscription);\n\n  return subscription;\n}\n\n/**\n * Creates or retrieves a cached snapshot function for a given instanceId.\n * The object returned gets equality checked, so it needs to be stable or React re-renders unnecessarily.\n *\n * @param instanceId - The unique identifier for the viewport\n * @returns A snapshot function for useSyncExternalStore\n */\nfunction getOrCreateSnapshot(instanceId: UniqueId): () => MapViewportPayload {\n  // Get or create stable fallback reference for this instanceId\n  const fallback =\n    fallbackCache.get(instanceId) ??\n    (() => {\n      const newFallback: MapViewportPayload = {\n        id: instanceId,\n        bounds: [Number.NaN, Number.NaN, Number.NaN, Number.NaN],\n        latitude: Number.NaN,\n        longitude: Number.NaN,\n        zoom: Number.NaN,\n        width: 0,\n        height: 0,\n      };\n      fallbackCache.set(instanceId, newFallback);\n      return newFallback;\n    })();\n\n  const snapshot =\n    snapshotCache.get(instanceId) ??\n    (() => viewportStore.get(instanceId) ?? fallback);\n\n  snapshotCache.set(instanceId, snapshot);\n\n  return snapshot;\n}\n\n/**\n * Hook to subscribe to viewport state changes for a specific view.\n *\n * By default, subscribes to MapEvents.viewport events from the event bus and\n * automatically cleans up when all subscribers unmount. For advanced use cases,\n * custom subscribe/getSnapshot functions can be provided.\n *\n * A thin wrapper around [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore).\n *\n * @param instanceId - Unique identifier for the viewport to track\n * @param subscribe - Optional custom subscription function\n * @param getSnapshot - Optional custom snapshot getter\n * @param getServerSnapshot - Optional server-side snapshot getter\n * @returns Current viewport state including bounds, latitude, longitude, zoom\n *\n * @example\n * ```tsx\n * function MapInfo({ instanceId }) {\n *   const { bounds, latitude, longitude, zoom } = useViewportState({\n *     instanceId\n *   });\n *\n *   return (\n *     <div>\n *       Lat: {latitude?.toFixed(2)}, Lon: {longitude?.toFixed(2)}, Zoom: {zoom}\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom subscribe/getSnapshot for advanced use cases\n * function CustomMapInfo() {\n *   const customSubscribe = (onStoreChange) => {\n *     // Custom subscription logic\n *     return () => { // cleanup }\n *   }\n *\n *   const customGetSnapshot = () => {\n *     // Custom snapshot logic\n *     return { latitude: 0, longitude: 0, zoom: 1 };\n *   };\n *\n *   const viewState = useViewportState({\n *     instanceId: 'some-uuid',\n *     subscribe: customSubscribe,\n *     getSnapshot: customGetSnapshot,\n *   });\n *\n *   return <div>Custom viewport state</div>;\n * }\n * ```\n */\nexport function useViewportState({\n  instanceId,\n  subscribe,\n  getSnapshot,\n  getServerSnapshot,\n}: UseViewportStateProps) {\n  return useSyncExternalStore<MapViewportPayload>(\n    subscribe ?? getOrCreateSubscription(instanceId),\n    getSnapshot ?? getOrCreateSnapshot(instanceId),\n    getServerSnapshot,\n  );\n}\n\n/**\n * Manually clear viewport state for a specific instanceId.\n * This is typically not needed as cleanup happens automatically when all subscribers unmount.\n * Use this only in advanced scenarios where manual cleanup is required.\n *\n * @param instanceId - The unique identifier for the viewport to clear\n *\n * @example\n * ```tsx\n * // Manual cleanup (rarely needed)\n * clearViewportState('my-map-instance');\n * ```\n */\nexport function clearViewportState(instanceId: UniqueId): void {\n  // Unsubscribe from bus if listening\n  const unsub = busUnsubscribers.get(instanceId);\n  if (unsub) {\n    unsub();\n    busUnsubscribers.delete(instanceId);\n  }\n\n  // Clear all state\n  viewportStore.delete(instanceId);\n  componentSubscribers.delete(instanceId);\n  subscriptionCache.delete(instanceId);\n  snapshotCache.delete(instanceId);\n  fallbackCache.delete(instanceId);\n}\n"]}
+{"version":3,"file":"use-viewport-state.js","names":["newFallback: MapViewportPayload"],"sources":["../../src/viewport/use-viewport-state.ts"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { Broadcast } from '@accelint/bus';\nimport { useSyncExternalStore } from 'react';\nimport { MapEvents } from '../deckgl/base-map/events';\nimport type { UniqueId } from '@accelint/core';\nimport type {\n  MapEventType,\n  MapViewportPayload,\n} from '../deckgl/base-map/types';\n\nconst bus = Broadcast.getInstance<MapEventType>();\n\nexport type UseViewportStateProps = {\n  instanceId: UniqueId;\n  subscribe?: Parameters<typeof useSyncExternalStore<MapViewportPayload>>[0];\n  getSnapshot?: Parameters<typeof useSyncExternalStore<MapViewportPayload>>[1];\n  getServerSnapshot?: Parameters<\n    typeof useSyncExternalStore<MapViewportPayload>\n  >[2];\n};\n\n/**\n * Store for viewport state keyed by instanceId\n */\nconst viewportStore = new Map<UniqueId, MapViewportPayload>();\n\n/**\n * Track React component subscribers per instanceId (for fan-out notifications).\n * Each Set contains onStoreChange callbacks from useSyncExternalStore.\n */\nconst componentSubscribers = new Map<UniqueId, Set<() => void>>();\n\n/**\n * Cache of bus unsubscribe functions (1 per instanceId).\n * This ensures we only have one bus listener per viewport, regardless of\n * how many React components subscribe to it.\n */\nconst busUnsubscribers = new Map<UniqueId, () => void>();\n\ntype Subscription = (onStoreChange: () => void) => () => void;\n/**\n * Cache of subscription functions per instanceId to avoid recreating on every render\n */\nconst subscriptionCache = new Map<UniqueId, Subscription>();\n\n/**\n * Cache of snapshot functions per instanceId to maintain referential stability\n */\nconst snapshotCache = new Map<UniqueId, () => MapViewportPayload>();\n\n/**\n * Cache of fallback snapshots per instanceId to maintain referential stability.\n * This prevents unnecessary re-renders when no viewport data exists yet.\n */\nconst fallbackCache = new Map<UniqueId, MapViewportPayload>();\n\n/**\n * Ensures a single bus listener exists for the given instanceId.\n * All React subscribers will be notified via fan-out when the bus event fires.\n * This prevents creating N bus listeners for N React components.\n *\n * @param instanceId - The unique identifier for the viewport\n */\nfunction ensureBusListener(instanceId: UniqueId): void {\n  if (busUnsubscribers.has(instanceId)) {\n    return; // Already listening\n  }\n\n  const unsub = bus.on(MapEvents.viewport, ({ payload }) => {\n    if (instanceId === payload.id) {\n      // Write to store once\n      viewportStore.set(instanceId, payload);\n\n      // Fan-out: notify all React subscribers\n      const subscribers = componentSubscribers.get(instanceId);\n      if (subscribers) {\n        for (const onStoreChange of subscribers) {\n          onStoreChange();\n        }\n      }\n    }\n  });\n\n  busUnsubscribers.set(instanceId, unsub);\n}\n\n/**\n * Cleans up the bus listener if no React subscribers remain.\n *\n * @param instanceId - The unique identifier for the viewport\n */\nfunction cleanupBusListenerIfNeeded(instanceId: UniqueId): void {\n  const subscribers = componentSubscribers.get(instanceId);\n\n  if (!subscribers || subscribers.size === 0) {\n    // No more React subscribers - clean up bus listener\n    const unsub = busUnsubscribers.get(instanceId);\n    if (unsub) {\n      unsub();\n      busUnsubscribers.delete(instanceId);\n    }\n\n    // Clean up all state\n    viewportStore.delete(instanceId);\n    componentSubscribers.delete(instanceId);\n    subscriptionCache.delete(instanceId);\n    snapshotCache.delete(instanceId);\n    fallbackCache.delete(instanceId);\n  }\n}\n\n/**\n * Creates or retrieves a cached subscription function for a given instanceId.\n * Uses a fan-out pattern: 1 bus listener -> N React subscribers.\n * Automatically cleans up viewport state when the last subscriber unsubscribes.\n *\n * @param instanceId - The unique identifier for the viewport\n * @returns A subscription function for useSyncExternalStore\n */\nfunction getOrCreateSubscription(\n  instanceId: UniqueId,\n): (onStoreChange: () => void) => () => void {\n  const subscription =\n    subscriptionCache.get(instanceId) ??\n    ((onStoreChange: () => void) => {\n      // Ensure single bus listener exists for this instanceId\n      ensureBusListener(instanceId);\n\n      // Get or create the subscriber set for this map instance, then add this component's callback\n      let subscriberSet = componentSubscribers.get(instanceId);\n      if (!subscriberSet) {\n        subscriberSet = new Set();\n        componentSubscribers.set(instanceId, subscriberSet);\n      }\n      subscriberSet.add(onStoreChange);\n\n      // Return cleanup function to remove this component's subscription\n      return () => {\n        const currentSubscriberSet = componentSubscribers.get(instanceId);\n        if (currentSubscriberSet) {\n          currentSubscriberSet.delete(onStoreChange);\n        }\n\n        // Clean up bus listener if this was the last React subscriber\n        cleanupBusListenerIfNeeded(instanceId);\n      };\n    });\n\n  subscriptionCache.set(instanceId, subscription);\n\n  return subscription;\n}\n\n/**\n * Creates or retrieves a cached snapshot function for a given instanceId.\n * The object returned gets equality checked, so it needs to be stable or React re-renders unnecessarily.\n *\n * @param instanceId - The unique identifier for the viewport\n * @returns A snapshot function for useSyncExternalStore\n */\nfunction getOrCreateSnapshot(instanceId: UniqueId): () => MapViewportPayload {\n  // Get or create stable fallback reference for this instanceId\n  const fallback =\n    fallbackCache.get(instanceId) ??\n    (() => {\n      const newFallback: MapViewportPayload = {\n        id: instanceId,\n        bounds: undefined,\n        latitude: Number.NaN,\n        longitude: Number.NaN,\n        zoom: Number.NaN,\n        width: 0,\n        height: 0,\n      };\n      fallbackCache.set(instanceId, newFallback);\n      return newFallback;\n    })();\n\n  const snapshot =\n    snapshotCache.get(instanceId) ??\n    (() => viewportStore.get(instanceId) ?? fallback);\n\n  snapshotCache.set(instanceId, snapshot);\n\n  return snapshot;\n}\n\n/**\n * Hook to subscribe to viewport state changes for a specific view.\n *\n * By default, subscribes to MapEvents.viewport events from the event bus and\n * automatically cleans up when all subscribers unmount. For advanced use cases,\n * custom subscribe/getSnapshot functions can be provided.\n *\n * A thin wrapper around [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore).\n *\n * @param instanceId - Unique identifier for the viewport to track\n * @param subscribe - Optional custom subscription function\n * @param getSnapshot - Optional custom snapshot getter\n * @param getServerSnapshot - Optional server-side snapshot getter\n * @returns Current viewport state including bounds, latitude, longitude, zoom\n *\n * @example\n * ```tsx\n * function MapInfo({ instanceId }) {\n *   const { bounds, latitude, longitude, zoom } = useViewportState({\n *     instanceId\n *   });\n *\n *   return (\n *     <div>\n *       Lat: {latitude?.toFixed(2)}, Lon: {longitude?.toFixed(2)}, Zoom: {zoom}\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom subscribe/getSnapshot for advanced use cases\n * function CustomMapInfo() {\n *   const customSubscribe = (onStoreChange) => {\n *     // Custom subscription logic\n *     return () => { // cleanup }\n *   }\n *\n *   const customGetSnapshot = () => {\n *     // Custom snapshot logic\n *     return { latitude: 0, longitude: 0, zoom: 1 };\n *   };\n *\n *   const viewState = useViewportState({\n *     instanceId: 'some-uuid',\n *     subscribe: customSubscribe,\n *     getSnapshot: customGetSnapshot,\n *   });\n *\n *   return <div>Custom viewport state</div>;\n * }\n * ```\n */\nexport function useViewportState({\n  instanceId,\n  subscribe,\n  getSnapshot,\n  getServerSnapshot,\n}: UseViewportStateProps) {\n  return useSyncExternalStore<MapViewportPayload>(\n    subscribe ?? getOrCreateSubscription(instanceId),\n    getSnapshot ?? getOrCreateSnapshot(instanceId),\n    getServerSnapshot,\n  );\n}\n\n/**\n * Manually clear viewport state for a specific instanceId.\n * This is typically not needed as cleanup happens automatically when all subscribers unmount.\n * Use this only in advanced scenarios where manual cleanup is required.\n *\n * @param instanceId - The unique identifier for the viewport to clear\n *\n * @example\n * ```tsx\n * // Manual cleanup (rarely needed)\n * clearViewportState('my-map-instance');\n * ```\n */\nexport function clearViewportState(instanceId: UniqueId): void {\n  // Unsubscribe from bus if listening\n  const unsub = busUnsubscribers.get(instanceId);\n  if (unsub) {\n    unsub();\n    busUnsubscribers.delete(instanceId);\n  }\n\n  // Clear all state\n  viewportStore.delete(instanceId);\n  componentSubscribers.delete(instanceId);\n  subscriptionCache.delete(instanceId);\n  snapshotCache.delete(instanceId);\n  fallbackCache.delete(instanceId);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,MAAM,MAAM,UAAU,aAA2B;;;;AAcjD,MAAM,gCAAgB,IAAI,KAAmC;;;;;AAM7D,MAAM,uCAAuB,IAAI,KAAgC;;;;;;AAOjE,MAAM,mCAAmB,IAAI,KAA2B;;;;AAMxD,MAAM,oCAAoB,IAAI,KAA6B;;;;AAK3D,MAAM,gCAAgB,IAAI,KAAyC;;;;;AAMnE,MAAM,gCAAgB,IAAI,KAAmC;;;;;;;;AAS7D,SAAS,kBAAkB,YAA4B;AACrD,KAAI,iBAAiB,IAAI,WAAW,CAClC;CAGF,MAAM,QAAQ,IAAI,GAAG,UAAU,WAAW,EAAE,cAAc;AACxD,MAAI,eAAe,QAAQ,IAAI;AAE7B,iBAAc,IAAI,YAAY,QAAQ;GAGtC,MAAM,cAAc,qBAAqB,IAAI,WAAW;AACxD,OAAI,YACF,MAAK,MAAM,iBAAiB,YAC1B,gBAAe;;GAIrB;AAEF,kBAAiB,IAAI,YAAY,MAAM;;;;;;;AAQzC,SAAS,2BAA2B,YAA4B;CAC9D,MAAM,cAAc,qBAAqB,IAAI,WAAW;AAExD,KAAI,CAAC,eAAe,YAAY,SAAS,GAAG;EAE1C,MAAM,QAAQ,iBAAiB,IAAI,WAAW;AAC9C,MAAI,OAAO;AACT,UAAO;AACP,oBAAiB,OAAO,WAAW;;AAIrC,gBAAc,OAAO,WAAW;AAChC,uBAAqB,OAAO,WAAW;AACvC,oBAAkB,OAAO,WAAW;AACpC,gBAAc,OAAO,WAAW;AAChC,gBAAc,OAAO,WAAW;;;;;;;;;;;AAYpC,SAAS,wBACP,YAC2C;CAC3C,MAAM,eACJ,kBAAkB,IAAI,WAAW,MAC/B,kBAA8B;AAE9B,oBAAkB,WAAW;EAG7B,IAAI,gBAAgB,qBAAqB,IAAI,WAAW;AACxD,MAAI,CAAC,eAAe;AAClB,mCAAgB,IAAI,KAAK;AACzB,wBAAqB,IAAI,YAAY,cAAc;;AAErD,gBAAc,IAAI,cAAc;AAGhC,eAAa;GACX,MAAM,uBAAuB,qBAAqB,IAAI,WAAW;AACjE,OAAI,qBACF,sBAAqB,OAAO,cAAc;AAI5C,8BAA2B,WAAW;;;AAI5C,mBAAkB,IAAI,YAAY,aAAa;AAE/C,QAAO;;;;;;;;;AAUT,SAAS,oBAAoB,YAAgD;CAE3E,MAAM,WACJ,cAAc,IAAI,WAAW,WACtB;EACL,MAAMA,cAAkC;GACtC,IAAI;GACJ,QAAQ;GACR,UAAU;GACV,WAAW;GACX,MAAM;GACN,OAAO;GACP,QAAQ;GACT;AACD,gBAAc,IAAI,YAAY,YAAY;AAC1C,SAAO;KACL;CAEN,MAAM,WACJ,cAAc,IAAI,WAAW,WACtB,cAAc,IAAI,WAAW,IAAI;AAE1C,eAAc,IAAI,YAAY,SAAS;AAEvC,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDT,SAAgB,iBAAiB,EAC/B,YACA,WACA,aACA,qBACwB;AACxB,QAAO,qBACL,aAAa,wBAAwB,WAAW,EAChD,eAAe,oBAAoB,WAAW,EAC9C,kBACD;;;;;;;;;;;;;;;AAgBH,SAAgB,mBAAmB,YAA4B;CAE7D,MAAM,QAAQ,iBAAiB,IAAI,WAAW;AAC9C,KAAI,OAAO;AACT,SAAO;AACP,mBAAiB,OAAO,WAAW;;AAIrC,eAAc,OAAO,WAAW;AAChC,sBAAqB,OAAO,WAAW;AACvC,mBAAkB,OAAO,WAAW;AACpC,eAAc,OAAO,WAAW;AAChC,eAAc,OAAO,WAAW"}

package/dist/viewport/utils.d.ts

@@ -1,11 +1,18 @@
-import { GetViewportSizeArgs } from './types.js';
-import '../deckgl/base-map/types.js';
-import '@accelint/bus';
-import '@accelint/core';
-import '@deck.gl/core';
-import 'mjolnir.js';
-import '../deckgl/base-map/events.js';
-import './constants.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { GetViewportSizeArgs } from "./types.js";
+
+//#region src/viewport/utils.d.ts
 
 /**
  * Returns a formatted viewport size string i.e. `660 x 1,801 NM`
@@ -32,6 +39,14 @@ import './constants.js';
  * // returns "2,050 x 1,538 KM"
  * ```
  */
-declare function getViewportSize({ bounds, zoom, width: pixelWidth, height: pixelHeight, unit, formatter, }: GetViewportSizeArgs): string;
-
+declare function getViewportSize({
+  bounds,
+  zoom,
+  width: pixelWidth,
+  height: pixelHeight,
+  unit,
+  formatter
+}: GetViewportSizeArgs): string;
+//#endregion
 export { getViewportSize };
+//# sourceMappingURL=utils.d.ts.map

package/dist/viewport/utils.js

@@ -1,46 +1,76 @@
-import { UNIT_MAP } from './constants.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+
+import { UNIT_MAP } from "./constants.js";
+
+//#region src/viewport/utils.ts
 const numberFormatter = Intl.NumberFormat("en-US");
+/**
+* Web Mercator constant: meters per pixel at zoom 0, equator.
+* This is Earth's circumference (40075016.686m) divided by 256 (tile size).
+*/
 const METERS_PER_PIXEL_AT_ZOOM_0 = 156543.03392;
+/**
+* Unit conversion factors from meters.
+*/
 const METERS_TO_UNIT = {
-  kilometers: 1e-3,
-  meters: 1,
-  nauticalmiles: 539957e-9,
-  miles: 621371e-9,
-  feet: 3.28084
+	kilometers: .001,
+	meters: 1,
+	nauticalmiles: 539957e-9,
+	miles: 621371e-9,
+	feet: 3.28084
 };
-function getViewportSize({
-  bounds,
-  zoom,
-  width: pixelWidth,
-  height: pixelHeight,
-  unit = "nm",
-  formatter = numberFormatter
-}) {
-  const defaultValue = `-- x -- ${unit.toUpperCase()}`;
-  if (bounds.every((b) => Number.isNaN(b))) {
-    return defaultValue;
-  }
-  if (Number.isNaN(zoom) || pixelWidth === 0 || pixelHeight === 0) {
-    return defaultValue;
-  }
-  const [, minLat, , maxLat] = bounds;
-  if (minLat < -90 || minLat > 90 || maxLat < -90 || maxLat > 90) {
-    return defaultValue;
-  }
-  const centerLat = (minLat + maxLat) / 2;
-  const metersPerPixel = METERS_PER_PIXEL_AT_ZOOM_0 * Math.cos(centerLat * Math.PI / 180) / 2 ** zoom;
-  const widthMeters = pixelWidth * metersPerPixel;
-  const heightMeters = pixelHeight * metersPerPixel;
-  const unitKey = UNIT_MAP[unit];
-  const conversionFactor = METERS_TO_UNIT[unitKey];
-  const widthDistance = Math.round(widthMeters * conversionFactor);
-  const heightDistance = Math.round(heightMeters * conversionFactor);
-  const width = formatter.format(widthDistance);
-  const height = formatter.format(heightDistance);
-  return `${width} x ${height} ${unit.toUpperCase()}`;
+/**
+* Returns a formatted viewport size string i.e. `660 x 1,801 NM`
+*
+* Calculates the geographic distance of the viewport using zoom level and
+* pixel dimensions with the Web Mercator projection formula. This approach
+* provides stable results without the edge cases of bounds-based calculations.
+*
+* @param args - Viewport size calculation arguments
+* @param args.bounds - Geographic bounds [minLon, minLat, maxLon, maxLat]
+* @param args.zoom - Zoom level for meters-per-pixel calculation
+* @param args.width - Viewport width in pixels
+* @param args.height - Viewport height in pixels
+* @param args.unit - Unit of distance measurement: `km | m | nm | mi | ft`. Defaults to `nm`
+* @param args.formatter - Number formatter for localization (defaults to en-US)
+* @returns Formatted string like "660 x 1,801 NM" or "-- x -- NM" if invalid
+*
+* @example
+* ```typescript
+* getViewportSize({ bounds: [-82, 22, -71, 52], zoom: 5, width: 800, height: 600, unit: 'nm' })
+* // returns "612 x 459 NM"
+*
+* getViewportSize({ bounds: [170, 50, -170, 60], zoom: 4, width: 1024, height: 768, unit: 'km' })
+* // returns "2,050 x 1,538 KM"
+* ```
+*/
+function getViewportSize({ bounds, zoom, width: pixelWidth, height: pixelHeight, unit = "nm", formatter = numberFormatter }) {
+	const defaultValue = `-- x -- ${unit.toUpperCase()}`;
+	if (!bounds || bounds.every((b) => Number.isNaN(b))) return defaultValue;
+	if (Number.isNaN(zoom) || pixelWidth === 0 || pixelHeight === 0) return defaultValue;
+	const [, minLat, , maxLat] = bounds;
+	if (minLat < -90 || minLat > 90 || maxLat < -90 || maxLat > 90) return defaultValue;
+	const centerLat = (minLat + maxLat) / 2;
+	const metersPerPixel = METERS_PER_PIXEL_AT_ZOOM_0 * Math.cos(centerLat * Math.PI / 180) / 2 ** zoom;
+	const widthMeters = pixelWidth * metersPerPixel;
+	const heightMeters = pixelHeight * metersPerPixel;
+	const conversionFactor = METERS_TO_UNIT[UNIT_MAP[unit]];
+	const widthDistance = Math.round(widthMeters * conversionFactor);
+	const heightDistance = Math.round(heightMeters * conversionFactor);
+	return `${formatter.format(widthDistance)} x ${formatter.format(heightDistance)} ${unit.toUpperCase()}`;
 }
 
+//#endregion
 export { getViewportSize };
-//# sourceMappingURL=utils.js.map
 //# sourceMappingURL=utils.js.map

package/dist/viewport/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/viewport/utils.ts"],"names":[],"mappings":";;AAeA,MAAM,eAAA,GAAkB,IAAA,CAAK,YAAA,CAAa,OAAO,CAAA;AAMjD,MAAM,0BAAA,GAA6B,YAAA;AAKnC,MAAM,cAAA,GAAiB;AAAA,EACrB,UAAA,EAAY,IAAA;AAAA,EACZ,MAAA,EAAQ,CAAA;AAAA,EACR,aAAA,EAAe,SAAA;AAAA,EACf,KAAA,EAAO,SAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AA2BO,SAAS,eAAA,CAAgB;AAAA,EAC9B,MAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA,EAAO,UAAA;AAAA,EACP,MAAA,EAAQ,WAAA;AAAA,EACR,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,EAAwB;AACtB,EAAA,MAAM,YAAA,GAAe,CAAA,QAAA,EAAW,IAAA,CAAK,WAAA,EAAa,CAAA,CAAA;AAGlD,EAAA,IAAI,MAAA,CAAO,MAAM,CAAC,CAAA,KAAM,OAAO,KAAA,CAAM,CAAC,CAAC,CAAA,EAAG;AACxC,IAAA,OAAO,YAAA;AAAA,EACT;AAEA,EAAA,IAAI,OAAO,KAAA,CAAM,IAAI,KAAK,UAAA,KAAe,CAAA,IAAK,gBAAgB,CAAA,EAAG;AAC/D,IAAA,OAAO,YAAA;AAAA,EACT;AAEA,EAAA,MAAM,GAAG,MAAA,IAAU,MAAM,CAAA,GAAI,MAAA;AAG7B,EAAA,IAAI,SAAS,GAAA,IAAO,MAAA,GAAS,MAAM,MAAA,GAAS,GAAA,IAAO,SAAS,EAAA,EAAI;AAC9D,IAAA,OAAO,YAAA;AAAA,EACT;AAGA,EAAA,MAAM,SAAA,GAAA,CAAa,SAAS,MAAA,IAAU,CAAA;AAItC,EAAA,MAAM,cAAA,GACH,6BAA6B,IAAA,CAAK,GAAA,CAAK,YAAY,IAAA,CAAK,EAAA,GAAM,GAAG,CAAA,GAClE,CAAA,IAAK,IAAA;AAGP,EAAA,MAAM,cAAc,UAAA,GAAa,cAAA;AACjC,EAAA,MAAM,eAAe,WAAA,GAAc,cAAA;AAGnC,EAAA,MAAM,OAAA,GAAU,SAAS,IAAI,CAAA;AAC7B,EAAA,MAAM,gBAAA,GAAmB,eAAe,OAAO,CAAA;AAE/C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,KAAA,CAAM,WAAA,GAAc,gBAAgB,CAAA;AAC/D,EAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,gBAAgB,CAAA;AAEjE,EAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,MAAA,CAAO,aAAa,CAAA;AAC5C,EAAA,MAAM,MAAA,GAAS,SAAA,CAAU,MAAA,CAAO,cAAc,CAAA;AAE9C,EAAA,OAAO,GAAG,KAAK,CAAA,GAAA,EAAM,MAAM,CAAA,CAAA,EAAI,IAAA,CAAK,aAAa,CAAA,CAAA;AACnD","file":"utils.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { UNIT_MAP } from './constants';\nimport type { GetViewportSizeArgs } from './types';\n\nconst numberFormatter = Intl.NumberFormat('en-US');\n\n/**\n * Web Mercator constant: meters per pixel at zoom 0, equator.\n * This is Earth's circumference (40075016.686m) divided by 256 (tile size).\n */\nconst METERS_PER_PIXEL_AT_ZOOM_0 = 156543.03392;\n\n/**\n * Unit conversion factors from meters.\n */\nconst METERS_TO_UNIT = {\n  kilometers: 0.001,\n  meters: 1,\n  nauticalmiles: 0.000539957,\n  miles: 0.000621371,\n  feet: 3.28084,\n} as const;\n\n/**\n * Returns a formatted viewport size string i.e. `660 x 1,801 NM`\n *\n * Calculates the geographic distance of the viewport using zoom level and\n * pixel dimensions with the Web Mercator projection formula. This approach\n * provides stable results without the edge cases of bounds-based calculations.\n *\n * @param args - Viewport size calculation arguments\n * @param args.bounds - Geographic bounds [minLon, minLat, maxLon, maxLat]\n * @param args.zoom - Zoom level for meters-per-pixel calculation\n * @param args.width - Viewport width in pixels\n * @param args.height - Viewport height in pixels\n * @param args.unit - Unit of distance measurement: `km | m | nm | mi | ft`. Defaults to `nm`\n * @param args.formatter - Number formatter for localization (defaults to en-US)\n * @returns Formatted string like \"660 x 1,801 NM\" or \"-- x -- NM\" if invalid\n *\n * @example\n * ```typescript\n * getViewportSize({ bounds: [-82, 22, -71, 52], zoom: 5, width: 800, height: 600, unit: 'nm' })\n * // returns \"612 x 459 NM\"\n *\n * getViewportSize({ bounds: [170, 50, -170, 60], zoom: 4, width: 1024, height: 768, unit: 'km' })\n * // returns \"2,050 x 1,538 KM\"\n * ```\n */\nexport function getViewportSize({\n  bounds,\n  zoom,\n  width: pixelWidth,\n  height: pixelHeight,\n  unit = 'nm',\n  formatter = numberFormatter,\n}: GetViewportSizeArgs) {\n  const defaultValue = `-- x -- ${unit.toUpperCase()}`;\n\n  // Validate inputs\n  if (bounds.every((b) => Number.isNaN(b))) {\n    return defaultValue;\n  }\n\n  if (Number.isNaN(zoom) || pixelWidth === 0 || pixelHeight === 0) {\n    return defaultValue;\n  }\n\n  const [, minLat, , maxLat] = bounds;\n\n  // Validate latitude bounds are within valid geographic ranges\n  if (minLat < -90 || minLat > 90 || maxLat < -90 || maxLat > 90) {\n    return defaultValue;\n  }\n\n  // Calculate center latitude for the viewport\n  const centerLat = (minLat + maxLat) / 2;\n\n  // Web Mercator formula: meters per pixel at given zoom and latitude\n  // Resolution = 156543.03392 * cos(latitude * π/180) / 2^zoom\n  const metersPerPixel =\n    (METERS_PER_PIXEL_AT_ZOOM_0 * Math.cos((centerLat * Math.PI) / 180)) /\n    2 ** zoom;\n\n  // Calculate distances in meters\n  const widthMeters = pixelWidth * metersPerPixel;\n  const heightMeters = pixelHeight * metersPerPixel;\n\n  // Convert to requested unit\n  const unitKey = UNIT_MAP[unit] as keyof typeof METERS_TO_UNIT;\n  const conversionFactor = METERS_TO_UNIT[unitKey];\n\n  const widthDistance = Math.round(widthMeters * conversionFactor);\n  const heightDistance = Math.round(heightMeters * conversionFactor);\n\n  const width = formatter.format(widthDistance);\n  const height = formatter.format(heightDistance);\n\n  return `${width} x ${height} ${unit.toUpperCase()}`;\n}\n"]}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/viewport/utils.ts"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { UNIT_MAP } from './constants';\nimport type { GetViewportSizeArgs } from './types';\n\nconst numberFormatter = Intl.NumberFormat('en-US');\n\n/**\n * Web Mercator constant: meters per pixel at zoom 0, equator.\n * This is Earth's circumference (40075016.686m) divided by 256 (tile size).\n */\nconst METERS_PER_PIXEL_AT_ZOOM_0 = 156543.03392;\n\n/**\n * Unit conversion factors from meters.\n */\nconst METERS_TO_UNIT = {\n  kilometers: 0.001,\n  meters: 1,\n  nauticalmiles: 0.000539957,\n  miles: 0.000621371,\n  feet: 3.28084,\n} as const;\n\n/**\n * Returns a formatted viewport size string i.e. `660 x 1,801 NM`\n *\n * Calculates the geographic distance of the viewport using zoom level and\n * pixel dimensions with the Web Mercator projection formula. This approach\n * provides stable results without the edge cases of bounds-based calculations.\n *\n * @param args - Viewport size calculation arguments\n * @param args.bounds - Geographic bounds [minLon, minLat, maxLon, maxLat]\n * @param args.zoom - Zoom level for meters-per-pixel calculation\n * @param args.width - Viewport width in pixels\n * @param args.height - Viewport height in pixels\n * @param args.unit - Unit of distance measurement: `km | m | nm | mi | ft`. Defaults to `nm`\n * @param args.formatter - Number formatter for localization (defaults to en-US)\n * @returns Formatted string like \"660 x 1,801 NM\" or \"-- x -- NM\" if invalid\n *\n * @example\n * ```typescript\n * getViewportSize({ bounds: [-82, 22, -71, 52], zoom: 5, width: 800, height: 600, unit: 'nm' })\n * // returns \"612 x 459 NM\"\n *\n * getViewportSize({ bounds: [170, 50, -170, 60], zoom: 4, width: 1024, height: 768, unit: 'km' })\n * // returns \"2,050 x 1,538 KM\"\n * ```\n */\nexport function getViewportSize({\n  bounds,\n  zoom,\n  width: pixelWidth,\n  height: pixelHeight,\n  unit = 'nm',\n  formatter = numberFormatter,\n}: GetViewportSizeArgs) {\n  const defaultValue = `-- x -- ${unit.toUpperCase()}`;\n\n  // Validate inputs\n  if (!bounds || bounds.every((b) => Number.isNaN(b))) {\n    return defaultValue;\n  }\n\n  if (Number.isNaN(zoom) || pixelWidth === 0 || pixelHeight === 0) {\n    return defaultValue;\n  }\n\n  const [, minLat, , maxLat] = bounds;\n\n  // Validate latitude bounds are within valid geographic ranges\n  if (minLat < -90 || minLat > 90 || maxLat < -90 || maxLat > 90) {\n    return defaultValue;\n  }\n\n  // Calculate center latitude for the viewport\n  const centerLat = (minLat + maxLat) / 2;\n\n  // Web Mercator formula: meters per pixel at given zoom and latitude\n  // Resolution = 156543.03392 * cos(latitude * π/180) / 2^zoom\n  const metersPerPixel =\n    (METERS_PER_PIXEL_AT_ZOOM_0 * Math.cos((centerLat * Math.PI) / 180)) /\n    2 ** zoom;\n\n  // Calculate distances in meters\n  const widthMeters = pixelWidth * metersPerPixel;\n  const heightMeters = pixelHeight * metersPerPixel;\n\n  // Convert to requested unit\n  const unitKey = UNIT_MAP[unit] as keyof typeof METERS_TO_UNIT;\n  const conversionFactor = METERS_TO_UNIT[unitKey];\n\n  const widthDistance = Math.round(widthMeters * conversionFactor);\n  const heightDistance = Math.round(heightMeters * conversionFactor);\n\n  const width = formatter.format(widthDistance);\n  const height = formatter.format(heightDistance);\n\n  return `${width} x ${height} ${unit.toUpperCase()}`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,kBAAkB,KAAK,aAAa,QAAQ;;;;;AAMlD,MAAM,6BAA6B;;;;AAKnC,MAAM,iBAAiB;CACrB,YAAY;CACZ,QAAQ;CACR,eAAe;CACf,OAAO;CACP,MAAM;CACP;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BD,SAAgB,gBAAgB,EAC9B,QACA,MACA,OAAO,YACP,QAAQ,aACR,OAAO,MACP,YAAY,mBACU;CACtB,MAAM,eAAe,WAAW,KAAK,aAAa;AAGlD,KAAI,CAAC,UAAU,OAAO,OAAO,MAAM,OAAO,MAAM,EAAE,CAAC,CACjD,QAAO;AAGT,KAAI,OAAO,MAAM,KAAK,IAAI,eAAe,KAAK,gBAAgB,EAC5D,QAAO;CAGT,MAAM,GAAG,UAAU,UAAU;AAG7B,KAAI,SAAS,OAAO,SAAS,MAAM,SAAS,OAAO,SAAS,GAC1D,QAAO;CAIT,MAAM,aAAa,SAAS,UAAU;CAItC,MAAM,iBACH,6BAA6B,KAAK,IAAK,YAAY,KAAK,KAAM,IAAI,GACnE,KAAK;CAGP,MAAM,cAAc,aAAa;CACjC,MAAM,eAAe,cAAc;CAInC,MAAM,mBAAmB,eADT,SAAS;CAGzB,MAAM,gBAAgB,KAAK,MAAM,cAAc,iBAAiB;CAChE,MAAM,iBAAiB,KAAK,MAAM,eAAe,iBAAiB;AAKlE,QAAO,GAHO,UAAU,OAAO,cAAc,CAG7B,KAFD,UAAU,OAAO,eAAe,CAEnB,GAAG,KAAK,aAAa"}

package/dist/viewport/viewport-size.d.ts

@@ -1,17 +1,24 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UniqueId } from '@accelint/core';
-import { ComponentPropsWithRef } from 'react';
-import { SupportedDistanceUnit } from './types.js';
-import '../deckgl/base-map/types.js';
-import '@accelint/bus';
-import '@deck.gl/core';
-import 'mjolnir.js';
-import '../deckgl/base-map/events.js';
-import './constants.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { SupportedDistanceUnit } from "./types.js";
+import { ComponentPropsWithRef } from "react";
+import { UniqueId } from "@accelint/core";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/viewport/viewport-size.d.ts
 type ViewportSizeProps = ComponentPropsWithRef<'span'> & {
-    instanceId: UniqueId;
-    unit?: SupportedDistanceUnit;
+  instanceId: UniqueId;
+  unit?: SupportedDistanceUnit;
 };
 /**
  * A span element displaying the current viewport bounds in the specified unit.
@@ -37,6 +44,11 @@ type ViewportSizeProps = ComponentPropsWithRef<'span'> & {
  * />
  * ```
  */
-declare function ViewportSize({ instanceId, unit, ...rest }: ViewportSizeProps): react_jsx_runtime.JSX.Element;
-
-export { ViewportSize, type ViewportSizeProps };
+declare function ViewportSize({
+  instanceId,
+  unit,
+  ...rest
+}: ViewportSizeProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ViewportSize, ViewportSizeProps };
+//# sourceMappingURL=viewport-size.d.ts.map

package/dist/viewport/viewport-size.js

@@ -1,16 +1,59 @@
-import { jsx } from 'react/jsx-runtime';
-import { useViewportState } from './use-viewport-state.js';
-import { getViewportSize } from './utils.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
-function ViewportSize({
-  instanceId,
-  unit = "nm",
-  ...rest
-}) {
-  const { bounds, zoom, width, height } = useViewportState({ instanceId });
-  return /* @__PURE__ */ jsx("span", { ...rest, children: getViewportSize({ bounds, unit, zoom, width, height }) });
+
+import { useViewportState } from "./use-viewport-state.js";
+import { getViewportSize } from "./utils.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/viewport/viewport-size.tsx
+/**
+* A span element displaying the current viewport bounds in the specified unit.
+*
+* Displays the viewport dimensions in a format like `660 x 1,801 NM`.
+* Updates automatically as the viewport changes by subscribing to viewport events.
+*
+* @param props - Extends `<span>` props
+* @param props.instanceId - The id of the view to subscribe to
+* @param props.unit - Measure of distance: `km | m | nm | mi | ft`. Defaults to `nm`
+* @param props.className - CSS classes for styling
+*
+* @example
+* ```tsx
+* // Basic usage with default nautical miles
+* <ViewportSize instanceId="some-uuid" />
+*
+* // With custom unit and styling
+* <ViewportSize
+*   instanceId="some-uuid"
+*   unit="km"
+*   className="text-sm text-gray-600"
+* />
+* ```
+*/
+function ViewportSize({ instanceId, unit = "nm", ...rest }) {
+	const { bounds, zoom, width, height } = useViewportState({ instanceId });
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		children: getViewportSize({
+			bounds,
+			unit,
+			zoom,
+			width,
+			height
+		})
+	});
 }
 
+//#endregion
 export { ViewportSize };
-//# sourceMappingURL=viewport-size.js.map
 //# sourceMappingURL=viewport-size.js.map

package/dist/viewport/viewport-size.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/viewport/viewport-size.tsx"],"names":[],"mappings":";;;;AA+CO,SAAS,YAAA,CAAa;AAAA,EAC3B,UAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,MAAM,EAAE,QAAQ,IAAA,EAAM,KAAA,EAAO,QAAO,GAAI,gBAAA,CAAiB,EAAE,UAAA,EAAY,CAAA;AAEvE,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,IAAA,EACP,QAAA,EAAA,eAAA,CAAgB,EAAE,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,CAAA,EACxD,CAAA;AAEJ","file":"viewport-size.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { useViewportState } from './use-viewport-state';\nimport { getViewportSize } from './utils';\nimport type { UniqueId } from '@accelint/core';\nimport type { ComponentPropsWithRef } from 'react';\nimport type { SupportedDistanceUnit } from './types';\n\nexport type ViewportSizeProps = ComponentPropsWithRef<'span'> & {\n  instanceId: UniqueId;\n  unit?: SupportedDistanceUnit;\n};\n\n/**\n * A span element displaying the current viewport bounds in the specified unit.\n *\n * Displays the viewport dimensions in a format like `660 x 1,801 NM`.\n * Updates automatically as the viewport changes by subscribing to viewport events.\n *\n * @param props - Extends `<span>` props\n * @param props.instanceId - The id of the view to subscribe to\n * @param props.unit - Measure of distance: `km | m | nm | mi | ft`. Defaults to `nm`\n * @param props.className - CSS classes for styling\n *\n * @example\n * ```tsx\n * // Basic usage with default nautical miles\n * <ViewportSize instanceId=\"some-uuid\" />\n *\n * // With custom unit and styling\n * <ViewportSize\n *   instanceId=\"some-uuid\"\n *   unit=\"km\"\n *   className=\"text-sm text-gray-600\"\n * />\n * ```\n */\nexport function ViewportSize({\n  instanceId,\n  unit = 'nm',\n  ...rest\n}: ViewportSizeProps) {\n  const { bounds, zoom, width, height } = useViewportState({ instanceId });\n\n  return (\n    <span {...rest}>\n      {getViewportSize({ bounds, unit, zoom, width, height })}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"viewport-size.js","names":[],"sources":["../../src/viewport/viewport-size.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { useViewportState } from './use-viewport-state';\nimport { getViewportSize } from './utils';\nimport type { UniqueId } from '@accelint/core';\nimport type { ComponentPropsWithRef } from 'react';\nimport type { SupportedDistanceUnit } from './types';\n\nexport type ViewportSizeProps = ComponentPropsWithRef<'span'> & {\n  instanceId: UniqueId;\n  unit?: SupportedDistanceUnit;\n};\n\n/**\n * A span element displaying the current viewport bounds in the specified unit.\n *\n * Displays the viewport dimensions in a format like `660 x 1,801 NM`.\n * Updates automatically as the viewport changes by subscribing to viewport events.\n *\n * @param props - Extends `<span>` props\n * @param props.instanceId - The id of the view to subscribe to\n * @param props.unit - Measure of distance: `km | m | nm | mi | ft`. Defaults to `nm`\n * @param props.className - CSS classes for styling\n *\n * @example\n * ```tsx\n * // Basic usage with default nautical miles\n * <ViewportSize instanceId=\"some-uuid\" />\n *\n * // With custom unit and styling\n * <ViewportSize\n *   instanceId=\"some-uuid\"\n *   unit=\"km\"\n *   className=\"text-sm text-gray-600\"\n * />\n * ```\n */\nexport function ViewportSize({\n  instanceId,\n  unit = 'nm',\n  ...rest\n}: ViewportSizeProps) {\n  const { bounds, zoom, width, height } = useViewportState({ instanceId });\n\n  return (\n    <span {...rest}>\n      {getViewportSize({ bounds, unit, zoom, width, height })}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,aAAa,EAC3B,YACA,OAAO,MACP,GAAG,QACiB;CACpB,MAAM,EAAE,QAAQ,MAAM,OAAO,WAAW,iBAAiB,EAAE,YAAY,CAAC;AAExE,QACE,oBAAC;EAAK,GAAI;YACP,gBAAgB;GAAE;GAAQ;GAAM;GAAM;GAAO;GAAQ,CAAC;GAClD"}

package/package.json

@@ -1,57 +1,17 @@
 {
-  "$schema": "https://json.schemastore.org/package",
   "name": "@accelint/map-toolkit",
-  "title": "Accelint Map Toolkit",
   "description": "A collection of components and utilities to simplify visualizing and working with geospatial data.",
+  "version": "0.4.1",
   "author": "https://hypergiant.com",
-  "owner": "default/pathfinder",
-  "keywords": [
-    "deckgl",
-    "geospatial",
-    "map-tk",
-    "maplibre"
-  ],
-  "subPath": "packages/map-toolkit",
-  "version": "0.3.1",
-  "private": false,
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/gohypergiant/standard-toolkit"
-  },
-  "type": "module",
-  "files": [
-    "./dist/**",
-    "./catalog-info.yaml",
-    "./CHANGELOG.md",
-    "./package.json",
-    "./README.md"
-  ],
-  "types": "./dist/index.d.ts",
-  "exports": {
-    "./*": {
-      "import": {
-        "types": "./dist/*/index.d.ts",
-        "default": "./dist/*/index.js"
-      },
-      "default": "./dist/*/index.js"
-    },
-    "./*/fiber": {
-      "import": {
-        "types": "./dist/*/fiber.d.ts",
-        "default": "./dist/*/fiber.js"
-      },
-      "default": "./dist/*/fiber.js"
-    }
-  },
+  "$schema": "https://json.schemastore.org/package",
   "devDependencies": {
-    "@deck.gl/core": "^9.1.14",
-    "@deck.gl/extensions": "^9.1.14",
-    "@deck.gl/geo-layers": "^9.1.14",
-    "@deck.gl/layers": "^9.1.14",
-    "@deck.gl/mapbox": "^9.1.14",
-    "@deck.gl/mesh-layers": "^9.1.14",
-    "@deck.gl/widgets": "^9.1.14",
+    "@deck.gl/core": "~9.1",
+    "@deck.gl/extensions": "~9.1",
+    "@deck.gl/geo-layers": "~9.1",
+    "@deck.gl/layers": "~9.1",
+    "@deck.gl/mapbox": "~9.1",
+    "@deck.gl/mesh-layers": "~9.1",
+    "@deck.gl/widgets": "~9.1",
     "@deckgl-fiber-renderer/dom": "^1.4.0",
     "@deckgl-fiber-renderer/shared": "^1.4.0",
     "@deckgl-fiber-renderer/types": "^1.4.0",
@@ -59,39 +19,92 @@
     "@storybook/addon-themes": "^9.1.16",
     "@storybook/builder-vite": "^9.1.16",
     "@storybook/react-vite": "^9.1.16",
-    "@tailwindcss/vite": "^4.1.11",
+    "@tailwindcss/vite": "^4.1.18",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.9.0",
-    "@types/react": "19.1.13",
-    "@types/react-dom": "19.1.11",
+    "@types/node": "^22",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "client-only": "^0.0.1",
-    "esbuild-fix-imports-plugin": "^1.0.23",
     "maplibre-gl": "^5.7.1",
     "milsymbol": "^3.0.2",
     "mjolnir.js": "^3.0.0",
     "node-fetch": "^2.6.7",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "^19",
+    "react-dom": "^19",
     "storybook": "^9.1.16",
-    "tailwindcss": "^4.1.11",
-    "tsup": "8.5.0",
-    "type-fest": "^4.41.0",
-    "typescript": "5.8.3",
-    "vite": "^7.2.2",
-    "vitest": "^4.0.8",
-    "@accelint/bus": "3.0.0",
-    "@accelint/constellation-tracker": "1.0.1",
+    "tailwindcss": "^4.1.18",
+    "tsdown": "^0.18.0",
+    "type-fest": "^5.3.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.7",
+    "vitest": "^4.0.15",
     "@accelint/biome-config": "1.0.2",
-    "@accelint/core": "0.5.0",
-    "@accelint/design-foundation": "1.0.0",
-    "@accelint/design-toolkit": "8.1.0",
-    "@accelint/geo": "0.4.0",
+    "@accelint/bus": "3.0.2",
+    "@accelint/core": "0.5.2",
+    "@accelint/design-foundation": "2.0.0",
+    "@accelint/design-toolkit": "9.0.0",
+    "@accelint/geo": "0.4.2",
     "@accelint/typescript-config": "0.1.4",
-    "@accelint/vitest-config": "0.1.5"
+    "@accelint/vitest-config": "0.1.6"
+  },
+  "engines": {
+    "node": ">=22",
+    "pnpm": ">=10"
   },
+  "exports": {
+    "./cursor-coordinates": "./dist/cursor-coordinates/index.js",
+    "./cursor-coordinates/use-cursor-coordinates": "./dist/cursor-coordinates/use-cursor-coordinates.js",
+    "./deckgl": "./dist/deckgl/index.js",
+    "./deckgl/base-map": "./dist/deckgl/base-map/index.js",
+    "./deckgl/base-map/constants": "./dist/deckgl/base-map/constants.js",
+    "./deckgl/base-map/events": "./dist/deckgl/base-map/events.js",
+    "./deckgl/base-map/provider": "./dist/deckgl/base-map/provider.js",
+    "./deckgl/base-map/types": "./dist/deckgl/base-map/types.js",
+    "./deckgl/symbol-layer": "./dist/deckgl/symbol-layer/index.js",
+    "./deckgl/symbol-layer/fiber": "./dist/deckgl/symbol-layer/fiber.js",
+    "./deckgl/text-layer": "./dist/deckgl/text-layer/index.js",
+    "./deckgl/text-layer/character-sets": "./dist/deckgl/text-layer/character-sets.js",
+    "./deckgl/text-layer/default-settings": "./dist/deckgl/text-layer/default-settings.js",
+    "./deckgl/text-layer/fiber": "./dist/deckgl/text-layer/fiber.js",
+    "./decorators/deckgl": "./dist/decorators/deckgl.js",
+    "./map-cursor": "./dist/map-cursor/index.js",
+    "./map-cursor/events": "./dist/map-cursor/events.js",
+    "./map-cursor/store": "./dist/map-cursor/store.js",
+    "./map-cursor/types": "./dist/map-cursor/types.js",
+    "./map-cursor/use-map-cursor": "./dist/map-cursor/use-map-cursor.js",
+    "./map-mode": "./dist/map-mode/index.js",
+    "./map-mode/events": "./dist/map-mode/events.js",
+    "./map-mode/store": "./dist/map-mode/store.js",
+    "./map-mode/types": "./dist/map-mode/types.js",
+    "./map-mode/use-map-mode": "./dist/map-mode/use-map-mode.js",
+    "./maplibre": "./dist/maplibre/index.js",
+    "./maplibre/constants": "./dist/maplibre/constants.js",
+    "./maplibre/hooks/use-maplibre": "./dist/maplibre/hooks/use-maplibre.js",
+    "./viewport": "./dist/viewport/index.js",
+    "./viewport/constants": "./dist/viewport/constants.js",
+    "./viewport/types": "./dist/viewport/types.js",
+    "./viewport/use-viewport-state": "./dist/viewport/use-viewport-state.js",
+    "./viewport/utils": "./dist/viewport/utils.js",
+    "./viewport/viewport-size": "./dist/viewport/viewport-size.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "./dist/**",
+    "./catalog-info.yaml",
+    "./CHANGELOG.md",
+    "./package.json",
+    "./README.md"
+  ],
+  "keywords": [
+    "deckgl",
+    "geospatial",
+    "map-tk",
+    "maplibre"
+  ],
+  "license": "Apache-2.0",
   "optionalDependencies": {
     "@deck.gl/core": "9.1.14",
     "@deck.gl/extensions": "9.1.14",
@@ -105,23 +118,39 @@
     "@deckgl-fiber-renderer/types": "^1.4.0",
     "maplibre-gl": "^5.7.1",
     "milsymbol": "3.0.2",
-    "mjolnir.js": "^3.0.0",
-    "@accelint/core": "0.5.0",
-    "@accelint/bus": "3.0.0",
-    "@accelint/geo": "0.4.0"
+    "mjolnir.js": "^3.0.0"
   },
+  "owner": "default/pathfinder",
+  "peerDependencies": {
+    "react": "^19",
+    "@accelint/bus": "3.0.2",
+    "@accelint/core": "0.5.2",
+    "@accelint/geo": "0.4.2"
+  },
+  "private": false,
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gohypergiant/standard-toolkit"
+  },
   "sideEffects": false,
+  "subPath": "packages/map-toolkit",
+  "title": "Accelint Map Toolkit",
+  "type": "module",
+  "types": "./dist/index.d.ts",
   "scripts": {
     "bench": "pnpm vitest bench --run --dir src",
-    "build": "pnpm tsup",
+    "build": "pnpm tsdown",
     "build-storybook": "pnpm storybook build",
-    "constellation-tracker": "constellation-tracker",
+    "constellation-tracker": "pnpm exec constellation-tracker",
     "dev": "pnpm tsc --watch",
-    "lint": "pnpm biome lint",
-    "preview": "pnpm storybook dev -p 6006",
+    "format": "pnpm biome format . --write --verbose",
+    "format:check": "pnpm biome format . --verbose",
+    "license": "pnpm zx ../../scripts/license.mjs",
+    "lint": "pnpm biome lint . --verbose",
+    "preview": "pnpm storybook dev -p 6007",
     "test": "pnpm vitest --dir=src",
     "test:watch": "pnpm vitest --dir=src --watch"
   }

package/dist/cursor-coordinates/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/deckgl/base-map/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/deckgl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/map-mode/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}