@walkthru-earth/objex 1.3.0 → 1.4.0

package/dist/components/browser/FileBrowser.svelte

@@ -1,252 +0,0 @@
-<script lang="ts">
-import { ArrowDown, ArrowUp, ArrowUpDown, FolderOpen, Layers, Loader2 } from '@lucide/svelte';
-import FolderPlusIcon from '@lucide/svelte/icons/folder-plus';
-import { Button } from '../ui/button/index.js';
-import { ScrollArea } from '../ui/scroll-area/index.js';
-import { t } from '../../i18n/index.svelte.js';
-import { browser } from '../../stores/browser.svelte.js';
-import { safeLock } from '../../stores/safelock.svelte.js';
-import { tabs } from '../../stores/tabs.svelte.js';
-import type { FileEntry } from '../../types.js';
-import {
-	type SortConfig,
-	type SortField,
-	sortFileEntries,
-	toggleSortField
-} from '../../utils/file-sort.js';
-import { detectZarrMarkers } from '../../utils/zarr.js';
-import { openZarrTab } from '../../utils/zarr-tab.js';
-import Breadcrumb from './Breadcrumb.svelte';
-import CreateFolderDialog from './CreateFolderDialog.svelte';
-import DeleteConfirmDialog from './DeleteConfirmDialog.svelte';
-import DropZone from './DropZone.svelte';
-import FileRow from './FileRow.svelte';
-import RenameDialog from './RenameDialog.svelte';
-import SearchBar from './SearchBar.svelte';
-import UploadButton from './UploadButton.svelte';
-
-let filterQuery = $state('');
-let sortConfig = $state<SortConfig>({ field: 'name', direction: 'asc' });
-
-let deleteDialogOpen = $state(false);
-let deleteTarget = $state<FileEntry | null>(null);
-let createFolderOpen = $state(false);
-let renameDialogOpen = $state(false);
-let renameTarget = $state<FileEntry | null>(null);
-
-let showWriteActions = $derived(browser.canWrite && !safeLock.locked);
-
-const zarrDetection = $derived(detectZarrMarkers(browser.entries.map((e: FileEntry) => e.name)));
-
-// Auto-open Zarr viewer when markers are detected in the current directory.
-// Uses a Set to prevent re-triggering when navigating back to a previously opened store.
-const autoOpenedPrefixes = new Set<string>();
-$effect(() => {
-	if (zarrDetection.detected && browser.activeConnection) {
-		const prefix = browser.currentPrefix;
-		if (!autoOpenedPrefixes.has(prefix)) {
-			autoOpenedPrefixes.add(prefix);
-			openZarrTab(prefix, {
-				source: 'remote',
-				connectionId: browser.activeConnection.id,
-				bucketFallback: browser.activeConnection.bucket
-			});
-		}
-	}
-});
-
-const sortedAndFilteredEntries = $derived.by(() => {
-	let result = browser.entries;
-
-	// Filter
-	if (filterQuery) {
-		const q = filterQuery.toLowerCase();
-		result = result.filter((entry: FileEntry) => entry.name.toLowerCase().includes(q));
-	}
-
-	return sortFileEntries(result, sortConfig);
-});
-
-function handleFilter(query: string) {
-	filterQuery = query;
-}
-
-function handleNavigate(path: string) {
-	browser.navigateTo(path);
-}
-
-function handleSort(field: SortField) {
-	sortConfig = toggleSortField(sortConfig, field);
-}
-
-function handleDelete(entry: FileEntry) {
-	deleteTarget = entry;
-	deleteDialogOpen = true;
-}
-
-function handleRename(entry: FileEntry) {
-	renameTarget = entry;
-	renameDialogOpen = true;
-}
-</script>
-
-<div class="flex h-full w-full flex-col">
-	<!-- Header: connection name + breadcrumb + search + actions -->
-	<div class="border-border flex flex-col gap-2 border-b px-3 py-2">
-		{#if browser.activeConnection}
-			<div class="flex items-center gap-2">
-				<span class="text-xs font-medium text-muted-foreground">
-					{browser.activeConnection.name}
-				</span>
-				<span class="text-muted-foreground/50 text-xs">/</span>
-				<span class="text-xs text-muted-foreground">
-					{browser.activeConnection.bucket}
-				</span>
-			</div>
-		{/if}
-		<Breadcrumb path={browser.currentPrefix} onNavigate={handleNavigate} />
-		<div class="flex items-center gap-2">
-			<div class="flex-1">
-				<SearchBar onFilter={handleFilter} />
-			</div>
-			{#if showWriteActions}
-				<UploadButton />
-				<Button
-					variant="outline"
-					size="sm"
-					class="h-7 gap-1.5 px-2 text-xs"
-					onclick={() => { createFolderOpen = true; }}
-				>
-					<FolderPlusIcon class="size-3.5" />
-					{t('fileBrowser.newFolder')}
-				</Button>
-			{/if}
-		</div>
-	</div>
-
-	<!-- Column headers -->
-	<div class="border-border bg-muted/30 flex items-center gap-3 border-b px-3 py-1.5 text-xs">
-		<div class="w-4 shrink-0"></div>
-		<button
-			class="text-muted-foreground hover:text-foreground flex min-w-0 flex-1 items-center gap-1 transition-colors"
-			onclick={() => handleSort('name')}
-		>
-			{t('fileBrowser.name')}
-			{#if sortConfig.field === 'name'}
-				{#if sortConfig.direction === 'asc'}
-					<ArrowUp class="size-3" />
-				{:else}
-					<ArrowDown class="size-3" />
-				{/if}
-			{:else}
-				<ArrowUpDown class="size-3 opacity-0 group-hover:opacity-100" />
-			{/if}
-		</button>
-		<button
-			class="text-muted-foreground hover:text-foreground flex w-20 shrink-0 items-center justify-end gap-1 transition-colors"
-			onclick={() => handleSort('size')}
-		>
-			{#if sortConfig.field === 'size'}
-				{#if sortConfig.direction === 'asc'}
-					<ArrowUp class="size-3" />
-				{:else}
-					<ArrowDown class="size-3" />
-				{/if}
-			{/if}
-			{t('fileBrowser.size')}
-		</button>
-		<button
-			class="text-muted-foreground hover:text-foreground flex w-24 shrink-0 items-center justify-end gap-1 transition-colors"
-			onclick={() => handleSort('modified')}
-		>
-			{#if sortConfig.field === 'modified'}
-				{#if sortConfig.direction === 'asc'}
-					<ArrowUp class="size-3" />
-				{:else}
-					<ArrowDown class="size-3" />
-				{/if}
-			{/if}
-			{t('fileBrowser.modified')}
-		</button>
-	</div>
-
-	<!-- Zarr detection banner -->
-	{#if zarrDetection.detected}
-		<div class="border-border flex items-center gap-2 border-b bg-purple-50 px-3 py-1.5 dark:bg-purple-950/30">
-			<Layers class="size-3.5 shrink-0 text-purple-500" />
-			<span class="flex-1 text-xs text-purple-700 dark:text-purple-300">
-				{t('fileBrowser.zarrDetected', { version: String(zarrDetection.version ?? '?') })}
-			</span>
-			<Button
-				variant="outline"
-				size="sm"
-				class="h-6 gap-1 px-2 text-[11px]"
-				onclick={() => {
-					if (!browser.activeConnection) return;
-					openZarrTab(browser.currentPrefix, {
-						source: 'remote',
-						connectionId: browser.activeConnection.id,
-						bucketFallback: browser.activeConnection.bucket
-					});
-				}}
-			>
-				{t('fileBrowser.openAsZarr')}
-			</Button>
-		</div>
-	{/if}
-
-	<!-- File list -->
-	<div class="relative min-h-0 flex-1">
-		<DropZone>
-			{#if browser.loading}
-				<div class="flex h-full items-center justify-center">
-					<Loader2 class="text-muted-foreground size-6 animate-spin" />
-				</div>
-			{:else if browser.error}
-				<div class="flex h-full items-center justify-center px-4">
-					<p class="text-destructive text-sm">{browser.error}</p>
-				</div>
-			{:else if sortedAndFilteredEntries.length === 0}
-				<div class="flex h-full flex-col items-center justify-center gap-2 px-4">
-					<FolderOpen class="text-muted-foreground/50 size-10" />
-					{#if filterQuery}
-						<p class="text-muted-foreground text-sm">{t('fileBrowser.noMatch', { query: filterQuery })}</p>
-					{:else}
-						<p class="text-muted-foreground text-sm">{t('fileBrowser.empty')}</p>
-					{/if}
-				</div>
-			{:else}
-				<ScrollArea class="h-full">
-					<div role="table" aria-label="File list">
-						{#each sortedAndFilteredEntries as entry (entry.path)}
-							<FileRow
-								{entry}
-								onDelete={handleDelete}
-								onRename={handleRename}
-							/>
-						{/each}
-					</div>
-				</ScrollArea>
-			{/if}
-		</DropZone>
-	</div>
-
-	<!-- Upload progress bar -->
-	{#if browser.uploading}
-		<div class="border-border border-t px-3 py-1.5">
-			<div class="flex items-center gap-2 text-xs text-muted-foreground">
-				<div class="h-1.5 flex-1 overflow-hidden rounded-full bg-muted">
-					<div
-						class="h-full rounded-full bg-primary transition-all"
-						style="width: {browser.uploadProgress.total > 0 ? (browser.uploadProgress.current / browser.uploadProgress.total) * 100 : 0}%"
-					></div>
-				</div>
-				<span>{browser.uploadProgress.current}/{browser.uploadProgress.total}</span>
-			</div>
-		</div>
-	{/if}
-</div>
-
-<DeleteConfirmDialog bind:open={deleteDialogOpen} entry={deleteTarget} />
-<CreateFolderDialog bind:open={createFolderOpen} />
-<RenameDialog bind:open={renameDialogOpen} entry={renameTarget} />

package/dist/components/browser/FileBrowser.svelte.d.ts

@@ -1,3 +0,0 @@
-declare const FileBrowser: import("svelte").Component<Record<string, never>, {}, "">;
-type FileBrowser = ReturnType<typeof FileBrowser>;
-export default FileBrowser;

package/dist/components/browser/FileRow.svelte

@@ -1,117 +0,0 @@
-<script lang="ts">
-import PencilIcon from '@lucide/svelte/icons/pencil';
-import Trash2Icon from '@lucide/svelte/icons/trash-2';
-import { VIEWER_DIR_EXTENSIONS } from '../../constants.js';
-import FileTypeIcon from '../../file-icons/FileTypeIcon.svelte';
-import { getFileTypeInfo } from '../../file-icons/index.js';
-import { t } from '../../i18n/index.svelte.js';
-import { browser } from '../../stores/browser.svelte.js';
-import { safeLock } from '../../stores/safelock.svelte.js';
-import { tabs } from '../../stores/tabs.svelte.js';
-import type { FileEntry } from '../../types.js';
-import { formatDate, formatFileSize } from '../../utils/format.js';
-
-interface Props {
-	entry: FileEntry;
-	onDelete?: (entry: FileEntry) => void;
-	onRename?: (entry: FileEntry) => void;
-}
-
-let { entry, onDelete, onRename }: Props = $props();
-
-function isViewerDir(e: FileEntry): boolean {
-	return e.is_dir && VIEWER_DIR_EXTENSIONS.has(e.extension);
-}
-
-const info = $derived(getFileTypeInfo(entry.extension, entry.is_dir && !isViewerDir(entry)));
-let showActions = $derived(browser.canWrite && !safeLock.locked);
-
-function handleClick() {
-	if (entry.is_dir && !isViewerDir(entry)) {
-		browser.navigateTo(entry.path);
-	} else {
-		if (browser.activeConnection) {
-			tabs.open({
-				id: `${browser.activeConnection.id}:${entry.path}`,
-				name: entry.name,
-				path: entry.path,
-				source: 'remote',
-				connectionId: browser.activeConnection.id,
-				extension: entry.extension,
-				size: entry.size
-			});
-		}
-	}
-}
-
-function handleKeydown(e: KeyboardEvent) {
-	if (e.key === 'Enter' || e.key === ' ') {
-		e.preventDefault();
-		handleClick();
-	}
-}
-
-function handleDeleteClick(e: MouseEvent) {
-	e.stopPropagation();
-	onDelete?.(entry);
-}
-
-function handleRenameClick(e: MouseEvent) {
-	e.stopPropagation();
-	onRename?.(entry);
-}
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	class="hover:bg-accent/50 border-border/40 group flex w-full cursor-pointer items-center gap-3 border-b px-3 py-2 text-start transition-colors last:border-b-0"
-	onclick={handleClick}
-	onkeydown={handleKeydown}
-	role="row"
-	tabindex="0"
-	title={info.label}
->
-	<!-- Icon -->
-	<div class="flex shrink-0 items-center justify-center">
-		<FileTypeIcon extension={entry.extension} isDir={entry.is_dir && !isViewerDir(entry)} class="size-4" />
-	</div>
-
-	<!-- File name -->
-	<span class="text-foreground min-w-0 flex-1 truncate text-sm">
-		{entry.name}
-	</span>
-
-	<!-- Action buttons (hover-reveal) -->
-	{#if showActions}
-		<div class="flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100">
-			<button
-				class="inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground"
-				aria-label={t('fileRow.rename', { name: entry.name })}
-				onclick={handleRenameClick}
-			>
-				<PencilIcon class="size-3" />
-			</button>
-			<button
-				class="inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
-				aria-label={t('fileRow.delete', { name: entry.name })}
-				onclick={handleDeleteClick}
-			>
-				<Trash2Icon class="size-3" />
-			</button>
-		</div>
-	{/if}
-
-	<!-- File size -->
-	<span class="text-muted-foreground w-20 shrink-0 text-end text-xs">
-		{#if entry.is_dir}
-			--
-		{:else}
-			{formatFileSize(entry.size)}
-		{/if}
-	</span>
-
-	<!-- Modified date -->
-	<span class="text-muted-foreground w-24 shrink-0 text-end text-xs">
-		{formatDate(entry.modified)}
-	</span>
-</div>

package/dist/components/browser/FileRow.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { FileEntry } from '../../types.js';
-interface Props {
-    entry: FileEntry;
-    onDelete?: (entry: FileEntry) => void;
-    onRename?: (entry: FileEntry) => void;
-}
-declare const FileRow: import("svelte").Component<Props, {}, "">;
-type FileRow = ReturnType<typeof FileRow>;
-export default FileRow;

package/dist/components/browser/RenameDialog.svelte

@@ -1,101 +0,0 @@
-<script lang="ts">
-import Loader2Icon from '@lucide/svelte/icons/loader-2';
-import PencilIcon from '@lucide/svelte/icons/pencil';
-import { Button } from '../ui/button/index.js';
-import { Input } from '../ui/input/index.js';
-import {
-	Sheet,
-	SheetContent,
-	SheetDescription,
-	SheetFooter,
-	SheetHeader,
-	SheetTitle
-} from '../ui/sheet/index.js';
-import { t } from '../../i18n/index.svelte.js';
-import { browser } from '../../stores/browser.svelte.js';
-import type { FileEntry } from '../../types.js';
-
-interface Props {
-	open: boolean;
-	entry: FileEntry | null;
-}
-
-let { open = $bindable(false), entry }: Props = $props();
-
-let newName = $state('');
-let renaming = $state(false);
-let error = $state<string | null>(null);
-
-let canRename = $derived(
-	newName.trim() !== '' && !newName.includes('/') && newName.trim() !== entry?.name
-);
-
-$effect(() => {
-	if (open && entry) {
-		newName = entry.name;
-		renaming = false;
-		error = null;
-	}
-});
-
-async function handleRename() {
-	if (!canRename || !entry) return;
-	renaming = true;
-	error = null;
-
-	try {
-		await browser.renameEntry(entry, newName.trim());
-		open = false;
-	} catch (e) {
-		error = e instanceof Error ? e.message : String(e);
-	} finally {
-		renaming = false;
-	}
-}
-
-function handleKeydown(e: KeyboardEvent) {
-	if (e.key === 'Enter' && canRename) {
-		handleRename();
-	}
-}
-</script>
-
-<Sheet bind:open>
-	<SheetContent side="bottom" class="sm:max-w-lg sm:mx-auto sm:rounded-t-lg">
-		<SheetHeader>
-			<div class="flex items-center gap-2">
-				<PencilIcon class="size-5 text-primary" />
-				<SheetTitle>{t('rename.title')}</SheetTitle>
-			</div>
-			<SheetDescription>
-				Enter a new name for <span class="font-medium">{entry?.name}</span>.
-			</SheetDescription>
-		</SheetHeader>
-
-		<div class="py-4">
-			<Input
-				placeholder={t('rename.placeholder')}
-				bind:value={newName}
-				onkeydown={handleKeydown}
-			/>
-			{#if error}
-				<p class="mt-2 text-sm text-destructive">{error}</p>
-			{/if}
-		</div>
-
-		<SheetFooter class="flex-row gap-2">
-			<div class="flex-1"></div>
-			<Button variant="ghost" size="sm" onclick={() => { open = false; }} disabled={renaming}>
-				{t('rename.cancel')}
-			</Button>
-			<Button size="sm" disabled={!canRename || renaming} onclick={handleRename}>
-				{#if renaming}
-					<Loader2Icon class="me-1.5 size-4 animate-spin" />
-					{t('rename.renaming')}
-				{:else}
-					{t('rename.rename')}
-				{/if}
-			</Button>
-		</SheetFooter>
-	</SheetContent>
-</Sheet>

package/dist/components/browser/RenameDialog.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { FileEntry } from '../../types.js';
-interface Props {
-    open: boolean;
-    entry: FileEntry | null;
-}
-declare const RenameDialog: import("svelte").Component<Props, {}, "open">;
-type RenameDialog = ReturnType<typeof RenameDialog>;
-export default RenameDialog;

package/dist/components/browser/SearchBar.svelte

@@ -1,40 +0,0 @@
-<script lang="ts">
-import { Search, X } from '@lucide/svelte';
-import { Input } from '../ui/input/index.js';
-import { t } from '../../i18n/index.svelte.js';
-
-let { onFilter }: { onFilter: (query: string) => void } = $props();
-
-let query = $state('');
-
-function handleInput() {
-	onFilter(query);
-}
-
-function clearSearch() {
-	query = '';
-	onFilter('');
-}
-</script>
-
-<div class="relative flex items-center">
-	<label for="file-filter" class="sr-only">{t('searchBar.label')}</label>
-	<Search class="text-muted-foreground pointer-events-none absolute start-2.5 size-4" />
-	<Input
-		id="file-filter"
-		type="text"
-		placeholder={t('searchBar.placeholder')}
-		class="h-8 ps-8 pe-8 text-sm"
-		bind:value={query}
-		oninput={handleInput}
-	/>
-	{#if query.length > 0}
-		<button
-			class="text-muted-foreground hover:text-foreground absolute end-2.5 flex items-center justify-center"
-			onclick={clearSearch}
-			aria-label={t('searchBar.clear')}
-		>
-			<X class="size-3.5" />
-		</button>
-	{/if}
-</div>

package/dist/components/browser/SearchBar.svelte.d.ts

@@ -1,6 +0,0 @@
-type $$ComponentProps = {
-    onFilter: (query: string) => void;
-};
-declare const SearchBar: import("svelte").Component<$$ComponentProps, {}, "">;
-type SearchBar = ReturnType<typeof SearchBar>;
-export default SearchBar;

package/dist/components/browser/UploadButton.svelte

@@ -1,65 +0,0 @@
-<script lang="ts">
-import Loader2Icon from '@lucide/svelte/icons/loader-2';
-import UploadIcon from '@lucide/svelte/icons/upload';
-import { Button } from '../ui/button/index.js';
-import { t } from '../../i18n/index.svelte.js';
-import { browser } from '../../stores/browser.svelte.js';
-
-let fileInput: HTMLInputElement;
-
-let uploading = $derived(browser.uploading);
-
-function handleClick() {
-	fileInput?.click();
-}
-
-async function handleFileSelect(e: Event) {
-	const input = e.target as HTMLInputElement;
-	const fileList = input.files;
-	if (!fileList || fileList.length === 0) return;
-
-	const files: Array<{ name: string; data: Uint8Array; type?: string }> = [];
-
-	for (const file of fileList) {
-		const buffer = await file.arrayBuffer();
-		files.push({
-			name: file.name,
-			data: new Uint8Array(buffer),
-			type: file.type || undefined
-		});
-	}
-
-	try {
-		await browser.uploadFiles(files);
-	} catch (err) {
-		console.error('Upload failed:', err);
-	}
-
-	// Reset input so the same file can be re-selected
-	input.value = '';
-}
-</script>
-
-<input
-	bind:this={fileInput}
-	type="file"
-	multiple
-	class="hidden"
-	onchange={handleFileSelect}
-/>
-
-<Button
-	variant="outline"
-	size="sm"
-	class="h-7 gap-1.5 px-2 text-xs"
-	disabled={uploading}
-	onclick={handleClick}
->
-	{#if uploading}
-		<Loader2Icon class="size-3.5 animate-spin" />
-		{t('upload.uploading')}
-	{:else}
-		<UploadIcon class="size-3.5" />
-		{t('upload.upload')}
-	{/if}
-</Button>

package/dist/components/browser/UploadButton.svelte.d.ts

@@ -1,3 +0,0 @@
-declare const UploadButton: import("svelte").Component<Record<string, never>, {}, "">;
-type UploadButton = ReturnType<typeof UploadButton>;
-export default UploadButton;

package/dist/query/stac-geoparquet.d.ts

@@ -1,31 +0,0 @@
-/**
- * Read a stac-geoparquet file through the existing DuckDB-WASM engine and
- * materialize a standard STAC FeatureCollection in memory.
- *
- * Reuses:
- *   - `getQueryEngine()` + `queryCancellable`/`query` for the single worker
- *   - `resolveTableSourceAsync(tab)` for presigned `signed-s3` URL handling
- *   - `stacRowToItem` from `utils/stac-geoparquet.js` for the pure transform
- *   - `parseWKB` from `utils/wkb.js` for geometry decoding
- *
- * The returned `FeatureCollection` is the same shape `classifyStac()` returns
- * as `{ kind: 'item-collection', fc }`, so downstream viewers
- * (`StacMosaicViewer`, `MultiCogViewer`) consume it unchanged.
- */
-import type { Tab } from '../types.js';
-import type { StacFeatureCollection } from '../utils/stac.js';
-export interface QueryStacGeoparquetOptions {
-    signal?: AbortSignal;
-    /** Hard cap on rows. Matches `hydrateStacItems` default. */
-    limit?: number;
-}
-/**
- * Query a stac-geoparquet tab and return a STAC FeatureCollection whose
- * features are proper STAC Items (assets absolutized, WKB decoded, bbox
- * flattened).
- *
- * @param tab - the tab pointing at the `.parquet` file
- * @param connId - connection id used for DuckDB's httpfs S3 config; pass
- *   an empty string for URL-source tabs (DuckDB will use anonymous httpfs)
- */
-export declare function queryStacGeoparquetFeatureCollection(tab: Tab, connId: string, opts?: QueryStacGeoparquetOptions): Promise<StacFeatureCollection>;