> = {
"clean": SquareDashedMousePointer,
"map-controls": "🗺",
"gpx": "💾",
+ "integration": "{ 👩💻 }",
};
export function getPreviousGuide(currentGuide: string): string | undefined {
@@ -40,7 +42,7 @@ export function getPreviousGuide(currentGuide: string): string | undefined {
if (index === 0) {
return undefined;
}
- let previousGuide = keys.at(index - 1);
+ let previousGuide = keys[index - 1];
if (previousGuide === undefined) {
return undefined;
} else if (guides[previousGuide].length === 0) {
@@ -65,7 +67,7 @@ export function getNextGuide(currentGuide: string): string | undefined {
if (guides[currentGuide].length === 0) {
let keys = Object.keys(guides);
let index = keys.indexOf(currentGuide);
- return keys.at(index + 1);
+ return keys[index + 1];
} else {
return `${currentGuide}/${guides[currentGuide][0]}`;
}
@@ -76,7 +78,7 @@ export function getNextGuide(currentGuide: string): string | undefined {
} else {
let keys = Object.keys(guides);
let index = keys.indexOf(subguides[0]);
- return keys.at(index + 1);
+ return keys[index + 1];
}
}
}
\ No newline at end of file
diff --git a/website/src/lib/components/file-list/FileListNodeLabel.svelte b/website/src/lib/components/file-list/FileListNodeLabel.svelte
index 1b4af97b..af650a8a 100644
--- a/website/src/lib/components/file-list/FileListNodeLabel.svelte
+++ b/website/src/lib/components/file-list/FileListNodeLabel.svelte
@@ -2,7 +2,7 @@
import { Button } from '$lib/components/ui/button';
import * as ContextMenu from '$lib/components/ui/context-menu';
import Shortcut from '$lib/components/Shortcut.svelte';
- import { dbUtils, getFile, settings } from '$lib/db';
+ import { dbUtils, getFile } from '$lib/db';
import {
Copy,
Info,
@@ -38,7 +38,7 @@
} from './Selection';
import { getContext } from 'svelte';
import { get } from 'svelte/store';
- import { allHidden, editMetadata, editStyle, gpxLayers, map } from '$lib/stores';
+ import { allHidden, editMetadata, editStyle, embedding, gpxLayers, map } from '$lib/stores';
import {
GPXTreeElement,
Track,
@@ -57,8 +57,6 @@
let orientation = getContext<'vertical' | 'horizontal'>('orientation');
- const { verticalFileView } = settings;
-
$: singleSelection = $selection.size === 1;
let nodeColors: string[] = [];
@@ -131,10 +129,12 @@
{/if}
{#if item.level === ListLevel.FILE || item.level === ListLevel.TRACK}
`${c} ${Math.floor((100 * i) / nodeColors.length)}% ${Math.floor((100 * (i + 1)) / nodeColors.length)}%`
@@ -147,6 +147,11 @@
? 'text-muted-foreground'
: ''}"
on:contextmenu={(e) => {
+ if ($embedding) {
+ e.preventDefault();
+ e.stopPropagation();
+ return;
+ }
if (e.ctrlKey) {
// Add to selection instead of opening context menu
e.preventDefault();
@@ -181,13 +186,13 @@
{:else if item.level === ListLevel.WAYPOINT}
{/if}
-
+
{label}
{#if hidden}
- {#if $verticalFileView}
+ {#if orientation === 'vertical'}
{#if item instanceof ListFileItem}
{/if}
- {#if $verticalFileView}
+ {#if orientation === 'vertical'}
{$_('menu.duplicate')}
- {#if $verticalFileView}
+ {#if orientation === 'vertical'}
{$_('menu.copy')}
diff --git a/website/src/lib/db.ts b/website/src/lib/db.ts
index 7141368b..53a24f0a 100644
--- a/website/src/lib/db.ts
+++ b/website/src/lib/db.ts
@@ -280,47 +280,49 @@ function commitFileStateChange(newFileState: ReadonlyMap, patch
});
}
-export const fileObservers: Writable & { destroy: () => void }>> = writable(new Map());
+export const fileObservers: Writable & { destroy?: () => void }>> = writable(new Map());
const fileState: Map = new Map(); // Used to generate patches
// Observe the file ids in the database, and maintain a map of file observers for the corresponding files
-liveQuery(() => db.fileids.toArray()).subscribe(dbFileIds => {
- // Find new files to observe
- let newFiles = dbFileIds.filter(id => !get(fileObservers).has(id)).sort((a, b) => parseInt(a.split('-')[1]) - parseInt(b.split('-')[1]));
- // Find deleted files to stop observing
- let deletedFiles = Array.from(get(fileObservers).keys()).filter(id => !dbFileIds.find(fileId => fileId === id));
+export function observeFilesFromDatabase() {
+ liveQuery(() => db.fileids.toArray()).subscribe(dbFileIds => {
+ // Find new files to observe
+ let newFiles = dbFileIds.filter(id => !get(fileObservers).has(id)).sort((a, b) => parseInt(a.split('-')[1]) - parseInt(b.split('-')[1]));
+ // Find deleted files to stop observing
+ let deletedFiles = Array.from(get(fileObservers).keys()).filter(id => !dbFileIds.find(fileId => fileId === id));
- // Update the store
- if (newFiles.length > 0 || deletedFiles.length > 0) {
- fileObservers.update($files => {
- if (newFiles.length > 0) { // Reset the target map bounds when new files are added
- initTargetMapBounds($files.size === 0);
- }
- newFiles.forEach(id => {
- $files.set(id, dexieGPXFileStore(id));
- });
- deletedFiles.forEach(id => {
- $files.get(id)?.destroy();
- $files.delete(id);
- });
- return $files;
- });
- settings.fileOrder.update((order) => {
- newFiles.forEach((fileId) => {
- if (!order.includes(fileId)) {
- order.push(fileId);
+ // Update the store
+ if (newFiles.length > 0 || deletedFiles.length > 0) {
+ fileObservers.update($files => {
+ if (newFiles.length > 0) { // Reset the target map bounds when new files are added
+ initTargetMapBounds($files.size === 0);
}
+ newFiles.forEach(id => {
+ $files.set(id, dexieGPXFileStore(id));
+ });
+ deletedFiles.forEach(id => {
+ $files.get(id)?.destroy?.();
+ $files.delete(id);
+ });
+ return $files;
});
- deletedFiles.forEach((fileId) => {
- let index = order.indexOf(fileId);
- if (index !== -1) {
- order.splice(index, 1);
- }
+ settings.fileOrder.update((order) => {
+ newFiles.forEach((fileId) => {
+ if (!order.includes(fileId)) {
+ order.push(fileId);
+ }
+ });
+ deletedFiles.forEach((fileId) => {
+ let index = order.indexOf(fileId);
+ if (index !== -1) {
+ order.splice(index, 1);
+ }
+ });
+ return order;
});
- return order;
- });
- }
-});
+ }
+ });
+}
export function getFile(fileId: string): GPXFile | undefined {
let fileStore = get(fileObservers).get(fileId);
diff --git a/website/src/lib/docs/en/integration.mdx b/website/src/lib/docs/en/integration.mdx
new file mode 100644
index 00000000..e3ec732a
--- /dev/null
+++ b/website/src/lib/docs/en/integration.mdx
@@ -0,0 +1,11 @@
+---
+title: Integration
+---
+
+
+
+# { title }
+
+
diff --git a/website/src/lib/stores.ts b/website/src/lib/stores.ts
index e8d3da8a..b053fd26 100644
--- a/website/src/lib/stores.ts
+++ b/website/src/lib/stores.ts
@@ -14,6 +14,7 @@ import { SplitType } from '$lib/components/toolbar/tools/Scissors.svelte';
const { fileOrder } = settings;
export const map = writable(null);
+export const embedding = writable(false);
export const selectFiles = writable<{ [key: string]: (fileId?: string) => void }>({});
export const gpxStatistics: Writable = writable(new GPXStatistics());
@@ -178,7 +179,7 @@ export function triggerFileInput() {
input.click();
}
-export async function loadFiles(list: FileList) {
+export async function loadFiles(list: FileList | File[]) {
let files = [];
for (let i = 0; i < list.length; i++) {
let file = await loadFile(list[i]);
diff --git a/website/src/locales/en.json b/website/src/locales/en.json
index 36d45271..2594358d 100644
--- a/website/src/locales/en.json
+++ b/website/src/locales/en.json
@@ -2,6 +2,7 @@
"metadata": {
"home_title": "home",
"app_title": "the online GPX file editor",
+ "embed_title": "the online GPX file editor",
"help_title": "help",
"description": "View, edit and create GPX files online with advanced route planning capabilities and file processing tools, beautiful maps and detailed data visualizations."
},
@@ -70,7 +71,8 @@
"width": "Width"
},
"hide": "Hide",
- "unhide": "Unhide"
+ "unhide": "Unhide",
+ "open_in": "Open in"
},
"toolbar": {
"routing": {
@@ -368,5 +370,20 @@
"data_visualization_description": "An interactive elevation profile with detailed statistics to analyze recorded activities and future objectives.",
"identity": "Free, ad-free and open-source",
"identity_description": "The website is free to use, without ads, and the source code is publicly available on GitHub. This is only possible thanks to the incredible support of the community."
+ },
+ "embedding": {
+ "file_urls": "File URLs (separated by commas)",
+ "basemap": "Basemap",
+ "height": "Height",
+ "fill_by": "Fill by",
+ "none": "None",
+ "show_controls": "Show controls",
+ "manual_camera": "Manual camera",
+ "manual_camera_description": "You can move the map below to adjust the camera position.",
+ "zoom": "Zoom",
+ "latitude": "Latitude",
+ "longitude": "Longitude",
+ "pitch": "Pitch",
+ "bearing": "Bearing"
}
}
\ No newline at end of file
diff --git a/website/src/routes/[...language]/+layout.svelte b/website/src/routes/[...language]/+layout.svelte
index fcce3dbc..9749fc1f 100644
--- a/website/src/routes/[...language]/+layout.svelte
+++ b/website/src/routes/[...language]/+layout.svelte
@@ -12,14 +12,14 @@
locale.set($page.params.language.replace('/', ''));
}
- const appRoute = '/[...language]/app';
+ const appRoutes = ['/[...language]/app', '/[...language]/embed'];
{#if !$isLoading}
- {#if $page.route.id === appRoute}
+ {#if $page.route.id !== null && appRoutes.includes($page.route.id)}
{:else}
diff --git a/website/src/routes/[...language]/+page.svelte b/website/src/routes/[...language]/+page.svelte
index 4a07dc00..ec781106 100644
--- a/website/src/routes/[...language]/+page.svelte
+++ b/website/src/routes/[...language]/+page.svelte
@@ -5,15 +5,13 @@
import ElevationProfile from '$lib/components/ElevationProfile.svelte';
import GPXStatistics from '$lib/components/GPXStatistics.svelte';
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
- import { settings } from '$lib/db';
import { BookOpenText, Heart, LineChart, Map, PencilRuler, Route, Scale } from 'lucide-svelte';
- import { _, locale } from 'svelte-i18n';
+ import { _ } from 'svelte-i18n';
import { exampleGPXFile } from '$lib/assets/example';
import { writable } from 'svelte/store';
import Toolbar from '$lib/components/toolbar/Toolbar.svelte';
import { currentTool, Tool } from '$lib/stores';
import { onDestroy, onMount } from 'svelte';
- import { getURLForLanguage } from '$lib/utils';
import routingScreenshot from '$lib/assets/img/home/routing.png?enhanced';
import mapboxOutdoorsMap from '$lib/assets/img/home/mapbox-outdoors.png?enhanced';
import mapboxSatelliteMap from '$lib/assets/img/home/mapbox-satellite.png?enhanced';
@@ -27,8 +25,6 @@
let additionalDatasets = writable(['speed', 'atemp']);
let elevationFill = writable<'slope' | 'surface' | undefined>(undefined);
- const { distanceUnits, velocityUnits, temperatureUnits } = settings;
-
onMount(() => {
currentTool.set(Tool.SCISSORS);
});
@@ -46,15 +42,11 @@
{$_('metadata.description')}
-
@@ -173,7 +162,6 @@
{slicedGPXStatistics}
panelSize={192}
orientation={'horizontal'}
- velocityUnits={$velocityUnits}
/>