add build:cjs-legacy script

Author: Cap32

package.json

@@ -6,11 +6,12 @@
     "start": "npm run karma -- start",
     "test": "npm run karma -- start --single-run",
     "karma": "cross-env ANIMATED_TEST=true babel-node -- ./node_modules/.bin/karma",
-    "prebuild": "rimraf ./dist && mkdirp ./dist && rimraf ./lib && mkdirp ./lib",
+    "prebuild": "rimraf ./dist ./lib && mkdirp ./dist ./lib",
+    "build:cjs-legacy": "babel src -d lib/legacy",
     "build:cjs": "babel src -d lib",
     "build:umd": "webpack src dist/react-web-animated.js",
     "build:min": "webpack -p src dist/react-web-animated.min.js",
-    "build": "npm run build:cjs && npm run build:umd && npm run build:min",
+    "build": "npm run build:cjs && npm run build:umd && npm run build:min && npm run build:cjs-legacy",
     "prepublish": "npm run build"
   },
   "main": "lib/index.js",
@@ -43,8 +44,8 @@
     "karma-webpack": "^2.0.2",
     "mkdirp": "^0.5.1",
     "mocha": "^3.2.0",
-    "react": "^15.3.2",
-    "react-dom": "^15.3.2",
+    "react": "15.4.2",
+    "react-dom": "^15.4.2",
     "rimraf": "^2.5.4",
     "webpack": "v2.1.0-beta.25"
   },

src/AnimatedImplementation.js

@@ -21,7 +21,9 @@ var SpringConfig = require('SpringConfig');
 var ViewStylePropTypes = require('ViewStylePropTypes');
 var NativeAnimatedHelper = require('NativeAnimatedHelper');
 
-var findNodeHandle = require('react/lib/findNodeHandle');
+var findNodeHandle = require('react-dom/lib/findDOMNode');
+// var findNodeHandle = require('react/lib/findNodeHandle');
+
 var flattenStyle = require('flattenStyle');
 var invariant = require('fbjs/lib/invariant');
 var requestAnimationFrame = require('fbjs/lib/requestAnimationFrame');

src/injectable/applyAnimatedValues.js

@@ -2,7 +2,9 @@
 import { isArray, capitalize, reduce } from 'lodash';
 import invariant from 'fbjs/lib/invariant';
 import { findDOMNode } from 'react-dom';
-import CSSPropertyOperations from 'react/lib/CSSPropertyOperations';
+
+import CSSPropertyOperations from 'react-dom/lib/CSSPropertyOperations';
+// import CSSPropertyOperations from 'react/lib/CSSPropertyOperations';
 
 const prefix = (prop) => {
 	if (typeof window === 'undefined') { return prop; }

webpack.config.babel.js

@@ -7,6 +7,7 @@ const { env } = process;
 process.env.NODE_ENV = env.NODE_ENV || 'development';
 
 const isTesting = !!env.ANIMATED_TEST;
+const reactVersion = +(env.REACT_VERSION || 15.4);
 const PROJECT_PATH = __dirname;
 const inProject = (...args) => resolve(PROJECT_PATH, ...args);
 const inSrc = inProject.bind(null, 'src');
@@ -47,7 +48,10 @@ export default {
 	resolve: {
 		modules: [srcDir, 'node_modules'],
 		extensions: ['.js'],
-		alias: { React: 'react' },
+		alias: {
+			React: 'react',
+			// 'react-dom/lib': reactVersion >= 15.4 ? 'react-dom/lib' : 'react/lib',
+		},
 	},
 	devtool: 'source-map',
 	externals: isTesting ? {} : {

yarn.lock

@@ -1572,7 +1572,7 @@ extsprintf@1.0.2:
   version "1.0.2"
   resolved "http://registry.npm.taobao.org/extsprintf/download/extsprintf-1.0.2.tgz#e1080e0658e300b06294990cc70e1502235fd550"
 
-fbjs@^0.8.0, fbjs@^0.8.4:
+fbjs@^0.8.0, fbjs@^0.8.1, fbjs@^0.8.4:
   version "0.8.5"
   resolved "http://registry.npm.taobao.org/fbjs/download/fbjs-0.8.5.tgz#f69ba8a876096cb1b9bffe4d7c1e71c19d39d008"
   dependencies:
@@ -2788,17 +2788,29 @@ rc@~1.1.6:
     minimist "^1.2.0"
     strip-json-comments "~1.0.4"
 
-react:
+react-dom@^15.4.2:
+  version "15.4.2"
+  resolved "http://registry.npm.taobao.org/react-dom/download/react-dom-15.4.2.tgz#015363f05b0a1fd52ae9efdd3a0060d90695208f"
+  dependencies:
+    fbjs "^0.8.1"
+    loose-envify "^1.1.0"
+    object-assign "^4.1.0"
+
+react@15.3@15.3.2:
   version "15.3.2"
   resolved "http://registry.npm.taobao.org/react/download/react-15.3.2.tgz#a7bccd2fee8af126b0317e222c28d1d54528d09e"
   dependencies:
     fbjs "^0.8.4"
     loose-envify "^1.1.0"
     object-assign "^4.1.0"
 
-react-dom:
-  version "15.3.2"
-  resolved "http://registry.npm.taobao.org/react-dom/download/react-dom-15.3.2.tgz#c46b0aa5380d7b838e7a59c4a7beff2ed315531f"
+react@15.4.2:
+  version "15.4.2"
+  resolved "http://registry.npm.taobao.org/react/download/react-15.4.2.tgz#41f7991b26185392ba9bae96c8889e7e018397ef"
+  dependencies:
+    fbjs "^0.8.4"
+    loose-envify "^1.1.0"
+    object-assign "^4.1.0"
 
 read-pkg-up@^1.0.1:
   version "1.0.1"