@genspectrum/dashboard-components 1.12.0 → 1.13.0

package/src/preact/mutationsOverTime/mutationOverTimeWorker.ts

@@ -1,29 +0,0 @@
-import {
-    type MutationOverTimeMutationValue,
-    type MutationOverTimeQuery,
-    queryMutationsOverTimeData,
-} from '../../query/queryMutationsOverTime';
-import type { SubstitutionOrDeletionEntry } from '../../types';
-import { type Map2DContents } from '../../utils/map2d';
-import type { Deletion, Substitution } from '../../utils/mutations';
-import type { Temporal } from '../../utils/temporalClass';
-import { workerFunction } from '../webWorkers/workerFunction';
-
-export type MutationOverTimeWorkerResponse = {
-    overallMutationData: SubstitutionOrDeletionEntry<Substitution, Deletion>[];
-    mutationOverTimeSerialized: Map2DContents<Substitution | Deletion, Temporal, MutationOverTimeMutationValue>;
-};
-
-export async function getMutationOverTimeWorkerFunction(event: MessageEvent<MutationOverTimeQuery>) {
-    const mutationOverTimeData = await queryMutationsOverTimeData(event.data);
-
-    const workerResponse: MutationOverTimeWorkerResponse = {
-        overallMutationData: mutationOverTimeData.overallMutationData,
-        mutationOverTimeSerialized: mutationOverTimeData.mutationOverTimeData.getContents(),
-    };
-    return workerResponse;
-}
-
-self.onmessage = async function (event: MessageEvent<MutationOverTimeQuery>) {
-    await workerFunction(() => getMutationOverTimeWorkerFunction(event));
-};

package/src/preact/webWorkers/useWebWorker.ts

@@ -1,74 +0,0 @@
-import { useEffect, useMemo, useState } from 'preact/hooks';
-
-import { UserFacingError } from '../components/error-display';
-
-export type LoadingWorkerStatus = {
-    status: 'loading';
-};
-export type SuccessWorkerStatus<Response> = {
-    status: 'success';
-    data: Response;
-};
-export type ErrorWorkerStatus =
-    | {
-          status: 'error';
-          userFacing: false;
-          error: Error;
-      }
-    | {
-          status: 'error';
-          userFacing: true;
-          headline: string;
-          error: Error;
-      };
-export type WorkerStatus<Response> = LoadingWorkerStatus | SuccessWorkerStatus<Response> | ErrorWorkerStatus;
-
-// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters -- We need the return type
-export function useWebWorker<Response>(messageToWorker: unknown, WorkerConstructor: new () => Worker) {
-    const [data, setData] = useState<Response | undefined>(undefined);
-    const [error, setError] = useState<Error | undefined>(undefined);
-    const [isLoading, setIsLoading] = useState(true);
-
-    const worker = useMemo(() => {
-        const worker = new WorkerConstructor();
-
-        worker.onmessage = (event: MessageEvent<WorkerStatus<Response>>) => {
-            const eventData = event.data;
-            const status = eventData.status;
-
-            switch (status) {
-                case 'loading':
-                    setIsLoading(true);
-                    break;
-                case 'success':
-                    setData(eventData.data);
-                    setError(undefined);
-                    setIsLoading(false);
-                    break;
-                case 'error':
-                    setError(
-                        eventData.userFacing
-                            ? new UserFacingError(eventData.headline, eventData.error.message)
-                            : eventData.error,
-                    );
-                    setIsLoading(false);
-                    break;
-                default:
-                    throw new Error(`Unknown status: ${status}`);
-            }
-        };
-
-        worker.onmessageerror = (event: MessageEvent) => {
-            setError(new Error(`Worker received a message that it cannot deserialize: ${event.data}`));
-            setIsLoading(false);
-        };
-
-        return worker;
-    }, [WorkerConstructor]);
-
-    useEffect(() => {
-        worker.postMessage(messageToWorker);
-    }, [messageToWorker, worker]);
-
-    return { data, error, isLoading };
-}

package/src/preact/webWorkers/workerFunction.ts

@@ -1,30 +0,0 @@
-import { type ErrorWorkerStatus, type LoadingWorkerStatus, type SuccessWorkerStatus } from './useWebWorker';
-import { UserFacingError } from '../components/error-display';
-
-export async function workerFunction(queryFunction: () => unknown) {
-    try {
-        postMessage({ status: 'loading' } satisfies LoadingWorkerStatus);
-
-        const workerResponse = await queryFunction();
-
-        postMessage({
-            status: 'success',
-            data: workerResponse,
-        } satisfies SuccessWorkerStatus<unknown>);
-    } catch (error) {
-        postMessage(
-            (error instanceof UserFacingError
-                ? {
-                      status: 'error',
-                      userFacing: true,
-                      headline: error.headline,
-                      error,
-                  }
-                : {
-                      status: 'error',
-                      userFacing: false,
-                      error: error instanceof Error ? error : new Error(`${error}`),
-                  }) satisfies ErrorWorkerStatus,
-        );
-    }
-}