Migration to new Rust-based engine (#401)

* wasm first steps * parsing start * parsing continued * progress * progress * progress * progress * progress * progress * progress * progress * fixes * reorganize * change type * fix * progress * refactoring * progress * progress * progress * keep style info * progress * progress * remove (copy) in name * progress * merge methods into 1 * splice * progress * progress * progress * cleaning * progress * progress * progress * visibility * progress * progress * progress * progress * progress * fixes * progress * fix markers * fix * progress * progress * progress * progress * progress * progress * small fix * use engine info * fix popups * small fix * progress * progress * progress * clean tool * handle self closing elements * reduce data exchanges across boundary * copy on wasm side to avoid any data corruption * speed fix * routing * refactoring * reverse * reverse * crop * split * merge * progress * time tool * fix bounds for waypoints * reduce * fix reactivity * handle corrupt time data * export * progress * remove gpx js package * remove todo * update readme * cleaning * progress * fix link fields * remove unused fields * refactoring and tests * import and export of routes, ref #192 * per-chunk categories storage * cross-tab sync * outdated state * refactoring * reorder methods * refactoring * fix * improve flow * renaming * progress * progress * fix * progress * per file history * keep original flag * use history variant * fix * progress * file explorer * progress * fix * sticky folders * improved sticky folders * fix sortable * fix sortable * fix * fix tab size * no file delete on desktop * fix routing on other file * fix sorting * remember language * open links in browser * commit missing changes * avoid selecting on resize * clarify filename * explorer actions * fix folder styling * drop anywhere in folder * cleaning * fixes * remove focus-ring * full screen * small fix * consistent highlight color * improved preview * performance improvements * sparser data transfers * sparser data transfers * show popup once data is loaded * fix routing control size * fix * sparse desktop build * remove custom ign styles * use new endpoint for openhikingmap * strip native menu * reorder context menu items * route full support * route - track conversion * create route file action * route export, filter out anchors at high zoom level * clarify name handling * move hide & center to view * routes continued * update docs * fix power format, closes #378 * lint fixes * fix display of additional data with gaps, closes #361 * fix linting issues * fix import modules * fix multidrag * change base to resolve * fix type errors * fix layer typings * fix last type error * each keys * improve typings * deploy to cloudflare --------- Co-authored-by: vcoppe <vcoppe@hexaly.com>
2026-11-01 20:19:39 +00:00 · 2026-10-31 18:08:22 +01:00
1 parent 6a0d434371
commit 8fe7d8d64d
@@ -0,0 +1,149 @@
+import { get } from 'svelte/store';
+import { LngLatBounds } from 'maplibre-gl';
+import { map } from '$lib/components/map/map';
+import { page } from '$app/state';
+import { engine, FileStateCollectionObserver, type FileState } from '$lib/engine';
+
+const { statistics } = engine;
+
+export class BoundsManager {
+    private _bounds: LngLatBounds = new LngLatBounds();
+    private _files: Set<string> = new Set();
+    private _fileStateCollectionObserver: FileStateCollectionObserver | null = null;
+    private _unsubscribes: (() => void)[] = [];
+
+    constructor() {
+        this._fileStateCollectionObserver = new FileStateCollectionObserver(
+            (newFiles) => {
+                if (page.url.hash.length == 0) {
+                    this.fitBoundsOnLoad(Array.from(newFiles.keys()));
+                }
+            },
+            () => {},
+            () => {}
+        );
+    }
+
+    fitBoundsOnLoad(files: string[]) {
+        this.reset();
+
+        this._files = new Set(files);
+        this._fileStateCollectionObserver = new FileStateCollectionObserver(
+            (newFiles) => {
+                newFiles.forEach((fileState, fileId) => {
+                    if (this._files.has(fileId)) {
+                        this._unsubscribes.push(
+                            fileState.subscribe((state) => {
+                                this.addBoundsFromFile(fileId, state);
+                            })
+                        );
+                    }
+                });
+            },
+            () => {},
+            () => {}
+        );
+    }
+
+    addBoundsFromFile(fileId: string, file: FileState) {
+        if (!file || !this._files.has(fileId)) return;
+
+        this._files.delete(fileId);
+
+        if (file.statistics.bounds) {
+            const bounds = new LngLatBounds([
+                file.statistics.bounds.west,
+                file.statistics.bounds.south,
+                file.statistics.bounds.east,
+                file.statistics.bounds.north,
+            ]);
+            if (!this.validBounds(bounds)) return;
+            this._bounds.extend(bounds);
+        }
+
+        if (this._files.size === 0) {
+            this.finalizeFitBounds();
+        }
+    }
+
+    finalizeFitBounds() {
+        if (
+            this._bounds.getSouth() >= this._bounds.getNorth() &&
+            this._bounds.getWest() >= this._bounds.getEast()
+        ) {
+            return;
+        }
+
+        this._unsubscribes.push(
+            map.subscribe((map_) => {
+                if (!map_) return;
+                map_.fitBounds(this._bounds, { padding: 80, linear: true, animate: false });
+                this.reset();
+            })
+        );
+    }
+
+    reset() {
+        if (this._fileStateCollectionObserver) {
+            this._fileStateCollectionObserver.destroy();
+        }
+        this._unsubscribes.forEach((unsubscribe) => unsubscribe());
+        this._unsubscribes = [];
+        this._bounds = new LngLatBounds([180, 90, -180, -90]);
+    }
+
+    centerMapOnSelection() {
+        const bounds = new LngLatBounds([180, 90, -180, -90]);
+        const stats = get(statistics);
+        if (stats.global.bounds) {
+            bounds.extend([
+                [stats.global.bounds.west, stats.global.bounds.south],
+                [stats.global.bounds.east, stats.global.bounds.north],
+            ]);
+        }
+
+        // the waypoints are not part of the statistics of the selection
+        const selection = get(engine.selection);
+        let waypointIds: Set<string> | undefined; // all the waypoints of the file if undefined
+        let fileIds: string[] = [];
+        switch (selection.type) {
+            case 'file':
+                fileIds = selection.fileIds;
+                break;
+            case 'waypoints':
+                fileIds = [selection.fileId];
+                break;
+            case 'waypoint':
+                fileIds = [selection.fileId];
+                waypointIds = new Set(selection.waypointIds);
+                break;
+        }
+        const files = get(engine.files);
+        for (const fileId of fileIds) {
+            const file = files.get(fileId);
+            if (!file) continue;
+            for (const feature of get(file).waypoints.features) {
+                if (waypointIds && !waypointIds.has(feature.properties.waypointId)) continue;
+                bounds.extend(feature.geometry.coordinates as [number, number]);
+            }
+        }
+
+        if (!this.validBounds(bounds)) return;
+        get(map)?.fitBounds(bounds, {
+            padding: 80,
+            easing: () => 1,
+            maxZoom: 15,
+        });
+    }
+
+    validBounds(bounds: LngLatBounds) {
+        return (
+            bounds.getSouthWest().lat !== 90 ||
+            bounds.getSouthWest().lng !== 180 ||
+            bounds.getNorthEast().lat !== -90 ||
+            bounds.getNorthEast().lng !== -180
+        );
+    }
+}
+
+export const boundsManager = new BoundsManager();