create new file

gpx/src/gpx.ts

@@ -164,12 +164,19 @@ export class GPXFile extends GPXTreeNode<Track>{
     wpt: Waypoint[];
     trk: Track[];
 
-    constructor(gpx: GPXFileType | GPXFile) {
+    constructor(gpx?: GPXFileType | GPXFile) {
         super();
-        this.attributes = cloneJSON(gpx.attributes);
+        if (gpx) {
-        this.metadata = cloneJSON(gpx.metadata);
+            this.attributes = cloneJSON(gpx.attributes);
-        this.wpt = gpx.wpt ? gpx.wpt.map((waypoint) => new Waypoint(waypoint)) : [];
+            this.metadata = cloneJSON(gpx.metadata);
-        this.trk = gpx.trk ? gpx.trk.map((track) => new Track(track)) : [];
+            this.wpt = gpx.wpt ? gpx.wpt.map((waypoint) => new Waypoint(waypoint)) : [];
+            this.trk = gpx.trk ? gpx.trk.map((track) => new Track(track)) : [];
+        } else {
+            this.attributes = {};
+            this.metadata = {};
+            this.wpt = [];
+            this.trk = [new Track()];
+        }
     }
 
     getChildren(): Track[] {
@@ -208,16 +215,20 @@ export class Track extends GPXTreeNode<TrackSegment> {
     trkseg: TrackSegment[];
     extensions?: TrackExtensions;
 
-    constructor(track: TrackType | Track) {
+    constructor(track?: TrackType | Track) {
         super();
-        this.name = track.name;
+        if (track) {
-        this.cmt = track.cmt;
+            this.name = track.name;
-        this.desc = track.desc;
+            this.cmt = track.cmt;
-        this.src = track.src;
+            this.desc = track.desc;
-        this.link = cloneJSON(track.link);
+            this.src = track.src;
-        this.type = track.type;
+            this.link = cloneJSON(track.link);
-        this.trkseg = track.trkseg ? track.trkseg.map((seg) => new TrackSegment(seg)) : [];
+            this.type = track.type;
-        this.extensions = cloneJSON(track.extensions);
+            this.trkseg = track.trkseg ? track.trkseg.map((seg) => new TrackSegment(seg)) : [];
+            this.extensions = cloneJSON(track.extensions);
+        } else {
+            this.trkseg = [new TrackSegment()];
+        }
     }
 
     getChildren(): TrackSegment[] {
@@ -266,9 +277,14 @@ export class TrackSegment extends GPXTreeLeaf {
     trkptStatistics: TrackPointStatistics;
     statistics: GPXStatistics;
 
-    constructor(segment: TrackSegmentType | TrackSegment) {
+    constructor(segment?: TrackSegmentType | TrackSegment) {
         super();
-        this.trkpt = segment.trkpt.map((point) => new TrackPoint(point));
+        if (segment) {
+            this.trkpt = segment.trkpt.map((point) => new TrackPoint(point));
+        } else {
+            this.trkpt = [];
+        }
+
         this._computeStatistics();
     }
 

gpx/src/types.ts

@@ -6,7 +6,7 @@ export type GPXFileType = {
 };
 
 export type GPXFileAttributes = {
-    creator: string;
+    creator?: string;
     [key: string]: string;
 };
 

website/src/lib/components/Menu.svelte

@@ -14,7 +14,8 @@
 		removeSelectedFiles,
 		triggerFileInput,
 		selectFiles,
-		settings
+		settings,
+		createFile
 	} from '$lib/stores';
 
 	import { mode, resetMode, setMode } from 'mode-watcher';
@@ -51,7 +52,7 @@
 			<Menubar.Menu>
 				<Menubar.Trigger>{$_('menu.file')}</Menubar.Trigger>
 				<Menubar.Content class="border-none">
-					<Menubar.Item>
+					<Menubar.Item on:click={createFile}>
 						<Plus size="16" class="mr-1" />
 						{$_('menu.new')}
 						<Menubar.Shortcut>⌘N</Menubar.Shortcut>
@@ -183,7 +184,10 @@
 <svelte:window
 	on:keydown={(e) => {
 		e.stopImmediatePropagation();
-		if (e.key === 'o' && (e.metaKey || e.ctrlKey)) {
+		if (e.key === 'n' && (e.metaKey || e.ctrlKey)) {
+			createFile();
+			e.preventDefault();
+		} else if (e.key === 'o' && (e.metaKey || e.ctrlKey)) {
 			triggerFileInput();
 			e.preventDefault();
 		} else if (e.key === 'd' && (e.metaKey || e.ctrlKey)) {

website/src/lib/components/routing/RoutingControls.ts

@@ -339,6 +339,13 @@ export class RoutingControls {
         this.createMarker(newAnchor);
         segment._data.anchors.push(newAnchor);
 
+        if (!lastAnchor) {
+            applyToFileElement(this.file, segment, (segment) => {
+                segment.replace(0, 0, [newPoint]);
+            }, true);
+            return;
+        }
+
         let success = await this.routeBetweenAnchors([lastAnchor, newAnchor], [lastAnchor.point.getCoordinates(), newAnchor.point.getCoordinates()]);
 
         if (!success) { // Route failed, remove the anchor

website/src/lib/components/routing/Simplify.ts

@@ -25,6 +25,14 @@ export function computeAnchorPoints(segment: TrackSegment) {
 }
 
 export function ramerDouglasPeucker(points: TrackPoint[], epsilon: number = 50, start: number = 0, end: number = points.length - 1): SimplifiedTrackPoint[] {
+    if (points.length == 0) {
+        return [];
+    } else if (points.length == 1) {
+        return [{
+            point: points[0]
+        }];
+    }
+
     let simplified = [{
         point: points[start]
     }];

website/src/lib/stores.ts

@@ -2,6 +2,8 @@ import { writable, get, type Writable } from 'svelte/store';
 
 import mapboxgl from 'mapbox-gl';
 import { GPXFile, buildGPX, parseGPX, type AnyGPXTreeElement } from 'gpx';
+import { tick } from 'svelte';
+import { _ } from 'svelte-i18n';
 
 export const map = writable<mapboxgl.Map | null>(null);
 export const files = writable<Writable<GPXFile>[]>([]);
@@ -72,6 +74,15 @@ export function addFile(file: GPXFile): Writable<GPXFile> {
     return fileStore;
 }
 
+export function createFile(): Writable<GPXFile> {
+    let file = new GPXFile();
+    file.metadata.name = get(_)("menu.new_filename");
+    let fileStore = addFile(file);
+    tick().then(() => get(selectFiles).select(file));
+    currentTool.set(Tool.ROUTING);
+    return fileStore;
+}
+
 export function triggerFileInput() {
     const input = document.createElement('input');
     input.type = 'file';

website/src/locales/en.json

@@ -2,6 +2,7 @@
     "menu": {
         "file": "File",
         "new": "New",
+        "new_filename": "new",
         "load_desktop": "Load from desktop...",
         "load_drive": "Load from Google Drive...",
         "duplicate": "Duplicate",