chore: include apps directory in format-js script

apps/src/screens/BarButtonItems.tsx

@@ -490,11 +490,9 @@ export default function BarButtonItemsExample() {
                         type: 'action',
                         icon: {
                           type: 'templateSource',
-                          templateSource:
-                            require('@assets/search_black.png'),
+                          templateSource: require('@assets/search_black.png'),
                         },
-                        onPress: () =>
-                          Alert.alert('Sub Image Action pressed'),
+                        onPress: () => Alert.alert('Sub Image Action pressed'),
                       },
                     ],
                   },

apps/src/screens/PreventRemove.tsx

@@ -1,5 +1,13 @@
 import React from 'react';
-import { View, StyleSheet, TextInput, Platform, Alert, ScrollView, Text } from 'react-native';
+import {
+  View,
+  StyleSheet,
+  TextInput,
+  Platform,
+  Alert,
+  ScrollView,
+  Text,
+} from 'react-native';
 import { usePreventRemove } from '@react-navigation/native';
 import {
   createNativeStackNavigator,
@@ -45,7 +53,7 @@ const PreventRemoveScreen = ({
       'Discard changes?',
       'You have unsaved changes. Discard them and leave the screen?',
       [
-        { text: "Don't leave", style: 'cancel', onPress: () => { } },
+        { text: "Don't leave", style: 'cancel', onPress: () => {} },
         {
           text: 'Discard',
           style: 'destructive',
@@ -59,8 +67,7 @@ const PreventRemoveScreen = ({
     <View style={{ ...styles.container, backgroundColor: 'thistle' }}>
       <ScrollView
         contentContainerStyle={styles.contentContainer}
-        keyboardDismissMode="interactive"
-      >
+        keyboardDismissMode="interactive">
         <TextInput
           autoFocus
           value={text}

apps/src/screens/StackPresentation.tsx

@@ -160,9 +160,7 @@ const FullScreenModalScreen = ({
   navigation,
 }: FullScreenModalProps): React.JSX.Element => (
   <View style={{ flex: 1 }}>
-    <ImageBackground
-      style={styles.image}
-      source={require('@assets/trees.jpg')}>
+    <ImageBackground style={styles.image} source={require('@assets/trees.jpg')}>
       <Button
         testID="stack-presentation-fullscreen-modal-go-back-button"
         title="Go back"

apps/src/screens/SwipeBackAnimation.tsx

@@ -29,7 +29,9 @@ interface ScreenBProps {
 }
 
 const ScreenB = ({ navigation }: ScreenBProps): React.JSX.Element => {
-  const [gestureType, setGestureType] = React.useState<NonNullable<NativeStackNavigationOptions['gestureType']>>('twoDimensionalSwipe');
+  const [gestureType, setGestureType] = React.useState<
+    NonNullable<NativeStackNavigationOptions['gestureType']>
+  >('twoDimensionalSwipe');
 
   React.useEffect(() => {
     navigation.setOptions({
@@ -39,25 +41,28 @@ const ScreenB = ({ navigation }: ScreenBProps): React.JSX.Element => {
 
   return (
     <View style={{ ...styles.container, backgroundColor: 'thistle' }}>
-        <SettingsPicker<NonNullable<NativeStackNavigationOptions['gestureType']>>
-          label="Stack animation"
-          value={gestureType}
-          onValueChange={setGestureType}
-          items={[
-            "swipeRight",
-            "swipeLeft",
-            "swipeUp",
-            "swipeDown",
-            "verticalSwipe",
-            "horizontalSwipe",
-            "twoDimensionalSwipe",
-          ]}
-        />
-      <Button title="Go ScreenC" onPress={() => navigation.navigate('ScreenC')} />
+      <SettingsPicker<NonNullable<NativeStackNavigationOptions['gestureType']>>
+        label="Stack animation"
+        value={gestureType}
+        onValueChange={setGestureType}
+        items={[
+          'swipeRight',
+          'swipeLeft',
+          'swipeUp',
+          'swipeDown',
+          'verticalSwipe',
+          'horizontalSwipe',
+          'twoDimensionalSwipe',
+        ]}
+      />
+      <Button
+        title="Go ScreenC"
+        onPress={() => navigation.navigate('ScreenC')}
+      />
       <Button title="Go back" onPress={() => navigation.goBack()} />
     </View>
   );
-}
+};
 
 interface ScreenCProps {
   navigation: NativeStackNavigationProp<StackParamList, 'ScreenC'>;
@@ -78,10 +83,7 @@ const App = (): React.JSX.Element => (
       animation: 'none',
     }}>
     <Stack.Screen name="ScreenA" component={MainScreen} />
-    <Stack.Screen
-      name="ScreenB"
-      component={ScreenB}
-    />
+    <Stack.Screen name="ScreenB" component={ScreenB} />
     <Stack.Screen name="ScreenC" component={ScreenC} />
   </Stack.Navigator>
 );

apps/src/shared/Rectangle.tsx

@@ -2,13 +2,17 @@ import React from 'react';
 import { ColorValue, View, ViewProps, ViewStyle } from 'react-native';
 
 export interface RectangleProps extends ViewProps {
-  color?: ColorValue,
-  width?: ViewStyle['width'],
-  height?: ViewStyle['height'],
+  color?: ColorValue;
+  width?: ViewStyle['width'];
+  height?: ViewStyle['height'];
 }
 
 export function Rectangle(props: RectangleProps) {
   const { color, width, height, style, ...remainingProps } = props;
-  return <View style={[{ backgroundColor: color, width, height }, style]} {...remainingProps} />;
+  return (
+    <View
+      style={[{ backgroundColor: color, width, height }, style]}
+      {...remainingProps}
+    />
+  );
 }
-

apps/src/shared/Spacer.tsx

@@ -3,7 +3,7 @@ import { View } from 'react-native';
 
 interface Props {
   children?: ReactNode;
-  space?: number
+  space?: number;
 }
 
 export const Spacer = ({ children, space }: Props): React.JSX.Element => (

apps/src/shared/gamma/containers/shared/id-generator.ts

@@ -5,4 +5,3 @@ export function generateID(): number {
   GLOBAL_ID += 1;
   return nextID;
 }
-

apps/src/shared/gamma/containers/stack/StackContainer.tsx

@@ -65,7 +65,12 @@ export function StackContainer({ routeConfigs }: StackContainerProps) {
   return (
     <Stack.Host ref={hostRef}>
       {stackNavState.stack.map(
-        ({ options: { headerConfig, ...options }, activityMode, routeKey, name }) => {
+        ({
+          options: { headerConfig, ...options },
+          activityMode,
+          routeKey,
+          name,
+        }) => {
           const stackNavigationContext: StackNavigationContextPayload = {
             routeKey,
             routeOptions: { ...options },

apps/src/shared/gamma/containers/stack/reducer.tsx

@@ -80,7 +80,9 @@ function navigationActionPushHandler(
   const stack = state.stack;
   const renderedRouteIndex = stack.findIndex(
     route =>
-      route.name === action.routeName && route.activityMode === 'detached' && !route.isMarkedForDismissal,
+      route.name === action.routeName &&
+      route.activityMode === 'detached' &&
+      !route.isMarkedForDismissal,
   );
 
   if (renderedRouteIndex !== NOT_FOUND_INDEX) {
@@ -161,10 +163,14 @@ function navigationActionPopHandler(
   }
 
   // Pop operation on not-top screen is forbidden and might crash.
-  const topAttachedRouteIndex = state.stack.findLastIndex(r => r.activityMode === 'attached');
+  const topAttachedRouteIndex = state.stack.findLastIndex(
+    r => r.activityMode === 'attached',
+  );
 
   if (topAttachedRouteIndex > routeIndex) {
-    console.warn(`[Stack] Can not perform pop action on route: ${action.routeKey} - not a top screen`);
+    console.warn(
+      `[Stack] Can not perform pop action on route: ${action.routeKey} - not a top screen`,
+    );
     return state;
   }
 

apps/src/shared/gamma/containers/tabs/TabsContainer.tsx

@@ -26,12 +26,7 @@ import { useComponentsByName } from '../shared/use-components-by-name';
 export function TabsContainer(props: TabsContainerProps) {
   RNSLog.info('TabsContainer render');
 
-  const {
-    routeConfigs,
-    defaultRouteName,
-    onTabSelected,
-    ...restProps
-  } = props;
+  const { routeConfigs, defaultRouteName, onTabSelected, ...restProps } = props;
 
   useSanitizeRouteConfigs(routeConfigs);
 
@@ -137,7 +132,9 @@ function useSanitizeRouteConfigs(routeConfigs: TabRouteConfig[]) {
   }
 }
 
-function useTabsNavigationMethods(dispatch: React.Dispatch<TabsNavigationAction>): TabsNavigationMethods {
+function useTabsNavigationMethods(
+  dispatch: React.Dispatch<TabsNavigationAction>,
+): TabsNavigationMethods {
   const setRouteOptions = React.useCallback(
     (routeKey: string, options: Partial<TabRouteOptions>) => {
       dispatch({ type: 'set-options', routeKey, options });
@@ -148,14 +145,20 @@ function useTabsNavigationMethods(dispatch: React.Dispatch<TabsNavigationAction>
   const selectTab: SelectTabMethod = React.useCallback(
     (routeKey: string, forceAction?: boolean) => {
       const shouldForceAction = forceAction ?? false;
-      dispatch({ type: 'tab-select', routeKey, forceAction: shouldForceAction });
+      dispatch({
+        type: 'tab-select',
+        routeKey,
+        forceAction: shouldForceAction,
+      });
     },
     [dispatch],
   );
 
-
-  return React.useMemo(() => ({
-    setRouteOptions,
-    selectTab
-  }), [setRouteOptions, selectTab]);
+  return React.useMemo(
+    () => ({
+      setRouteOptions,
+      selectTab,
+    }),
+    [setRouteOptions, selectTab],
+  );
 }

apps/src/shared/gamma/containers/tabs/TabsContainer.types.tsx

@@ -79,8 +79,7 @@ export type TabsNavigationAction =
 
 export type TabsHostConfig = Omit<
   TabsHostProps,
-  | 'children'
-  | 'navStateRequest'
+  'children' | 'navStateRequest'
 >;
 
 export type TabsContainerProps = Omit<
@@ -108,4 +107,4 @@ export type SelectTabMethod = (routeKey: string, forceAction?: boolean) => void;
 export type TabsNavigationMethods = {
   setRouteOptions: SetTabOptionsMethod;
   selectTab: SelectTabMethod;
-}
+};

apps/src/shared/gamma/containers/tabs/TabsContainerItem.tsx

@@ -1,18 +1,21 @@
 import React from 'react';
-import { Tabs } from "react-native-screens";
+import { Tabs } from 'react-native-screens';
 import type { TabRouteConfig } from './TabsContainer.types';
 import type { TabsContainerItemProps } from './TabsContainerItem.types';
-import { SafeAreaView, type SafeAreaViewProps } from 'react-native-screens/experimental';
+import {
+  SafeAreaView,
+  type SafeAreaViewProps,
+} from 'react-native-screens/experimental';
 import { Platform } from 'react-native';
 import { TabsNavigationContext } from './contexts/TabsNavigationContext';
 import { RNSLog } from 'react-native-screens/private';
 
 export const TabsContainerItem = React.memo(TabsContainerItemImpl);
 
 function TabsContainerItemImpl(props: TabsContainerItemProps) {
-
   RNSLog.info(
-    `TabsContainerItem render: ${props.route.routeKey} ${props.isSelected ? '(selected)' : ''
+    `TabsContainerItem render: ${props.route.routeKey} ${
+      props.isSelected ? '(selected)' : ''
     } ${props.pendingForUpdate ? '(pending)' : ''}`,
   );
 
@@ -24,18 +27,21 @@ function TabsContainerItemImpl(props: TabsContainerItemProps) {
       selectTab: props.navMethods.selectTab,
       isSelected: props.isSelected,
       shouldRenderContents: props.isSelected || props.pendingForUpdate,
-    }
-  }, [props.route.routeKey, props.route.options, props.navMethods, props.isSelected, props.pendingForUpdate]);
+    };
+  }, [
+    props.route.routeKey,
+    props.route.options,
+    props.navMethods,
+    props.isSelected,
+    props.pendingForUpdate,
+  ]);
 
   const { safeAreaConfiguration, ...nativeOptions } = props.route.options ?? {};
 
   const screenKey = props.route.routeKey;
 
   return (
-    <Tabs.Screen
-      key={screenKey}
-      {...nativeOptions}
-      screenKey={screenKey}>
+    <Tabs.Screen key={screenKey} {...nativeOptions} screenKey={screenKey}>
       <TabsNavigationContext value={tabsNavigationContext}>
         {getContent(props.Component, safeAreaConfiguration)}
       </TabsNavigationContext>
@@ -82,4 +88,3 @@ function getSafeAreaViewEdges(
 
   return { ...defaultEdges, ...edges };
 }
-

apps/src/shared/gamma/containers/tabs/TabsContainerWithHostConfigContext.tsx

@@ -17,11 +17,7 @@ import {
  * updateHostConfig (via TabsHostConfigContext) rather than prop changes.
  */
 export function TabsContainerWithHostConfigContext(props: TabsContainerProps) {
-  const {
-    routeConfigs,
-    defaultRouteName,
-    ...hostProps
-  } = props;
+  const { routeConfigs, defaultRouteName, ...hostProps } = props;
 
   const [hostConfig, setHostConfig] = React.useState<TabsHostConfig>(hostProps);
 
@@ -47,4 +43,3 @@ export function TabsContainerWithHostConfigContext(props: TabsContainerProps) {
     </TabsHostConfigContext>
   );
 }
-

apps/src/shared/gamma/containers/tabs/index.ts

@@ -11,9 +11,7 @@ export type {
   TabsContainerState,
 } from './TabsContainer.types';
 
-export type {
-  TabsContainerItemProps
-} from './TabsContainerItem.types.ts'
+export type { TabsContainerItemProps } from './TabsContainerItem.types.ts';
 
 export type { TabsNavigationContextPayload } from './contexts/TabsNavigationContext';
 export type { TabsHostConfigContextPayload } from './contexts/TabsHostConfigContext';

apps/src/shared/gamma/containers/tabs/presets.ts

@@ -1,6 +1,9 @@
 import type { TabRouteOptions } from './TabsContainer.types';
 
-export const DEFAULT_TAB_ROUTE_OPTIONS: Pick<TabRouteOptions, 'android' | 'ios'> = {
+export const DEFAULT_TAB_ROUTE_OPTIONS: Pick<
+  TabRouteOptions,
+  'android' | 'ios'
+> = {
   android: {
     icon: {
       type: 'imageSource',

apps/src/shared/gamma/containers/tabs/reducer.tsx

@@ -65,7 +65,10 @@ function tabsActionSelectTabHandler(
     return state;
   }
 
-  if (state.confirmedState.selectedRouteKey === action.routeKey && !action.forceAction) {
+  if (
+    state.confirmedState.selectedRouteKey === action.routeKey &&
+    !action.forceAction
+  ) {
     return state;
   }
 

apps/src/shared/utils/deep-merge.ts

@@ -25,4 +25,3 @@ function isMergeableObject(val: unknown): val is object {
     !React.isValidElement(val)
   );
 }
-