@accelint/map-toolkit 0.0.2 → 0.2.0

package/dist/map-mode/use-map-mode.d.ts

@@ -0,0 +1,54 @@
+import { UniqueId } from '@accelint/core';
+
+/**
+ * Return value for the useMapMode hook
+ */
+type UseMapModeReturn = {
+    /** The current active map mode */
+    mode: string;
+    /** Function to request a mode change with ownership */
+    requestModeChange: (desiredMode: string, requestOwner: string) => void;
+};
+/**
+ * Hook to access the map mode state and actions.
+ *
+ * This hook uses `useSyncExternalStore` to subscribe to the external `MapModeStore`,
+ * providing concurrent-safe mode state updates. The hybrid architecture separates:
+ * - Map instance identity (from `MapContext` or parameter)
+ * - Mode state management (from `MapModeStore` via `useSyncExternalStore`)
+ *
+ * @param id - Optional map instance ID. If not provided, will use the ID from `MapContext`.
+ * @returns The current map mode and requestModeChange function
+ * @throws Error if no `id` is provided and hook is used outside of `MapProvider`
+ * @throws Error if store doesn't exist for the given map ID
+ *
+ * @example
+ * ```tsx
+ * // Inside MapProvider (within BaseMap children) - uses context
+ * // Only Deck.gl layer components can be children
+ * function CustomDeckLayer() {
+ *   const { mode, requestModeChange } = useMapMode();
+ *
+ *   const handleClick = (info: PickingInfo) => {
+ *     requestModeChange('editing', 'custom-layer-id');
+ *   };
+ *
+ *   return <ScatterplotLayer onClick={handleClick} />;
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Outside MapProvider - pass id directly
+ * function ExternalControl({ mapId }: { mapId: UniqueId }) {
+ *   const { mode, requestModeChange } = useMapMode(mapId);
+ *
+ *   return <button onClick={() => requestModeChange('default', 'external')}>
+ *     Reset to Default (current: {mode})
+ *   </button>;
+ * }
+ * ```
+ */
+declare function useMapMode(id?: UniqueId): UseMapModeReturn;
+
+export { type UseMapModeReturn, useMapMode };

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

