Export loadDemoConfigurations for expo-snack app (#1575)

Author: ethanshar

demo/src/configurations.js

@@ -1,55 +1,57 @@
 import {Assets, Colors, Typography, Spacings, Incubator} from 'react-native-ui-lib'; // eslint-disable-line
 
-Assets.loadAssetsGroup('icons.demo', {
-  chevronDown: require('./assets/icons/chevronDown.png'),
-  add: require('./assets/icons/add.png'),
-  camera: require('./assets/icons/cameraSelected.png'),
-  close: require('./assets/icons/close.png'),
-  dashboard: require('./assets/icons/dashboard.png'),
-  image: require('./assets/icons/image.png'),
-  plus: require('./assets/icons/plus.png'),
-  refresh: require('./assets/icons/refresh.png'),
-  search: require('./assets/icons/search.png'),
-  share: require('./assets/icons/share.png')
-});
+export const loadDemoConfigurations = () => {
+  Assets.loadAssetsGroup('icons.demo', {
+    chevronDown: require('./assets/icons/chevronDown.png'),
+    add: require('./assets/icons/add.png'),
+    camera: require('./assets/icons/cameraSelected.png'),
+    close: require('./assets/icons/close.png'),
+    dashboard: require('./assets/icons/dashboard.png'),
+    image: require('./assets/icons/image.png'),
+    plus: require('./assets/icons/plus.png'),
+    refresh: require('./assets/icons/refresh.png'),
+    search: require('./assets/icons/search.png'),
+    share: require('./assets/icons/share.png')
+  });
 
-Assets.loadAssetsGroup('images.demo', {
-  brokenImage: require('./assets/images/placeholderMissingImage.png')
-});
+  Assets.loadAssetsGroup('images.demo', {
+    brokenImage: require('./assets/images/placeholderMissingImage.png')
+  });
 
-Assets.loadAssetsGroup('svgs.demo', {
-  logo: require('./assets/svgs/headerLogo.svg').default
-});
+  Assets.loadAssetsGroup('svgs.demo', {
+    logo: require('./assets/svgs/headerLogo.svg').default
+  });
 
-Typography.loadTypographies({
-  h1: {...Typography.text40},
-  h2: {...Typography.text50},
-  h3: {...Typography.text70M},
-  body: Typography.text70,
-  bodySmall: Typography.text80
-});
+  Typography.loadTypographies({
+    h1: {...Typography.text40},
+    h2: {...Typography.text50},
+    h3: {...Typography.text70M},
+    body: Typography.text70,
+    bodySmall: Typography.text80
+  });
 
-Spacings.loadSpacings({
-  page: Spacings.s5
-});
+  Spacings.loadSpacings({
+    page: Spacings.s5
+  });
 
-/* Dark Mode Schemes */
-Colors.loadSchemes({
-  light: {
-    screenBG: Colors.white,
-    textColor: Colors.grey10,
-    moonOrSun: Colors.yellow30,
-    mountainForeground: Colors.green30,
-    mountainBackground: Colors.green50
-  },
-  dark: {
-    screenBG: Colors.grey10,
-    textColor: Colors.white,
-    moonOrSun: Colors.grey80,
-    mountainForeground: Colors.violet10,
-    mountainBackground: Colors.violet20
-  }
-});
+  /* Dark Mode Schemes */
+  Colors.loadSchemes({
+    light: {
+      screenBG: Colors.white,
+      textColor: Colors.grey10,
+      moonOrSun: Colors.yellow30,
+      mountainForeground: Colors.green30,
+      mountainBackground: Colors.green50
+    },
+    dark: {
+      screenBG: Colors.grey10,
+      textColor: Colors.white,
+      moonOrSun: Colors.grey80,
+      mountainForeground: Colors.violet10,
+      mountainBackground: Colors.violet20
+    }
+  });
 
-/* Components */
-Incubator.TextField.defaultProps = {...Incubator.TextField.defaultProps, preset: 'default'};
+  /* Components */
+  Incubator.TextField.defaultProps = {...Incubator.TextField.defaultProps, preset: 'default'};
+};

demo/src/index.js

@@ -1,12 +1,14 @@
 import {UIManager, I18nManager} from 'react-native';
 import {navigationData as menuStructure} from './screens/MenuStructure';
+import {loadDemoConfigurations} from './configurations';
 
 UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(true); // eslint-disable-line
 I18nManager.allowRTL(true);
 
 module.exports = {
   name: 'unicorn demo app',
   menuStructure,
+  loadDemoConfigurations,
   // componentScreens
   get screens() {
     return {

demo/src/screens/index.js

@@ -2,7 +2,7 @@ import {gestureHandlerRootHOC} from 'react-native-gesture-handler';
 
 export function registerScreens(registrar) {
   // load demo app presets
-  require('../configurations');
+  require('../configurations').loadDemoConfigurations();
 
   require('./componentScreens').registerScreens(registrar);
   require('./foundationScreens').registerScreens(registrar);