@accelint/map-toolkit 0.1.0 → 0.3.0

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/deckgl/index.ts":{"bytes":1028,"imports":[],"format":"esm"},"src/decorators/deckgl.tsx":{"bytes":938,"imports":[],"format":"esm"},"src/maplibre/constants.ts":{"bytes":819,"imports":[],"format":"esm"},"src/maplibre/index.ts":{"bytes":750,"imports":[],"format":"esm"},"src/test/setup.ts":{"bytes":959,"imports":[],"format":"esm"},"src/deckgl/base-map/constants.ts":{"bytes":1129,"imports":[],"format":"esm"},"src/deckgl/base-map/events.ts":{"bytes":809,"imports":[],"format":"esm"},"src/deckgl/base-map/index.tsx":{"bytes":3886,"imports":[],"format":"esm"},"src/deckgl/base-map/types.ts":{"bytes":1829,"imports":[],"format":"esm"},"src/deckgl/symbol-layer/fiber.ts":{"bytes":1020,"imports":[],"format":"esm"},"src/deckgl/symbol-layer/index.ts":{"bytes":4786,"imports":[],"format":"esm"},"src/maplibre/hooks/use-maplibre.ts":{"bytes":1799,"imports":[],"format":"esm"}},"outputs":{"dist/deckgl/base-map/types.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/deckgl/base-map/types.js":{"imports":[],"exports":[],"entryPoint":"src/deckgl/base-map/types.ts","inputs":{"src/deckgl/base-map/types.ts":{"bytesInOutput":0}},"bytes":0},"dist/deckgl/symbol-layer/fiber.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1248},"dist/deckgl/symbol-layer/fiber.js":{"imports":[{"path":"@deckgl-fiber-renderer/dom","kind":"import-statement","external":true},{"path":"./index","kind":"import-statement","external":true}],"exports":[],"entryPoint":"src/deckgl/symbol-layer/fiber.ts","inputs":{"src/deckgl/symbol-layer/fiber.ts":{"bytesInOutput":117}},"bytes":117},"dist/deckgl/symbol-layer/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":6569},"dist/deckgl/symbol-layer/index.js":{"imports":[{"path":"@deck.gl/layers","kind":"import-statement","external":true},{"path":"milsymbol","kind":"import-statement","external":true}],"exports":["SymbolLayer"],"entryPoint":"src/deckgl/symbol-layer/index.ts","inputs":{"src/deckgl/symbol-layer/index.ts":{"bytesInOutput":2593}},"bytes":2619},"dist/maplibre/hooks/use-maplibre.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2654},"dist/maplibre/hooks/use-maplibre.js":{"imports":[{"path":"maplibre-gl","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["useMapLibre"],"entryPoint":"src/maplibre/hooks/use-maplibre.ts","inputs":{"src/maplibre/hooks/use-maplibre.ts":{"bytesInOutput":873}},"bytes":899},"dist/deckgl/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1276},"dist/deckgl/index.js":{"imports":[{"path":"./base-map","kind":"import-statement","external":true},{"path":"./base-map/constants","kind":"import-statement","external":true},{"path":"./base-map/events","kind":"import-statement","external":true},{"path":"./symbol-layer","kind":"import-statement","external":true}],"exports":["BASE_MAP_STYLE","BaseMap","MapEvents","MapEventsNamespace","PARAMETERS","SymbolLayer","bus"],"entryPoint":"src/deckgl/index.ts","inputs":{"src/deckgl/index.ts":{"bytesInOutput":227}},"bytes":338},"dist/decorators/deckgl.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1224},"dist/decorators/deckgl.js":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"../deckgl/base-map","kind":"import-statement","external":true}],"exports":["withDeckGL"],"entryPoint":"src/decorators/deckgl.tsx","inputs":{"src/decorators/deckgl.tsx":{"bytesInOutput":257}},"bytes":282},"dist/maplibre/constants.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1102},"dist/maplibre/constants.js":{"imports":[],"exports":["INITIAL_VIEW_STATE"],"entryPoint":"src/maplibre/constants.ts","inputs":{"src/maplibre/constants.ts":{"bytesInOutput":141}},"bytes":174},"dist/maplibre/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":927},"dist/maplibre/index.js":{"imports":[{"path":"./constants","kind":"import-statement","external":true},{"path":"./hooks/use-maplibre","kind":"import-statement","external":true}],"exports":["INITIAL_VIEW_STATE","useMapLibre"],"entryPoint":"src/maplibre/index.ts","inputs":{"src/maplibre/index.ts":{"bytesInOutput":102}},"bytes":150},"dist/test/setup.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1237},"dist/test/setup.js":{"imports":[{"path":"@testing-library/jest-dom/matchers","kind":"import-statement","external":true},{"path":"@testing-library/react","kind":"import-statement","external":true},{"path":"vitest","kind":"import-statement","external":true}],"exports":[],"entryPoint":"src/test/setup.ts","inputs":{"src/test/setup.ts":{"bytesInOutput":258}},"bytes":258},"dist/deckgl/base-map/constants.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1523},"dist/deckgl/base-map/constants.js":{"imports":[],"exports":["BASE_MAP_STYLE","PARAMETERS"],"entryPoint":"src/deckgl/base-map/constants.ts","inputs":{"src/deckgl/base-map/constants.ts":{"bytesInOutput":442}},"bytes":485},"dist/deckgl/base-map/events.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1061},"dist/deckgl/base-map/events.js":{"imports":[],"exports":["MapEvents","MapEventsNamespace"],"entryPoint":"src/deckgl/base-map/events.ts","inputs":{"src/deckgl/base-map/events.ts":{"bytesInOutput":136}},"bytes":182},"dist/deckgl/base-map/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":5591},"dist/deckgl/base-map/index.js":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"client-only","kind":"import-statement","external":true},{"path":"@accelint/bus","kind":"import-statement","external":true},{"path":"@accelint/bus/react","kind":"import-statement","external":true},{"path":"@deckgl-fiber-renderer/dom","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../../maplibre/constants","kind":"import-statement","external":true},{"path":"../../maplibre/hooks/use-maplibre","kind":"import-statement","external":true},{"path":"./constants","kind":"import-statement","external":true},{"path":"./events","kind":"import-statement","external":true}],"exports":["BaseMap","bus"],"entryPoint":"src/deckgl/base-map/index.tsx","inputs":{"src/deckgl/base-map/index.tsx":{"bytesInOutput":2332}},"bytes":2375}}}
+{"inputs":{"src/cursor-coordinates/index.ts":{"bytes":1035,"imports":[],"format":"esm"},"src/cursor-coordinates/use-cursor-coordinates.ts":{"bytes":13198,"imports":[],"format":"esm"},"src/deckgl/index.ts":{"bytes":1037,"imports":[],"format":"esm"},"src/decorators/deckgl.tsx":{"bytes":1101,"imports":[],"format":"esm"},"src/maplibre/constants.ts":{"bytes":819,"imports":[],"format":"esm"},"src/maplibre/index.ts":{"bytes":750,"imports":[],"format":"esm"},"src/viewport/constants.ts":{"bytes":773,"imports":[],"format":"esm"},"src/viewport/index.tsx":{"bytes":1012,"imports":[],"format":"esm"},"src/viewport/types.ts":{"bytes":1120,"imports":[],"format":"esm"},"src/viewport/use-viewport-state.ts":{"bytes":9491,"imports":[],"format":"esm"},"src/viewport/utils.ts":{"bytes":3891,"imports":[],"format":"esm"},"src/viewport/viewport-size.tsx":{"bytes":2070,"imports":[],"format":"esm"},"src/map-mode/events.ts":{"bytes":1961,"imports":[],"format":"esm"},"src/map-mode/index.ts":{"bytes":1117,"imports":[],"format":"esm"},"src/map-mode/store.ts":{"bytes":17572,"imports":[],"format":"esm"},"src/map-mode/types.ts":{"bytes":3586,"imports":[],"format":"esm"},"src/map-mode/use-map-mode.ts":{"bytes":3222,"imports":[],"format":"esm"},"src/deckgl/base-map/constants.ts":{"bytes":1129,"imports":[],"format":"esm"},"src/deckgl/base-map/events.ts":{"bytes":855,"imports":[],"format":"esm"},"src/deckgl/base-map/index.tsx":{"bytes":9952,"imports":[],"format":"esm"},"src/deckgl/base-map/provider.tsx":{"bytes":6192,"imports":[],"format":"esm"},"src/deckgl/base-map/types.ts":{"bytes":4067,"imports":[],"format":"esm"},"src/deckgl/symbol-layer/fiber.ts":{"bytes":1020,"imports":[],"format":"esm"},"src/deckgl/symbol-layer/index.ts":{"bytes":4786,"imports":[],"format":"esm"},"src/deckgl/text-layer/character-sets.ts":{"bytes":2340,"imports":[],"format":"esm"},"src/deckgl/text-layer/default-settings.ts":{"bytes":1222,"imports":[],"format":"esm"},"src/deckgl/text-layer/fiber.ts":{"bytes":1516,"imports":[],"format":"esm"},"src/deckgl/text-layer/index.ts":{"bytes":2455,"imports":[],"format":"esm"},"src/maplibre/hooks/use-maplibre.ts":{"bytes":3030,"imports":[],"format":"esm"}},"outputs":{"dist/deckgl/text-layer/character-sets.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3553},"dist/deckgl/text-layer/character-sets.js":{"imports":[],"exports":["CHARACTER_SETS"],"entryPoint":"src/deckgl/text-layer/character-sets.ts","inputs":{"src/deckgl/text-layer/character-sets.ts":{"bytesInOutput":1507}},"bytes":1536},"dist/deckgl/text-layer/default-settings.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1736},"dist/deckgl/text-layer/default-settings.js":{"imports":[],"exports":["defaultSettings"],"entryPoint":"src/deckgl/text-layer/default-settings.ts","inputs":{"src/deckgl/text-layer/default-settings.ts":{"bytesInOutput":389}},"bytes":419},"dist/deckgl/text-layer/fiber.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1761},"dist/deckgl/text-layer/fiber.js":{"imports":[{"path":"@deckgl-fiber-renderer/dom","kind":"import-statement","external":true},{"path":"./index","kind":"import-statement","external":true}],"exports":[],"entryPoint":"src/deckgl/text-layer/fiber.ts","inputs":{"src/deckgl/text-layer/fiber.ts":{"bytesInOutput":113}},"bytes":113},"dist/deckgl/text-layer/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3088},"dist/deckgl/text-layer/index.js":{"imports":[{"path":"@deck.gl/layers","kind":"import-statement","external":true},{"path":"./character-sets.js","kind":"import-statement","external":true},{"path":"./default-settings.js","kind":"import-statement","external":true}],"exports":["TextLayer"],"entryPoint":"src/deckgl/text-layer/index.ts","inputs":{"src/deckgl/text-layer/index.ts":{"bytesInOutput":832}},"bytes":856},"dist/maplibre/hooks/use-maplibre.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3948},"dist/maplibre/hooks/use-maplibre.js":{"imports":[{"path":"maplibre-gl","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["useMapLibre"],"entryPoint":"src/maplibre/hooks/use-maplibre.ts","inputs":{"src/maplibre/hooks/use-maplibre.ts":{"bytesInOutput":913}},"bytes":939},"dist/map-mode/use-map-mode.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3877},"dist/map-mode/use-map-mode.js":{"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../deckgl/base-map/provider","kind":"import-statement","external":true},{"path":"./store","kind":"import-statement","external":true}],"exports":["useMapMode"],"entryPoint":"src/map-mode/use-map-mode.ts","inputs":{"src/map-mode/use-map-mode.ts":{"bytesInOutput":756}},"bytes":795},"dist/deckgl/base-map/constants.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1523},"dist/deckgl/base-map/constants.js":{"imports":[],"exports":["BASE_MAP_STYLE","PARAMETERS"],"entryPoint":"src/deckgl/base-map/constants.ts","inputs":{"src/deckgl/base-map/constants.ts":{"bytesInOutput":442}},"bytes":485},"dist/deckgl/base-map/events.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1136},"dist/deckgl/base-map/events.js":{"imports":[],"exports":["MapEvents","MapEventsNamespace"],"entryPoint":"src/deckgl/base-map/events.ts","inputs":{"src/deckgl/base-map/events.ts":{"bytesInOutput":182}},"bytes":228},"dist/deckgl/base-map/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":12983},"dist/deckgl/base-map/index.js":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"client-only","kind":"import-statement","external":true},{"path":"@accelint/bus/react","kind":"import-statement","external":true},{"path":"@deckgl-fiber-renderer/dom","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../../maplibre/constants","kind":"import-statement","external":true},{"path":"../../maplibre/hooks/use-maplibre","kind":"import-statement","external":true},{"path":"./constants","kind":"import-statement","external":true},{"path":"./events","kind":"import-statement","external":true},{"path":"./provider","kind":"import-statement","external":true}],"exports":["BaseMap"],"entryPoint":"src/deckgl/base-map/index.tsx","inputs":{"src/deckgl/base-map/index.tsx":{"bytesInOutput":3979}},"bytes":4015},"dist/deckgl/base-map/provider.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":6757},"dist/deckgl/base-map/provider.js":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"client-only","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../../map-mode/store","kind":"import-statement","external":true}],"exports":["MapContext","MapProvider"],"entryPoint":"src/deckgl/base-map/provider.tsx","inputs":{"src/deckgl/base-map/provider.tsx":{"bytesInOutput":417}},"bytes":471},"dist/deckgl/base-map/types.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/deckgl/base-map/types.js":{"imports":[],"exports":[],"entryPoint":"src/deckgl/base-map/types.ts","inputs":{"src/deckgl/base-map/types.ts":{"bytesInOutput":0}},"bytes":0},"dist/deckgl/symbol-layer/fiber.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1248},"dist/deckgl/symbol-layer/fiber.js":{"imports":[{"path":"@deckgl-fiber-renderer/dom","kind":"import-statement","external":true},{"path":"./index","kind":"import-statement","external":true}],"exports":[],"entryPoint":"src/deckgl/symbol-layer/fiber.ts","inputs":{"src/deckgl/symbol-layer/fiber.ts":{"bytesInOutput":117}},"bytes":117},"dist/deckgl/symbol-layer/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":6569},"dist/deckgl/symbol-layer/index.js":{"imports":[{"path":"@deck.gl/layers","kind":"import-statement","external":true},{"path":"milsymbol","kind":"import-statement","external":true}],"exports":["SymbolLayer"],"entryPoint":"src/deckgl/symbol-layer/index.ts","inputs":{"src/deckgl/symbol-layer/index.ts":{"bytesInOutput":2593}},"bytes":2619},"dist/viewport/types.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/viewport/types.js":{"imports":[],"exports":[],"entryPoint":"src/viewport/types.ts","inputs":{"src/viewport/types.ts":{"bytesInOutput":0}},"bytes":0},"dist/viewport/use-viewport-state.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":12064},"dist/viewport/use-viewport-state.js":{"imports":[{"path":"@accelint/bus","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../deckgl/base-map/events","kind":"import-statement","external":true}],"exports":["clearViewportState","useViewportState"],"entryPoint":"src/viewport/use-viewport-state.ts","inputs":{"src/viewport/use-viewport-state.ts":{"bytesInOutput":3400}},"bytes":3453},"dist/viewport/utils.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":5100},"dist/viewport/utils.js":{"imports":[{"path":"./constants","kind":"import-statement","external":true}],"exports":["getViewportSize"],"entryPoint":"src/viewport/utils.ts","inputs":{"src/viewport/utils.ts":{"bytesInOutput":1401}},"bytes":1431},"dist/viewport/viewport-size.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2534},"dist/viewport/viewport-size.js":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"./use-viewport-state","kind":"import-statement","external":true},{"path":"./utils","kind":"import-statement","external":true}],"exports":["ViewportSize"],"entryPoint":"src/viewport/viewport-size.tsx","inputs":{"src/viewport/viewport-size.tsx":{"bytesInOutput":404}},"bytes":431},"dist/map-mode/events.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":2316},"dist/map-mode/events.js":{"imports":[],"exports":["MapModeEvents","MapModeEventsNamespace"],"entryPoint":"src/map-mode/events.ts","inputs":{"src/map-mode/events.ts":{"bytesInOutput":570}},"bytes":624},"dist/map-mode/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1336},"dist/map-mode/index.js":{"imports":[{"path":"./events","kind":"import-statement","external":true},{"path":"./store","kind":"import-statement","external":true},{"path":"./use-map-mode","kind":"import-statement","external":true}],"exports":["MapModeEvents","MapModeEventsNamespace","clearMapModeState","getCurrentModeOwner","useMapMode"],"entryPoint":"src/map-mode/index.ts","inputs":{"src/map-mode/index.ts":{"bytesInOutput":177}},"bytes":289},"dist/map-mode/store.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":24245},"dist/map-mode/store.js":{"imports":[{"path":"@accelint/bus","kind":"import-statement","external":true},{"path":"@accelint/core","kind":"import-statement","external":true},{"path":"./events","kind":"import-statement","external":true}],"exports":["clearMapModeState","getCurrentModeOwner","getOrCreateRequestModeChange","getOrCreateSnapshot","getOrCreateSubscription"],"entryPoint":"src/map-mode/store.ts","inputs":{"src/map-mode/store.ts":{"bytesInOutput":9557}},"bytes":9694},"dist/map-mode/types.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/map-mode/types.js":{"imports":[],"exports":[],"entryPoint":"src/map-mode/types.ts","inputs":{"src/map-mode/types.ts":{"bytesInOutput":0}},"bytes":0},"dist/cursor-coordinates/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1234},"dist/cursor-coordinates/index.js":{"imports":[{"path":"./use-cursor-coordinates","kind":"import-statement","external":true}],"exports":["clearCursorCoordinateState","useCursorCoordinates"],"entryPoint":"src/cursor-coordinates/index.ts","inputs":{"src/cursor-coordinates/index.ts":{"bytesInOutput":97}},"bytes":162},"dist/cursor-coordinates/use-cursor-coordinates.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":17042},"dist/cursor-coordinates/use-cursor-coordinates.js":{"imports":[{"path":"client-only","kind":"import-statement","external":true},{"path":"@accelint/bus","kind":"import-statement","external":true},{"path":"@accelint/geo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"../deckgl/base-map/events","kind":"import-statement","external":true},{"path":"../deckgl/base-map/provider","kind":"import-statement","external":true}],"exports":["clearCursorCoordinateState","useCursorCoordinates"],"entryPoint":"src/cursor-coordinates/use-cursor-coordinates.ts","inputs":{"src/cursor-coordinates/use-cursor-coordinates.ts":{"bytesInOutput":5069}},"bytes":5148},"dist/deckgl/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1268},"dist/deckgl/index.js":{"imports":[{"path":"./base-map","kind":"import-statement","external":true},{"path":"./base-map/constants","kind":"import-statement","external":true},{"path":"./base-map/events","kind":"import-statement","external":true},{"path":"./symbol-layer","kind":"import-statement","external":true}],"exports":["BASE_MAP_STYLE","BaseMap","MapEvents","MapEventsNamespace","PARAMETERS","SymbolLayer"],"entryPoint":"src/deckgl/index.ts","inputs":{"src/deckgl/index.ts":{"bytesInOutput":218}},"bytes":322},"dist/decorators/deckgl.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1441},"dist/decorators/deckgl.js":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@accelint/core","kind":"import-statement","external":true},{"path":"../deckgl/base-map","kind":"import-statement","external":true}],"exports":["withDeckGL"],"entryPoint":"src/decorators/deckgl.tsx","inputs":{"src/decorators/deckgl.tsx":{"bytesInOutput":351}},"bytes":376},"dist/maplibre/constants.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1102},"dist/maplibre/constants.js":{"imports":[],"exports":["INITIAL_VIEW_STATE"],"entryPoint":"src/maplibre/constants.ts","inputs":{"src/maplibre/constants.ts":{"bytesInOutput":141}},"bytes":174},"dist/maplibre/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":927},"dist/maplibre/index.js":{"imports":[{"path":"./constants","kind":"import-statement","external":true},{"path":"./hooks/use-maplibre","kind":"import-statement","external":true}],"exports":["INITIAL_VIEW_STATE","useMapLibre"],"entryPoint":"src/maplibre/index.ts","inputs":{"src/maplibre/index.ts":{"bytesInOutput":102}},"bytes":150},"dist/viewport/constants.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1020},"dist/viewport/constants.js":{"imports":[],"exports":["UNIT_MAP"],"entryPoint":"src/viewport/constants.ts","inputs":{"src/viewport/constants.ts":{"bytesInOutput":108}},"bytes":131},"dist/viewport/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1254},"dist/viewport/index.js":{"imports":[{"path":"./constants","kind":"import-statement","external":true},{"path":"./use-viewport-state","kind":"import-statement","external":true},{"path":"./utils","kind":"import-statement","external":true},{"path":"./viewport-size","kind":"import-statement","external":true}],"exports":["UNIT_MAP","ViewportSize","clearViewportState","getViewportSize","useViewportState"],"entryPoint":"src/viewport/index.tsx","inputs":{"src/viewport/index.tsx":{"bytesInOutput":212}},"bytes":312}}}

