refactor(build): dont include react-dom

.gitignore

@@ -3,4 +3,5 @@
 node_modules
 examples/build
 cypress/videos
-cypress/screenshots
+cypress/screenshots
+stats.html

package-lock.json

@@ -3632,6 +3632,12 @@
         "is-symbol": "^1.0.2"
       }
     },
+    "escape-goat": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz",
+      "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==",
+      "dev": true
+    },
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -6718,6 +6724,15 @@
         "mimic-fn": "^1.0.0"
       }
     },
+    "open": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-6.4.0.tgz",
+      "integrity": "sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==",
+      "dev": true,
+      "requires": {
+        "is-wsl": "^1.1.0"
+      }
+    },
     "opencollective-postinstall": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.2.tgz",
@@ -7726,6 +7741,15 @@
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
       "dev": true
     },
+    "pupa": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.0.1.tgz",
+      "integrity": "sha512-hEJH0s8PXLY/cdXh66tNEQGndDrIKNqNC5xmrysZy3i5C3oEoLna7YAOad+7u125+zH1HNXUmGEkrhb3c2VriA==",
+      "dev": true,
+      "requires": {
+        "escape-goat": "^2.0.0"
+      }
+    },
     "q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -8327,6 +8351,26 @@
         "opener": "1"
       }
     },
+    "rollup-plugin-visualizer": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-2.6.0.tgz",
+      "integrity": "sha512-9HjvKAKUNqlcpLszA14njiQJgi+5rZSdMJymKXpFncHMBRPPCRh9jmKzZHqhoq5c1K/+Tjo9flMUcgdlPD397Q==",
+      "dev": true,
+      "requires": {
+        "mkdirp": "^0.5.1",
+        "open": "^6.3.0",
+        "pupa": "^2.0.0",
+        "source-map": "^0.7.3"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.7.3",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+          "dev": true
+        }
+      }
+    },
     "rollup-pluginutils": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.1.tgz",

package.json

@@ -36,6 +36,7 @@
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-postcss": "^2.0.3",
     "rollup-plugin-serve": "^1.0.1",
+    "rollup-plugin-visualizer": "^2.6.0",
     "start-server-and-test": "^1.10.4",
     "wait-on": "^3.3.0"
   },

rollup.config.js

@@ -3,12 +3,13 @@ import commonjs from 'rollup-plugin-commonjs';
 import babel from 'rollup-plugin-babel';
 import postcss from 'rollup-plugin-postcss';
 import bundleSize from 'rollup-plugin-bundle-size';
+import visualizer from 'rollup-plugin-visualizer';
 
 import pkg from './package.json';
 
 export default [{
 		input: 'src/index.js',
-		external: ['react', 'prop-types'],
+		external: ['react', 'react-dom', 'prop-types'],
 		onwarn(warning, rollupWarn) {
 			if (warning.code !== 'CIRCULAR_DEPENDENCY') {
 				rollupWarn(warning);
@@ -21,6 +22,7 @@ export default [{
 			sourcemaps: true,
 			globals: {
 				react: 'React',
+				'react-dom': 'ReactDOM',
 				'prop-types': 'PropTypes'
 			}
 		},
@@ -33,28 +35,8 @@ export default [{
 			}),
 			commonjs({
 				include: /node_modules/
-			})
+			}),
+			visualizer()
 		]
 	}
 ];
-
-
-
-// 	{
-// 		input: 'src/index.js',
-// 		external: ['react', 'prop-types', 'react-draggable', 'react-sizeme'],
-// 		output: [{
-// 				file: pkg.module,
-// 				format: 'es',
-// 				globals: {
-// 					react: 'React',
-// 					'react-draggable': 'ReactDraggable',
-// 					'react-sizeme': 'ReactSizeme'
-// 				}
-// 		}],
-// 		plugins: [
-// 			babel({
-// 				exclude: 'node_modules/**'
-// 			})
-// 		]
-// }