build: refactored build process

fixes #106, #80, #82
floating-ui · Mar 23, 2018 · e2a672b · e2a672b
1 parent 1bd24d8
commit e2a672b
Show file tree

Hide file tree

Showing 24 changed files with 1,755 additions and 3,296 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,11 +1,4 @@
 {
-  "presets": [
-    ["env"],
-    "react"
-  ],
-  "plugins": [
-    "transform-object-rest-spread",
-    "transform-class-properties",
-    "transform-export-extensions"
-  ]
+  "presets": [["env", { "modules": false }], "stage-2", "react"],
+  "plugins": ["transform-class-properties"]
 }
diff --git a/.gitignore b/.gitignore
@@ -21,3 +21,4 @@ yarn-error.log
 .project
 .tmp
 .vscode
+*.log
diff --git a/example/animated.jsx → demo/animated.jsx b/example/animated.jsx → demo/animated.jsx
@@ -3,7 +3,7 @@ import { findDOMNode } from 'react-dom'
 import Transition from 'react-transition-group/Transition'
 import PropTypes from 'prop-types'
 import outy from 'outy'
-import { Manager, Target, Popper } from '../src/react-popper'
+import { Manager, Target, Popper } from '../src/index'
 
 const duration = 300
 

diff --git a/example/common.jsx → demo/common.jsx b/example/common.jsx → demo/common.jsx
diff --git a/example/favicon.png → demo/favicon.png b/example/favicon.png → demo/favicon.png
diff --git a/example/index.html → demo/index.html b/example/index.html → demo/index.html
@@ -1,12 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <title>Component</title>
   <link href="https://fonts.googleapis.com/css?family=Bungee|Lato:400,900" rel="stylesheet">
 </head>
+
 <body>
   <div id="app"></div>
-  <script src="bundle.js"></script>
+  <script src="./index.js"></script>
 </body>
