src/lib/modal.ts — radicle-desktop

rad:z4D5UCArafTzTQpDZNQRuqswh3ury

Radicle desktop app

.. router appearance.svelte.ts auth.svelte.ts avatar.ts cached.ts checkRadicleCLI.svelte.ts draftReviewStorage.ts emojis.ts events.ts interval.ts invoke.ts issueCounts.svelte.ts markdown.ts modal.ts mutexExecutor.ts notification.ts notificationCount.svelte.ts patchCounts.svelte.ts portal.ts roles.ts router.ts sleep.ts startup.svelte.ts syntax.ts updateChecker.svelte.ts useLocalStorage.svelte.ts utils.ts

import type { Component, ComponentProps } from "svelte";

import { derived, get, writable } from "svelte/store";

type HideCallback = () => void;

type Modal = {
  component: Component;
  props: Record<string, unknown>;
  hideCallback?: HideCallback;
  disableHide?: boolean;
  disableScrimClose?: boolean;
};

const store = writable<Modal | undefined>(undefined);
export const modalStore = derived(store, s => s);

export function enableHide() {
  store.update(s => {
    if (s) {
      return { ...s, disableHide: false };
    }
  });
}

export function disableHide() {
  store.update(s => {
    if (s) {
      return { ...s, disableHide: true };
    }
  });
}

export function forceHide(): void {
  const stored = get(modalStore);
  if (!stored) {
    return;
  }
  if (stored.hideCallback) {
    stored.hideCallback();
  }
  store.set(undefined);
}

export function hide(): void {
  const stored = get(modalStore);
  if (!stored || stored.disableHide) {
    return;
  }

  if (stored.hideCallback) {
    stored.hideCallback();
  }
  store.set(undefined);
}

interface ShowArgs<T extends Component> {
  component: T;
  props: ComponentProps<T>;
  hideCallback?: HideCallback;
  disableScrimClose?: boolean;
}

// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function show<T extends Component<any>>(args: ShowArgs<T>): void {
  if (document.activeElement instanceof HTMLElement) {
    document.activeElement.blur();
  }
  store.set({ ...args, disableScrimClose: args.disableScrimClose ?? false });
}

// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function toggle<T extends Component<any>>(args: ShowArgs<T>): void {
  const stored = get(modalStore);

  if (stored && stored.component === args.component) {
    hide();
    return;
  }

  show(args);
}