Starting to implement a proper UI for GPX import.

src/db/change-handler.ts

@@ -50,7 +50,7 @@ const changeHandler = async (change: any) => {
         (doc) => {
           console.log({ caller: 'changeHandler / gpxes', doc });
           doc.push(id);
-          doc.sort().reverse();
+          doc.reverse().sort().reverse();
           return doc;
         },
         []

src/db/lib.ts

@@ -20,13 +20,10 @@ export const put = async (
     db.put({ _id, _rev: current._rev, type, doc: update(current.doc) });
   } catch (error: any) {
     if (error.name === 'conflict') {
+      console.log({ caller: 'db.put', _id, type, defaultDoc, error });
       await put(_id, type, update, defaultDoc);
     } else {
-      console.error(
-        `put(${_id}, ${JSON.stringify(
-          update(current.doc)
-        )}), error: ${JSON.stringify(error)}`
-      );
+      console.error({ caller: 'db.put', _id, type, defaultDoc, error });
     }
   }
 };