-</html>
+
+</html>
diff --git a/example/index.jsx → demo/index.js b/example/index.jsx → demo/index.js
diff --git a/example/main.css → demo/main.css b/example/main.css → demo/main.css
diff --git a/example/modifiers.jsx → demo/modifiers.jsx b/example/modifiers.jsx → demo/modifiers.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { Portal } from 'react-portal'
-import { Manager, Target, Popper, Arrow } from '../src/react-popper'
+import { Manager, Target, Popper, Arrow } from '../src/index'
 import { modifiers } from './common'
 
 class MultipleExample extends React.Component {

diff --git a/example/multiple.jsx → demo/multiple.jsx b/example/multiple.jsx → demo/multiple.jsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import PopperJS from 'popper.js'
 import { Portal } from 'react-portal'
-import { Manager, Target, Popper, Arrow } from '../src/react-popper'
+import { Manager, Target, Popper, Arrow } from '../src/index'
 
 const modifiers = {
   customStyle: {

diff --git a/example/standalone.jsx → demo/standalone.jsx b/example/standalone.jsx → demo/standalone.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react'
-import { Popper, Arrow } from '../src/react-popper'
+import { Popper, Arrow } from '../src/index'
 
 class StandaloneExample extends PureComponent {
   state = {

diff --git a/example/standaloneObject.jsx → demo/standaloneObject.jsx b/example/standaloneObject.jsx → demo/standaloneObject.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react'
-import { Popper, Arrow } from '../src/react-popper'
+import { Popper, Arrow } from '../src/index'
 
 class StandaloneObjectExample extends PureComponent {
   state = {

diff --git a/example/toggleable.jsx → demo/toggleable.jsx b/example/toggleable.jsx → demo/toggleable.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react'
-import { Manager, Target, Popper, Arrow } from '../src/react-popper'
+import { Manager, Target, Popper, Arrow } from '../src/index'
 
 class ToggleableExample extends PureComponent {
   state = {

diff --git a/package.json b/package.json
@@ -1,18 +1,36 @@
 {
   "name": "react-popper",
-  "version": "0.8.3",
+  "version": "0.9.0",
   "description": "React wrapper around PopperJS.",
+  "license": "MIT",
+  "author":
+    "Travis Arnold <[email protected]> (http://souporserious.com)",
+  "homepage": "https://github.com/souporserious/react-popper",
   "main": "dist/react-popper.js",
+  "umd:main": "dist/react-popper.umd.js",
   "module": "lib/react-popper.js",
   "types": "react-popper.d.ts",
-  "files": [
-    "dist",
-    "lib",
-    "react-popper.d.ts"
-  ],
-  "license": "MIT",
-  "author": "Travis Arnold <[email protected]> (http://souporserious.com)",
-  "homepage": "https://github.com/souporserious/react-popper",
+  "files": ["dist", "lib"],
+  "scripts": {
+    "build":
+      "npm run build:clean && npm run build:es && npm run build:umd && npm run build:cjs && npm run build:umd-min && npm run build:cjs-min",
+    "build:clean": "rm -rf dist/ && rm -rf lib/",
+    "build:es":
+      "babel src --out-dir lib && mv lib/index.js lib/react-popper.js",
+    "build:umd":
+      "rollup -c --output.format umd --output.name 'react-popper' --output.file dist/react-popper.umd.js",
+    "build:cjs":
+      "rollup -c --output.format cjs --output.name 'react-popper' --output.file dist/react-popper.js",
+    "build:umd-min":
+      "MINIFY=true rollup -c --output.format umd --output.name 'react-popper' --output.file dist/react-popper.umd.min.js",
+    "build:cjs-min":
+      "MINIFY=true rollup -c --output.format cjs --output.name 'react-popper' --output.file dist/react-popper.min.js",
+    "demo": "parcel --out-dir demo/dist demo/index.html",
+    "prepare": "npm run build",
+    "precommit": "lint-staged",
+    "format": "npm run lint -- --fix --quiet",
+    "lint": "eslint --ext .js,.jsx src/ example/"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/souporserious/react-popper"
@@ -30,21 +48,7 @@
     "popover"
   ],
   "lint-staged": {
-    "@(src|example)/**/*.{js,jsx}": [
-      "eslint --fix --max-warnings 5",
-      "git add"
-    ]
-  },
-  "scripts": {
-    "precommit": "lint-staged",
-    "format": "npm run lint -- --fix --quiet",
-    "lint": "eslint --ext .js,.jsx src/ example/",
-    "build:lib": "babel src --out-dir lib",
-    "build": "npm run build:lib && cross-env NODE_ENV=production webpack --config webpack.prod.config.js",
-    "dev": "webpack-dev-server --hot --progress --host 0.0.0.0",
-    "postbuild": "cross-env NODE_ENV=production && cross-env TARGET=minify webpack --config webpack.prod.config.js",
-    "prebuild": "rimraf dist && mkdir dist",
-    "prepare": "npm run build"
+    "@(src|demo)/**/*.{js,jsx}": ["eslint --fix --max-warnings 5", "git add"]
   },
   "peerDependencies": {
     "react": "0.14.x || ^15.0.0 || ^16.0.0",
@@ -57,36 +61,33 @@
   "devDependencies": {
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
-    "babel-eslint": "^8.2.2",
-    "babel-loader": "^7.1.4",
+    "babel-plugin-external-helpers": "^6.22.0",
     "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-plugin-transform-export-extensions": "^6.22.0",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.13",
     "babel-preset-env": "^1.6.1",
-    "babel-preset-react": "^6.16.0",
-    "cross-env": "^5.1.4",
-    "css-loader": "^0.28.11",
-    "eslint": "^4.19.0",
-    "eslint-config-prettier": "^2.9.0",
-    "eslint-config-standard": "^11.0.0",
-    "eslint-config-standard-react": "^6.0.0",
-    "eslint-plugin-import": "^2.9.0",
-    "eslint-plugin-node": "^6.0.1",
-    "eslint-plugin-prettier": "^2.6.0",
-    "eslint-plugin-promise": "^3.7.0",
-    "eslint-plugin-react": "^7.7.0",
-    "eslint-plugin-standard": "^3.0.1",
-    "husky": "^0.14.3",
-    "lint-staged": "^7.0.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-2": "^6.24.1",
+    "chokidar": "^1.6.1",
+    "create-styled-element": "^0.4.0",
+    "glamor": "^2.20.24",
+    "glamorous": "^3.11.1",
+    "node-libs-browser": "^1.0.0",
     "outy": "^0.1.2",
-    "prettier": "^1.11.1",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
-    "react-portal": "^4.1.3",
+    "parcel-bundler": "^1.6.2",
+    "react": "15.3.2",
+    "react-dom": "15.3.2",
+    "react-measure": "^1.4.6",
+    "react-motion-ui-pack": "^0.10.2",
+    "react-portal": "^4.1.4",
     "react-transition-group": "^2.2.1",
-    "rimraf": "^2.6.2",
-    "style-loader": "^0.20.3",
-    "webpack": "^3.11.0",
-    "webpack-dev-server": "^2.11.2"
+    "react-travel": "^1.3.0",
+    "rollup": "^0.57.1",
+    "rollup-plugin-babel": "^3.0.3",
+    "rollup-plugin-babel-minify": "^4.0.0",
+    "rollup-plugin-commonjs": "^9.1.0",
+    "rollup-plugin-node-globals": "^1.2.0",
+    "rollup-plugin-node-resolve": "^3.3.0",
+    "rollup-plugin-replace": "^2.0.0",
+    "velocity-react": "^1.2.2"
   }
 }
diff --git a/rollup.config.js b/rollup.config.js
@@ -0,0 +1,26 @@
+import babel from 'rollup-plugin-babel';
+import minify from 'rollup-plugin-babel-minify';
+
+export default {
+  input: 'src/index.js',
+  plugins: [
+    babel({
+      babelrc: false,
+      presets: [['env', { modules: false }], 'stage-2', 'react'],
+      plugins: [
+        'external-helpers',
+        ['transform-react-remove-prop-types', { mode: 'wrap' }],
+      ],
+    }),
+    process.env.MINIFY ? minify() : false,
+  ].filter(Boolean),
+  external: ['react', 'react-dom', 'prop-types', 'popper.js'],
+  output: {
+    sourcemap: true,
+    globals: {
+      react: 'react',
+      'prop-types': 'PropTypes',
+      'popper.js': 'PopperJS',
+    },
+  },
+};
diff --git a/src/Arrow.jsx → src/Arrow.js b/src/Arrow.jsx → src/Arrow.js
diff --git a/src/Manager.jsx → src/Manager.js b/src/Manager.jsx → src/Manager.js
diff --git a/src/Popper.jsx → src/Popper.js b/src/Popper.jsx → src/Popper.js
diff --git a/src/Target.jsx → src/Target.js b/src/Target.jsx → src/Target.js
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,4 @@
+export { default as Manager } from './Manager';
+export { default as Target } from './Target';
+export { default as Popper } from './Popper';
+export { default as Arrow } from './Arrow';
diff --git a/src/react-popper.js b/src/react-popper.js
diff --git a/webpack.banner.js b/webpack.banner.js
diff --git a/webpack.config.js b/webpack.config.js
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,3 +21,4 @@ yarn-error.log @@
     .project
     .tmp
     .vscode
+    *.log