@walkthru-earth/objex 1.3.0 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@walkthru-earth/objex",
-  "version": "1.3.0",
+  "version": "1.4.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",
@@ -27,41 +27,6 @@
       "svelte": "./dist/query/engine.js",
       "import": "./dist/query/engine.js"
     },
-    "./utils/wkb": {
-      "types": "./dist/utils/wkb.d.ts",
-      "svelte": "./dist/utils/wkb.js",
-      "import": "./dist/utils/wkb.js"
-    },
-    "./utils/geoarrow": {
-      "types": "./dist/utils/geoarrow.d.ts",
-      "svelte": "./dist/utils/geoarrow.js",
-      "import": "./dist/utils/geoarrow.js"
-    },
-    "./utils/storage-url": {
-      "types": "./dist/utils/storage-url.d.ts",
-      "svelte": "./dist/utils/storage-url.js",
-      "import": "./dist/utils/storage-url.js"
-    },
-    "./utils/parquet-metadata": {
-      "types": "./dist/utils/parquet-metadata.d.ts",
-      "svelte": "./dist/utils/parquet-metadata.js",
-      "import": "./dist/utils/parquet-metadata.js"
-    },
-    "./utils/format": {
-      "types": "./dist/utils/format.d.ts",
-      "svelte": "./dist/utils/format.js",
-      "import": "./dist/utils/format.js"
-    },
-    "./utils/hex": {
-      "types": "./dist/utils/hex.d.ts",
-      "svelte": "./dist/utils/hex.js",
-      "import": "./dist/utils/hex.js"
-    },
-    "./utils/column-types": {
-      "types": "./dist/utils/column-types.d.ts",
-      "svelte": "./dist/utils/column-types.js",
-      "import": "./dist/utils/column-types.js"
-    },
     "./file-icons": {
       "types": "./dist/file-icons/index.d.ts",
       "svelte": "./dist/file-icons/index.js",
@@ -123,85 +88,91 @@
     }
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.13",
-    "@changesets/changelog-github": "^0.5.2",
+    "@biomejs/biome": "^2.4.16",
+    "@changesets/changelog-github": "^0.7.0",
     "@changesets/cli": "^2.31.0",
     "@fontsource/cairo": "^5.2.7",
     "@internationalized/date": "^3.12.1",
-    "@lucide/svelte": "^0.561.0",
+    "@lucide/svelte": "^1.17.0",
     "@sveltejs/adapter-static": "^3.0.10",
-    "@sveltejs/kit": "^2.58.0",
+    "@sveltejs/kit": "^2.61.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.4",
-    "bits-ui": "^2.18.0",
+    "@tailwindcss/vite": "^4.3.0",
+    "@types/node": "^25.9.1",
+    "bits-ui": "^2.18.1",
     "clsx": "^2.1.1",
-    "knip": "^6.6.2",
-    "lefthook": "^2.1.6",
+    "knip": "^6.14.2",
+    "lefthook": "^2.1.8",
     "paneforge": "^1.0.2",
