Merge branch 'develop' into feat/refresh-metadata

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

.github/workflows/ci-codeql.yml

@@ -31,13 +31,13 @@ jobs:
           fetch-depth: 0
 
       - name: 🏁 Initialize CodeQL
-        uses: github/codeql-action/init@0499de31b99561a6d14a36a5f662c2a54f91beee # v4.31.2
+        uses: github/codeql-action/init@014f16e7ab1402f30e7c3329d33797e7948572db # v4.31.3
         with:
           languages: ${{ matrix.language }}
           queries: +security-extended,security-and-quality
 
       - name: 🛠️ Autobuild
-        uses: github/codeql-action/autobuild@0499de31b99561a6d14a36a5f662c2a54f91beee # v4.31.2
+        uses: github/codeql-action/autobuild@014f16e7ab1402f30e7c3329d33797e7948572db # v4.31.3
 
       - name: 🧪 Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@0499de31b99561a6d14a36a5f662c2a54f91beee # v4.31.2
+        uses: github/codeql-action/analyze@014f16e7ab1402f30e7c3329d33797e7948572db # v4.31.3

.github/workflows/linting.yml

@@ -57,7 +57,7 @@ jobs:
           fetch-depth: 0
 
       - name: Dependency Review
-        uses: actions/dependency-review-action@40c09b7dc99638e5ddb0bfd91c1673effc064d8a # v4.8.1
+        uses: actions/dependency-review-action@3c4e3dcb1aa7874d2c16be7d79418e9b7efd6261 # v4.8.2
         with:
           fail-on-severity: high
           base-ref: ${{ github.event.pull_request.base.sha || 'develop' }}

bun.lock

