Merge pull request #3 from icd2k3/add-standalone-version

Adds a standalone build w/o scroll-into-view-if-needed

Author: icd2k3

README.md

@@ -28,6 +28,16 @@ const MyComponent = () => (
 );
 ```
 
+## Standalone Version
+
+The standalone version does _not_ come bundled with [scroll-into-view-if-needed](https://www.npmjs.com/package/scroll-into-view-if-needed). Use this version if you'd like to maintain your own dependency for scroll-into-view-if-needed.
+
+ES version:
+`import ScrollIntoViewIfNeeded from 'react-scroll-into-view-if-needed/dist/es/standalone.js'`
+
+UMD version:
+`import ScrollIntoViewIfNeeded from 'react-scroll-into-view-if-needed/dist/umd/standalone.js'`
+
 ## Optional Props
 
 #### active
@@ -47,3 +57,4 @@ Set the wrapper component type. For example, this could also be `'footer'`, `'bu
 > Default: `{ duration: 250, easing: 'easeOut' }`
 
 The `options` prop simply passes options to `scroll-into-view-if-needed`. See all the possible options in their [API documentation](https://www.npmjs.com/package/scroll-into-view-if-needed#api).
+

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-scroll-into-view-if-needed",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A thin component wrapper around scroll-into-view-if-needed",
   "main": "dist/umd/index.js",
   "module": "dist/es/index.js",
@@ -24,6 +24,7 @@
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-2": "^6.24.1",
     "coveralls": "^3.0.0",
+    "cross-env": "^5.1.4",
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.1",
     "eslint": "^4.19.1",
@@ -41,7 +42,7 @@
     "rollup-plugin-node-resolve": "^3.3.0"
   },
   "scripts": {
-    "build": "rollup -c",
+    "build": "rollup -c && cross-env BUILD_TYPE=standalone rollup -c",
     "lint": "eslint ./src/**",
     "prepublishOnly": "yarn build",
     "test": "jest",

rollup.config.js

@@ -4,11 +4,26 @@ import resolve from 'rollup-plugin-node-resolve';
 
 const pkg = require('./package.json');
 
-const external = Object.keys(pkg.peerDependencies);
-
-const globals = {
-  react: 'React',
+const IS_STANDALONE_BUILD = process.env.BUILD_TYPE === 'standalone';
+const name = 'react-scroll-into-view-if-needed';
+const external = Object.keys(pkg.peerDependencies)
+  .concat(IS_STANDALONE_BUILD ? 'scroll-into-view-if-needed' : []);
+const globals = { react: 'React' };
+const rootOutputProps = {
+  exports: 'named',
+  globals,
+  name,
+  sourcemap: true,
 };
+const output = IS_STANDALONE_BUILD
+  ? [
+    { ...rootOutputProps, file: 'dist/umd/standalone.js', format: 'umd' },
+    { ...rootOutputProps, file: 'dist/es/standalone.js', format: 'es' },
+  ]
+  : [
+    { ...rootOutputProps, file: pkg.main, format: 'umd' },
+    { ...rootOutputProps, file: pkg.module, format: 'es' },
+  ];
 
 const config = {
   input: 'src/index.js',
@@ -25,23 +40,7 @@ const config = {
     commonjs(),
   ],
   external,
-  output: [
-    {
-      exports: 'named',
-      file: pkg.main,
-      format: 'umd',
-      globals,
-      name: 'react-scroll-into-view-if-needed',
-      sourcemap: true,
-    },
-    {
-      exports: 'named',
-      file: pkg.module,
-      format: 'es',
-      globals,
-      sourcemap: true,
-    },
-  ],
+  output,
 };
 
 export default config;

yarn.lock

@@ -1397,6 +1397,13 @@ coveralls@^3.0.0:
     minimist "^1.2.0"
     request "^2.79.0"
 
+cross-env@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-5.1.4.tgz#f61c14291f7cc653bb86457002ea80a04699d022"
+  dependencies:
+    cross-spawn "^5.1.0"
+    is-windows "^1.0.0"
+
 cross-spawn@^5.0.1, cross-spawn@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
@@ -2711,7 +2718,7 @@ is-utf8@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
 
-is-windows@^1.0.2:
+is-windows@^1.0.0, is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"