Refactoring to implement visualization and edition features.

src/components/trk/Trk.tsx

@@ -15,6 +15,10 @@ import getUri from '../../lib/ids';
 
 import Trkseg from '../trkseg';
 import VectorSource from 'ol/source/Vector';
+import {
+  createCachedSignal,
+  destroyCachedSignal,
+} from '../../workers/cached-signals';
 
 interface Props {
   trkId: string;
@@ -22,42 +26,14 @@ interface Props {
   context: any;
 }
 export const Trk: Component<Props> = ({ vectorSource, trkId, context }) => {
-  const [trk, setTrk] = createSignal<Trk>();
-  const [dispatchId, setDispatchId] = createSignal<number>(-1);
-
-  const trkCallBack = (error: any, result: any, id?: number) => {
-    if (error) {
-      console.error({ caller: 'trkCallBack', error });
-    } else {
-      console.log({ caller: 'trkCallBack', result });
-      setTrk(result);
-    }
-    if (id) {
-      setDispatchId(id);
-    }
+  const params = {
+    id: trkId,
+    method: 'getTrk',
   };
-
-  dispatch(
-    {
-      action: 'getAndWatch',
-      params: {
-        id: trkId,
-        method: 'getTrk',
-      },
-    },
-    trkCallBack,
-    true
-  );
+  const trk = createCachedSignal(params);
 
   onCleanup(() => {
-    dispatch({
-      action: 'cancelWatch',
-      params: {
-        id: trkId,
-        method: 'getTrk',
-      },
-    });
-    cancelDispatch(dispatchId());
+    destroyCachedSignal(params);
   });
 
   createEffect(() => {