package/dist/viewport/constants.d.ts

@@ -0,0 +1,9 @@
+declare const UNIT_MAP: {
+    readonly km: "kilometers";
+    readonly m: "meters";
+    readonly nm: "nauticalmiles";
+    readonly mi: "miles";
+    readonly ft: "feet";
+};
+
+export { UNIT_MAP };

package/dist/viewport/constants.js

@@ -0,0 +1,11 @@
+const UNIT_MAP = {
+  km: "kilometers",
+  m: "meters",
+  nm: "nauticalmiles",
+  mi: "miles",
+  ft: "feet"
+};
+
+export { UNIT_MAP };
+//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/dist/viewport/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/viewport/constants.ts"],"names":[],"mappings":"AAYO,MAAM,QAAA,GAAW;AAAA,EACtB,EAAA,EAAI,YAAA;AAAA,EACJ,CAAA,EAAG,QAAA;AAAA,EACH,EAAA,EAAI,eAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"constants.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\nexport const UNIT_MAP = {\n  km: 'kilometers',\n  m: 'meters',\n  nm: 'nauticalmiles',\n  mi: 'miles',\n  ft: 'feet',\n} as const;\n"]}

package/dist/viewport/index.d.ts

@@ -0,0 +1,13 @@
+export { UNIT_MAP } from './constants.js';
+export { UseViewportStateProps, clearViewportState, useViewportState } from './use-viewport-state.js';
+export { getViewportSize } from './utils.js';
+export { ViewportSize, ViewportSizeProps } from './viewport-size.js';
+export { GeoCoordinate, GetViewportSizeArgs, SupportedDistanceUnit } from './types.js';
+import 'react';
+import '@accelint/core';
+import '../deckgl/base-map/types.js';
+import '@accelint/bus';
+import '@deck.gl/core';
+import 'mjolnir.js';
+import '../deckgl/base-map/events.js';
+import 'react/jsx-runtime';

