Merge branch 'master' into feat/allowEnteringAppName

Author: Lucas Bento

.eslintignore

@@ -0,0 +1,2 @@
+!.eslintrc.js
+build/

.eslintrc

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: 'react-app',
+  plugins: ['prettier'],
+  rules: {
+    'prettier/prettier': 'error'
+  }
+}

.eslintrc.js

@@ -4,28 +4,28 @@
   "homepage": "https://react-native-community.github.io/upgrade-helper",
   "license": "MIT",
   "dependencies": {
-    "@testing-library/react": "^8.0.2",
-    "antd": "^3.19.1",
-    "markdown-to-jsx": "^6.10.2",
-    "query-string": "^6.7.0",
-    "react": "^16.8.0",
-    "react-content-loader": "^4.2.2",
-    "react-diff-view": "^2.1.3",
-    "react-dom": "^16.8.0",
-    "react-dom-confetti": "^0.1.1",
-    "react-ga": "^2.5.7",
-    "react-github-btn": "^1.0.0",
+    "@testing-library/react": "9.4.0",
+    "antd": "3.26.5",
+    "markdown-to-jsx": "6.10.3",
+    "query-string": "6.9.0",
+    "react": "16.12.0",
+    "react-content-loader": "4.3.4",
+    "react-diff-view": "2.4.1",
+    "react-dom": "16.12.0",
+    "react-dom-confetti": "0.1.3",
+    "react-ga": "2.7.0",
+    "react-github-btn": "1.1.1",
     "react-scripts": "3.0.1",
-    "semver": "^6.0.0",
-    "styled-components": "^4.2.0"
+    "semver": "6.3.0",
+    "styled-components": "4.4.1"
   },
   "devDependencies": {
-    "eslint": "^5.16.0",
-    "eslint-plugin-prettier": "^3.1.0",
-    "gh-pages": "^2.0.0",
-    "husky": "^3.0.1",
-    "prettier": "^1.18.2",
-    "pretty-quick": "^1.11.1"
+    "eslint": "5.16.0",
+    "eslint-plugin-prettier": "3.1.2",
+    "gh-pages": "2.1.1",
+    "husky": "3.1.0",
+    "prettier": "1.19.1",
+    "pretty-quick": "2.0.1"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -51,4 +51,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

package.json

@@ -0,0 +1,11 @@
+{
+  "extends": [
+    "config:base"
+  ],
+  "packageRules": [
+    {
+      "updateTypes": ["patch", "pin", "digest"],
+      "automerge": true
+   }
+  ]
+}

renovate.json

@@ -12,7 +12,7 @@ exports[`renders without crashing 1`] = `
         What's your current React Native version?
       </h4>
       <div
-        class="ant-select-lg sc-bxivhb iYdHlP sc-bwzfXH jwfMIB ant-select ant-select-enabled ant-select-loading"
+        class="ant-select-lg sc-bwzfXH jwfMIB sc-bxivhb iYdHlP ant-select ant-select-enabled ant-select-loading"
       >
         <div
           aria-autocomplete="list"
@@ -68,7 +68,7 @@ exports[`renders without crashing 1`] = `
         To which version would you like to upgrade?
       </h4>
       <div
-        class="ant-select-lg sc-ifAKCX dTveGH sc-bwzfXH jwfMIB ant-select ant-select-enabled ant-select-loading"
+        class="ant-select-lg sc-bwzfXH jwfMIB sc-ifAKCX dTveGH ant-select ant-select-enabled ant-select-loading"
       >
         <div
           aria-autocomplete="list"

src/__tests__/components/common/__snapshots__/VersionSelector.spec.js.snap

@@ -80,9 +80,9 @@ const DiffViewer = ({
     const fetchDiff = async () => {
       setLoading(true)
 
-      const response = await (await fetch(
-        getDiffPatchURL({ fromVersion, toVersion })
-      )).text()
+      const response = await (
+        await fetch(getDiffPatchURL({ fromVersion, toVersion }))
+      ).text()
 
       setDiff(
         parseDiff(replaceAppName(response)).sort(({ newPath }) =>

src/components/common/DiffViewer.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import styled from 'styled-components'
-import { Card } from 'antd'
+import { Alert, Card } from 'antd'
 import GitHubButton from 'react-github-btn'
 import ReactGA from 'react-ga'
 import VersionSelector from '../common/VersionSelector'
@@ -31,6 +31,7 @@ const TitleContainer = styled.div`
 const Subtitle = styled.div({
   display: 'flex',
   alignItems: 'center',
+  justifyContent: 'center',
   marginTop: 50
 })
 
@@ -58,6 +59,7 @@ const Home = () => {
   const [fromVersion, setFromVersion] = useState('')
   const [toVersion, setToVersion] = useState('')
   const [showDiff, setShowDiff] = useState(false)
+  const [showAppNameWarning, setAppNameWarning] = useState(false)
   const [settings, setSettings] = useState({
     [`${SHOW_LATEST_RCS}`]: false
   })
@@ -77,6 +79,7 @@ const Home = () => {
 
     setFromVersion(fromVersion)
     setToVersion(toVersion)
+    setAppNameWarning(true)
     setShowDiff(true)
   }
 
@@ -124,11 +127,18 @@ const Home = () => {
           showReleaseCandidates={settings[SHOW_LATEST_RCS]}
         />
 
-        <Subtitle>
-          Don't forget: `RnDiffApp` is a placeholder. When upgrading, all
+        {showAppNameWarning ? (
+          <Subtitle>
+            <Alert
+              message="Don't forget: `RnDiffApp` is a placeholder. When upgrading, all
           instances of `RnDiffApp` should be `YourProjectName`, all `rndiffapp`
-          should be `yourprojectname` etc.
-        </Subtitle>
+          should be `yourprojectname` etc."
+              type="warning"
+              closable
+              onClose={() => setAppNameWarning(false)}
+            />
+          </Subtitle>
+        ) : null}
       </Container>
 
       <DiffViewer