@@ -0,0 +1,31 @@
+import { useContext, useSyncExternalStore, useMemo } from 'react';
+import { MapContext } from '../deckgl/base-map/provider.js';
+import { getStore } from './store.js';
+
+function useMapMode(id) {
+  const contextId = useContext(MapContext);
+  const actualId = id ?? contextId;
+  if (!actualId) {
+    throw new Error(
+      "useMapMode requires either an id parameter or to be used within a MapProvider"
+    );
+  }
+  const store = getStore(actualId);
+  if (!store) {
+    throw new Error(
+      `MapModeStore not found for map instance: ${actualId}. Ensure a store has been created for this map instance (e.g., via MapProvider or getOrCreateStore).`
+    );
+  }
+  const mode = useSyncExternalStore(store.subscribe, store.getSnapshot);
+  return useMemo(
+    () => ({
+      mode,
+      requestModeChange: store.requestModeChange
+    }),
+    [mode, store]
+  );
+}
+
+export { useMapMode };
+//# sourceMappingURL=use-map-mode.js.map
+//# sourceMappingURL=use-map-mode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/map-mode/use-map-mode.ts"],"names":[],"mappings":";;;;AAmEO,SAAS,WAAW,EAAA,EAAiC;AAC1D,EAAA,MAAM,SAAA,GAAY,WAAW,UAAU,CAAA;AACvC,EAAA,MAAM,WAAW,EAAA,IAAM,SAAA;AAEvB,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AAGA,EAAA,MAAM,KAAA,GAAQ,SAAS,QAAQ,CAAA;AAE/B,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,4CAA4C,QAAQ,CAAA,oGAAA;AAAA,KACtD;AAAA,EACF;AAGA,EAAA,MAAM,IAAA,GAAO,oBAAA,CAAqB,KAAA,CAAM,SAAA,EAAW,MAAM,WAAW,CAAA;AAGpE,EAAA,OAAO,OAAA;AAAA,IACL,OAAO;AAAA,MACL,IAAA;AAAA,MACA,mBAAmB,KAAA,CAAM;AAAA,KAC3B,CAAA;AAAA,IACA,CAAC,MAAM,KAAK;AAAA,GACd;AACF","file":"use-map-mode.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 { useContext, useMemo, useSyncExternalStore } from 'react';\nimport { MapContext } from '../deckgl/base-map/provider';\nimport { getStore } from './store';\nimport type { UniqueId } from '@accelint/core';\n\n/**\n * Return value for the useMapMode hook\n */\nexport type UseMapModeReturn = {\n  /** The current active map mode */\n  mode: string;\n  /** Function to request a mode change with ownership */\n  requestModeChange: (desiredMode: string, requestOwner: string) => void;\n};\n\n/**\n * Hook to access the map mode state and actions.\n *\n * This hook uses `useSyncExternalStore` to subscribe to the external `MapModeStore`,\n * providing concurrent-safe mode state updates. The hybrid architecture separates:\n * - Map instance identity (from `MapContext` or parameter)\n * - Mode state management (from `MapModeStore` via `useSyncExternalStore`)\n *\n * @param id - Optional map instance ID. If not provided, will use the ID from `MapContext`.\n * @returns The current map mode and requestModeChange function\n * @throws Error if no `id` is provided and hook is used outside of `MapProvider`\n * @throws Error if store doesn't exist for the given map ID\n *\n * @example\n * ```tsx\n * // Inside MapProvider (within BaseMap children) - uses context\n * // Only Deck.gl layer components can be children\n * function CustomDeckLayer() {\n *   const { mode, requestModeChange } = useMapMode();\n *\n *   const handleClick = (info: PickingInfo) => {\n *     requestModeChange('editing', 'custom-layer-id');\n *   };\n *\n *   return <ScatterplotLayer onClick={handleClick} />;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Outside MapProvider - pass id directly\n * function ExternalControl({ mapId }: { mapId: UniqueId }) {\n *   const { mode, requestModeChange } = useMapMode(mapId);\n *\n *   return <button onClick={() => requestModeChange('default', 'external')}>\n *     Reset to Default (current: {mode})\n *   </button>;\n * }\n * ```\n */\nexport function useMapMode(id?: UniqueId): UseMapModeReturn {\n  const contextId = useContext(MapContext);\n  const actualId = id ?? contextId;\n\n  if (!actualId) {\n    throw new Error(\n      'useMapMode requires either an id parameter or to be used within a MapProvider',\n    );\n  }\n\n  // Get the store for this map instance\n  const store = getStore(actualId);\n\n  if (!store) {\n    throw new Error(\n      `MapModeStore not found for map instance: ${actualId}. Ensure a store has been created for this map instance (e.g., via MapProvider or getOrCreateStore).`,\n    );\n  }\n\n  // Subscribe to store using useSyncExternalStore\n  const mode = useSyncExternalStore(store.subscribe, store.getSnapshot);\n\n  // Memoize the return value to prevent unnecessary re-renders\n  return useMemo(\n    () => ({\n      mode,\n      requestModeChange: store.requestModeChange,\n    }),\n    [mode, store],\n  );\n}\n"]}

package/dist/maplibre/constants.d.ts

@@ -0,0 +1,11 @@
+declare const INITIAL_VIEW_STATE: {
+    longitude: number;
+    latitude: number;
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    pitch: number;
+    bearing: number;
+};
+
+export { INITIAL_VIEW_STATE };

package/dist/maplibre/constants.js