-    "posthog-js": "^1.371.3",
-    "publint": "^0.3.18",
-    "svelte": "^5.55.5",
-    "svelte-check": "^4.4.6",
-    "tailwind-merge": "^3.5.0",
+    "posthog-js": "^1.376.3",
+    "publint": "^0.3.21",
+    "svelte": "^5.55.10",
+    "svelte-check": "^4.4.8",
+    "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.2.2",
-    "tailwindcss": "^4.2.4",
+    "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.2"
+    "typescript": "^6.0.3",
+    "vite": "^7.3.3"
   },
   "dependencies": {
-    "@babylonjs/core": "^8.56.2",
-    "@babylonjs/loaders": "^8.56.2",
-    "@carbonplan/zarr-layer": "^0.4.3",
-    "@codemirror/autocomplete": "^6.20.1",
+    "@babylonjs/core": "^9.10.0",
+    "@babylonjs/loaders": "^9.10.0",
+    "babylonjs-gltf2interface": "^9.10.0",
+    "@carbonplan/zarr-layer": "^0.5.0",
+    "@chunkd/middleware": "^11.3.1",
+    "@chunkd/source": "^11.4.1",
+    "@chunkd/source-http": "^11.4.1",
+    "@codemirror/autocomplete": "^6.20.2",
     "@codemirror/commands": "^6.10.3",
     "@codemirror/lang-sql": "^6.10.0",
     "@codemirror/language": "^6.12.3",
     "@codemirror/state": "^6.6.0",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@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.6.0-alpha.1",
-    "@developmentseed/deck.gl-raster": "0.6.0-alpha.1",
-    "@developmentseed/deck.gl-zarr": "0.6.0-alpha.1",
-    "@developmentseed/epsg": "0.6.0-alpha.1",
-    "@developmentseed/geotiff": "0.6.0-alpha.1",
-    "@developmentseed/proj": "0.6.0-alpha.1",
-    "@duckdb/duckdb-wasm": "1.33.1-dev53.0",
-    "@geoarrow/deck.gl-layers": "^0.3.2",
+    "@codemirror/view": "^6.43.0",
+    "@deck.gl/core": "^9.3.2",
+    "@deck.gl/geo-layers": "^9.3.2",
+    "@deck.gl/layers": "^9.3.2",
+    "@deck.gl/mapbox": "^9.3.2",
+    "@deck.gl/mesh-layers": "^9.3.2",
+    "@developmentseed/deck.gl-geotiff": "0.7.0",
+    "@developmentseed/deck.gl-raster": "0.7.0",
+    "@developmentseed/deck.gl-zarr": "0.7.0",
+    "@developmentseed/epsg": "0.7.0",
+    "@developmentseed/geotiff": "0.7.0",
+    "@developmentseed/proj": "0.7.0",
+    "@duckdb/duckdb-wasm": "1.33.1-dev55.0",
+    "@geoarrow/deck.gl-geoarrow": "^0.4.1",
     "@luma.gl/core": "^9.3.3",
-    "@mapbox/vector-tile": "^2.0.4",
-    "@milkdown/kit": "^7.20.0",
-    "@milkdown/theme-nord": "^7.20.0",
+    "@mapbox/vector-tile": "^3.0.0",
+    "@milkdown/kit": "^7.21.1",
+    "@milkdown/theme-nord": "^7.21.1",
     "@repeaterjs/repeater": "^3.0.6",
     "@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.3.1",
+    "deck.gl": "^9.3.2",
     "flatgeobuf": "^4.4.0",
-    "hyparquet": "^1.25.6",
+    "hyparquet": "^1.26.0",
     "hyparquet-compressors": "^1.1.1",
     "lz-string": "^1.5.0",
     "maplibre-gl": "^5.24.0",
-    "marked": "^17.0.6",
-    "mermaid": "^11.14.0",
-    "pbf": "^4.0.1",
-    "pdfjs-dist": "^5.6.205",
+    "marked": "^18.0.4",
+    "mermaid": "^11.15.0",
+    "pbf": "^5.0.0",
+    "pdfjs-dist": "^5.7.284",
     "pmtiles": "^4.4.1",
     "proj4": "^2.20.8",
-    "shiki": "^3.23.0",
-    "sql-formatter": "^15.7.3",
-    "yaml": "^2.8.3",
-    "zarrita": "^0.7.2"
+    "shiki": "^4.1.0",
+    "sql-formatter": "^15.8.0",
+    "yaml": "^2.9.0",
+    "zarrita": "^0.7.3",
+    "@walkthru-earth/objex-utils": "1.4.0"
   },
   "scripts": {
     "dev": "vite dev",
@@ -215,6 +186,6 @@
     "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"
+    "ci:publish": "pnpm --filter @walkthru-earth/objex-utils run build && pnpm run package && pnpm publish -r --access public --no-git-checks --provenance"
   }
 }

package/dist/components/browser/Breadcrumb.svelte

