chore(deps): Update expo monorepo

.github/workflows/build-apps.yml

@@ -344,7 +344,7 @@ jobs:
           xcode-version: "26.2"
 
       - name: 🏗️ Setup EAS
-        uses: expo/expo-github-action@main
+        uses: expo/expo-github-action@b184ff86a3c926240f1b6db41764c83a01c02eef # main
         with:
           eas-version: latest
           token: ${{ secrets.EXPO_TOKEN }}

components/chapters/ChapterList.tsx

@@ -1,127 +0,0 @@
-/**
- * A modal listing an item's chapters. Each row shows the chapter name and its
- * timestamp; the current chapter is highlighted. Tapping a row seeks to that
- * chapter and closes the modal. Player-agnostic — the seek is injected.
- */
-
-import { Ionicons } from "@expo/vector-icons";
-import type { ChapterInfo } from "@jellyfin/sdk/lib/generated-client/models";
-import { useTranslation } from "react-i18next";
-import { FlatList, Modal, Pressable, View } from "react-native";
-import { Text } from "@/components/common/Text";
-import {
-  currentChapterIndex,
-  formatChapterTime,
-  sortedChapters,
-} from "@/utils/chapters";
-
-interface ChapterListProps {
-  visible: boolean;
-  chapters: ChapterInfo[] | null | undefined;
-  /** Current playback position in milliseconds (to highlight the row). */
-  currentPositionMs: number;
-  /** Seek the player to this millisecond position. */
-  onSeek: (positionMs: number) => void;
-  onClose: () => void;
-}
-
-export function ChapterList({
-  visible,
-  chapters,
-  currentPositionMs,
-  onSeek,
-  onClose,
-}: ChapterListProps) {
-  const { t } = useTranslation();
-  const entries = sortedChapters(chapters);
-  const activeIndex = currentChapterIndex(currentPositionMs, chapters);
-
-  return (
-    <Modal
-      visible={visible}
-      transparent
-      animationType='slide'
-      onRequestClose={onClose}
-    >
-      <Pressable
-        onPress={onClose}
-        style={{
-          flex: 1,
-          justifyContent: "flex-end",
-          backgroundColor: "#0009",
-        }}
-      >
-        <Pressable
-          onPress={(e) => e.stopPropagation()}
-          style={{
-            backgroundColor: "#1a1a1a",
-            borderTopLeftRadius: 16,
-            borderTopRightRadius: 16,
-            maxHeight: "70%",
-            paddingBottom: 24,
-          }}
-        >
-          <View
-            style={{
-              flexDirection: "row",
-              justifyContent: "space-between",
-              alignItems: "center",
-              padding: 16,
-            }}
-          >
-            <Text style={{ color: "#fff", fontSize: 17, fontWeight: "700" }}>
-              {t("chapters.title")}
-            </Text>
-            <Pressable
-              onPress={onClose}
-              hitSlop={10}
-              accessibilityRole='button'
-              accessibilityLabel={t("chapters.close")}
-            >
-              <Ionicons name='close' size={24} color='#fff' />
-            </Pressable>
-          </View>
-          <FlatList
-            data={entries}
-            keyExtractor={(item, index) => `${item.positionMs}-${index}`}
-            renderItem={({ item, index }) => {
-              const positionMs = item.positionMs;
-              const isActive = index === activeIndex;
-              return (
-                <Pressable
-                  onPress={() => {
-                    onSeek(positionMs);
-                    onClose();
-                  }}
-                  style={{
-                    flexDirection: "row",
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                    paddingHorizontal: 16,
-                    paddingVertical: 14,
-                    backgroundColor: isActive ? "#a855f733" : "transparent",
-                  }}
-                >
-                  <Text
-                    style={{
-                      color: isActive ? "#a855f7" : "#fff",
-                      fontSize: 15,
-                      flex: 1,
-                    }}
-                    numberOfLines={1}
-                  >
-                    {item.chapter.Name ||
-                      t("chapters.chapter_number", { number: index + 1 })}
-                  </Text>
-                  <Text style={{ color: "#999", fontSize: 13, marginLeft: 12 }}>
-                    {formatChapterTime(positionMs)}
-                  </Text>
-                </Pressable>
-              );
-            }}
-          />
-        </Pressable>
-      </Pressable>
-    </Modal>
-  );
-}

