chore(deps): Update dependency react-native-worklets to v0.7.2

bun.lock

@@ -88,7 +88,7 @@
         "react-native-uuid": "^2.0.3",
         "react-native-volume-manager": "^2.0.8",
         "react-native-web": "^0.21.0",
-        "react-native-worklets": "0.5.1",
+        "react-native-worklets": "0.7.2",
         "sonner-native": "0.21.2",
         "tailwindcss": "3.3.2",
         "use-debounce": "^10.0.4",
@@ -258,7 +258,7 @@
 
     "@babel/plugin-transform-optional-catch-binding": ["@babel/plugin-transform-optional-catch-binding@7.27.1", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q=="],
 
-    "@babel/plugin-transform-optional-chaining": ["@babel/plugin-transform-optional-chaining@7.28.5", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1", "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ=="],
+    "@babel/plugin-transform-optional-chaining": ["@babel/plugin-transform-optional-chaining@7.27.1", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1", "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg=="],
 
     "@babel/plugin-transform-parameters": ["@babel/plugin-transform-parameters@7.27.7", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg=="],
 
@@ -1708,7 +1708,7 @@
 
     "react-native-web": ["react-native-web@0.21.2", "", { "dependencies": { "@babel/runtime": "^7.18.6", "@react-native/normalize-colors": "^0.74.1", "fbjs": "^3.0.4", "inline-style-prefixer": "^7.0.1", "memoize-one": "^6.0.0", "nullthrows": "^1.1.1", "postcss-value-parser": "^4.2.0", "styleq": "^0.1.3" }, "peerDependencies": { "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" } }, "sha512-SO2t9/17zM4iEnFvlu2DA9jqNbzNhoUP+AItkoCOyFmDMOhUnBBznBDCYN92fGdfAkfQlWzPoez6+zLxFNsZEg=="],
 
-    "react-native-worklets": ["react-native-worklets@0.5.1", "", { "dependencies": { "@babel/plugin-transform-arrow-functions": "^7.0.0-0", "@babel/plugin-transform-class-properties": "^7.0.0-0", "@babel/plugin-transform-classes": "^7.0.0-0", "@babel/plugin-transform-nullish-coalescing-operator": "^7.0.0-0", "@babel/plugin-transform-optional-chaining": "^7.0.0-0", "@babel/plugin-transform-shorthand-properties": "^7.0.0-0", "@babel/plugin-transform-template-literals": "^7.0.0-0", "@babel/plugin-transform-unicode-regex": "^7.0.0-0", "@babel/preset-typescript": "^7.16.7", "convert-source-map": "^2.0.0", "semver": "7.7.2" }, "peerDependencies": { "@babel/core": "^7.0.0-0", "react": "*", "react-native": "*" } }, "sha512-lJG6Uk9YuojjEX/tQrCbcbmpdLCSFxDK1rJlkDhgqkVi1KZzG7cdcBFQRqyNOOzR9Y0CXNuldmtWTGOyM0k0+w=="],
+    "react-native-worklets": ["react-native-worklets@0.7.2", "", { "dependencies": { "@babel/plugin-transform-arrow-functions": "7.27.1", "@babel/plugin-transform-class-properties": "7.27.1", "@babel/plugin-transform-classes": "7.28.4", "@babel/plugin-transform-nullish-coalescing-operator": "7.27.1", "@babel/plugin-transform-optional-chaining": "7.27.1", "@babel/plugin-transform-shorthand-properties": "7.27.1", "@babel/plugin-transform-template-literals": "7.27.1", "@babel/plugin-transform-unicode-regex": "7.27.1", "@babel/preset-typescript": "7.27.1", "convert-source-map": "2.0.0", "semver": "7.7.3" }, "peerDependencies": { "@babel/core": "*", "react": "*", "react-native": "*" } }, "sha512-DuLu1kMV/Uyl9pQHp3hehAlThoLw7Yk2FwRTpzASOmI+cd4845FWn3m2bk9MnjUw8FBRIyhwLqYm2AJaXDXsog=="],
 
     "react-refresh": ["react-refresh@0.14.2", "", {}, "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA=="],
 
@@ -2214,6 +2214,8 @@
 
     "@react-native/babel-preset/@babel/core": ["@babel/core@7.28.5", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.5", "@babel/helper-compilation-targets": "^7.27.2", "@babel/helper-module-transforms": "^7.28.3", "@babel/helpers": "^7.28.4", "@babel/parser": "^7.28.5", "@babel/template": "^7.27.2", "@babel/traverse": "^7.28.5", "@babel/types": "^7.28.5", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw=="],
 
+    "@react-native/babel-preset/@babel/plugin-transform-optional-chaining": ["@babel/plugin-transform-optional-chaining@7.28.5", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1", "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ=="],
+
     "@react-native/babel-preset/@babel/template": ["@babel/template@7.27.2", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/parser": "^7.27.2", "@babel/types": "^7.27.1" } }, "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw=="],
 
     "@react-native/codegen/@babel/core": ["@babel/core@7.28.5", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.5", "@babel/helper-compilation-targets": "^7.27.2", "@babel/helper-module-transforms": "^7.28.3", "@babel/helpers": "^7.28.4", "@babel/parser": "^7.28.5", "@babel/template": "^7.27.2", "@babel/traverse": "^7.28.5", "@babel/types": "^7.28.5", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw=="],
@@ -2436,7 +2438,9 @@
 
     "react-native-web/memoize-one": ["memoize-one@6.0.0", "", {}, "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="],
 
-    "react-native-worklets/semver": ["semver@7.7.2", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
+    "react-native-worklets/@babel/preset-typescript": ["@babel/preset-typescript@7.27.1", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1", "@babel/helper-validator-option": "^7.27.1", "@babel/plugin-syntax-jsx": "^7.27.1", "@babel/plugin-transform-modules-commonjs": "^7.27.1", "@babel/plugin-transform-typescript": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-l7WfQfX0WK4M0v2RudjuQK4u99BS6yLHYEmdtVPP7lKV013zr9DygFuWNlnbvQ9LR+LS0Egz/XAvGx5U9MX0fQ=="],
+
+    "react-native-worklets/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
 
     "readable-web-to-node-stream/readable-stream": ["readable-stream@4.7.0", "", { "dependencies": { "abort-controller": "^3.0.0", "buffer": "^6.0.3", "events": "^3.3.0", "process": "^0.11.10", "string_decoder": "^1.3.0" } }, "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg=="],
 

components/Button.tsx

@@ -144,10 +144,7 @@ export const Button: React.FC<PropsWithChildren<ButtonProps>> = ({
             ${colorClasses}
             ${className}`}
         >
-          <Text
-            className={`${textColorClass} text-xl font-bold`}
-            ellipsizeMode='tail'
-          >
+          <Text className={`${textColorClass} text-xl font-bold`}>
             {children}
           </Text>
         </View>
@@ -189,7 +186,6 @@ export const Button: React.FC<PropsWithChildren<ButtonProps>> = ({
           ${iconRight ? "mr-2" : ""}
           ${iconLeft ? "ml-2" : ""}
         `}
-            ellipsizeMode='tail'
           >
             {children}
           </Text>

components/JellyfinServerDiscovery.tsx

@@ -17,7 +17,7 @@ const JellyfinServerDiscovery: React.FC<Props> = ({ onServerSelect }) => {
   return (
     <View className='mt-2'>
       <Button onPress={startDiscovery} color='black'>
-        <Text maxFontSizeMultiplier={1.2} className='text-white text-center'>
+        <Text className='text-white text-center'>
           {isSearching
             ? t("server.searching")
             : t("server.search_for_local_servers")}

components/PlayButton.tsx

@@ -532,24 +532,18 @@ export const PlayButton: React.FC<Props> = ({
         className='flex flex-row items-center justify-center bg-transparent rounded-full z-20 h-12 w-full '
       >
         <View className='flex flex-row items-center space-x-2'>
-          <Animated.Text
-            style={[animatedTextStyle, { fontWeight: "bold" }]}
-            maxFontSizeMultiplier={1.2}
-          >
+          <Animated.Text style={[animatedTextStyle, { fontWeight: "bold" }]}>
             {runtimeTicksToMinutes(
               (item?.RunTimeTicks || 0) -
                 (item?.UserData?.PlaybackPositionTicks || 0),
             )}
             {(item?.UserData?.PlaybackPositionTicks || 0) > 0 && " left"}
           </Animated.Text>
-          <Animated.Text style={animatedTextStyle} maxFontSizeMultiplier={1.2}>
+          <Animated.Text style={animatedTextStyle}>
             <Ionicons name='play-circle' size={24} />
           </Animated.Text>
           {client && (
-            <Animated.Text
-              style={animatedTextStyle}
-              maxFontSizeMultiplier={1.2}
-            >
+            <Animated.Text style={animatedTextStyle}>
               <Feather name='cast' size={22} />
               <CastButton tintColor='transparent' />
             </Animated.Text>

components/PlayButton.tv.tsx

@@ -198,13 +198,10 @@ export const PlayButton: React.FC<Props> = ({
         className='flex flex-row items-center justify-center bg-transparent rounded-xl z-20 h-12 w-full '
       >
         <View className='flex flex-row items-center space-x-2'>
-          <Animated.Text
-            style={[animatedTextStyle, { fontWeight: "bold" }]}
-            maxFontSizeMultiplier={1.2}
-          >
+          <Animated.Text style={[animatedTextStyle, { fontWeight: "bold" }]}>
             {runtimeTicksToMinutes(item?.RunTimeTicks)}
           </Animated.Text>
-          <Animated.Text style={animatedTextStyle} maxFontSizeMultiplier={1.2}>
+          <Animated.Text style={animatedTextStyle}>
             <Ionicons name='play-circle' size={24} />
           </Animated.Text>
         </View>

components/ThemedText.tsx

@@ -13,7 +13,6 @@ export function ThemedText({
 }: ThemedTextProps) {
   return (
     <Text
-      maxFontSizeMultiplier={1.3}
       style={[
         { color: "white" },
         type === "default" ? styles.default : undefined,

components/apple-tv-carousel/AppleTVCarousel.tsx

@@ -736,7 +736,6 @@ export const AppleTVCarousel: React.FC<AppleTVCarouselProps> = ({
         >
           <TouchableOpacity onPress={() => navigateToItem(item)}>
             <Animated.Text
-              maxFontSizeMultiplier={1.2}
               style={{
                 color: `rgba(255, 255, 255, ${TEXT_OPACITY})`,
                 fontSize: GENRES_FONT_SIZE,
@@ -802,7 +801,6 @@ export const AppleTVCarousel: React.FC<AppleTVCarouselProps> = ({
             >
               <TouchableOpacity onPress={() => navigateToItem(item)}>
                 <Animated.Text
-                  maxFontSizeMultiplier={1.2}
                   numberOfLines={OVERVIEW_MAX_LINES}
                   style={{
                     color: `rgba(255, 255, 255, ${TEXT_OPACITY * 0.85})`,

components/common/Input.tsx

@@ -27,7 +27,7 @@ export function Input(props: InputProps) {
           ${isFocused ? "bg-neutral-700 border-2 border-white" : "bg-neutral-900 border-2 border-transparent"}
           text-white ${extraClassName}
         `}
-        maxFontSizeMultiplier={1.2}
+        allowFontScaling={false}
         style={[
           style,
           {
@@ -45,7 +45,7 @@ export function Input(props: InputProps) {
     <TextInput
       ref={inputRef}
       className='p-4  rounded-xl bg-neutral-900'
-      maxFontSizeMultiplier={1.2}
+      allowFontScaling={false}
       style={[{ color: "white" }, style]}
       placeholderTextColor={"#9CA3AF"}
       clearButtonMode='while-editing'

components/common/SectionHeader.tsx

@@ -19,9 +19,7 @@ export const SectionHeader: React.FC<Props> = ({
 
   return (
     <View className='px-4 flex flex-row items-center justify-between mb-2'>
-      <Text className='text-lg font-bold text-neutral-100' ellipsizeMode='tail'>
-        {title}
-      </Text>
+      <Text className='text-lg font-bold text-neutral-100'>{title}</Text>
       {shouldShowAction && (
         <TouchableOpacity
           onPress={onPressAction}
@@ -31,7 +29,6 @@ export const SectionHeader: React.FC<Props> = ({
           className='py-1 pl-3'
         >
           <Text
-            ellipsizeMode='tail'
             style={{
               color: actionDisabled ? "rgba(255,255,255,0.4)" : Colors.primary,
             }}

components/common/Text.tsx

@@ -4,7 +4,7 @@ export function Text(props: TextProps) {
   if (Platform.isTV)
     return (
       <RNText
-        maxFontSizeMultiplier={1.3}
+        allowFontScaling={false}
         style={[{ color: "white" }, style]}
         {...otherProps}
       />
@@ -12,7 +12,7 @@ export function Text(props: TextProps) {
 
   return (
     <RNText
-      maxFontSizeMultiplier={1.3}
+      allowFontScaling={false}
       style={[{ color: "white" }, style]}
       {...otherProps}
     />

components/home/Favorites.tsx

@@ -175,16 +175,10 @@ export const Favorites = () => {
             contentFit='contain'
             source={heart}
           />
-          <Text
-            maxFontSizeMultiplier={1.2}
-            className='text-xl font-semibold text-white mb-2'
-          >
+          <Text className='text-xl font-semibold text-white mb-2'>
             {t("favorites.noDataTitle")}
           </Text>
-          <Text
-            maxFontSizeMultiplier={1.2}
-            className='text-base text-white/70 text-center max-w-xs px-4'
-          >
+          <Text className='text-base text-white/70 text-center max-w-xs px-4'>
             {t("favorites.noData")}
           </Text>
         </View>

components/settings/KefinTweaks.tsx

@@ -11,12 +11,12 @@ export const KefinTweaksSettings = () => {
   return (
     <View className=''>
       <View className='flex flex-col rounded-xl overflow-hidden p-4 bg-neutral-900'>
-        <Text maxFontSizeMultiplier={1.2} className='text-xs text-red-600 mb-2'>
+        <Text className='text-xs text-red-600 mb-2'>
           {t("home.settings.plugins.kefinTweaks.watchlist_enabler")}
         </Text>
 
         <View className='flex flex-row items-center justify-between mt-2'>
-          <Text maxFontSizeMultiplier={1.2} className='text-white'>
+          <Text className='text-white'>
             {isEnabled ? t("Watchlist On") : t("Watchlist Off")}
           </Text>
 

components/video-player/controls/SkipButton.tsx

@@ -19,9 +19,7 @@ const SkipButton: React.FC<SkipButtonProps> = ({
         onPress={onPress}
         className='bg-black/60 rounded-md px-3 py-3 border border-neutral-900'
       >
-        <Text maxFontSizeMultiplier={1.2} className='text-white font-bold'>
-          {buttonText}
-        </Text>
+        <Text className='text-white font-bold'>{buttonText}</Text>
       </TouchableOpacity>
     </View>
   );

components/video-player/controls/SliderScrubbter.tsx

@@ -102,7 +102,6 @@ const SliderScrubber: React.FC<SliderScrubberProps> = ({
                 contentFit='cover'
               />
               <Text
-                maxFontSizeMultiplier={1.2}
                 style={{
                   position: "absolute",
                   bottom: 5,
@@ -127,16 +126,10 @@ const SliderScrubber: React.FC<SliderScrubberProps> = ({
         maximumValue={max}
       />
       <View className='flex flex-row items-center justify-between mt-0.5'>
-        <Text
-          maxFontSizeMultiplier={1.2}
-          className='text-[12px] text-neutral-400'
-        >
+        <Text className='text-[12px] text-neutral-400'>
           {formatTimeString(currentTime, "ms")}
         </Text>
-        <Text
-          maxFontSizeMultiplier={1.2}
-          className='text-[12px] text-neutral-400'
-        >
+        <Text className='text-[12px] text-neutral-400'>
           -{formatTimeString(remainingTime, "ms")}
         </Text>
       </View>

components/video-player/controls/TechnicalInfoOverlay.tsx

@@ -195,7 +195,6 @@ export const TechnicalInfoOverlay: FC<TechnicalInfoOverlayProps> = memo(
         <View style={styles.infoBox}>
           {playMethod && (
             <Text
-              maxFontSizeMultiplier={1.2}
               style={[
                 styles.infoText,
                 { color: getPlayMethodColor(playMethod) },
@@ -205,31 +204,28 @@ export const TechnicalInfoOverlay: FC<TechnicalInfoOverlayProps> = memo(
             </Text>
           )}
           {transcodeReasons && transcodeReasons.length > 0 && (
-            <Text
-              maxFontSizeMultiplier={1.2}
-              style={[styles.infoText, styles.reasonText]}
-            >
+            <Text style={[styles.infoText, styles.reasonText]}>
               {transcodeReasons.map(formatTranscodeReason).join(", ")}
             </Text>
           )}
           {info?.videoWidth && info?.videoHeight && (
-            <Text maxFontSizeMultiplier={1.2} style={styles.infoText}>
+            <Text style={styles.infoText}>
               {info.videoWidth}x{info.videoHeight}
             </Text>
           )}
           {info?.videoCodec && (
-            <Text maxFontSizeMultiplier={1.2} style={styles.infoText}>
+            <Text style={styles.infoText}>
               Video: {formatCodec(info.videoCodec)}
               {info.fps ? ` @ ${formatFps(info.fps)} fps` : ""}
             </Text>
           )}
           {info?.audioCodec && (
-            <Text maxFontSizeMultiplier={1.2} style={styles.infoText}>
+            <Text style={styles.infoText}>
               Audio: {formatCodec(info.audioCodec)}
             </Text>
           )}
           {(info?.videoBitrate || info?.audioBitrate) && (
-            <Text maxFontSizeMultiplier={1.2} style={styles.infoText}>
+            <Text style={styles.infoText}>
               Bitrate:{" "}
               {info.videoBitrate
                 ? formatBitrate(info.videoBitrate)
@@ -239,22 +235,17 @@ export const TechnicalInfoOverlay: FC<TechnicalInfoOverlayProps> = memo(
             </Text>
           )}
           {info?.cacheSeconds !== undefined && (
-            <Text maxFontSizeMultiplier={1.2} style={styles.infoText}>
+            <Text style={styles.infoText}>
               Buffer: {info.cacheSeconds.toFixed(1)}s
             </Text>
           )}
           {info?.droppedFrames !== undefined && info.droppedFrames > 0 && (
-            <Text
-              maxFontSizeMultiplier={1.2}
-              style={[styles.infoText, styles.warningText]}
-            >
+            <Text style={[styles.infoText, styles.warningText]}>
               Dropped: {info.droppedFrames} frames
             </Text>
           )}
           {!info && !playMethod && (
-            <Text maxFontSizeMultiplier={1.2} style={styles.infoText}>
-              Loading...
-            </Text>
+            <Text style={styles.infoText}>Loading...</Text>
           )}
         </View>
       </Animated.View>

package.json

@@ -108,7 +108,7 @@
     "react-native-uuid": "^2.0.3",
     "react-native-volume-manager": "^2.0.8",
     "react-native-web": "^0.21.0",
-    "react-native-worklets": "0.5.1",
+    "react-native-worklets": "0.7.2",
     "sonner-native": "0.21.2",
     "tailwindcss": "3.3.2",
     "use-debounce": "^10.0.4",