chore: include apps directory in format-js script (#4082)

## Description

`apps` directory wasn't included in `format-js` script.

Closes
software-mansion/react-native-screens-labs#785

## Changes

- update `package.json`
- applies formatting to `apps` directory

## Before & after - visual documentation

N/A

## Test plan

N/A

## Checklist

- [ ] Included code example that can be used to test this change.
- [ ] For visual changes, included screenshots / GIFs / recordings
documenting the change.
- [ ] For API changes, updated relevant public types.
- [ ] Ensured that CI passes

Author: sgaczol

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],
+  );
 }