daedalOS/components/apps/Browser/useProxyMenu.ts

import { useMemo } from "react";
import { OLD_NET_SUPPORTED_YEARS } from "components/apps/Browser/config";
import { useMenu } from "contexts/menu";
import { type ContextMenuCapture } from "contexts/menu/useMenuContextState";

export type ProxyState =
  | "ALL_ORIGINS"
  | "CORS"
  | `OLD_NET_${number}`
  | "WAYBACK_MACHINE";

const useProxyMenu = (
  proxyState: ProxyState,
  setProxyState: React.Dispatch<React.SetStateAction<ProxyState>>
): ContextMenuCapture => {
  const { contextMenu } = useMenu();

  return useMemo(
    () =>
      contextMenu?.(() => [
        {
          action: () => setProxyState("ALL_ORIGINS"),
          label: "allOrigins",
          toggle: proxyState === "ALL_ORIGINS",
        },
        {
          action: () => setProxyState("CORS"),
          label: "Local w/CORS",
          toggle: proxyState === "CORS",
        },
        {
          action: () => setProxyState("WAYBACK_MACHINE"),
          label: "Wayback Machine",
          toggle: proxyState === "WAYBACK_MACHINE",
        },
        {
          label: "The Old Net",
          menu: OLD_NET_SUPPORTED_YEARS.map((year) => ({
            action: () => setProxyState(`OLD_NET_${year}`),
            checked: proxyState === `OLD_NET_${year}`,
            label: year.toString(),
          })),
          toggle: proxyState.startsWith("OLD_NET_"),
        },
      ]),
    [contextMenu, proxyState, setProxyState]
  );
};

export default useProxyMenu;