@@ -0,0 +1,13 @@
+const INITIAL_VIEW_STATE = {
+  longitude: -77.0369,
+  latitude: 38.9072,
+  zoom: 4,
+  minZoom: 1,
+  maxZoom: 22,
+  pitch: 0,
+  bearing: 0
+};
+
+export { INITIAL_VIEW_STATE };
+//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/dist/maplibre/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/maplibre/constants.ts"],"names":[],"mappings":"AAcO,MAAM,kBAAA,GAAqB;AAAA,EAChC,SAAA,EAAW,QAAA;AAAA,EACX,QAAA,EAAU,OAAA;AAAA,EACV,IAAA,EAAM,CAAA;AAAA,EACN,OAAA,EAAS,CAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,KAAA,EAAO,CAAA;AAAA,EACP,OAAA,EAAS;AACX","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\n// __private-exports\n\nexport const INITIAL_VIEW_STATE = {\n  longitude: -77.0369,\n  latitude: 38.9072,\n  zoom: 4,\n  minZoom: 1,\n  maxZoom: 22,\n  pitch: 0,\n  bearing: 0,\n};\n"]}

package/dist/maplibre/hooks/use-maplibre.d.ts

@@ -0,0 +1,39 @@
+import { IControl, MapOptions, Map } from 'maplibre-gl';
+
+/**
+ * Hook to integrate a MapLibre GL map with a Deck.gl instance.
+ *
+ * This hook manages the lifecycle of a MapLibre map, including initialization,
+ * style updates, and cleanup. It ensures the Deck.gl control is properly added
+ * to the map and handles cleanup when the component unmounts.
+ *
+ * @param deck - The Deck.gl IControl instance to add to the map
+ * @param styleUrl - The MapLibre style URL to use for the map
+ * @param options - MapLibre map options (container, center, zoom, etc.)
+ * @returns The MapLibre map instance, or null if not yet initialized
+ *
+ * @example
+ * ```tsx
+ * function MapComponent() {
+ *   const deckglInstance = useDeckgl();
+ *   const container = useId();
+ *
+ *   const mapOptions = useMemo(() => ({
+ *     container,
+ *     center: [-122.4, 37.8],
+ *     zoom: 12,
+ *   }), [container]);
+ *
+ *   useMapLibre(
+ *     deckglInstance as IControl,
+ *     'https://tiles.example.com/style.json',
+ *     mapOptions
+ *   );
+ *
+ *   return <div id={container} />;
+ * }
+ * ```
+ */
+declare function useMapLibre(deck: IControl | null, styleUrl: string, options: MapOptions): Map | null;
+
+export { useMapLibre };

package/dist/maplibre/hooks/use-maplibre.js

@@ -0,0 +1,37 @@
+import { Map } from 'maplibre-gl';
+import { useRef, useEffect } from 'react';
+
+function useMapLibre(deck, styleUrl, options) {
+  const mapRef = useRef(null);
+  const optionsRef = useRef(options);
+  const styleRef = useRef(styleUrl);
+  useEffect(() => {
+    if (deck && !mapRef.current) {
+      mapRef.current = new Map({
+        ...optionsRef.current,
+        style: styleRef.current
+      });
+      mapRef.current.once("style.load", () => {
+        mapRef.current?.setProjection({ type: "mercator" });
+        mapRef.current?.addControl(deck);
+      });
+      return () => {
+        if (mapRef.current) {
+          mapRef.current.removeControl(deck);
+          mapRef.current.remove();
+          mapRef.current = null;
+        }
+      };
+    }
+  }, [deck]);
+  useEffect(() => {
+    if (mapRef.current) {
+      mapRef.current.setStyle(styleUrl);
+    }
+  }, [styleUrl]);
+  return mapRef.current;
+}
+
+export { useMapLibre };
+//# sourceMappingURL=use-maplibre.js.map
+//# sourceMappingURL=use-maplibre.js.map

