@mediacubeco/expo-template-fsd 2.1.4 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "private": false,
-  "version": "2.1.4",
+  "version": "2.2.0",
   "name": "@mediacubeco/expo-template-fsd",
   "description": "Application by Mediacube developers",
   "license": "MIT",
@@ -37,6 +37,9 @@
     "application"
   ],
   "dependencies": {
+    "@mediacubeco/base": "^workspace:*",
+    "@mediacubeco/base-react": "^workspace:*",
+    "@mediacubeco/base-react-native": "^workspace:*",
     "@tanstack/query-async-storage-persister": "^5.99.0",
     "@tanstack/react-query": "^5.99.0",
     "@tanstack/react-query-persist-client": "^5.99.0",
@@ -71,28 +74,25 @@
     "react-native-screens": "~4.25.2",
     "react-native-svg": "15.15.4",
     "react-native-web": "^0.21.0",
-    "react-native-worklets": "0.8.3",
-    "@mediacubeco/base": "2.1.0",
-    "@mediacubeco/base-react": "2.1.0",
-    "@mediacubeco/base-react-native": "2.1.0"
+    "react-native-worklets": "0.8.3"
   },
   "devDependencies": {
+    "@mediacubeco/eslint-config": "^workspace:*",
+    "@mediacubeco/eslint-config-fsd": "^workspace:*",
+    "@mediacubeco/eslint-config-react": "^workspace:*",
+    "@mediacubeco/eslint-config-react-native": "^workspace:*",
+    "@mediacubeco/prettier-config": "^workspace:*",
+    "@mediacubeco/prettier-config-fsd": "^workspace:*",
+    "@mediacubeco/typescript-config": "^workspace:*",
+    "@mediacubeco/typescript-config-fsd": "^workspace:*",
+    "@mediacubeco/typescript-config-react": "^workspace:*",
+    "@mediacubeco/typescript-config-react-native": "^workspace:*",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.3",
     "eslint": "^9.39.1",
     "husky": "^9.1.7",
     "prettier": "^3.8.1",
-    "typescript": "^6.0.3",
-    "@mediacubeco/eslint-config": "2.1.0",
-    "@mediacubeco/eslint-config-react-native": "2.1.0",
-    "@mediacubeco/prettier-config": "2.1.0",
-    "@mediacubeco/eslint-config-fsd": "2.1.0",
-    "@mediacubeco/prettier-config-fsd": "2.1.0",
-    "@mediacubeco/eslint-config-react": "2.1.0",
-    "@mediacubeco/typescript-config": "2.1.0",
-    "@mediacubeco/typescript-config-fsd": "2.1.0",
-    "@mediacubeco/typescript-config-react": "2.1.0",
-    "@mediacubeco/typescript-config-react-native": "2.1.0"
+    "typescript": "^6.0.3"
   },
   "scripts": {
     "postinstall": "npx husky && npx skills update",

package/src/shared/hooks/use-animated.ts

@@ -168,7 +168,13 @@ const useAnimated = <Value extends AnimatedState = AnimatedState>(
     ): Range[number] => {
       'worklet'
 
-      const defaultInputRange = range.map((_, index, { length }) => (1 / (length - 1)) * index)
+      const defaultInputRange: number[] = []
+
+      const segments = range.length - 1
+
+      for (let index = 0; index < range.length; index += 1) {
+        defaultInputRange.push(segments > 0 ? (1 / segments) * index : 0)
+      }
 
       if (typeof range[0] === 'number') {
         return reInterpolate(

package/src/shared/lib/api/models/api-instance/api-instance.utils.ts

@@ -16,7 +16,7 @@ const formatRoute = <Params extends ApiInstanceDefaultParams>(
   const query = new URLSearchParams(params).toString()
   const validRoute = route.endsWith('/') ? route.slice(0, -1) : route
 
-  return [validRoute, query].join('?') as ApiInstanceRoute
+  return [validRoute, query].filter(Boolean).join('?') as ApiInstanceRoute
 }
 
 export { formatURI, formatRoute }

package/src/shared/lib/storage/storage.ts

@@ -14,7 +14,7 @@ const localStorageFallback = {
   },
 }
 
-const webStorage = typeof window !== 'undefined' ? localStorage : localStorageFallback
+const webStorage = typeof localStorage !== 'undefined' ? localStorage : localStorageFallback
 
 const storageModelWeb = {
   getItem: (key: string) => Promise.resolve(webStorage.getItem(key)),

package/src/shared/lib/theme/theme.provider.tsx

@@ -9,7 +9,10 @@ import { type ThemeProviderProps } from './theme.types'
 const ThemeProvider = ({ children }: ThemeProviderProps) => {
   const didDefine = useRef(false)
   const [themeMode, setThemeMode] = useState(hasDarkMode ? ThemeMode.System : ThemeMode.Light)
-  const themeModeSystem = (useColorScheme() as ThemeModeSystem) ?? ThemeModeSystem.Light
+  const colorScheme = useColorScheme()
+
+  const themeModeSystem =
+    colorScheme === 'unspecified' ? ThemeModeSystem.Light : (colorScheme as ThemeModeSystem)
 
   const currentThemeMode = {
     [ThemeMode.Light]: ThemeModeSystem.Light,
@@ -21,6 +24,10 @@ const ThemeProvider = ({ children }: ThemeProviderProps) => {
     return themes[currentThemeMode]
   }, [currentThemeMode])
 
+  const value = useMemo(() => {
+    return { theme, themeMode, themeModeSystem, setThemeMode }
+  }, [theme, themeMode, themeModeSystem, setThemeMode])
+
   const updateThemeModeSystem = useCallback((themeMode: ThemeMode) => {
     if (Platform.isIos) {
       if (!hasDarkMode) {
@@ -67,11 +74,7 @@ const ThemeProvider = ({ children }: ThemeProviderProps) => {
     )
   }, [currentThemeMode])
 
-  return (
-    <ThemeContext.Provider value={{ theme, themeMode, themeModeSystem, setThemeMode }}>
-      {children}
-    </ThemeContext.Provider>
-  )
+  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>
 }
 
 export default ThemeProvider