(PC-32033) feat(Poc): bundle splitting

src/features/navigation/RootNavigator/routes.ts → src/features/navigation/RootNavigator/routes.tsx

@@ -1,3 +1,5 @@
+import React, { lazy, Suspense } from 'react'
+
 import { Artist } from 'features/artist/pages/Artist'
 import { ForgottenPassword } from 'features/auth/pages/forgottenPassword/ForgottenPassword/ForgottenPassword'
 import { ReinitializePassword } from 'features/auth/pages/forgottenPassword/ReinitializePassword/ReinitializePassword'
@@ -71,7 +73,6 @@ import { DeleteProfileSuccess } from 'features/profile/pages/DeleteProfile/Delet
 import { SuspendAccountConfirmationWithoutAuthentication } from 'features/profile/pages/DeleteProfile/SuspendAccountConfirmationWithoutAuthentication'
 import { DeleteProfileReason } from 'features/profile/pages/DeleteProfileReason/DeleteProfileReason'
 import { FeedbackInApp } from 'features/profile/pages/FeedbackInApp/FeedbackInApp'
-import { LegalNotices } from 'features/profile/pages/LegalNotices/LegalNotices'
 import { NewEmailSelection } from 'features/profile/pages/NewEmailSelection/NewEmailSelection'
 import { NotificationsSettings } from 'features/profile/pages/NotificationSettings/NotificationsSettings'
 import { PersonalData } from 'features/profile/pages/PersonalData/PersonalData'
@@ -85,9 +86,18 @@ import { Venue } from 'features/venue/pages/Venue/Venue'
 import { VenuePreviewCarousel } from 'features/venue/pages/VenuePreviewCarousel/VenuePreviewCarousel'
 import { VenueMap } from 'features/venueMap/pages/VenueMap/VenueMap'
 import { ABTestingPOC } from 'libs/firebase/remoteConfig/ABTestingPOC'
+import { TypoDS } from 'ui/theme'
 
 import { RootRoute } from './types'
 
+const LegalNotices = lazy(async () => {
+  const module = await import('features/profile/pages/LegalNotices/LegalNotices')
+  await new Promise((resolve) => setTimeout(resolve, 4_000))
+  return {
+    default: module.LegalNotices,
+  }
+})
+
 export const routes: RootRoute[] = [
   ...accessibilityRoutes,
   ...culturalSurveyRoutes,
@@ -225,7 +235,11 @@ export const routes: RootRoute[] = [
   },
   {
     name: 'LegalNotices',
-    component: LegalNotices,
+    component: () => (
+      <Suspense fallback={<TypoDS.Title1>CHARGEMENT...</TypoDS.Title1>}>
+        <LegalNotices />
+      </Suspense>
+    ),
     path: 'notices-legales',
     options: { title: 'Informations légales' },
   },

src/features/navigation/TabBar/routes.ts → src/features/navigation/TabBar/routes.tsx

@@ -1,4 +1,5 @@
 import { LinkingOptions } from '@react-navigation/native'
+import React, { lazy, Suspense } from 'react'
 
 import { Bookings } from 'features/bookings/pages/Bookings/Bookings'
 import { withAsyncErrorBoundary } from 'features/errors/hocs/withAsyncErrorBoundary'
@@ -8,8 +9,8 @@ import { getScreensAndConfig } from 'features/navigation/RootNavigator/linking/g
 import { ScreenNames } from 'features/navigation/RootNavigator/types'
 import { screenParamsParser } from 'features/navigation/screenParamsUtils'
 import { searchNavigatorPathConfig } from 'features/navigation/SearchStackNavigator/routes'
-import { SearchStackNavigator } from 'features/navigation/SearchStackNavigator/SearchStackNavigator'
 import { Profile } from 'features/profile/pages/Profile'
+import { TypoDS } from 'ui/theme'
 
 import { TabStack } from './Stack'
 import { TabParamList, TabRoute, TabRouteName } from './types'
@@ -18,6 +19,14 @@ export const initialRouteName = 'Home'
 
 const Home = withAsyncErrorBoundary(HomeComponent)
 
+const SearchStackNavigator = lazy(async () => {
+  const module = await import('features/navigation/SearchStackNavigator/SearchStackNavigator')
+  await new Promise((resolve) => setTimeout(resolve, 4_000))
+  return {
+    default: module.SearchStackNavigator,
+  }
+})
+
 const routes: TabRoute[] = [
   {
     name: 'Home',
@@ -27,7 +36,11 @@ const routes: TabRoute[] = [
   },
   {
     name: 'SearchStackNavigator',
-    component: SearchStackNavigator,
+    component: () => (
+      <Suspense fallback={<TypoDS.Title1>CHARGEMENT...</TypoDS.Title1>}>
+        <SearchStackNavigator initialRouteName="SearchLanding" />
+      </Suspense>
+    ),
     pathConfig: searchNavigatorPathConfig,
   },
   {

src/libs/environment/env.web.ts

@@ -3,5 +3,5 @@ import { Environment } from 'libs/environment/schema'
 
 export const env: Environment = parseEnvironment({
   ...process.env,
-  API_BASE_URL: __DEV__ ? '' : (process.env.API_BASE_URL as string),
+  API_BASE_URL: '',
 })

vite.config.js

@@ -142,7 +142,7 @@ export default ({ mode }) => {
       },
     },
     build: {
-      sourcemap: true,
+      sourcemap: false,
       commonjsOptions: {
         // https://github.com/rollup/plugins/tree/master/packages/commonjs
         // Here go the options to pass on to @rollup/plugin-commonjs: