@walkthru-earth/objex 0.1.0

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

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

package/dist/components/viewers/ViewerRouter.svelte

@@ -0,0 +1,70 @@
+<script lang="ts">
+import { getViewerKind } from '../../file-icons/index.js';
+import type { Tab } from '../../types';
+import CodeViewer from './CodeViewer.svelte';
+import ImageViewer from './ImageViewer.svelte';
+import MediaViewer from './MediaViewer.svelte';
+import RawViewer from './RawViewer.svelte';
+import TableViewer from './TableViewer.svelte';
+
+let { tab }: { tab: Tab } = $props();
+
+const ext = $derived(tab?.extension ?? '');
+const viewerKind = $derived(getViewerKind(ext));
+</script>
+
+{#if viewerKind === 'table'}
+	<TableViewer {tab} />
+{:else if viewerKind === 'image'}
+	<ImageViewer {tab} />
+{:else if viewerKind === 'video' || viewerKind === 'audio'}
+	<MediaViewer {tab} />
+{:else if viewerKind === 'markdown'}
+	{#await import('./MarkdownViewer.svelte') then { default: MarkdownViewer }}
+		<MarkdownViewer {tab} />
+	{/await}
+{:else if viewerKind === 'code'}
+	<CodeViewer {tab} />
+{:else if viewerKind === 'cog'}
+	{#await import('./CogViewer.svelte') then { default: CogViewer }}
+		<CogViewer {tab} />
+	{/await}
+{:else if viewerKind === 'pmtiles'}
+	{#await import('./PmtilesViewer.svelte') then { default: PmtilesViewer }}
+		<PmtilesViewer {tab} />
+	{/await}
+{:else if viewerKind === 'flatgeobuf'}
+	{#await import('./FlatGeobufViewer.svelte') then { default: FlatGeobufViewer }}
+		<FlatGeobufViewer {tab} />
+	{/await}
+{:else if viewerKind === 'pdf'}
+	{#await import('./PdfViewer.svelte') then { default: PdfViewer }}
+		<PdfViewer {tab} />
+	{/await}
+{:else if viewerKind === '3d'}
+	{#await import('./ModelViewer.svelte') then { default: ModelViewer }}
+		<ModelViewer {tab} />
+	{/await}
+{:else if viewerKind === 'archive'}
+	{#await import('./ArchiveViewer.svelte') then { default: ArchiveViewer }}
+		<ArchiveViewer {tab} />
+	{/await}
+{:else if viewerKind === 'database'}
+	{#await import('./DatabaseViewer.svelte') then { default: DatabaseViewer }}
+		<DatabaseViewer {tab} />
+	{/await}
+{:else if viewerKind === 'zarr'}
+	{#await import('./ZarrViewer.svelte') then { default: ZarrViewer }}
+		<ZarrViewer {tab} />
+	{/await}
+{:else if viewerKind === 'copc'}
+	{#await import('./CopcViewer.svelte') then { default: CopcViewer }}
+		<CopcViewer {tab} />
+	{/await}
+{:else if viewerKind === 'notebook'}
+	{#await import('./NotebookViewer.svelte') then { default: NotebookViewer }}
+		<NotebookViewer {tab} />
+	{/await}
+{:else}
+	<RawViewer {tab} />
+{/if}

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

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

package/dist/components/viewers/ZarrMapViewer.svelte

@@ -0,0 +1,288 @@
+<script lang="ts">
+import type maplibregl from 'maplibre-gl';
+import { onDestroy, untrack } from 'svelte';
+import { t } from '../../i18n/index.svelte.js';
+import { tabResources } from '../../stores/tab-resources.svelte.js';
+import type { Tab } from '../../types';
+import { buildHttpsUrl } from '../../utils/url.js';
+import MapContainer from './map/MapContainer.svelte';
+
+interface ZarrVarMeta {
+	name: string;
+	shape: number[];
+	dtype: string;
+	dims: string[];
+	attributes: Record<string, any>;
+}
+
+let {
+	tab,
+	variables,
+	spatialRefAttrs,
+	zarrVersion = null
+}: {
+	tab: Tab;
+	variables: ZarrVarMeta[];
+	spatialRefAttrs: Record<string, any> | null;
+	zarrVersion?: number | null;
+} = $props();
+
+let loading = $state(true);
+let error = $state<string | null>(null);
+let selectedVar = $state('');
+let zarrLayer: any = null;
+let mapRef: maplibregl.Map | null = null;
+
+// Extract proj4 from spatial_ref if available
+const proj4String = $derived(extractProj4(spatialRefAttrs));
+
+// Initialize selectedVar from variables prop
+$effect(() => {
+	if (!selectedVar && variables.length > 0) {
+		selectedVar = variables[0].name;
+	}
+});
+
+// Identify non-spatial selector dimensions for the selected variable
+const selectedMeta = $derived(variables.find((v) => v.name === selectedVar));
+const selectorDims = $derived(getSelectorDims(selectedMeta));
+
+// Dimension slider state
+let selectorValues = $state<Record<string, number>>({});
+
+// Default colormap (viridis-ish)
+const colormap = [
+	[68, 1, 84],
+	[72, 35, 116],
+	[64, 67, 135],
+	[52, 94, 141],
+	[33, 145, 140],
+	[94, 201, 98],
+	[253, 231, 37]
+];
+
+function extractProj4(attrs: Record<string, any> | null): string | null {
+	if (!attrs) return null;
+	// Try common attribute names for proj4 strings
+	return (
+		attrs.proj4_params ||
+		attrs.proj4text ||
+		attrs.proj4 ||
+		buildProj4FromCrsWkt(attrs.crs_wkt) ||
+		null
+	);
+}
+
+/** Try to build a proj4 string from crs_wkt for Lambert Conformal Conic */
+function buildProj4FromCrsWkt(crsWkt: string | undefined): string | null {
+	if (!crsWkt) return null;
+	try {
+		const lcc = crsWkt.includes('Lambert_Conformal_Conic');
+		if (!lcc) return null;
+
+		const getParam = (name: string) => {
+			const m = crsWkt.match(new RegExp(`PARAMETER\\["${name}",([^\\]]+)\\]`));
+			return m ? parseFloat(m[1]) : null;
+		};
+
+		const lat0 = getParam('latitude_of_origin');
+		const lon0 = getParam('central_meridian');
+		const lat1 = getParam('standard_parallel_1');
+		const lat2 = getParam('standard_parallel_2');
+		const x0 = getParam('false_easting') ?? 0;
+		const y0 = getParam('false_northing') ?? 0;
+
+		// Extract sphere radius
+		const sphereMatch = crsWkt.match(/SPHEROID\["[^"]*",([^,]+)/);
+		const R = sphereMatch ? parseFloat(sphereMatch[1]) : 6371229;
+
+		if (lat0 == null || lon0 == null || lat1 == null || lat2 == null) return null;
+
+		return `+proj=lcc +lat_1=${lat1} +lat_2=${lat2} +lat_0=${lat0} +lon_0=${lon0} +x_0=${x0} +y_0=${y0} +R=${R} +units=m +no_defs`;
+	} catch {
+		return null;
+	}
+}
+
+function getSelectorDims(meta: ZarrVarMeta | undefined): { name: string; size: number }[] {
+	if (!meta) return [];
+	const spatialNames = ['x', 'y', 'lat', 'lon', 'latitude', 'longitude'];
+	const dims: { name: string; size: number }[] = [];
+	for (let i = 0; i < meta.dims.length; i++) {
+		const d = meta.dims[i];
+		if (!spatialNames.includes(d.toLowerCase())) {
+			dims.push({ name: d, size: meta.shape[i] });
+		}
+	}
+	return dims;
+}
+
+// Initialize selector values when variable changes
+$effect(() => {
+	const dims = selectorDims;
+	const prev = untrack(() => selectorValues);
+	const newVals: Record<string, number> = {};
+	for (const d of dims) {
+		newVals[d.name] = prev[d.name] ?? 0;
+	}
+	selectorValues = newVals;
+});
+
+async function onMapReady(map: maplibregl.Map) {
+	mapRef = map;
+	await addZarrLayer(map);
+}
+
+async function addZarrLayer(map: maplibregl.Map) {
+	loading = true;
+	error = null;
+
+	try {
+		// Remove existing layer
+		if (zarrLayer && map.getLayer(zarrLayer.id)) {
+			map.removeLayer(zarrLayer.id);
+		}
+
+		const { ZarrLayer } = await import('@carbonplan/zarr-layer');
+
+		const storeUrl = buildStoreUrl();
+		const selector: Record<string, any> = {};
+		for (const [dim, val] of Object.entries(selectorValues)) {
+			selector[dim] = { selected: val, type: 'index' };
+		}
+
+		const opts: any = {
+			id: 'zarr-data',
+			source: storeUrl,
+			variable: selectedVar,
+			colormap,
+			clim: [0, 1], // placeholder — adjusted after loading
+			opacity: 0.85,
+			selector,
+			version: zarrVersion,
+			onLoadingStateChange: (state: any) => {
+				if (state.error) {
+					error = state.error.message;
+				}
+				loading = state.loading;
+			}
+		};
+
+		// Add projection info if available
+		if (proj4String) {
+			opts.proj4 = proj4String;
+			opts.spatialDimensions = { lat: 'y', lon: 'x' };
+		}
+
+		zarrLayer = new ZarrLayer(opts);
+		map.addLayer(zarrLayer);
+	} catch (err) {
+		error = err instanceof Error ? err.message : String(err);
+		loading = false;
+	}
+}
+
+function buildStoreUrl(): string {
+	const url = buildHttpsUrl(tab);
+	// Strip zarr.json suffix and trailing slashes
+	return url.replace(/\/zarr\.json$/, '').replace(/\/+$/, '');
+}
+
+// Re-render when selector changes
+async function updateSelector() {
+	if (!zarrLayer) return;
+	const selector: Record<string, any> = {};
+	for (const [dim, val] of Object.entries(selectorValues)) {
+		selector[dim] = { selected: val, type: 'index' };
+	}
+	try {
+		await zarrLayer.setSelector(selector);
+	} catch (err) {
+		error = err instanceof Error ? err.message : String(err);
+	}
+}
+
+// Re-render when variable changes
+async function changeVariable() {
+	if (!mapRef) return;
+	await addZarrLayer(mapRef);
+}
+
+function cleanup() {
+	try {
+		if (zarrLayer && mapRef?.getLayer('zarr-data')) {
+			mapRef.removeLayer('zarr-data');
+		}
+	} catch {
+		// map may already be destroyed
+	}
+	zarrLayer = null;
+	mapRef = null;
+}
+
+$effect(() => {
+	const id = tab.id;
+	const unregister = tabResources.register(id, cleanup);
+	return unregister;
+});
+onDestroy(cleanup);
+</script>
+
+<div class="flex h-full w-full flex-col overflow-hidden">
+	<!-- Controls bar -->
+	<div
+		class="flex items-center gap-2 border-b border-zinc-200 px-3 py-1.5 dark:border-zinc-800"
+	>
+		<label class="flex items-center gap-1 text-xs text-zinc-400">
+			{t('map.variable')}
+			<select
+				class="rounded border border-zinc-300 bg-white px-1.5 py-0.5 text-xs text-zinc-700 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-300"
+				bind:value={selectedVar}
+				onchange={changeVariable}
+			>
+				{#each variables as v}
+					<option value={v.name}>{v.name}</option>
+				{/each}
+			</select>
+		</label>
+
+		{#each selectorDims as dim}
+			<label class="flex items-center gap-1 text-xs text-zinc-400">
+				{dim.name}:
+				<input
+					type="range"
+					min="0"
+					max={dim.size - 1}
+					bind:value={selectorValues[dim.name]}
+					onchange={updateSelector}
+					class="h-1 w-16"
+				/>
+				<span class="w-6 text-end text-zinc-500">{selectorValues[dim.name] ?? 0}</span>
+			</label>
+		{/each}
+
+		{#if selectedMeta}
+			<span class="ms-auto text-xs text-zinc-400">
+				{selectedMeta.dtype} [{selectedMeta.shape.join(', ')}]
+			</span>
+		{/if}
+	</div>
+
+	<!-- Map -->
+	<div class="relative min-h-0 flex-1">
+		{#if error && !loading}
+			<div class="flex h-full items-center justify-center">
+				<p class="max-w-md text-center text-sm text-red-400">{error}</p>
+			</div>
+		{:else}
+			<MapContainer {onMapReady} bounds={[-130, 20, -60, 55]} />
+			{#if loading}
+				<div
+					class="pointer-events-none absolute left-2 top-2 z-10 rounded bg-card/80 px-2 py-1 text-xs text-card-foreground backdrop-blur-sm"
+				>
+					{t('map.loadingZarr')}
+				</div>
+			{/if}
+		{/if}
+	</div>
+</div>

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

@@ -0,0 +1,17 @@
+import type { Tab } from '../../types';
+interface ZarrVarMeta {
+    name: string;
+    shape: number[];
+    dtype: string;
+    dims: string[];
+    attributes: Record<string, any>;
+}
+type $$ComponentProps = {
+    tab: Tab;
+    variables: ZarrVarMeta[];
+    spatialRefAttrs: Record<string, any> | null;
+    zarrVersion?: number | null;
+};
+declare const ZarrMapViewer: import("svelte").Component<$$ComponentProps, {}, "">;
+type ZarrMapViewer = ReturnType<typeof ZarrMapViewer>;
+export default ZarrMapViewer;

package/dist/components/viewers/ZarrViewer.svelte

@@ -0,0 +1,256 @@
+<script lang="ts">
+import { untrack } from 'svelte';
+import { Badge } from '../ui/badge/index.js';
+import { Button } from '../ui/button/index.js';
+import { t } from '../../i18n/index.svelte.js';
+import type { Tab } from '../../types';
+import { buildHttpsUrl } from '../../utils/url.js';
+import { getUrlView, updateUrlView } from '../../utils/url-state.js';
+import {
+	fetchConsolidated,
+	formatShape,
+	probeWithZarrita,
+	type VarMeta,
+	type ZarrMetadata
+} from '../../utils/zarr.js';
+
+let { tab }: { tab: Tab } = $props();
+
+let loading = $state(true);
+let error = $state<string | null>(null);
+const urlView = getUrlView();
+let viewMode = $state<'inspect' | 'map'>(urlView === 'map' ? 'map' : 'inspect');
+
+let storeAttrs = $state<Record<string, any>>({});
+let variables = $state<VarMeta[]>([]);
+let coordVars = $state<VarMeta[]>([]);
+let spatialRefAttrs = $state<Record<string, any> | null>(null);
+let selectedNode = $state<VarMeta | null>(null);
+let zarrVersion = $state<number | null>(null);
+
+const mapVars = $derived(variables.filter((v) => v.shape.length >= 2));
+const hasMapVars = $derived(mapVars.length > 0);
+
+// Reset view mode when tab changes (component reuse across zarr-type tabs)
+let prevTabId = '';
+$effect(() => {
+	const id = tab.id;
+	if (prevTabId && prevTabId !== id) {
+		viewMode = 'inspect';
+		updateUrlView('');
+	}
+	prevTabId = id;
+});
+
+$effect(() => {
+	if (!tab) return;
+	const _tabId = tab.id;
+	untrack(() => {
+		loadZarrMetadata();
+	});
+});
+
+function setViewMode(mode: 'inspect' | 'map') {
+	viewMode = mode;
+	updateUrlView(viewMode);
+}
+
+async function loadZarrMetadata() {
+	loading = true;
+	error = null;
+
+	try {
+		const url = buildHttpsUrl(tab)
+			.replace(/\/zarr\.json$/, '')
+			.replace(/\/+$/, '');
+
+		let meta: ZarrMetadata | null = await fetchConsolidated(url);
+
+		if (!meta) {
+			meta = await probeWithZarrita(url, tab.name.replace(/\.(zarr|zr3)$/, ''));
+		}
+
+		if (meta) {
+			storeAttrs = meta.storeAttrs;
+			variables = meta.variables;
+			coordVars = meta.coords;
+			spatialRefAttrs = meta.spatialRefAttrs;
+			zarrVersion = meta.zarrVersion;
+		}
+	} catch (err) {
+		error = err instanceof Error ? err.message : String(err);
+	} finally {
+		loading = false;
+		updateUrlView(viewMode);
+	}
+}
+</script>
+
+<div class="flex h-full flex-col">
+	<!-- Toolbar -->
+	<div
+		class="flex items-center gap-1 border-b border-zinc-200 px-2 py-1.5 sm:gap-2 sm:px-4 dark:border-zinc-800"
+	>
+		<span class="truncate max-w-[120px] text-sm font-medium text-zinc-700 sm:max-w-none dark:text-zinc-300">{tab.name}</span>
+		<Badge variant="secondary" class="bg-purple-100 text-purple-600 dark:bg-purple-900 dark:text-purple-300">{t('zarr.badge')}</Badge>
+
+		{#if variables.length > 0}
+			<span class="hidden text-xs text-zinc-400 sm:inline">{variables.length} {t('zarr.variables')}</span>
+		{/if}
+
+		<div class="ms-auto flex items-center gap-1">
+			<Button
+				variant={viewMode === 'inspect' ? 'secondary' : 'ghost'}
+				size="sm"
+				class="h-7 px-2 text-xs"
+				onclick={() => setViewMode('inspect')}
+			>
+				{t('zarr.inspect')}
+			</Button>
+			{#if hasMapVars}
+				<Button
+					variant={viewMode === 'map' ? 'secondary' : 'ghost'}
+					size="sm"
+					class="h-7 px-2 text-xs"
+					onclick={() => setViewMode('map')}
+				>
+					{t('zarr.map')}
+				</Button>
+			{/if}
+		</div>
+	</div>
+
+	<!-- Content -->
+	<div class="flex min-h-0 flex-1 overflow-hidden">
+		{#if loading}
+			<div class="flex flex-1 items-center justify-center">
+				<p class="text-sm text-zinc-400">{t('zarr.loading')}</p>
+			</div>
+		{:else if error}
+			<div class="flex flex-1 items-center justify-center">
+				<p class="max-w-md text-center text-sm text-red-400">{error}</p>
+			</div>
+		{:else if viewMode === 'map' && hasMapVars}
+			{#key viewMode}
+				{#await import('./ZarrMapViewer.svelte') then ZarrMapViewer}
+					<ZarrMapViewer.default {tab} variables={mapVars} {spatialRefAttrs} {zarrVersion} />
+				{/await}
+			{/key}
+		{:else}
+			<!-- Inspect mode -->
+			<div class="flex flex-1 overflow-hidden">
+				<!-- Variable list sidebar -->
+				<div
+					class="w-64 shrink-0 overflow-auto border-e border-zinc-200 bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900"
+				>
+					{#if Object.keys(storeAttrs).length > 0}
+						<div class="border-b border-zinc-200 px-3 py-2 dark:border-zinc-800">
+							<button
+								class="w-full text-start text-xs font-medium text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200"
+								onclick={() => (selectedNode = null)}
+							>
+								Store Attributes
+							</button>
+						</div>
+					{/if}
+
+					{#if variables.length > 0}
+						<div class="border-b border-zinc-200 px-3 py-2 dark:border-zinc-800">
+							<h3 class="text-xs font-medium text-zinc-400">Data Variables ({variables.length})</h3>
+						</div>
+						{#each variables as v}
+							<button
+								class="flex w-full items-center gap-2 px-3 py-1.5 text-start text-xs hover:bg-zinc-100 dark:hover:bg-zinc-800"
+								class:bg-blue-50={selectedNode?.name === v.name}
+								class:dark:bg-blue-950={selectedNode?.name === v.name}
+								onclick={() => (selectedNode = v)}
+							>
+								<span class="font-medium text-zinc-700 dark:text-zinc-300">{v.name}</span>
+								<span class="ms-auto text-zinc-400">{v.dtype}</span>
+							</button>
+						{/each}
+					{/if}
+
+					{#if coordVars.length > 0}
+						<div class="border-b border-zinc-200 px-3 py-2 dark:border-zinc-800">
+							<h3 class="text-xs font-medium text-zinc-400">Coordinates ({coordVars.length})</h3>
+						</div>
+						{#each coordVars as v}
+							<button
+								class="flex w-full items-center gap-2 px-3 py-1.5 text-start text-xs hover:bg-zinc-100 dark:hover:bg-zinc-800"
+								class:bg-blue-50={selectedNode?.name === v.name}
+								class:dark:bg-blue-950={selectedNode?.name === v.name}
+								onclick={() => (selectedNode = v)}
+							>
+								<span class="text-zinc-500 dark:text-zinc-400">{v.name}</span>
+								<span class="ms-auto text-zinc-400">{v.dtype}</span>
+							</button>
+						{/each}
+					{/if}
+				</div>
+
+				<!-- Detail panel -->
+				<div class="flex-1 overflow-auto p-4">
+					{#if selectedNode}
+						<h2 class="mb-3 text-sm font-semibold text-zinc-700 dark:text-zinc-200">
+							{selectedNode.name}
+						</h2>
+						<dl class="space-y-2 text-xs">
+							<dt class="font-medium text-zinc-500 dark:text-zinc-400">Shape</dt>
+							<dd class="font-mono text-zinc-700 dark:text-zinc-300">{formatShape(selectedNode.shape)}</dd>
+
+							{#if selectedNode.dims.length > 0}
+								<dt class="font-medium text-zinc-500 dark:text-zinc-400">Dimensions</dt>
+								<dd class="font-mono text-zinc-700 dark:text-zinc-300">
+									({selectedNode.dims.join(', ')})
+								</dd>
+							{/if}
+
+							<dt class="font-medium text-zinc-500 dark:text-zinc-400">Data Type</dt>
+							<dd class="font-mono text-zinc-700 dark:text-zinc-300">{selectedNode.dtype}</dd>
+
+							{#if selectedNode.chunks.length > 0}
+								<dt class="font-medium text-zinc-500 dark:text-zinc-400">Chunks</dt>
+								<dd class="font-mono text-zinc-700 dark:text-zinc-300">[{selectedNode.chunks.join(', ')}]</dd>
+							{/if}
+
+							{#if Object.keys(selectedNode.attributes).length > 0}
+								<dt class="mt-3 font-medium text-zinc-500 dark:text-zinc-400">Attributes</dt>
+								<dd>
+									<div class="mt-1 rounded border border-zinc-200 bg-zinc-100 p-2 dark:border-zinc-700 dark:bg-zinc-800">
+										{#each Object.entries(selectedNode.attributes) as [key, value]}
+											<div class="flex gap-2 py-0.5">
+												<span class="shrink-0 font-medium text-zinc-500 dark:text-zinc-400">{key}:</span>
+												<span class="break-all text-zinc-700 dark:text-zinc-300">
+													{typeof value === 'string' ? value : JSON.stringify(value)}
+												</span>
+											</div>
+										{/each}
+									</div>
+								</dd>
+							{/if}
+						</dl>
+					{:else if Object.keys(storeAttrs).length > 0}
+						<h2 class="mb-3 text-sm font-semibold text-zinc-700 dark:text-zinc-200">
+							Store Attributes
+						</h2>
+						<div class="rounded border border-zinc-200 bg-zinc-100 p-2 text-xs dark:border-zinc-700 dark:bg-zinc-800">
+							{#each Object.entries(storeAttrs) as [key, value]}
+								<div class="flex gap-2 py-0.5">
+									<span class="shrink-0 font-medium text-zinc-500 dark:text-zinc-400">{key}:</span>
+									<span class="break-all text-zinc-700 dark:text-zinc-300">
+										{typeof value === 'string' ? value : JSON.stringify(value)}
+									</span>
+								</div>
+							{/each}
+						</div>
+					{:else}
+						<div class="flex h-full items-center justify-center">
+							<p class="text-sm text-zinc-400">Select a variable from the list</p>
+						</div>
+					{/if}
+				</div>
+			</div>
+		{/if}
+	</div>
+</div>

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

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