components/chapters/ChapterTicks.tsx

@@ -1,52 +0,0 @@
-/**
- * Chapter tick marks drawn as an absolute overlay over a progress slider.
- * Renders nothing for media with one or zero chapters. `pointerEvents: "none"`
- * so the slider underneath still receives touches.
- */
-
-import type { ChapterInfo } from "@jellyfin/sdk/lib/generated-client/models";
-import { View } from "react-native";
-import { chapterMarkers } from "@/utils/chapters";
-
-interface ChapterTicksProps {
-  chapters: ChapterInfo[] | null | undefined;
-  /** Total media duration in milliseconds. */
-  durationMs: number;
-  /** Tick colour. */
-  color?: string;
-  /** Tick height in px — slightly less than the slider track thickness. */
-  height?: number;
-}
-
-export function ChapterTicks({
-  chapters,
-  durationMs,
-  color = "#fff",
-  height = 6,
-}: ChapterTicksProps) {
-  const markers = chapterMarkers(chapters, durationMs);
-  // One chapter (typically a single marker at 0) is not worth marking.
-  if (markers.length <= 1) return null;
-
-  return (
-    <View
-      pointerEvents='none'
-      style={{ position: "absolute", left: 0, right: 0, top: 0, bottom: 0 }}
-    >
-      {markers.map((marker, index) => (
-        <View
-          key={`${marker.positionMs}-${index}`}
-          style={{
-            position: "absolute",
-            left: `${marker.percent}%`,
-            top: "50%",
-            marginTop: -height / 2,
-            height,
-            width: 1.5,
-            backgroundColor: color,
-          }}
-        />
-      ))}
-    </View>
-  );
-}

components/video-player/controls/BottomControls.tsx

@@ -1,19 +1,11 @@
-import { Ionicons } from "@expo/vector-icons";
-import type {
-  BaseItemDto,
-  ChapterInfo,
-} from "@jellyfin/sdk/lib/generated-client";
-import { type FC, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Pressable, View } from "react-native";
+import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
+import type { FC } from "react";
+import { View } from "react-native";
 import { Slider } from "react-native-awesome-slider";
 import { type SharedValue } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { ChapterList } from "@/components/chapters/ChapterList";
-import { ChapterTicks } from "@/components/chapters/ChapterTicks";
 import { Text } from "@/components/common/Text";
 import { useSettings } from "@/utils/atoms/settings";
-import { chapterMarkers } from "@/utils/chapters";
 import NextEpisodeCountDownButton from "./NextEpisodeCountDownButton";
 import SkipButton from "./SkipButton";
 import { TimeDisplay } from "./TimeDisplay";