package/dist/viewport/index.js

@@ -0,0 +1,6 @@
+export { UNIT_MAP } from './constants.js';
+export { clearViewportState, useViewportState } from './use-viewport-state.js';
+export { getViewportSize } from './utils.js';
+export { ViewportSize } from './viewport-size.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/viewport/index.js.map

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

package/dist/viewport/types.d.ts

@@ -0,0 +1,22 @@
+import { Bounds } from '../deckgl/base-map/types.js';
+import { UNIT_MAP } from './constants.js';
+import '@accelint/bus';
+import '@accelint/core';
+import '@deck.gl/core';
+import 'mjolnir.js';
+import '../deckgl/base-map/events.js';
+
+type SupportedDistanceUnit = keyof typeof UNIT_MAP;
+type GetViewportSizeArgs = {
+    bounds: Bounds;
+    zoom: number;
+    /** Viewport width in pixels */
+    width: number;
+    /** Viewport height in pixels */
+    height: number;
+    unit?: SupportedDistanceUnit;
+    formatter?: Intl.NumberFormat;
+};
+type GeoCoordinate = [longitude: number, latitude: number];
+
+export type { GeoCoordinate, GetViewportSizeArgs, SupportedDistanceUnit };

package/dist/viewport/types.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/viewport/types.js.map

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

