metro setup to v0.78

Author: camilossantos2809

fabric-example/metro.config.js

@@ -1,58 +1,40 @@
-/**
- * Metro configuration for React Native
- * https://github.com/facebook/react-native
- *
- * @format
- */
-
+const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
 const path = require('path');
-const exclusionList = (() => {
-  try {
-    return require('metro-config/src/defaults/exclusionList');
-  } catch (_) {
-    // `blacklist` was renamed to `exclusionList` in 0.60
-    return require('metro-config/src/defaults/blacklist');
-  }
-})();
+const exclusionList = require('metro-config/src/defaults/exclusionList');
 const escape = require('escape-string-regexp');
 const pack = require('../package.json');
 
 const root = path.resolve(__dirname, '..');
-
 const modules = [...Object.keys(pack.peerDependencies)];
 
 const blockList = exclusionList([
   /node_modules\/.*\/node_modules\/react-native\/.*/,
-
   // This stops "react-native run-windows" from causing the metro server to
   // crash if its already running
   new RegExp(`${path.join(__dirname, 'windows').replace(/[/\\]+/g, '/')}.*`),
-
   // Workaround for `EPERM: operation not permitted, lstat '~\midl-MIDLRT-cl.read.1.tlog'`
   /.*\.tlog/,
-
   // Prevent Metro from watching temporary files generated by Visual Studio
   // otherwise it may crash when they are removed when closing a project.
   /.*\/.vs\/.*/,
-
   // Workaround for `EBUSY: resource busy or locked, open '~\msbuild.ProjectImports.zip'`
   /.*\.ProjectImports\.zip/,
-
   ...modules.map(
     (m) => new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`),
   ),
 ]);
 
-module.exports = {
+const config = {
   projectRoot: __dirname,
   watchFolders: [root],
   resolver: {
-    blacklistRE: blockList,
     blockList,
+    blacklistRE: blockList,
     extraNodeModules: modules.reduce((acc, name) => {
       acc[name] = path.join(__dirname, 'node_modules', name);
       return acc;
     }, {}),
+    assetExts: [...getDefaultConfig(__dirname).resolver.assetExts, 'png'],
   },
   transformer: {
     getTransformOptions: async () => ({
@@ -63,3 +45,5 @@ module.exports = {
     }),
   },
 };
+
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);