Ambient Plugin cleanup (#1880)

src/plugins/ambient-mode/menu.ts

@@ -0,0 +1,110 @@
+import { t } from "@/i18n";
+import { MenuContext } from "@/types/contexts";
+import { MenuItemConstructorOptions } from "electron";
+import { AmbientModePluginConfig } from "./types";
+
+export interface menuParameters {
+  getConfig: () => AmbientModePluginConfig | Promise<AmbientModePluginConfig>;
+  setConfig: (conf: Partial<Omit<AmbientModePluginConfig, "enabled">>) => void | Promise<void>;
+}
+
+export const menu: (ctx: MenuContext<AmbientModePluginConfig>) => MenuItemConstructorOptions[] | Promise<MenuItemConstructorOptions[]> = async ({ getConfig, setConfig }: menuParameters) => {
+  const interpolationTimeList = [0, 500, 1000, 1500, 2000, 3000, 4000, 5000];
+  const qualityList = [10, 25, 50, 100, 200, 500, 1000];
+  const sizeList = [100, 110, 125, 150, 175, 200, 300];
+  const bufferList = [1, 5, 10, 20, 30];
+  const blurAmountList = [0, 5, 10, 25, 50, 100, 150, 200, 500];
+  const opacityList = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1];
+
+  const config = await getConfig();
+
+  return [
+    {
+      label: t('plugins.ambient-mode.menu.smoothness-transition.label'),
+      submenu: interpolationTimeList.map((interpolationTime) => ({
+        label: t(
+          'plugins.ambient-mode.menu.smoothness-transition.submenu.during',
+          {
+            interpolationTime: interpolationTime / 1000,
+          },
+        ),
+        type: 'radio',
+        checked: config.interpolationTime === interpolationTime,
+        click() {
+          setConfig({ interpolationTime });
+        },
+      })),
+    },
+    {
+      label: t('plugins.ambient-mode.menu.quality.label'),
+      submenu: qualityList.map((quality) => ({
+        label: t('plugins.ambient-mode.menu.quality.submenu.pixels', {
+          quality,
+        }),
+        type: 'radio',
+        checked: config.quality === quality,
+        click() {
+          setConfig({ quality });
+        },
+      })),
+    },
+    {
+      label: t('plugins.ambient-mode.menu.size.label'),
+      submenu: sizeList.map((size) => ({
+        label: t('plugins.ambient-mode.menu.size.submenu.percent', { size }),
+        type: 'radio',
+        checked: config.size === size,
+        click() {
+          setConfig({ size });
+        },
+      })),
+    },
+    {
+      label: t('plugins.ambient-mode.menu.buffer.label'),
+      submenu: bufferList.map((buffer) => ({
+        label: t('plugins.ambient-mode.menu.buffer.submenu.buffer', {
+          buffer,
+        }),
+        type: 'radio',
+        checked: config.buffer === buffer,
+        click() {
+          setConfig({ buffer });
+        },
+      })),
+    },
+    {
+      label: t('plugins.ambient-mode.menu.opacity.label'),
+      submenu: opacityList.map((opacity) => ({
+        label: t('plugins.ambient-mode.menu.opacity.submenu.percent', {
+          opacity: opacity * 100,
+        }),
+        type: 'radio',
+        checked: config.opacity === opacity,
+        click() {
+          setConfig({ opacity });
+        },
+      })),
+    },
+    {
+      label: t('plugins.ambient-mode.menu.blur-amount.label'),
+      submenu: blurAmountList.map((blur) => ({
+        label: t('plugins.ambient-mode.menu.blur-amount.submenu.pixels', {
+          blurAmount: blur,
+        }),
+        type: 'radio',
+        checked: config.blur === blur,
+        click() {
+          setConfig({ blur });
+        },
+      })),
+    },
+    {
+      label: t('plugins.ambient-mode.menu.use-fullscreen.label'),
+      type: 'checkbox',
+      checked: config.fullscreen,
+      click(item: Electron.MenuItem) {
+        setConfig({ fullscreen: item.checked });
+      },
+    },
+  ];
+}