package/dist/viewport/use-viewport-state.d.ts

@@ -0,0 +1,85 @@
+import { useSyncExternalStore } from 'react';
+import { UniqueId } from '@accelint/core';
+import { MapViewportPayload } from '../deckgl/base-map/types.js';
+import '@accelint/bus';
+import '@deck.gl/core';
+import 'mjolnir.js';
+import '../deckgl/base-map/events.js';
+
+type UseViewportStateProps = {
+    instanceId: UniqueId;
+    subscribe?: Parameters<typeof useSyncExternalStore<MapViewportPayload>>[0];
+    getSnapshot?: Parameters<typeof useSyncExternalStore<MapViewportPayload>>[1];
+    getServerSnapshot?: Parameters<typeof useSyncExternalStore<MapViewportPayload>>[2];
+};
+/**
+ * Hook to subscribe to viewport state changes for a specific view.
+ *
+ * By default, subscribes to MapEvents.viewport events from the event bus and
+ * automatically cleans up when all subscribers unmount. For advanced use cases,
+ * custom subscribe/getSnapshot functions can be provided.
+ *
+ * A thin wrapper around [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore).
+ *
+ * @param instanceId - Unique identifier for the viewport to track
+ * @param subscribe - Optional custom subscription function
+ * @param getSnapshot - Optional custom snapshot getter
+ * @param getServerSnapshot - Optional server-side snapshot getter
+ * @returns Current viewport state including bounds, latitude, longitude, zoom
+ *
+ * @example
+ * ```tsx
+ * function MapInfo({ instanceId }) {
+ *   const { bounds, latitude, longitude, zoom } = useViewportState({
+ *     instanceId
+ *   });
+ *
+ *   return (
+ *     <div>
+ *       Lat: {latitude?.toFixed(2)}, Lon: {longitude?.toFixed(2)}, Zoom: {zoom}
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom subscribe/getSnapshot for advanced use cases
+ * function CustomMapInfo() {
+ *   const customSubscribe = (onStoreChange) => {
+ *     // Custom subscription logic
+ *     return () => { // cleanup }
+ *   }
+ *
+ *   const customGetSnapshot = () => {
+ *     // Custom snapshot logic
+ *     return { latitude: 0, longitude: 0, zoom: 1 };
+ *   };
+ *
+ *   const viewState = useViewportState({
+ *     instanceId: 'some-uuid',
+ *     subscribe: customSubscribe,
+ *     getSnapshot: customGetSnapshot,
+ *   });
+ *
+ *   return <div>Custom viewport state</div>;
+ * }
+ * ```
+ */
+declare function useViewportState({ instanceId, subscribe, getSnapshot, getServerSnapshot, }: UseViewportStateProps): MapViewportPayload;
+/**
+ * Manually clear viewport state for a specific instanceId.
+ * This is typically not needed as cleanup happens automatically when all subscribers unmount.
+ * Use this only in advanced scenarios where manual cleanup is required.
+ *
+ * @param instanceId - The unique identifier for the viewport to clear
+ *
+ * @example
+ * ```tsx
+ * // Manual cleanup (rarely needed)
+ * clearViewportState('my-map-instance');
+ * ```
+ */
+declare function clearViewportState(instanceId: UniqueId): void;
+
+export { type UseViewportStateProps, clearViewportState, useViewportState };

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