package/dist/maplibre/hooks/use-maplibre.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/maplibre/hooks/use-maplibre.ts"],"names":["MapLibre"],"mappings":";;;AAiDO,SAAS,WAAA,CACd,IAAA,EACA,QAAA,EACA,OAAA,EACA;AACA,EAAA,MAAM,MAAA,GAAS,OAAwB,IAAI,CAAA;AAG3C,EAAA,MAAM,UAAA,GAAa,OAAO,OAAO,CAAA;AAEjC,EAAA,MAAM,QAAA,GAAW,OAAO,QAAQ,CAAA;AAGhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAA,IAAQ,CAAC,MAAA,CAAO,OAAA,EAAS;AAC3B,MAAA,MAAA,CAAO,OAAA,GAAU,IAAIA,GAAA,CAAS;AAAA,QAC5B,GAAG,UAAA,CAAW,OAAA;AAAA,QACd,OAAO,QAAA,CAAS;AAAA,OACjB,CAAA;AAED,MAAA,MAAA,CAAO,OAAA,CAAQ,IAAA,CAAK,YAAA,EAAc,MAAM;AACtC,QAAA,MAAA,CAAO,OAAA,EAAS,aAAA,CAAc,EAAE,IAAA,EAAM,YAAY,CAAA;AAClD,QAAA,MAAA,CAAO,OAAA,EAAS,WAAW,IAAI,CAAA;AAAA,MACjC,CAAC,CAAA;AAED,MAAA,OAAO,MAAM;AACX,QAAA,IAAI,OAAO,OAAA,EAAS;AAClB,UAAA,MAAA,CAAO,OAAA,CAAQ,cAAc,IAAI,CAAA;AACjC,UAAA,MAAA,CAAO,QAAQ,MAAA,EAAO;AACtB,UAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAGT,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,MAAA,CAAO,OAAA,CAAQ,SAAS,QAAQ,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,OAAO,MAAA,CAAO,OAAA;AAChB","file":"use-maplibre.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 { type IControl, Map as MapLibre, type MapOptions } from 'maplibre-gl';\nimport { useEffect, useRef } from 'react';\n\n/**\n * Hook to integrate a MapLibre GL map with a Deck.gl instance.\n *\n * This hook manages the lifecycle of a MapLibre map, including initialization,\n * style updates, and cleanup. It ensures the Deck.gl control is properly added\n * to the map and handles cleanup when the component unmounts.\n *\n * @param deck - The Deck.gl IControl instance to add to the map\n * @param styleUrl - The MapLibre style URL to use for the map\n * @param options - MapLibre map options (container, center, zoom, etc.)\n * @returns The MapLibre map instance, or null if not yet initialized\n *\n * @example\n * ```tsx\n * function MapComponent() {\n *   const deckglInstance = useDeckgl();\n *   const container = useId();\n *\n *   const mapOptions = useMemo(() => ({\n *     container,\n *     center: [-122.4, 37.8],\n *     zoom: 12,\n *   }), [container]);\n *\n *   useMapLibre(\n *     deckglInstance as IControl,\n *     'https://tiles.example.com/style.json',\n *     mapOptions\n *   );\n *\n *   return <div id={container} />;\n * }\n * ```\n */\nexport function useMapLibre(\n  deck: IControl | null,\n  styleUrl: string,\n  options: MapOptions,\n) {\n  const mapRef = useRef<MapLibre | null>(null);\n  // Using a ref for options to avoid re-creating the map when options object reference changes\n  // The map is only created once on mount, options changes after that are ignored\n  const optionsRef = useRef(options);\n  // using a ref in the initial setup so that it doesn't cause a re-run of the effect on change\n  const styleRef = useRef(styleUrl);\n\n  // Initialize MapLibre instance once\n  useEffect(() => {\n    if (deck && !mapRef.current) {\n      mapRef.current = new MapLibre({\n        ...optionsRef.current,\n        style: styleRef.current,\n      });\n\n      mapRef.current.once('style.load', () => {\n        mapRef.current?.setProjection({ type: 'mercator' });\n        mapRef.current?.addControl(deck);\n      });\n\n      return () => {\n        if (mapRef.current) {\n          mapRef.current.removeControl(deck);\n          mapRef.current.remove();\n          mapRef.current = null;\n        }\n      };\n    }\n  }, [deck]);\n\n  // Update style when it changes\n  useEffect(() => {\n    if (mapRef.current) {\n      mapRef.current.setStyle(styleUrl);\n    }\n  }, [styleUrl]);\n\n  return mapRef.current;\n}\n"]}

package/dist/maplibre/index.d.ts

@@ -0,0 +1,3 @@
+export { INITIAL_VIEW_STATE } from './constants.js';
+export { useMapLibre } from './hooks/use-maplibre.js';
+import 'maplibre-gl';

package/dist/maplibre/index.js

@@ -0,0 +1,4 @@
+export { INITIAL_VIEW_STATE } from './constants.js';
+export { useMapLibre } from './hooks/use-maplibre.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/maplibre/index.js.map

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

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/index.ts":{"bytes":858,"imports":[],"format":"esm"},"src/test/setup.ts":{"bytes":868,"imports":[],"format":"esm"}},"outputs":{"dist/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/index.js":{"imports":[],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":0},"dist/test/setup.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1122},"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":218}},"bytes":218}}}
+{"inputs":{"src/deckgl/index.ts":{"bytes":1037,"imports":[],"format":"esm"},"src/decorators/deckgl.tsx":{"bytes":1096,"imports":[],"format":"esm"},"src/map-mode/events.ts":{"bytes":1961,"imports":[],"format":"esm"},"src/map-mode/index.ts":{"bytes":1142,"imports":[],"format":"esm"},"src/map-mode/store.ts":{"bytes":14668,"imports":[],"format":"esm"},"src/map-mode/types.ts":{"bytes":3586,"imports":[],"format":"esm"},"src/map-mode/use-map-mode.ts":{"bytes":3446,"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":7788,"imports":[],"format":"esm"},"src/deckgl/base-map/provider.tsx":{"bytes":6766,"imports":[],"format":"esm"},"src/deckgl/base-map/types.ts":{"bytes":3327,"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/constants.ts":{"bytes":819,"imports":[],"format":"esm"},"src/maplibre/index.ts":{"bytes":750,"imports":[],"format":"esm"},"src/deckgl/text-layer/character-sets.ts":{"bytes":2052,"imports":[],"format":"esm"},"src/deckgl/text-layer/default-settings.ts":{"bytes":1198,"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":3258},"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":1712},"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/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":9708},"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":2484}},"bytes":2520},"dist/deckgl/base-map/provider.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":7459},"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":573}},"bytes":627},"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/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/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":1436},"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/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":1396},"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","MapModeStore","destroyStore","getOrCreateStore","getStore","useMapMode"],"entryPoint":"src/map-mode/index.ts","inputs":{"src/map-mode/index.ts":{"bytesInOutput":201}},"bytes":333},"dist/map-mode/store.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":20593},"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":["MapModeStore","destroyStore","getOrCreateStore","getStore"],"entryPoint":"src/map-mode/store.ts","inputs":{"src/map-mode/store.ts":{"bytesInOutput":10062}},"bytes":10137},"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/map-mode/use-map-mode.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4133},"dist/map-mode/use-map-mode.js":{"imports":[{"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":847}},"bytes":872},"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}}}

