chore: 📦 Remove react-scripts dependency

Author: marcofugaro

packages/jest-config-accurapp/cssTransform.js

@@ -0,0 +1,10 @@
+module.exports = {
+  process() {
+    // Return empty object
+    return 'module.exports = {}'
+  },
+  getCacheKey() {
+    // The output is always the same.
+    return 'cssTransform'
+  },
+}

packages/jest-config-accurapp/fileTransform.js

@@ -0,0 +1,37 @@
+const path = require('path')
+const camelcase = require('camelcase')
+
+// Based on https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/config/jest/fileTransform.js
+
+module.exports = {
+  process(src, filename) {
+    const assetFilename = JSON.stringify(path.basename(filename))
+
+    if (filename.match(/\.svg$/)) {
+      // Based on how SVGR generates a component name:
+      // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6
+      const pascalCaseFilename = camelcase(path.parse(filename).name, {
+        pascalCase: true,
+      })
+      const componentName = `Svg${pascalCaseFilename}`
+      return `const React = require('react')
+      module.exports = {
+        __esModule: true,
+        default: ${assetFilename},
+        ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
+          return {
+            $$typeof: Symbol.for('react.element'),
+            type: 'svg',
+            ref: ref,
+            key: null,
+            props: Object.assign({}, props, {
+              children: ${assetFilename}
+            })
+          }
+        }),
+      }`
+    }
+
+    return `module.exports = ${assetFilename}`
+  },
+}

packages/jest-config-accurapp/index.js

@@ -14,16 +14,14 @@ module.exports = {
 
     // Transform simple css files in an empty object
     // https://jestjs.io/docs/en/webpack.html
-    '\\.css$': 'react-scripts/config/jest/cssTransform',
+    '\\.css$': 'jest-config-accurapp/cssTransform',
 
     // Transform all other files into just the filename string
-    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': 'react-scripts/config/jest/fileTransform',
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': 'jest-config-accurapp/fileTransform',
   },
 
   // Don't transform css modules into an empty object
-  transformIgnorePatterns: [
-    '\\.module\\.(css)$',
-  ],
+  transformIgnorePatterns: ['\\.module\\.(css)$'],
 
   // Instead use identity-obj-proxy which outputs the classnames
   moduleNameMapper: {

packages/jest-config-accurapp/package.json

@@ -17,11 +17,11 @@
   "dependencies": {
     "@babel/core": "7.9.0",
     "babel-jest": "25.4.0",
+    "camelcase": "6.0.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "25.4.0",
     "jest-environment-jsdom-sixteen": "1.0.3",
     "jest-watch-typeahead": "0.5.0",
-    "react-app-polyfill": "1.0.6",
-    "react-scripts": "3.4.1"
+    "react-app-polyfill": "1.0.6"
   }
-}
+}