Merge pull request #33 from stevemao/deps

change deps

Author: treshugart

package.json

@@ -30,11 +30,12 @@
     "react-addons-test-utils": "^0.14.3",
     "react-dom": "^0.14.3",
     "skatejs": "^0.14.3",
-    "skatejs-build": "^4.2.3",
+    "skatejs-build": "^7.2.0",
     "webcomponents.js": "0.7.22"
   },
   "peerDependencies": {
-    "react": ">=0.14.0"
+    "react": ">=0.14.0",
+    "react-dom": ">=0.14.0"
   },
   "config": {
     "commitizen": {

src/index.js

@@ -1,9 +1,11 @@
 import assign from 'object-assign';
 import pascalCase from 'pascal-case';
+import React from 'react';
+import ReactDOM from 'react-dom';
 
 const defaults = {
-  React: window.React,
-  ReactDOM: window.ReactDOM,
+  React,
+  ReactDOM,
 };
 
 function syncEvent(node, eventName, newEventHandler) {
@@ -31,7 +33,7 @@ export default function (CustomElement, opts) {
   const { React, ReactDOM } = opts;
 
   if (!React || !ReactDOM) {
-    throw new Error('React and ReactDOM must be globally available or passed via opts.');
+    throw new Error('React and ReactDOM must be dependencies, globally on your `window` object or passed via opts.');
   }
 
   class ReactComponent extends React.Component {

test/unit/errors.js

@@ -1,7 +1,7 @@
 import reactify from '../../src/index';
 
 describe('prop-types', () => {
-  const msg = 'React and ReactDOM must be globally available or passed via opts.';
+  const msg = 'or passed via opts.';
 
   it('no react', () => {
     expect(() => reactify(document.registerElement('x-errors-1'), { React: null })).to.throw(msg);

test/unit/props.js

@@ -6,7 +6,7 @@ let x = 0;
 function createComponentWithOpts(opts) {
   return reactify(document.registerElement(`x-props-${x++}`, {
     prototype: Object.create(HTMLElement.prototype, opts),
-  }), { React, ReactDOM });
+  }));
 }
 function createComponentWithProp(name, done) {
   return createComponentWithOpts({