package/package.json

@@ -1,6 +1,18 @@
 {
+  "$schema": "https://json.schemastore.org/package",
   "name": "@accelint/map-toolkit",
-  "version": "0.0.2",
+  "title": "Accelint Map Toolkit",
+  "description": "A collection of components and utilities to simplify visualizing and working with geospatial data.",
+  "author": "https://hypergiant.com",
+  "owner": "default/pathfinder",
+  "keywords": [
+    "deckgl",
+    "geospatial",
+    "map-tk",
+    "maplibre"
+  ],
+  "subPath": "packages/map-toolkit",
+  "version": "0.2.0",
   "private": false,
   "license": "Apache-2.0",
   "repository": {
@@ -9,7 +21,11 @@
   },
   "type": "module",
   "files": [
-    "dist/**"
+    "./dist/**",
+    "./catalog-info.yaml",
+    "./CHANGELOG.md",
+    "./package.json",
+    "./README.md"
   ],
   "types": "./dist/index.d.ts",
   "exports": {
@@ -20,29 +36,85 @@
       },
       "default": "./dist/*/index.js"
     },
-    "./package.json": "./package.json"
+    "./*/fiber": {
+      "import": {
+        "types": "./dist/*/fiber.d.ts",
+        "default": "./dist/*/fiber.js"
+      },
+      "default": "./dist/*/fiber.js"
+    }
   },
   "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",
