react-frame-component - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

index.js

@@ -1,3 +0,1 @@
-/** @jsx React.DOM */
-
 var React = require('react');
@@ -8,6 +6,6 @@
     style: React.PropTypes.object,
-    head:  React.PropTypes.object
+    head:  React.PropTypes.renderable
   },
   render: function() {
-    return this.transferPropsTo(<iframe />);
+    return this.transferPropsTo(React.DOM.iframe());
   },
@@ -20,7 +18,5 @@ componentDidMount: function() {
     if(doc && doc.readyState === 'complete') {
-      var contents = (
-        <div>
-          {this.props.head}
-          {this.props.children}
-        </div>
+      var contents = React.DOM.div(null,
+        this.props.head,
+        this.props.children
       );
@@ -27,0 +23,0 @@

package.json

 {
   "name": "react-frame-component",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "React component to wrap your application or component in an iFrame for encapsulation purposes",
@@ -33,8 +33,9 @@ "main": "index.js",
     "browserify": "^4.1.11",
+    "react": ">=0.11.1",
     "reactify": "^0.13.1",
     "vinyl-source-stream": "^0.1.1"
   },
-  "dependencies": {
-    "react": "^0.10.0"
+  "peerDependencies": {
+    "react": ">=0.11.1"
   }
 }

test/Frame_spec.js

@@ -60,2 +60,15 @@ /** @jsx React.DOM */
 
+  it("should create an iFrame with multiple <link> and <script> tags inside", function () {
+    div = document.body.appendChild(document.createElement('div'));
+    var frame = React.renderComponent(<Frame head={[
+          <link key='styles' href='styles.css' />,
+          <link key='foo' href='foo.css' />,
+          <script key='bar' src='bar.js' />
+        ]} />, div),
+        body = frame.getDOMNode().contentDocument.body;
+
+    expect(body.querySelectorAll('link').length).toEqual(2);
+    expect(body.querySelectorAll('script').length).toEqual(1);
+  });
+
   it("should encapsulate styles and not effect elements outside", function () {
@@ -62,0 +75,0 @@ div = document.body.appendChild(document.createElement('div'));

No alert changes

Improved metrics

Total package byte prevSize

644248

increased by0.09%

Lines of code

17850

increased by0.04%

Worsened metrics

Dev dependency count

10

increased by11.11%

Dependency changes

• + Addedreact@19.0.0(transitive)

• - Removedreact@^0.10.0

• - Removedamdefine@1.0.1(transitive)

• - Removedbase62@0.1.1(transitive)

• - Removedenvify@1.2.1(transitive)

• - Removedesprima-fb@3001.1.0-dev-harmony-fb(transitive)

• - Removedjstransform@3.0.0(transitive)

• - Removedobject-keys@0.4.0(transitive)

• - Removedreact@0.10.0(transitive)

• - Removedsource-map@0.1.31(transitive)

• - Removedthrough@2.3.8(transitive)

• - Removedxtend@2.1.2(transitive)