@@ -1,5 +1,6 @@
 {
   "lockfileVersion": 1,
+  "configVersion": 0,
   "workspaces": {
     "": {
       "name": "streamyfin",
@@ -57,7 +58,7 @@
         "react-native-circular-progress": "^1.4.1",
         "react-native-collapsible": "^1.6.2",
         "react-native-country-flag": "^2.0.2",
-        "react-native-device-info": "^14.0.4",
+        "react-native-device-info": "^15.0.0",
         "react-native-edge-to-edge": "^1.7.0",
         "react-native-gesture-handler": "~2.28.0",
         "react-native-google-cast": "^4.9.1",
@@ -1624,7 +1625,7 @@
 
     "react-native-country-flag": ["react-native-country-flag@2.0.2", "", {}, "sha512-5LMWxS79ZQ0Q9ntYgDYzWp794+HcQGXQmzzZNBR1AT7z5HcJHtX7rlk8RHi7RVzfp5gW6plWSZ4dKjRpu/OafQ=="],
 
-    "react-native-device-info": ["react-native-device-info@14.1.1", "", { "peerDependencies": { "react-native": "*" } }, "sha512-lXFpe6DJmzbQXNLWxlMHP2xuTU5gwrKAvI8dCAZuERhW9eOXSubOQIesk9lIBnsi9pI19GMrcpJEvs4ARPRYmw=="],
+    "react-native-device-info": ["react-native-device-info@15.0.1", "", { "peerDependencies": { "react-native": "*" } }, "sha512-U5waZRXtT3l1SgZpZMlIvMKPTkFZPH8W7Ks6GrJhdH723aUIPxjVer7cRSij1mvQdOAAYFJV/9BDzlC8apG89A=="],
 
     "react-native-edge-to-edge": ["react-native-edge-to-edge@1.7.0", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-ERegbsq28yoMndn/Uq49i4h6aAhMvTEjOfkFh50yX9H/dMjjCr/Tix/es/9JcPRvC+q7VzCMWfxWDUb6Jrq1OQ=="],
 

components/ItemContent.tsx

@@ -35,6 +35,7 @@ import { ItemTechnicalDetails } from "./ItemTechnicalDetails";
 import { MediaSourceSheet } from "./MediaSourceSheet";
 import { MoreMoviesWithActor } from "./MoreMoviesWithActor";
 import { PlayInRemoteSessionButton } from "./PlayInRemoteSession";
+import { RefreshMetadata } from "./RefreshMetadata";
 import { TrackSheet } from "./TrackSheet";
 
 const Chromecast = !Platform.isTV ? require("./Chromecast") : null;
@@ -115,7 +116,10 @@ export const ItemContent: React.FC<ItemContentProps> = React.memo(
                       <DownloadSingleItem item={item} size='large' />
                     )}
                     {user?.Policy?.IsAdministrator && (
-                      <PlayInRemoteSessionButton item={item} size='large' />
+                      <>
+                        <PlayInRemoteSessionButton item={item} size='large' />
+                        <RefreshMetadata item={item} />
+                      </>
                     )}
 
                     <PlayedStatus items={[item]} size='large' />
@@ -132,7 +136,10 @@ export const ItemContent: React.FC<ItemContentProps> = React.memo(
                       <DownloadSingleItem item={item} size='large' />
                     )}
                     {user?.Policy?.IsAdministrator && (
-                      <PlayInRemoteSessionButton item={item} size='large' />
+                      <>
+                        <PlayInRemoteSessionButton item={item} size='large' />
+                        <RefreshMetadata item={item} />
+                      </>
                     )}
 
                     <PlayedStatus items={[item]} size='large' />

components/RefreshMetadata.tsx

@@ -0,0 +1,38 @@
+import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
+import type { FC } from "react";
+import { Platform, View, type ViewProps } from "react-native";
+import { RoundButton } from "@/components/RoundButton";
+import { useRefreshMetadata } from "@/hooks/useRefreshMetadata";
+
+interface Props extends ViewProps {
+  item: BaseItemDto;
+}
+
+export const RefreshMetadata: FC<Props> = ({ item, ...props }) => {
+  const { refreshMetadata, isRefreshing } = useRefreshMetadata(item);
+
+  if (Platform.OS === "ios") {
+    return (
+      <View {...props}>
+        <RoundButton
+          size='large'
+          icon='reload-outline'
+          onPress={refreshMetadata}
+          hapticFeedback={!isRefreshing}
+        />
+      </View>
+    );
+  }
+
+  return (
+    <View {...props}>
+      <RoundButton
+        size='large'
+        icon='reload-outline'
+        onPress={refreshMetadata}
+        hapticFeedback={!isRefreshing}
+        fillColor={isRefreshing ? "primary" : undefined}
+      />
+    </View>
+  );
+};

hooks/useRefreshMetadata.ts

@@ -0,0 +1,42 @@
+import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
+import { getItemRefreshApi } from "@jellyfin/sdk/lib/utils/api";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useAtom } from "jotai";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner-native";
+import { apiAtom } from "@/providers/JellyfinProvider";
+
+export const useRefreshMetadata = (item: BaseItemDto) => {
+  const queryClient = useQueryClient();
+  const [api] = useAtom(apiAtom);
+  const { t } = useTranslation();
+  const type = "item";
+
+  const refreshMetadataMutation = useMutation({
+    mutationFn: async () => {
+      if (api && item.Id) {
+        await getItemRefreshApi(api).refreshItem({
+          itemId: item.Id,
+        });
+      }
+    },
+    onSuccess: () => {
+      toast.success(t("metadata.refresh_triggered"));
+      queryClient.invalidateQueries({ queryKey: [type, item.Id] });
+    },
+    onError: (error) => {
+      console.error("Failed to refresh metadata:", error);
+      toast.error(t("metadata.refresh_failed"));
+    },
+  });
+
+  const refreshMetadata = () => {
+    refreshMetadataMutation.mutate();
+  };
+
+  return {
+    refreshMetadata,
+    isRefreshing: refreshMetadataMutation.isPending,
+    refreshMetadataMutation,
+  };
+};

package.json

@@ -75,7 +75,7 @@
     "react-native-circular-progress": "^1.4.1",
     "react-native-collapsible": "^1.6.2",
     "react-native-country-flag": "^2.0.2",
-    "react-native-device-info": "^14.0.4",
+    "react-native-device-info": "^15.0.0",
     "react-native-edge-to-edge": "^1.7.0",
     "react-native-gesture-handler": "~2.28.0",
     "react-native-google-cast": "^4.9.1",

translations/en.json

@@ -528,5 +528,9 @@
     "library": "Library",
     "custom_links": "Custom Links",
     "favorites": "Favorites"
+  },
+  "metadata": {
+    "refresh_triggered": "Metadata refresh triggered",
+    "refresh_failed": "Failed to refresh metadata"
   }
 }