@walkthru-earth/objex 1.1.0 → 1.2.0

package/dist/utils/zarr.js

@@ -238,20 +238,6 @@ export function formatCodecs(node) {
 export function formatChunkKeys(node) {
     return node.chunkKeyEncoding ?? null;
 }
-/** Find a node by slash-delimited path. */
-export function findNodeByPath(root, path) {
-    if (path === '/' || path === '')
-        return root;
-    const parts = path.replace(/^\//, '').split('/');
-    let current = root;
-    for (const part of parts) {
-        const child = current.children.find((c) => c.name === part);
-        if (!child)
-            return null;
-        current = child;
-    }
-    return current;
-}
 // ---------------------------------------------------------------------------
 // Tree builders
 // ---------------------------------------------------------------------------
@@ -462,37 +448,14 @@ async function discoverV3Children(storeUrl, rootData, signal) {
                 candidates.add(String(entry.asset));
         }
     }
+    // If no candidates from conventions, discover via S3 XML listing
+    if (candidates.size === 0) {
+        const discovered = await listS3Children(storeUrl, signal);
+        for (const name of discovered)
+            candidates.add(name);
+    }
     // Probe each candidate path for zarr.json
-    const probes = [...candidates].map(async (name) => {
-        try {
-            const res = await fetch(`${storeUrl}/${name}/zarr.json`, { signal });
-            if (!res.ok)
-                return null;
-            const data = await res.json();
-            if (data.node_type === 'array' && data.shape) {
-                const node = makeNode(`/${name}`, 'array', data.attributes ?? {});
-                node.shape = data.shape;
-                node.dtype = data.data_type ?? 'unknown';
-                node.dims = data.dimension_names ?? inferDims(name, data.shape);
-                node.chunks = data.chunk_grid?.configuration?.chunk_shape ?? [];
-                node.fillValue = data.fill_value;
-                node.codecs = data.codecs ?? [];
-                const cke = data.chunk_key_encoding;
-                if (cke) {
-                    const sep = cke.configuration?.separator ?? '/';
-                    node.chunkKeyEncoding = `${cke.name ?? 'default'} (sep: "${sep}")`;
-                }
-                return node;
-            }
-            if (data.node_type === 'group') {
-                return makeNode(`/${name}`, 'group', data.attributes ?? {});
-            }
-            return null;
-        }
-        catch {
-            return null;
-        }
-    });
+    const probes = [...candidates].map((name) => probeV3Child(storeUrl, name, signal));
     const results = await Promise.all(probes);
     for (const node of results) {
         if (node) {
@@ -509,6 +472,72 @@ async function discoverV3Children(storeUrl, rootData, signal) {
         spatialRefAttrs: null
     };
 }
+/** Probe a single v3 child path and return a ZarrNode or null. */
+async function probeV3Child(storeUrl, name, signal) {
+    try {
+        const res = await fetch(`${storeUrl}/${name}/zarr.json`, { signal });
+        if (!res.ok)
+            return null;
+        const data = await res.json();
+        if (data.node_type === 'array' && data.shape) {
+            const node = makeNode(`/${name}`, 'array', data.attributes ?? {});
+            node.shape = data.shape;
+            node.dtype = data.data_type ?? 'unknown';
+            node.dims = data.dimension_names ?? inferDims(name, data.shape);
+            node.chunks = data.chunk_grid?.configuration?.chunk_shape ?? [];
+            node.fillValue = data.fill_value;
+            node.codecs = data.codecs ?? [];
+            const cke = data.chunk_key_encoding;
+            if (cke) {
+                const sep = cke.configuration?.separator ?? '/';
+                node.chunkKeyEncoding = `${cke.name ?? 'default'} (sep: "${sep}")`;
+            }
+            return node;
+        }
+        if (data.node_type === 'group') {
+            return makeNode(`/${name}`, 'group', data.attributes ?? {});
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Discover child directory names via S3 XML listing.
+ * Parses the HTTPS store URL to extract bucket and prefix, then issues
+ * a `list-type=2&delimiter=/` request to find sub-prefixes.
+ * Returns directory names (without trailing slash) that are NOT hidden (no leading dot).
+ */
+async function listS3Children(storeUrl, signal) {
+    try {
+        const url = new URL(storeUrl);
+        // S3-style: bucket is first path segment, rest is prefix
+        const pathParts = url.pathname.replace(/^\//, '').split('/');
+        const bucket = pathParts[0];
+        const prefix = `${pathParts.slice(1).join('/').replace(/\/$/, '')}/`;
+        const listUrl = `${url.origin}/${bucket}/?list-type=2&prefix=${encodeURIComponent(prefix)}&delimiter=/`;
+        const res = await fetch(listUrl, { signal });
+        if (!res.ok)
+            return [];
+        const xml = await res.text();
+        const names = [];
+        // Parse <CommonPrefixes><Prefix>...</Prefix></CommonPrefixes>
+        const prefixRegex = /<Prefix>([^<]+)<\/Prefix>/g;
+        for (let match = prefixRegex.exec(xml); match; match = prefixRegex.exec(xml)) {
+            const fullPrefix = match[1];
+            // Strip parent prefix and trailing slash to get child name
+            const child = fullPrefix.slice(prefix.length).replace(/\/$/, '');
+            if (child && !child.startsWith('.')) {
+                names.push(child);
+            }
+        }
+        return names;
+    }
+    catch {
+        return [];
+    }
+}
 /**
  * Fallback: probe a Zarr store using zarrita when consolidated metadata is unavailable.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@walkthru-earth/objex",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Svelte 5 components and utilities for exploring geospatial object storage — S3, GCS, Azure, R2",
   "author": "Youssef Harby <yharby@walkthru.earth>",
   "license": "CC-BY-4.0",
@@ -123,81 +123,84 @@
     }
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.7",
+    "@biomejs/biome": "^2.4.12",
     "@changesets/changelog-github": "^0.5.2",
-    "@changesets/cli": "^2.30.0",
+    "@changesets/cli": "^2.31.0",
     "@fontsource/cairo": "^5.2.7",
-    "@internationalized/date": "^3.12.0",
+    "@internationalized/date": "^3.12.1",
     "@lucide/svelte": "^0.561.0",
     "@sveltejs/adapter-static": "^3.0.10",
-    "@sveltejs/kit": "^2.55.0",
+    "@sveltejs/kit": "^2.57.1",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/typography": "^0.5.19",
-    "@tailwindcss/vite": "^4.2.1",
-    "bits-ui": "^2.16.3",
+    "@tailwindcss/vite": "^4.2.4",
+    "bits-ui": "^2.18.0",
     "clsx": "^2.1.1",
-    "lefthook": "^2.1.4",
+    "knip": "^6.6.0",
+    "lefthook": "^2.1.6",
     "paneforge": "^1.0.2",
-    "posthog-js": "^1.360.2",
+    "posthog-js": "^1.369.5",
     "publint": "^0.3.18",
-    "svelte": "^5.53.12",
-    "svelte-check": "^4.4.5",
+    "svelte": "^5.55.4",
+    "svelte-check": "^4.4.6",
     "tailwind-merge": "^3.5.0",
     "tailwind-variants": "^3.2.2",
-    "tailwindcss": "^4.2.1",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1"
+    "vite": "^7.3.2"
   },
   "dependencies": {
-    "@babylonjs/core": "^8.55.3",
-    "@babylonjs/loaders": "^8.55.3",
-    "@carbonplan/zarr-layer": "^0.3.1",
+    "@babylonjs/core": "^8.56.2",
+    "@babylonjs/loaders": "^8.56.2",
+    "@carbonplan/zarr-layer": "^0.4.3",
     "@codemirror/autocomplete": "^6.20.1",
     "@codemirror/commands": "^6.10.3",
     "@codemirror/lang-sql": "^6.10.0",
-    "@codemirror/language": "^6.12.2",
+    "@codemirror/language": "^6.12.3",
     "@codemirror/state": "^6.6.0",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.40.0",
-    "@deck.gl/core": "^9.2.11",
-    "@deck.gl/geo-layers": "^9.2.11",
-    "@deck.gl/layers": "^9.2.11",
-    "@deck.gl/mapbox": "^9.2.11",
-    "@deck.gl/mesh-layers": "^9.2.11",
-    "@developmentseed/deck.gl-geotiff": "^0.2.0",
-    "@duckdb/duckdb-wasm": "1.33.1-dev34.0",
-    "@geoarrow/deck.gl-layers": "^0.3.1",
-    "@luma.gl/core": "^9.2.6",
+    "@codemirror/view": "^6.41.1",
+    "@deck.gl/core": "^9.3.1",
+    "@deck.gl/geo-layers": "^9.3.1",
+    "@deck.gl/layers": "^9.3.1",
+    "@deck.gl/mapbox": "^9.3.1",
+    "@deck.gl/mesh-layers": "^9.3.1",
+    "@developmentseed/deck.gl-geotiff": "^0.5.0",
+    "@developmentseed/deck.gl-raster": "^0.5.0",
+    "@developmentseed/epsg": "^0.5.0",
+    "@developmentseed/geotiff": "^0.5.0",
+    "@developmentseed/proj": "^0.5.0",
+    "@duckdb/duckdb-wasm": "1.33.1-dev53.0",
+    "@geoarrow/deck.gl-layers": "^0.3.2",
+    "@luma.gl/core": "^9.3.3",
     "@mapbox/vector-tile": "^2.0.4",
-    "@milkdown/kit": "^7.19.0",
-    "@milkdown/theme-nord": "^7.19.0",
+    "@milkdown/kit": "^7.20.0",
+    "@milkdown/theme-nord": "^7.20.0",
     "@repeaterjs/repeater": "^3.0.6",
-    "@zip.js/zip.js": "^2.8.23",
+    "@zip.js/zip.js": "^2.8.26",
     "ansi_up": "^6.0.6",
     "apache-arrow": "^21.1.0",
     "aws4fetch": "^1.0.20",
     "chart.js": "^4.5.1",
-    "deck.gl": "^9.2.11",
+    "deck.gl": "^9.3.1",
     "flatgeobuf": "^4.4.0",
-    "geotiff": "^3.0.5",
-    "geotiff-geokeys-to-proj4": "^2024.4.13",
-    "hyparquet": "^1.25.1",
+    "hyparquet": "^1.25.6",
     "hyparquet-compressors": "^1.1.1",
     "lz-string": "^1.5.0",
-    "maplibre-gl": "^5.20.1",
-    "marked": "^17.0.4",
-    "mermaid": "^11.13.0",
+    "maplibre-gl": "^5.23.0",
+    "marked": "^17.0.6",
+    "mermaid": "^11.14.0",
     "pbf": "^4.0.1",
-    "pdfjs-dist": "^5.5.207",
-    "pmtiles": "^4.4.0",
-    "proj4": "^2.20.4",
+    "pdfjs-dist": "^5.6.205",
+    "pmtiles": "^4.4.1",
+    "proj4": "^2.20.8",
     "shiki": "^3.23.0",
-    "sql-formatter": "^15.7.2",
-    "yaml": "^2.8.2",
-    "zarrita": "^0.6.1"
+    "sql-formatter": "^15.7.3",
+    "yaml": "^2.8.3",
+    "zarrita": "^0.6.2"
   },
   "scripts": {
     "dev": "vite dev",
@@ -210,6 +213,7 @@
     "lint:fix": "biome lint --fix src/ packages/",
     "format": "biome format --write src/ packages/",
     "format:check": "biome format src/ packages/",
+    "deadcode": "knip",
     "ci:publish": "pnpm run package && pnpm --filter @walkthru-earth/objex-utils run build && pnpm publish -r --access public --no-git-checks --provenance"
   }
 }

package/dist/components/ui/tabs/index.d.ts

@@ -1,5 +0,0 @@
-import Root from './tabs.svelte';
-import Content from './tabs-content.svelte';
-import List from './tabs-list.svelte';
-import Trigger from './tabs-trigger.svelte';
-export { Root, Content, List, Trigger, Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger };

package/dist/components/ui/tabs/index.js

@@ -1,7 +0,0 @@
-import Root from './tabs.svelte';
-import Content from './tabs-content.svelte';
-import List from './tabs-list.svelte';
-import Trigger from './tabs-trigger.svelte';
-export { Root, Content, List, Trigger, 
-//
-Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger };

package/dist/components/ui/tabs/tabs-content.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-import { Tabs as TabsPrimitive } from 'bits-ui';
-import { cn } from '../../../utils.js';
-
-let {
-	ref = $bindable(null),
-	class: className,
-	...restProps
-}: TabsPrimitive.ContentProps = $props();
-</script>
-
-<TabsPrimitive.Content
-	bind:ref
-	data-slot="tabs-content"
-	class={cn("flex-1 outline-none", className)}
-	{...restProps}
-/>

package/dist/components/ui/tabs/tabs-content.svelte.d.ts

@@ -1,4 +0,0 @@
-import { Tabs as TabsPrimitive } from 'bits-ui';
-declare const TabsContent: import("svelte").Component<TabsPrimitive.ContentProps, {}, "ref">;
-type TabsContent = ReturnType<typeof TabsContent>;
-export default TabsContent;

package/dist/components/ui/tabs/tabs-list.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-import { Tabs as TabsPrimitive } from 'bits-ui';
-import { cn } from '../../../utils.js';
-
-let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.ListProps = $props();
-</script>
-
-<TabsPrimitive.List
-	bind:ref
-	data-slot="tabs-list"
-	class={cn(
-		"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-		className
-	)}
-	{...restProps}
-/>

package/dist/components/ui/tabs/tabs-list.svelte.d.ts

@@ -1,4 +0,0 @@
-import { Tabs as TabsPrimitive } from 'bits-ui';
-declare const TabsList: import("svelte").Component<TabsPrimitive.ListProps, {}, "ref">;
-type TabsList = ReturnType<typeof TabsList>;
-export default TabsList;

package/dist/components/ui/tabs/tabs-trigger.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-import { Tabs as TabsPrimitive } from 'bits-ui';
-import { cn } from '../../../utils.js';
-
-let {
-	ref = $bindable(null),
-	class: className,
-	...restProps
-}: TabsPrimitive.TriggerProps = $props();
-</script>
-
-<TabsPrimitive.Trigger
-	bind:ref
-	data-slot="tabs-trigger"
-	class={cn(
-		"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-		className
-	)}
-	{...restProps}
-/>

package/dist/components/ui/tabs/tabs-trigger.svelte.d.ts

@@ -1,4 +0,0 @@
-import { Tabs as TabsPrimitive } from 'bits-ui';
-declare const TabsTrigger: import("svelte").Component<TabsPrimitive.TriggerProps, {}, "ref">;
-type TabsTrigger = ReturnType<typeof TabsTrigger>;
-export default TabsTrigger;

package/dist/components/ui/tabs/tabs.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-import { Tabs as TabsPrimitive } from 'bits-ui';
-import { cn } from '../../../utils.js';
-
-let {
-	ref = $bindable(null),
-	value = $bindable(''),
-	class: className,
-	...restProps
-}: TabsPrimitive.RootProps = $props();
-</script>
-
-<TabsPrimitive.Root
-	bind:ref
-	bind:value
-	data-slot="tabs"
-	class={cn("flex flex-col gap-2", className)}
-	{...restProps}
-/>

package/dist/components/ui/tabs/tabs.svelte.d.ts

@@ -1,4 +0,0 @@
-import { Tabs as TabsPrimitive } from 'bits-ui';
-declare const Tabs: import("svelte").Component<TabsPrimitive.RootProps, {}, "value" | "ref">;
-type Tabs = ReturnType<typeof Tabs>;
-export default Tabs;

package/dist/components/viewers/MapViewer.svelte

@@ -1,234 +0,0 @@
-<script lang="ts">
-import type maplibregl from 'maplibre-gl';
-import { onDestroy } from 'svelte';
-import { t } from '../../i18n/index.svelte.js';
-import { getAdapter } from '../../storage/index.js';
-import { tabResources } from '../../stores/tab-resources.svelte.js';
-import type { Tab } from '../../types';
-import { setupSelectionLayer, updateSelection } from '../../utils/map-selection.js';
-import AttributeTable from './map/AttributeTable.svelte';
-import MapContainer from './map/MapContainer.svelte';
-
-let { tab }: { tab: Tab } = $props();
-
-let abortController: AbortController | null = null;
-let loading = $state(true);
-let error = $state<string | null>(null);
-let geojsonData = $state.raw<any>(null);
-let selectedFeature = $state<Record<string, any> | null>(null);
-let showAttributes = $state(false);
-let bounds = $state<[number, number, number, number] | undefined>();
-
-$effect(() => {
-	if (!tab) return;
-	loadGeoJson();
-});
-
-function cleanup() {
-	abortController?.abort();
-	abortController = null;
-	geojsonData = null;
-	selectedFeature = null;
-	bounds = undefined;
-}
-
-$effect(() => {
-	if (!tab) return;
-	const unregister = tabResources.register(tab.id, cleanup);
-	return unregister;
-});
-
-onDestroy(cleanup);
-
-async function loadGeoJson() {
-	abortController?.abort();
-	abortController = new AbortController();
-	const { signal } = abortController;
-
-	loading = true;
-	error = null;
-
-	try {
-		const adapter = getAdapter(tab.source, tab.connectionId);
-		const data = await adapter.read(tab.path, undefined, undefined, signal);
-		const text = new TextDecoder().decode(data);
-		geojsonData = JSON.parse(text);
-
-		// Compute bounds from features
-		if (geojsonData.bbox) {
-			bounds = geojsonData.bbox as [number, number, number, number];
-		} else {
-			bounds = computeBounds(geojsonData);
-		}
-	} catch (err) {
-		if (err instanceof DOMException && err.name === 'AbortError') return;
-		error = err instanceof Error ? err.message : String(err);
-	} finally {
-		loading = false;
-	}
-}
-
-function computeBounds(geojson: any): [number, number, number, number] | undefined {
-	let minLng = Infinity,
-		minLat = Infinity,
-		maxLng = -Infinity,
-		maxLat = -Infinity;
-	let found = false;
-
-	function processCoord(coord: number[]) {
-		if (coord.length >= 2) {
-			found = true;
-			minLng = Math.min(minLng, coord[0]);
-			minLat = Math.min(minLat, coord[1]);
-			maxLng = Math.max(maxLng, coord[0]);
-			maxLat = Math.max(maxLat, coord[1]);
-		}
-	}
-
-	function processCoords(coords: any) {
-		if (!coords) return;
-		if (typeof coords[0] === 'number') {
-			processCoord(coords);
-		} else {
-			for (const c of coords) processCoords(c);
-		}
-	}
-
-	function processGeometry(geom: any) {
-		if (!geom) return;
-		if (geom.coordinates) processCoords(geom.coordinates);
-		if (geom.geometries) geom.geometries.forEach(processGeometry);
-	}
-
-	if (geojson.type === 'FeatureCollection') {
-		for (const f of geojson.features || []) processGeometry(f.geometry);
-	} else if (geojson.type === 'Feature') {
-		processGeometry(geojson.geometry);
-	} else {
-		processGeometry(geojson);
-	}
-
-	return found ? [minLng, minLat, maxLng, maxLat] : undefined;
-}
-
-function onMapReady(map: maplibregl.Map) {
-	if (!geojsonData) return;
-
-	map.addSource('geojson-source', {
-		type: 'geojson',
-		data: geojsonData
-	});
-
-	// Fill layer for polygons (orange)
-	map.addLayer({
-		id: 'geojson-fill',
-		type: 'fill',
-		source: 'geojson-source',
-		filter: ['==', '$type', 'Polygon'],
-		paint: {
-			'fill-color': '#e8793d',
-			'fill-opacity': 0.35
-		}
-	});
-
-	// Outline layer for polygons (orange)
-	map.addLayer({
-		id: 'geojson-polygon-outline',
-		type: 'line',
-		source: 'geojson-source',
-		filter: ['==', '$type', 'Polygon'],
-		paint: {
-			'line-color': '#e65100',
-			'line-width': 2.5
-		}
-	});
-
-	// Line layer for linestrings (teal)
-	map.addLayer({
-		id: 'geojson-line',
-		type: 'line',
-		source: 'geojson-source',
-		filter: ['==', '$type', 'LineString'],
-		paint: {
-			'line-color': '#00838f',
-			'line-width': 2.5
-		}
-	});
-
-	// Circle layer for points (blue)
-	map.addLayer({
-		id: 'geojson-points',
-		type: 'circle',
-		source: 'geojson-source',
-		filter: ['==', '$type', 'Point'],
-		paint: {
-			'circle-radius': 7,
-			'circle-color': '#4285f4',
-			'circle-stroke-width': 1.5,
-			'circle-stroke-color': '#fff'
-		}
-	});
-
-	// Selection highlight
-	setupSelectionLayer(map);
-
-	// Click handler
-	for (const layerId of [
-		'geojson-fill',
-		'geojson-polygon-outline',
-		'geojson-line',
-		'geojson-points'
-	]) {
-		map.on('click', layerId, (e: any) => {
-			if (e.features && e.features.length > 0) {
-				selectedFeature = { ...e.features[0].properties };
-				showAttributes = true;
-				updateSelection(map, e.features[0] as GeoJSON.Feature);
-			}
-		});
-
-		map.on('mouseenter', layerId, () => {
-			map.getCanvas().style.cursor = 'pointer';
-		});
-
-		map.on('mouseleave', layerId, () => {
-			map.getCanvas().style.cursor = '';
-		});
-	}
-}
-</script>
-
-<div class="relative flex h-full overflow-hidden">
-	{#if loading}
-		<div class="flex flex-1 items-center justify-center">
-			<p class="text-sm text-zinc-400">{t('map.loadingData')}</p>
-		</div>
-	{:else if error}
-		<div class="flex flex-1 items-center justify-center">
-			<p class="text-sm text-red-400">{error}</p>
-		</div>
-	{:else}
-		<div class="flex-1">
-			<MapContainer {onMapReady} {bounds} />
-		</div>
-
-		{#if selectedFeature}
-			<div class="absolute right-2 top-2 z-10 flex gap-1">
-				<button
-					class="rounded bg-card/80 px-2 py-1 text-xs text-card-foreground backdrop-blur-sm hover:bg-card"
-					class:ring-1={showAttributes}
-					class:ring-primary={showAttributes}
-					onclick={() => (showAttributes = !showAttributes)}
-				>
-					{t('map.attributes')}
-				</button>
-			</div>
-		{/if}
-
-		<AttributeTable
-			feature={selectedFeature}
-			visible={showAttributes}
-			onClose={() => (showAttributes = false)}
-		/>
-	{/if}
-</div>

package/dist/components/viewers/MapViewer.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { Tab } from '../../types';
-type $$ComponentProps = {
-    tab: Tab;
-};
-declare const MapViewer: import("svelte").Component<$$ComponentProps, {}, "">;
-type MapViewer = ReturnType<typeof MapViewer>;
-export default MapViewer;

package/dist/components/viewers/StyleEditorOverlay.svelte

@@ -1,27 +0,0 @@
-<script lang="ts">
-let { styleUrl, onclose }: { styleUrl: string; onclose: () => void } = $props();
-
-const maputnikUrl = $derived(
-	`https://maplibre.org/maputnik/?style=${encodeURIComponent(styleUrl)}`
-);
-</script>
-
-<div class="fixed inset-0 z-50 flex flex-col bg-zinc-950">
-	<div
-		class="flex items-center justify-between border-b border-zinc-800 bg-zinc-900 px-4 py-2"
-	>
-		<span class="text-sm font-medium text-zinc-300">Maputnik Style Editor</span>
-		<button
-			class="rounded px-3 py-1 text-xs text-zinc-400 hover:bg-zinc-800 hover:text-zinc-200"
-			onclick={onclose}
-		>
-			Close
-		</button>
-	</div>
-	<iframe
-		src={maputnikUrl}
-		class="flex-1 border-0"
-		title="Maputnik Style Editor"
-		allow="clipboard-read; clipboard-write"
-	></iframe>
-</div>