@smartnet360/svelte-components 0.0.62 → 0.0.65

package/dist/map-v2/core/providers/MapboxProvider.svelte

@@ -16,8 +16,10 @@
 	import 'mapbox-gl/dist/mapbox-gl.css';
 
 	interface Props {
+		/** External Mapbox map instance (if provided, no new map will be created) */
+		externalMap?: MapboxMap;
 		/** Mapbox access token */
-		accessToken: string;
+		accessToken?: string;
 		/** Map style URL or style object (default: streets-v12) */
 		style?: string | StyleSpecification;
 		/** Initial map center [lng, lat] */
@@ -45,6 +47,7 @@
 	}
 
 	let {
+		externalMap,
 		accessToken,
 		style = 'mapbox://styles/mapbox/streets-v12',
 		center = [0, 0],
@@ -64,10 +67,30 @@
 	const mapStore = createMapStore();
 	setContext(MAP_CONTEXT_KEY, mapStore);
 
-	let mapContainer: HTMLDivElement;
+	let mapContainer = $state<HTMLDivElement>();
 	let map: MapboxMap | null = null;
+	let isExternalMap = false;
 
 	onMount(() => {
+		// If external map is provided, use it instead of creating a new one
+		if (externalMap) {
+			map = externalMap;
+			isExternalMap = true;
+			
+			// Set the map in store immediately
+			mapStore.set(map);
+			return;
+		}
+
+		// Otherwise, create a new map instance
+		if (!accessToken) {
+			throw new Error('MapboxProvider: accessToken is required when not using externalMap');
+		}
+
+		if (!mapContainer) {
+			throw new Error('MapboxProvider: map container not found');
+		}
+
 		// Set access token
 		mapboxgl.accessToken = accessToken;
 
@@ -117,7 +140,8 @@
 	});
 
 	onDestroy(() => {
-		if (map) {
+		// Only remove the map if we created it (not an external map)
+		if (map && !isExternalMap) {
 			map.remove();
 			map = null;
 		}
@@ -125,7 +149,9 @@
 	});
 </script>
 
-<div bind:this={mapContainer} class="mapbox-container {className}"></div>
+{#if !externalMap}
+	<div bind:this={mapContainer} class="mapbox-container {className}"></div>
+{/if}
 
 {#if children}
 	{@render children()}

package/dist/map-v2/core/providers/MapboxProvider.svelte.d.ts

@@ -1,8 +1,10 @@
-import { type StyleSpecification } from 'mapbox-gl';
+import { type Map as MapboxMap, type StyleSpecification } from 'mapbox-gl';
 import 'mapbox-gl/dist/mapbox-gl.css';
 interface Props {
+    /** External Mapbox map instance (if provided, no new map will be created) */
+    externalMap?: MapboxMap;
     /** Mapbox access token */
-    accessToken: string;
+    accessToken?: string;
     /** Map style URL or style object (default: streets-v12) */
     style?: string | StyleSpecification;
     /** Initial map center [lng, lat] */

package/dist/map-v2/demo/demo-cells.js

@@ -10,7 +10,7 @@
 const BASE_LAT = 37.7749;
 const BASE_LNG = -122.4194;
 // Grid parameters for distributing sites
-const NUM_SITES = 1;
+const NUM_SITES = 10;
 const GRID_SIZE = 10; // 10×10 grid
 const LAT_SPACING = 0.01; // ~1.1 km spacing
 const LNG_SPACING = 0.015; // ~1.1 km spacing (adjusted for longitude)

package/dist/map-v2/features/cells/utils/cellGeoJSON.js

@@ -39,7 +39,8 @@ export function cellsToGeoJSON(cells, currentZoom, baseRadius = 500, groupColorM
             geometry: arc.geometry,
             properties: {
                 // Cell identification
-                id: cell.id,
+                id: cell.txId,
+                txId: cell.txId,
                 cellID: cell.cellID,
                 cellName: cell.cellName,
                 siteId: cell.siteId,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.62",
+	"version": "0.0.65",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",