refactor: add request handlers for centralized cached requests (#1504)

* feat: add object base64 hash method

* chore: add script to add package

* feat: add request-handler package

* wip: add request handlers for all jobs and widget api procedures

* wip: remove errors shown in logs, add missing decryption for secrets in cached-request-job-handler

* wip: highly improve request handler, add request handlers for calendar, media-server, indexer-manager and more, add support for multiple inputs from job handler creator

* refactor: move media-server requests to request-handler, add invalidation logic for dns-hole and media requests

* refactor: remove unused integration item middleware

* feat: add invalidation to switch entity action of smart-home

* fix: lint issues

* chore: use integration-kind-by-category instead of union for request-handlers

* fix: build not working for tasks and websocket

* refactor: add more logs

* refactor: readd timestamp logic for diconnect status

* fix: lint and typecheck issue

* chore: address pull request feedback

packages/widgets/src/bookmarks/add-button.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { Button } from "@mantine/core";
+
+import { useModalAction } from "@homarr/modals";
+import { useI18n } from "@homarr/translation/client";
+
+import type { SortableItemListInput } from "../options";
+import { AppSelectModal } from "./app-select-modal";
+
+export const BookmarkAddButton: SortableItemListInput<
+  { name: string; description: string | null; id: string; iconUrl: string; href: string | null },
+  string
+>["AddButton"] = ({ addItem, values }) => {
+  const { openModal } = useModalAction(AppSelectModal);
+  const t = useI18n();
+
+  return (
+    <Button onClick={() => openModal({ onSelect: addItem, presentAppIds: values })}>
+      {t("widget.bookmarks.option.items.add")}
+    </Button>
+  );
+};

packages/widgets/src/bookmarks/index.tsx

@@ -1,14 +1,12 @@
-import { ActionIcon, Avatar, Button, Group, Stack, Text } from "@mantine/core";
+import { ActionIcon, Avatar, Group, Stack, Text } from "@mantine/core";
 import { IconClock, IconX } from "@tabler/icons-react";
 
 import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
-import { useModalAction } from "@homarr/modals";
-import { useI18n } from "@homarr/translation/client";
 
 import { createWidgetDefinition } from "../definition";
 import { optionsBuilder } from "../options";
-import { AppSelectModal } from "./app-select-modal";
+import { BookmarkAddButton } from "./add-button";
 
 export const { definition, componentLoader } = createWidgetDefinition("bookmarks", {
   icon: IconClock,
@@ -42,16 +40,7 @@ export const { definition, componentLoader } = createWidgetDefinition("bookmarks
           </Group>
         );
       },
-      AddButton({ addItem, values }) {
-        const { openModal } = useModalAction(AppSelectModal);
-        const t = useI18n();
-
-        return (
-          <Button onClick={() => openModal({ onSelect: addItem, presentAppIds: values })}>
-            {t("widget.bookmarks.option.items.add")}
-          </Button>
-        );
-      },
+      AddButton: BookmarkAddButton,
       uniqueIdentifier: (item) => item.id,
       useData: (initialIds) => {
         const { data, error, isLoading } = clientApi.app.byIds.useQuery(initialIds);