+    "@deckgl-fiber-renderer/dom": "^1.4.0",
+    "@deckgl-fiber-renderer/shared": "^1.4.0",
+    "@deckgl-fiber-renderer/types": "^1.4.0",
+    "@storybook/addon-actions": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-storysource": "^8.6.14",
+    "@storybook/addon-themes": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/builder-vite": "^8.6.14",
+    "@storybook/manager-api": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/theming": "^8.6.14",
+    "@tailwindcss/vite": "^4.1.11",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.3.0",
-    "@types/react": "^19.1.9",
-    "esbuild-fix-imports-plugin": "1.0.21",
-    "react": "^19.0.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.9.0",
+    "@types/react": "19.1.13",
+    "@types/react-dom": "19.1.11",
+    "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",
+    "storybook": "^8.6.14",
+    "tailwindcss": "^4.1.11",
     "tsup": "8.5.0",
-    "vitest": "2.1.3",
-    "vitest-broadcast-channel-mock": "0.1.0",
-    "@accelint/typescript-config": "0.1.2",
-    "@accelint/vitest-config": "0.1.3"
-  },
-  "dependencies": {
-    "typescript": "^5.8.3"
+    "type-fest": "^4.41.0",
+    "typescript": "5.8.3",
+    "vite": "^5.4.9",
+    "vitest": "^2.1.9",
+    "vitest-broadcast-channel-mock": "^0.1.0",
+    "@accelint/biome-config": "1.0.2",
+    "@accelint/bus": "2.0.0",
+    "@accelint/constellation-tracker": "1.0.1",
+    "@accelint/core": "0.5.0",
+    "@accelint/design-toolkit": "7.0.0",
+    "@accelint/typescript-config": "0.1.4",
+    "@accelint/vitest-config": "0.1.5"
   },
   "optionalDependencies": {
-    "react": "^19.0.0"
+    "@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",
+    "@deckgl-fiber-renderer/dom": "1.4.0",
+    "@deckgl-fiber-renderer/shared": "^1.4.0",
+    "@deckgl-fiber-renderer/types": "^1.4.0",
+    "maplibre-gl": "^5.7.1",
+    "milsymbol": "3.0.2",
+    "mjolnir.js": "^3.0.0",
+    "react": "19.0.0",
+    "@accelint/bus": "2.0.0",
+    "@accelint/core": "0.5.0"
   },
-  "$schema": "https://json.schemastore.org/package",
-  "author": "https://hypergiant.com",
   "publishConfig": {
     "access": "public"
   },
@@ -50,9 +122,11 @@
   "scripts": {
     "bench": "pnpm vitest bench --run --dir src",
     "build": "pnpm tsup",
+    "build-storybook": "pnpm storybook build",
+    "constellation-tracker": "constellation-tracker",
     "dev": "pnpm tsc --watch",
-    "index": "pnpm zx ../../scripts/indexer.mjs packages/map-toolkit",
     "lint": "pnpm biome lint",
+    "preview": "pnpm storybook dev -p 6006",
     "test": "pnpm vitest --dir=src",
     "test:watch": "pnpm vitest --dir=src --watch"
   }

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/index.js

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

package/dist/test/setup.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/test/setup.js

@@ -1,10 +0,0 @@
-import * as matchers from '@testing-library/jest-dom/matchers';
-import { cleanup } from '@testing-library/react';
-import { expect, afterEach } from 'vitest';
-
-expect.extend(matchers);
-afterEach(() => {
-  cleanup();
-});
-//# sourceMappingURL=setup.js.map
-//# sourceMappingURL=setup.js.map

package/dist/test/setup.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/test/setup.ts"],"names":[],"mappings":";;;;AAgBA,MAAA,CAAO,OAAO,QAAQ,CAAA;AAEtB,SAAA,CAAU,MAAM;AACd,EAAA,OAAA,EAAQ;AACV,CAAC,CAAA","file":"setup.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 * as matchers from '@testing-library/jest-dom/matchers';\nimport { cleanup } from '@testing-library/react';\nimport { afterEach, expect } from 'vitest';\n\nexpect.extend(matchers);\n\nafterEach(() => {\n  cleanup();\n});\n"]}