Creating a `<AllGpxes>` component.

src/components/all-gpxes/AllGpxes.tsx

@@ -0,0 +1,33 @@
+import {
+  Component,
+  createEffect,
+  createResource,
+  createSignal,
+} from 'solid-js';
+
+import OlMap from 'ol/Map';
+
+import dispatch from '../../workers/dispatcher-main';
+// import Gpx from './Gpx';
+
+interface Props {
+  map: OlMap | null;
+}
+
+export const AllGpxes: Component<Props> = ({ map }) => {
+  const [allGpxes] = createResource(
+    async () =>
+      await dispatch({
+        action: 'getAllGpxes',
+        params: {},
+      })
+  );
+
+  createEffect(() => {
+    console.log({ caller: 'AllGpxes', allGpxes: allGpxes() });
+  });
+
+  return <></>;
+};
+
+export default AllGpxes;

src/components/all-gpxes/index.ts

@@ -0,0 +1 @@
+export { default } from './AllGpxes';

src/components/map/Map.tsx

@@ -22,6 +22,7 @@ import GetLocation, { getCurrentLocation } from '../get-location';
 import ShowLocationIcon from '../get-location/ShowLocationIcon.svg';
 import { Back, Forward } from '../back-forward';
 import GpxImport from '../gpx-import';
+import AllGpxes from '../all-gpxes';
 
 const [getState, setState] = createSignal({
   lon: 0,
@@ -184,6 +185,7 @@ const Map: Component = () => {
       <Forward />
       <Back />
       <GpxImport />
+      <AllGpxes map={getMap()} />
     </div>
   );
 };

src/db/gpx.ts

@@ -186,6 +186,10 @@ export const pruneAndSaveImportedGpx = async (params: any) => {
   }
 };
 
+export const getAllGpxes = async () => {
+  return await getDocsByType('gpx');
+};
+
 export const getGpxesForViewport = async (params: any) => {
   const { viewport, zoomLevel } = params;
   const zoomedViewport: Rectangle = {

src/workers/dispatcher-worker.ts

@@ -6,11 +6,12 @@ import {
   pruneAndSaveImportedGpx,
   getGpxesForViewport,
   getGpx,
+  getAllGpxes,
 } from '../db/gpx';
 import { getTrk, putNewTrk } from '../db/trk';
 import { getTrkseg } from '../db/trkseg';
 
-const self = globalThis as unknown as WorkerGlobalScope;
+//const self = globalThis as unknown as WorkerGlobalScope;
 
 const actions = {
   initDb,
@@ -18,6 +19,7 @@ const actions = {
   putNewTrk,
   existsGpx,
   pruneAndSaveImportedGpx,
+  getAllGpxes,
   getGpxesForViewport,
   getGpx,
   getTrk,