@@ -21,10 +13,6 @@ import { TrickplayBubble } from "./TrickplayBubble";
 
 interface BottomControlsProps {
   item: BaseItemDto;
-  /** Item chapters, used for the tick overlay and chapter list. */
-  chapters?: ChapterInfo[] | null;
-  /** Total media duration in milliseconds. */
-  durationMs: number;
   showControls: boolean;
   isSliding: boolean;
   showRemoteBubble: boolean;
@@ -73,8 +61,6 @@ interface BottomControlsProps {
 
 export const BottomControls: FC<BottomControlsProps> = ({
   item,
-  chapters,
-  durationMs,
   showControls,
   isSliding,
   showRemoteBubble,
@@ -103,16 +89,7 @@ export const BottomControls: FC<BottomControlsProps> = ({
   time,
 }) => {
   const { settings } = useSettings();
-  const { t } = useTranslation();
   const insets = useSafeAreaInsets();
-  const [chapterListVisible, setChapterListVisible] = useState(false);
-
-  // Only expose chapter UI when there are at least two real markers.
-  const chapterMarkerList = useMemo(
-    () => chapterMarkers(chapters, durationMs),
-    [chapters, durationMs],
-  );
-  const hasChapters = chapterMarkerList.length > 1;
 
   return (
     <View
@@ -155,18 +132,7 @@ export const BottomControls: FC<BottomControlsProps> = ({
             <Text className='text-xs opacity-50'>{item?.Album}</Text>
           )}
         </View>
-        <View className='flex flex-row items-center space-x-2 shrink-0'>
-          {hasChapters && (
-            <Pressable
-              onPress={() => setChapterListVisible(true)}
-              hitSlop={10}
-              className='justify-center mr-4'
-              accessibilityRole='button'
-              accessibilityLabel={t("chapters.open")}
-            >
-              <Ionicons name='list' size={24} color='white' />
-            </Pressable>
-          )}
+        <View className='flex flex-row space-x-2 shrink-0'>
           <SkipButton
             showButton={showSkipButton}
             onPress={skipIntro}
@@ -246,7 +212,6 @@ export const BottomControls: FC<BottomControlsProps> = ({
               minimumValue={min}
               maximumValue={max}
             />
-            <ChapterTicks chapters={chapters} durationMs={durationMs} />
           </View>
           <TimeDisplay
             currentTime={currentTime}
@@ -254,13 +219,6 @@ export const BottomControls: FC<BottomControlsProps> = ({
           />
         </View>
       </View>
-      <ChapterList
-        visible={chapterListVisible}
-        chapters={chapters}
-        currentPositionMs={currentTime}
-        onSeek={(ms) => handleSliderComplete(ms)}
-        onClose={() => setChapterListVisible(false)}
-      />
     </View>
   );
 };

components/video-player/controls/Controls.tsx

@@ -528,8 +528,6 @@ export const Controls: FC<Props> = ({
           >
             <BottomControls
               item={item}
-              chapters={item.Chapters}
-              durationMs={maxMs}
               showControls={showControls}
               isSliding={isSliding}
               showRemoteBubble={showRemoteBubble}

package.json

@@ -28,9 +28,9 @@
   "dependencies": {
     "@bottom-tabs/react-navigation": "1.1.0",
     "@douglowder/expo-av-route-picker-view": "^0.0.5",
-    "@expo/metro-runtime": "~6.1.1",
+    "@expo/metro-runtime": "~56.0.0",
     "@expo/react-native-action-sheet": "^4.1.1",
-    "@expo/ui": "0.2.0-beta.9",
+    "@expo/ui": "56.0.9",
     "@expo/vector-icons": "^15.0.3",
     "@gorhom/bottom-sheet": "5.2.8",
     "@jellyfin/sdk": "^0.13.0",
@@ -43,34 +43,34 @@
     "@tanstack/react-query": "5.90.20",
     "@tanstack/react-query-persist-client": "^5.90.18",
     "axios": "^1.7.9",
-    "expo": "~54.0.31",
-    "expo-application": "~7.0.8",
-    "expo-asset": "~12.0.12",
-    "expo-background-task": "~1.0.10",
-    "expo-blur": "~15.0.8",
-    "expo-brightness": "~14.0.8",
-    "expo-build-properties": "~1.0.10",
-    "expo-constants": "18.0.13",
-    "expo-crypto": "^15.0.8",
-    "expo-dev-client": "~6.0.20",
-    "expo-device": "~8.0.10",
-    "expo-font": "~14.0.10",
-    "expo-haptics": "~15.0.8",
-    "expo-image": "~3.0.11",
-    "expo-linear-gradient": "~15.0.8",
-    "expo-linking": "~8.0.11",
-    "expo-localization": "~17.0.8",
-    "expo-location": "^19.0.8",
-    "expo-notifications": "~0.32.16",
-    "expo-router": "~6.0.21",
-    "expo-screen-orientation": "~9.0.8",
-    "expo-secure-store": "^15.0.8",
-    "expo-sharing": "~14.0.8",
-    "expo-splash-screen": "~31.0.13",
-    "expo-status-bar": "~3.0.9",
-    "expo-system-ui": "~6.0.9",
-    "expo-task-manager": "14.0.9",
-    "expo-web-browser": "~15.0.10",
+    "expo": "~55.0.0",
+    "expo-application": "~56.0.0",
+    "expo-asset": "~56.0.0",
+    "expo-background-task": "~56.0.0",
+    "expo-blur": "~56.0.0",
+    "expo-brightness": "~56.0.0",
+    "expo-build-properties": "~56.0.0",
+    "expo-constants": "56.0.12",
+    "expo-crypto": "^56.0.0",
+    "expo-dev-client": "~56.0.0",
+    "expo-device": "~56.0.0",
+    "expo-font": "~56.0.0",
+    "expo-haptics": "~56.0.0",
+    "expo-image": "~56.0.0",
+    "expo-linear-gradient": "~56.0.0",
+    "expo-linking": "~56.0.0",
+    "expo-localization": "~56.0.0",
+    "expo-location": "^56.0.0",
+    "expo-notifications": "~56.0.0",
+    "expo-router": "~56.2.0",
+    "expo-screen-orientation": "~56.0.0",
+    "expo-secure-store": "^56.0.0",
+    "expo-sharing": "~56.0.0",
+    "expo-splash-screen": "~56.0.0",
+    "expo-status-bar": "~56.0.0",
+    "expo-system-ui": "~56.0.0",
+    "expo-task-manager": "56.0.10",
+    "expo-web-browser": "~56.0.0",
     "i18next": "^26.0.0",
     "jotai": "2.16.2",
     "lodash": "4.17.23",
@@ -161,6 +161,6 @@
     "unrs-resolver"
   ],
   "resolutions": {
-    "expo-constants": "18.0.13"
+    "expo-constants": "56.0.12"
   }
 }

translations/en.json

@@ -610,12 +610,6 @@
     "downloaded_file_no": "No",
     "downloaded_file_cancel": "Cancel"
   },
-  "chapters": {
-    "title": "Chapters",
-    "chapter_number": "Chapter {{number}}",
-    "open": "Open chapters",
-    "close": "Close chapters"
-  },
   "item_card": {
     "next_up": "Next Up",
     "no_items_to_display": "No Items to Display",

utils/chapters.test.ts

@@ -1,87 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import {
-  chapterMarkers,
-  currentChapterIndex,
-  formatChapterTime,
-  sortedChapters,
-} from "./chapters";
-
-// Helper: a ChapterInfo with a start in milliseconds.
-const ch = (ms: number, name?: string) => ({
-  StartPositionTicks: ms * 10000,
-  Name: name,
-});
-
-describe("chapterMarkers", () => {
-  test("maps chapters to position + percent", () => {
-    expect(chapterMarkers([ch(0), ch(30_000), ch(60_000)], 120_000)).toEqual([
-      { positionMs: 0, percent: 0 },
-      { positionMs: 30_000, percent: 25 },
-      { positionMs: 60_000, percent: 50 },
-    ]);
-  });
-
-  test("drops chapters past the duration", () => {
-    expect(chapterMarkers([ch(0), ch(200_000)], 120_000)).toEqual([
-      { positionMs: 0, percent: 0 },
-    ]);
-  });
-
-  test("returns [] when duration is 0 or chapters missing", () => {
-    expect(chapterMarkers([ch(0)], 0)).toEqual([]);
-    expect(chapterMarkers(null, 120_000)).toEqual([]);
-    expect(chapterMarkers(undefined, 120_000)).toEqual([]);
-  });
-
-  test("excludes a chapter exactly at the duration", () => {
-    expect(chapterMarkers([ch(0), ch(120_000)], 120_000)).toEqual([
-      { positionMs: 0, percent: 0 },
-    ]);
-  });
-
-  test("skips chapters with no StartPositionTicks", () => {
-    expect(
-      chapterMarkers([{ StartPositionTicks: undefined }, ch(30_000)], 120_000),
-    ).toEqual([{ positionMs: 30_000, percent: 25 }]);
-  });
-});
-
-describe("currentChapterIndex", () => {
-  const chapters = [ch(0), ch(30_000), ch(60_000)];
-  test("returns the chapter containing the position", () => {
-    expect(currentChapterIndex(0, chapters)).toBe(0);
-    expect(currentChapterIndex(15_000, chapters)).toBe(0);
-    expect(currentChapterIndex(30_000, chapters)).toBe(1);
-    expect(currentChapterIndex(90_000, chapters)).toBe(2);
-  });
-  test("returns -1 before the first chapter and for no chapters", () => {
-    expect(currentChapterIndex(-5, chapters)).toBe(-1);
-    expect(currentChapterIndex(10_000, [])).toBe(-1);
-    expect(currentChapterIndex(10_000, null)).toBe(-1);
-  });
-});
-
-describe("sortedChapters", () => {
-  test("pairs each chapter with its ms start, sorted ascending", () => {
-    const a = ch(60_000, "C");
-    const b = ch(0, "A");
-    const c = ch(30_000, "B");
-    expect(sortedChapters([a, b, c])).toEqual([
-      { chapter: b, positionMs: 0 },
-      { chapter: c, positionMs: 30_000 },
-      { chapter: a, positionMs: 60_000 },
-    ]);
-  });
-  test("returns [] for null/undefined", () => {
-    expect(sortedChapters(null)).toEqual([]);
-    expect(sortedChapters(undefined)).toEqual([]);
-  });
-});
-
-describe("formatChapterTime", () => {
-  test("formats m:ss and h:mm:ss", () => {
-    expect(formatChapterTime(65_000)).toBe("1:05");
-    expect(formatChapterTime(3_725_000)).toBe("1:02:05");
-    expect(formatChapterTime(-100)).toBe("0:00");
-  });
-});

utils/chapters.ts

@@ -1,78 +0,0 @@
-/**
- * Pure helpers for Jellyfin chapter markers. Dependency-free so they are
- * unit-testable under `bun test`.
- */
-
-import type { ChapterInfo } from "@jellyfin/sdk/lib/generated-client/models";
-import { ticksToMs } from "@/utils/time";
-
-export interface ChapterMarker {
-  /** Chapter start, in milliseconds. */
-  positionMs: number;
-  /** Chapter start as a percentage (0-100) of the media duration. */
-  percent: number;
-}
-
-export interface ChapterEntry {
-  chapter: ChapterInfo;
-  /** Chapter start, in milliseconds. */
-  positionMs: number;
-}
-
-/** Chapters paired with their millisecond start, sorted ascending by start. */
-export const sortedChapters = (
-  chapters: ChapterInfo[] | null | undefined,
-): ChapterEntry[] =>
-  (chapters ?? [])
-    .filter((c) => c.StartPositionTicks != null)
-    .map((chapter) => ({
-      chapter,
-      positionMs: ticksToMs(chapter.StartPositionTicks),
-    }))
-    .sort((a, b) => a.positionMs - b.positionMs);
-
-/** Chapter start positions in milliseconds, ascending. */
-export const chapterStartsMs = (
-  chapters: ChapterInfo[] | null | undefined,
-): number[] =>
-  (chapters ?? [])
-    .filter((c) => c.StartPositionTicks != null)
-    .map((c) => ticksToMs(c.StartPositionTicks))
-    .sort((a, b) => a - b);
-
-/** Chapter markers within [0, durationMs]; empty when duration is unknown. */
-export const chapterMarkers = (
-  chapters: ChapterInfo[] | null | undefined,
-  durationMs: number,
-): ChapterMarker[] => {
-  if (durationMs <= 0) return [];
-  return chapterStartsMs(chapters)
-    .filter((ms) => ms >= 0 && ms < durationMs)
-    .map((ms) => ({ positionMs: ms, percent: (ms / durationMs) * 100 }));
-};
-
-/** Index of the chapter containing `positionMs`, or -1 if before the first. */
-export const currentChapterIndex = (
-  positionMs: number,
-  chapters: ChapterInfo[] | null | undefined,
-): number => {
-  const starts = chapterStartsMs(chapters);
-  let index = -1;
-  for (let i = 0; i < starts.length; i++) {
-    if (positionMs >= starts[i]) index = i;
-    else break;
-  }
-  return index;
-};
-
-/** `m:ss` (or `h:mm:ss` past an hour) label for a millisecond position. */
-export const formatChapterTime = (positionMs: number): string => {
-  const total = Math.max(0, Math.floor(positionMs / 1000));
-  const hours = Math.floor(total / 3600);
-  const minutes = Math.floor((total % 3600) / 60);
-  const seconds = total % 60;
-  const pad = (n: number) => String(n).padStart(2, "0");
-  return hours > 0
-    ? `${hours}:${pad(minutes)}:${pad(seconds)}`
-    : `${minutes}:${pad(seconds)}`;
-};