@@ -0,0 +1,109 @@
+import { Broadcast } from '@accelint/bus';
+import { useSyncExternalStore } from 'react';
+import { MapEvents } from '../deckgl/base-map/events.js';
+
+const bus = Broadcast.getInstance();
+const viewportStore = /* @__PURE__ */ new Map();
+const componentSubscribers = /* @__PURE__ */ new Map();
+const busUnsubscribers = /* @__PURE__ */ new Map();
+const subscriptionCache = /* @__PURE__ */ new Map();
+const snapshotCache = /* @__PURE__ */ new Map();
+const fallbackCache = /* @__PURE__ */ new Map();
+function ensureBusListener(instanceId) {
+  if (busUnsubscribers.has(instanceId)) {
+    return;
+  }
+  const unsub = bus.on(MapEvents.viewport, ({ payload }) => {
+    if (instanceId === payload.id) {
+      viewportStore.set(instanceId, payload);
+      const subscribers = componentSubscribers.get(instanceId);
+      if (subscribers) {
+        for (const onStoreChange of subscribers) {
+          onStoreChange();
+        }
+      }
+    }
+  });
+  busUnsubscribers.set(instanceId, unsub);
+}
+function cleanupBusListenerIfNeeded(instanceId) {
+  const subscribers = componentSubscribers.get(instanceId);
+  if (!subscribers || subscribers.size === 0) {
+    const unsub = busUnsubscribers.get(instanceId);
+    if (unsub) {
+      unsub();
+      busUnsubscribers.delete(instanceId);
+    }
+    viewportStore.delete(instanceId);
+    componentSubscribers.delete(instanceId);
+    subscriptionCache.delete(instanceId);
+    snapshotCache.delete(instanceId);
+    fallbackCache.delete(instanceId);
+  }
+}
+function getOrCreateSubscription(instanceId) {
+  const subscription = subscriptionCache.get(instanceId) ?? ((onStoreChange) => {
+    ensureBusListener(instanceId);
+    let subscriberSet = componentSubscribers.get(instanceId);
+    if (!subscriberSet) {
+      subscriberSet = /* @__PURE__ */ new Set();
+      componentSubscribers.set(instanceId, subscriberSet);
+    }
+    subscriberSet.add(onStoreChange);
+    return () => {
+      const currentSubscriberSet = componentSubscribers.get(instanceId);
+      if (currentSubscriberSet) {
+        currentSubscriberSet.delete(onStoreChange);
+      }
+      cleanupBusListenerIfNeeded(instanceId);
+    };
+  });
+  subscriptionCache.set(instanceId, subscription);
+  return subscription;
+}
+function getOrCreateSnapshot(instanceId) {
+  const fallback = fallbackCache.get(instanceId) ?? (() => {
+    const newFallback = {
+      id: instanceId,
+      bounds: [Number.NaN, Number.NaN, Number.NaN, Number.NaN],
+      latitude: Number.NaN,
+      longitude: Number.NaN,
+      zoom: Number.NaN,
+      width: 0,
+      height: 0
+    };
+    fallbackCache.set(instanceId, newFallback);
+    return newFallback;
+  })();
+  const snapshot = snapshotCache.get(instanceId) ?? (() => viewportStore.get(instanceId) ?? fallback);
+  snapshotCache.set(instanceId, snapshot);
+  return snapshot;
+}
+function useViewportState({
+  instanceId,
+  subscribe,
+  getSnapshot,
+  getServerSnapshot
+}) {
+  return useSyncExternalStore(
+    subscribe ?? getOrCreateSubscription(instanceId),
+    getSnapshot ?? getOrCreateSnapshot(instanceId),
+    getServerSnapshot
+  );
+}
+function clearViewportState(instanceId) {
+  const unsub = busUnsubscribers.get(instanceId);
+  if (unsub) {
+    unsub();
+    busUnsubscribers.delete(instanceId);
+  }
+  viewportStore.delete(instanceId);
+  componentSubscribers.delete(instanceId);
+  subscriptionCache.delete(instanceId);
+  snapshotCache.delete(instanceId);
+  fallbackCache.delete(instanceId);
+}
+
+export { clearViewportState, useViewportState };
+//# sourceMappingURL=use-viewport-state.js.map
+//# sourceMappingURL=use-viewport-state.js.map

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

