feat: #655 implement jellyfin media server

.vscode/settings.json

@@ -8,7 +8,14 @@
   "typescript.tsdk": "node_modules\\typescript\\lib",
   "js/ts.implicitProjectConfig.experimentalDecorators": true,
   "prettier.configPath": "./tooling/prettier/index.mjs",
-  "cSpell.words": ["cqmin", "homarr", "superjson", "trpc", "Umami"],
+  "cSpell.words": [
+    "cqmin",
+    "homarr",
+    "jellyfin",
+    "superjson",
+    "trpc",
+    "Umami"
+  ],
   "i18n-ally.dirStructure": "auto",
   "i18n-ally.enabledFrameworks": ["next-international"],
   "i18n-ally.localesPaths": ["./packages/translation/src/lang/"],

packages/api/src/router/widgets/index.ts

@@ -1,6 +1,7 @@
 import { createTRPCRouter } from "../../trpc";
 import { appRouter } from "./app";
 import { dnsHoleRouter } from "./dns-hole";
+import { mediaServerRouter } from "./media-server";
 import { notebookRouter } from "./notebook";
 import { smartHomeRouter } from "./smart-home";
 import { weatherRouter } from "./weather";
@@ -11,4 +12,5 @@ export const widgetRouter = createTRPCRouter({
   app: appRouter,
   dnsHole: dnsHoleRouter,
   smartHome: smartHomeRouter,
+  mediaServer: mediaServerRouter
 });

packages/api/src/router/widgets/media-server.ts

@@ -0,0 +1,15 @@
+import { createCacheChannel } from "@homarr/redis";
+import { z } from "@homarr/validation";
+
+import { createManyIntegrationMiddleware } from "../../middlewares/integration";
+import { createTRPCRouter, publicProcedure } from "../../trpc";
+
+export const mediaServerRouter = createTRPCRouter({
+  getCurrentStreams: publicProcedure
+    .unstable_concat(createManyIntegrationMiddleware("jellyfin", "plex"))
+    .query(async ({ ctx, input }) => {
+      const cache = createCacheChannel("media-server");
+      await cache.consumeAsync(async () => {});
+      return {};
+    }),
+});

packages/definitions/src/widget.ts

@@ -8,5 +8,6 @@ export const widgetKinds = [
   "dnsHoleSummary",
   "smartHome-entityState",
   "smartHome-executeAutomation",
+  "mediaServer"
 ] as const;
 export type WidgetKind = (typeof widgetKinds)[number];

packages/widgets/src/index.tsx

@@ -14,6 +14,7 @@ import type { WidgetImportRecord } from "./import";
 import * as notebook from "./notebook";
 import * as smartHomeEntityState from "./smart-home/entity-state";
 import * as smartHomeExecuteAutomation from "./smart-home/execute-automation";
+import * as mediaServer from "./media-server";
 import * as video from "./video";
 import * as weather from "./weather";
 
@@ -33,6 +34,7 @@ export const widgetImports = {
   dnsHoleSummary,
   "smartHome-entityState": smartHomeEntityState,
   "smartHome-executeAutomation": smartHomeExecuteAutomation,
+  mediaServer
 } satisfies WidgetImportRecord;
 
 export type WidgetImports = typeof widgetImports;

packages/widgets/src/media-server/component.tsx

@@ -0,0 +1,5 @@
+import { WidgetComponentProps } from "../definition";
+
+export default function MediaServerWidget({ options }: WidgetComponentProps<"mediaServer">) {
+    return <span>TEST!!</span>
+}

packages/widgets/src/media-server/index.ts

@@ -0,0 +1,11 @@
+import { IconVideo } from "@tabler/icons-react";
+
+import { createWidgetDefinition } from "../definition";
+
+export const { componentLoader, definition } = createWidgetDefinition("mediaServer", {
+  icon: IconVideo,
+  options: {},
+  supportedIntegrations: ["jellyfin", "plex"],
+})
+  .withServerData(() => import("./serverData"))
+  .withDynamicImport(() => import("./component"));

packages/widgets/src/media-server/serverData.ts

@@ -0,0 +1,12 @@
+"use server";
+
+import { api } from "@homarr/api/server";
+import type { WidgetProps } from "../definition";
+
+export default async function getServerDataAsync({ integrationIds }: WidgetProps<"mediaServer">) {
+    const currentStreams = await api.widget.mediaServer.getCurrentStreams({
+        integrationIds
+    });
+
+    return currentStreams;
+}