From 73e2144285ccb543066d1ed46e154c270c94eebc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Milan=20Lajto=C5=A1?= <milan.lajtos@me.com>
Date: Wed, 11 Mar 2020 17:29:35 +0100
Subject: [PATCH] Add postcss-inline-svg (#212)

Lighter 2.x had `postcss-inline-svg`, but in 3.0 it was missing. It broke DDS.

It provides `svg-load` function that inlines SVG into data-uri.
---
 .../react-scripts/config/webpack.config.js    |  1 +
 packages/react-scripts/package-lock.json      | 28 +++++++++++++++++++
 packages/react-scripts/package.json           |  1 +
 3 files changed, 30 insertions(+)

diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js
index 855ad77f69e..f3931293527 100644
--- a/packages/react-scripts/config/webpack.config.js
+++ b/packages/react-scripts/config/webpack.config.js
@@ -185,6 +185,7 @@ module.exports = function(webpackEnv, options = {}) {
               },
               stage: 3,
             }),
+            require('postcss-inline-svg')(),
             // Adds PostCSS Normalize as the reset css with default options,
             // so that it honors browserslist config in package.json
             // which in turn let's users customize the target behavior as per their needs.
diff --git a/packages/react-scripts/package-lock.json b/packages/react-scripts/package-lock.json
index 07477b62a66..aab1b9bf953 100644
--- a/packages/react-scripts/package-lock.json
+++ b/packages/react-scripts/package-lock.json
@@ -12214,6 +12214,34 @@
         "postcss": "^7.0.2"
       }
     },
+    "postcss-inline-svg": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-inline-svg/-/postcss-inline-svg-4.1.0.tgz",
+      "integrity": "sha512-0pYBJyoQ9/sJViYRc1cNOOTM7DYh0/rmASB0TBeRmWkG8YFK2tmgdkfjHkbRma1iFtBFKFHZFsHwRTDZTMKzSQ==",
+      "requires": {
+        "css-select": "^2.0.2",
+        "dom-serializer": "^0.1.1",
+        "htmlparser2": "^3.10.1",
+        "postcss": "^7.0.17",
+        "postcss-value-parser": "^4.0.0"
+      },
+      "dependencies": {
+        "dom-serializer": {
+          "version": "0.1.1",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz",
+          "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==",
+          "requires": {
+            "domelementtype": "^1.3.0",
+            "entities": "^1.1.1"
+          }
+        },
+        "entities": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+        }
+      }
+    },
     "postcss-lab-function": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz",
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index 439174e7605..fb676ac8010 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -65,6 +65,7 @@
     "optimize-css-assets-webpack-plugin": "5.0.3",
     "pnp-webpack-plugin": "1.6.0",
     "postcss-flexbugs-fixes": "4.1.0",
+    "postcss-inline-svg": "^4.1.0",
     "postcss-loader": "3.0.0",
     "postcss-normalize": "8.0.1",
     "postcss-preset-env": "6.7.0",