@@ -0,0 +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"]}

package/dist/viewport/utils.d.ts

@@ -0,0 +1,37 @@
+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';
+
+/**
+ * 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"
+ * ```
+ */
+declare function getViewportSize({ bounds, zoom, width: pixelWidth, height: pixelHeight, unit, formatter, }: GetViewportSizeArgs): string;
+
+export { getViewportSize };

package/dist/viewport/utils.js

@@ -0,0 +1,46 @@
+import { UNIT_MAP } from './constants.js';
+
+const numberFormatter = Intl.NumberFormat("en-US");
+const METERS_PER_PIXEL_AT_ZOOM_0 = 156543.03392;
+const METERS_TO_UNIT = {
+  kilometers: 1e-3,
+  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()}`;
+}
+
+export { getViewportSize };
+//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/dist/viewport/utils.js.map

@@ -0,0 +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"]}

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

@@ -0,0 +1,42 @@
+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';
+
+type ViewportSizeProps = ComponentPropsWithRef<'span'> & {
+    instanceId: UniqueId;
+    unit?: SupportedDistanceUnit;
+};
+/**
+ * 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"
+ * />
+ * ```
+ */
+declare function ViewportSize({ instanceId, unit, ...rest }: ViewportSizeProps): react_jsx_runtime.JSX.Element;
+
+export { ViewportSize, type ViewportSizeProps };

package/dist/viewport/viewport-size.js

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { useViewportState } from './use-viewport-state.js';
+import { getViewportSize } from './utils.js';
+
+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 }) });
+}
+
+export { ViewportSize };
+//# sourceMappingURL=viewport-size.js.map
+//# sourceMappingURL=viewport-size.js.map

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

@@ -0,0 +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"]}