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/health-monitoring/component.tsx

@@ -33,7 +33,6 @@ import dayjs from "dayjs";
 import duration from "dayjs/plugin/duration";
 
 import { clientApi } from "@homarr/api/client";
-import type { HealthMonitoring } from "@homarr/integrations";
 import type { TranslationFunction } from "@homarr/translation";
 import { useI18n } from "@homarr/translation/client";
 
@@ -53,17 +52,6 @@ export default function HealthMonitoringWidget({ options, integrationIds }: Widg
       refetchOnWindowFocus: false,
       refetchOnReconnect: false,
       retry: false,
-      select: (data) =>
-        data.filter(
-          (
-            health,
-          ): health is {
-            integrationId: string;
-            integrationName: string;
-            healthInfo: HealthMonitoring;
-            timestamp: Date;
-          } => health.healthInfo !== null,
-        ),
     },
   );
   const [opened, { open, close }] = useDisclosure(false);
@@ -82,16 +70,7 @@ export default function HealthMonitoringWidget({ options, integrationIds }: Widg
               ? { ...item, healthInfo: data.healthInfo, timestamp: data.timestamp }
               : item,
           );
-          return newData.filter(
-            (
-              health,
-            ): health is {
-              integrationId: string;
-              integrationName: string;
-              healthInfo: HealthMonitoring;
-              timestamp: Date;
-            } => health.healthInfo !== null,
-          );
+          return newData;
         });
       },
     },
@@ -102,7 +81,7 @@ export default function HealthMonitoringWidget({ options, integrationIds }: Widg
   }
   return (
     <Stack h="100%" gap="2.5cqmin" className="health-monitoring">
-      {healthData.map(({ integrationId, integrationName, healthInfo, timestamp }) => {
+      {healthData.map(({ integrationId, integrationName, healthInfo, updatedAt }) => {
         const disksData = matchFileSystemAndSmart(healthInfo.fileSystem, healthInfo.smart);
         const memoryUsage = formatMemoryUsage(healthInfo.memAvailable, healthInfo.memUsed);
         return (
@@ -211,15 +190,17 @@ export default function HealthMonitoringWidget({ options, integrationIds }: Widg
                 )}
                 {options.memory && <MemoryRing available={healthInfo.memAvailable} used={healthInfo.memUsed} />}
               </Flex>
-              <Text
-                className="health-monitoring-status-update-time"
-                c="dimmed"
-                size="3.5cqmin"
-                ta="center"
-                mb="2.5cqmin"
-              >
-                {t("widget.healthMonitoring.popover.lastSeen", { lastSeen: dayjs(timestamp).fromNow() })}
-              </Text>
+              {
+                <Text
+                  className="health-monitoring-status-update-time"
+                  c="dimmed"
+                  size="3.5cqmin"
+                  ta="center"
+                  mb="2.5cqmin"
+                >
+                  {t("widget.healthMonitoring.popover.lastSeen", { lastSeen: dayjs(updatedAt).fromNow() })}
+                </Text>
+              }
             </Card>
             {options.fileSystem &&
               disksData.map((disk) => {