@@ -1,50 +0,0 @@
-<script lang="ts">
-import { ChevronRight, Home } from '@lucide/svelte';
-import { t } from '../../i18n/index.svelte.js';
-
-let { path, onNavigate }: { path: string; onNavigate: (path: string) => void } = $props();
-
-const segments = $derived.by(() => {
-	if (!path || path === '/') return [];
-	// Remove leading/trailing slashes and split
-	const clean = path.replace(/^\/+|\/+$/g, '');
-	if (!clean) return [];
-	return clean.split('/');
-});
-
-function navigateToSegment(index: number) {
-	if (index < 0) {
-		onNavigate('');
-		return;
-	}
-	const targetPath = segments.slice(0, index + 1).join('/');
-	onNavigate(targetPath);
-}
-</script>
-
-<nav class="flex items-center gap-1 overflow-x-auto text-sm" aria-label="Breadcrumb">
-	<button
-		class="text-muted-foreground hover:text-foreground flex shrink-0 items-center gap-1 rounded px-1.5 py-0.5 transition-colors hover:bg-accent"
-		onclick={() => navigateToSegment(-1)}
-		aria-label={t('breadcrumb.root')}
-	>
-		<Home class="size-3.5" />
-	</button>
-
-	{#each segments as segment, i}
-		<ChevronRight class="text-muted-foreground/50 size-3.5 shrink-0 rtl:-scale-x-100" />
-
-		{#if i === segments.length - 1}
-			<span class="text-foreground truncate rounded px-1.5 py-0.5 font-medium">
-				{segment}
-			</span>
-		{:else}
-			<button
-				class="text-muted-foreground hover:text-foreground truncate rounded px-1.5 py-0.5 transition-colors hover:bg-accent"
-				onclick={() => navigateToSegment(i)}
-			>
-				{segment}
-			</button>
-		{/if}
-	{/each}
-</nav>

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

@@ -1,7 +0,0 @@
-type $$ComponentProps = {
-    path: string;
-    onNavigate: (path: string) => void;
-};
-declare const Breadcrumb: import("svelte").Component<$$ComponentProps, {}, "">;
-type Breadcrumb = ReturnType<typeof Breadcrumb>;
-export default Breadcrumb;

package/dist/components/browser/CreateFolderDialog.svelte

@@ -1,98 +0,0 @@
-<script lang="ts">
-import FolderPlusIcon from '@lucide/svelte/icons/folder-plus';
-import Loader2Icon from '@lucide/svelte/icons/loader-2';
-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';
-
-interface Props {
-	open: boolean;
-}
-
-let { open = $bindable(false) }: Props = $props();
-
-let folderName = $state('');
-let creating = $state(false);
-let error = $state<string | null>(null);
-
-const invalidChars = /[/\\*?"<>|]/;
-let canCreate = $derived(folderName.trim() !== '' && !invalidChars.test(folderName));
-
-$effect(() => {
-	if (open) {
-		folderName = '';
-		creating = false;
-		error = null;
-	}
-});
-
-async function handleCreate() {
-	if (!canCreate) return;
-	creating = true;
-	error = null;
-
-	try {
-		await browser.createFolder(folderName.trim());
-		open = false;
-	} catch (e) {
-		error = e instanceof Error ? e.message : String(e);
-	} finally {
-		creating = false;
-	}
-}
-
-function handleKeydown(e: KeyboardEvent) {
-	if (e.key === 'Enter' && canCreate) {
-		handleCreate();
-	}
-}
-</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">
-				<FolderPlusIcon class="size-5 text-primary" />
-				<SheetTitle>{t('createFolder.title')}</SheetTitle>
-			</div>
-			<SheetDescription>
-				{t('createFolder.description')}
-			</SheetDescription>
-		</SheetHeader>
-
-		<div class="py-4">
-			<Input
-				placeholder={t('createFolder.placeholder')}
-				bind:value={folderName}
-				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={creating}>
-				{t('createFolder.cancel')}
-			</Button>
-			<Button size="sm" disabled={!canCreate || creating} onclick={handleCreate}>
-				{#if creating}
-					<Loader2Icon class="me-1.5 size-4 animate-spin" />
-					{t('createFolder.creating')}
-				{:else}
-					{t('createFolder.create')}
-				{/if}
-			</Button>
-		</SheetFooter>
-	</SheetContent>
-</Sheet>

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

@@ -1,6 +0,0 @@
-interface Props {
-    open: boolean;
-}
-declare const CreateFolderDialog: import("svelte").Component<Props, {}, "open">;
-type CreateFolderDialog = ReturnType<typeof CreateFolderDialog>;
-export default CreateFolderDialog;

package/dist/components/browser/DeleteConfirmDialog.svelte

@@ -1,90 +0,0 @@
-<script lang="ts">
-import Loader2Icon from '@lucide/svelte/icons/loader-2';
-import TriangleAlertIcon from '@lucide/svelte/icons/triangle-alert';
-import { Button } from '../ui/button/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 deleting = $state(false);
-let error = $state<string | null>(null);
-
-$effect(() => {
-	if (open) {
-		deleting = false;
-		error = null;
-	}
-});
-
-async function handleDelete() {
-	if (!entry) return;
-	deleting = true;
-	error = null;
-
-	try {
-		await browser.deleteEntry(entry);
-		open = false;
-	} catch (e) {
-		error = e instanceof Error ? e.message : String(e);
-	} finally {
-		deleting = false;
-	}
-}
-</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">
-				<TriangleAlertIcon class="size-5 text-destructive" />
-				<SheetTitle>{t('deleteConfirm.title')}</SheetTitle>
-			</div>
-			<SheetDescription>
-				{t('deleteConfirm.description')}
-			</SheetDescription>
-		</SheetHeader>
-
-		<div class="py-4">
-			{#if entry}
-				<p class="text-sm">
-					Are you sure you want to delete
-					<span class="font-medium">{entry.name}</span>{entry.is_dir ? ' and all its contents' : ''}?
-				</p>
-			{/if}
-
-			{#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={deleting}>
-				{t('deleteConfirm.cancel')}
-			</Button>
-			<Button variant="destructive" size="sm" disabled={deleting} onclick={handleDelete}>
-				{#if deleting}
-					<Loader2Icon class="me-1.5 size-4 animate-spin" />
-					{t('deleteConfirm.deleting')}
-				{:else}
-					{t('deleteConfirm.delete')}
-				{/if}
-			</Button>
-		</SheetFooter>
-	</SheetContent>
-</Sheet>

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

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

package/dist/components/browser/DropZone.svelte

@@ -1,83 +0,0 @@
-<script lang="ts">
-import UploadCloudIcon from '@lucide/svelte/icons/upload-cloud';
-import type { Snippet } from 'svelte';
-import { t } from '../../i18n/index.svelte.js';
-import { browser } from '../../stores/browser.svelte.js';
-import { safeLock } from '../../stores/safelock.svelte.js';
-
-let { children }: { children: Snippet } = $props();
-
-let dragOver = $state(false);
-let dragCounter = 0;
-
-let active = $derived(browser.canWrite && !safeLock.locked);
-
-function handleDragEnter(e: DragEvent) {
-	if (!active) return;
-	e.preventDefault();
-	dragCounter++;
-	dragOver = true;
-}
-
-function handleDragLeave(e: DragEvent) {
-	if (!active) return;
-	e.preventDefault();
-	dragCounter--;
-	if (dragCounter <= 0) {
-		dragOver = false;
-		dragCounter = 0;
-	}
-}
-
-function handleDragOver(e: DragEvent) {
-	if (!active) return;
-	e.preventDefault();
-}
-
-async function handleDrop(e: DragEvent) {
-	if (!active) return;
-	e.preventDefault();
-	dragOver = false;
-	dragCounter = 0;
-
-	const droppedFiles = e.dataTransfer?.files;
-	if (!droppedFiles || droppedFiles.length === 0) return;
-
-	const files: Array<{ name: string; data: Uint8Array; type?: string }> = [];
-
-	for (const file of droppedFiles) {
-		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('Drop upload failed:', err);
-	}
-}
-</script>
-
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<div
-	class="relative h-full"
-	ondragenter={handleDragEnter}
-	ondragleave={handleDragLeave}
-	ondragover={handleDragOver}
-	ondrop={handleDrop}
->
-	{@render children()}
-
-	{#if dragOver && active}
-		<div
-			class="absolute inset-0 z-50 flex flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed border-primary/50 bg-primary/5 backdrop-blur-sm"
-		>
-			<UploadCloudIcon class="size-10 text-primary/70" />
-			<p class="text-sm font-medium text-primary/70">{t('dropZone.message')}</p>
-		</div>
-	{/if}
-</div>

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

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