react-canvas - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

examples/common/data.js

@@ -5,3 +5,3 @@ module.exports = [
     excerpt: 'With these words the Witch fell down in a brown, melted, shapeless mass and began to spread over the clean boards of the kitchen floor.  Seeing that she had really melted away to nothing, Dorothy drew another bucket of water and threw it over the mess.  She then swept it all out the door.  After picking out the silver shoe, which was all that was left of the old woman, she cleaned and dried it with a cloth, and put it on her foot again.  Then, being at last free to do as she chose, she ran out to the courtyard to tell the Lion that the Wicked Witch of the West had come to an end, and that they were no longer prisoners in a strange land.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/1/'
+    imageUrl: 'https://placekitten.com/360/420'
   },
@@ -11,3 +11,3 @@ {
     excerpt: 'The splendid fellow sprang to his feet, and grasping me by the shoulder raised his sword on high, exclaiming: "And had the choice been left to me I could not have chosen a more fitting mate for the first princess of Barsoom.  Here is my hand upon your shoulder, John Carter, and my word that Sab Than shall go out at the point of my sword for the sake of my love for Helium, for Dejah Thoris, and for you.  This very night I shall try to reach his quarters in the palace." "How?" I asked.  "You are strongly guarded and a quadruple force patrols the sky." He bent his head in thought a moment, then raised it with an air of confidence.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/2/'
+    imageUrl: 'https://placekitten.com/361/421'
   },
@@ -17,3 +17,3 @@ {
     excerpt: 'For a minute he scarcely realised what this meant, and, although the heat was excessive, he clambered down into the pit close to the bulk to see the Thing more clearly.  He fancied even then that the cooling of the body might account for this, but what disturbed that idea was the fact that the ash was falling only from the end of the cylinder. And then he perceived that, very slowly, the circular top of the cylinder was rotating on its body.  It was such a gradual movement that he discovered it only through noticing that a black mark that had been near him five minutes ago was now at the other side of the circumference.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/3/'
+    imageUrl: 'https://placekitten.com/362/422'
   },
@@ -23,3 +23,3 @@ {
     excerpt: 'My wife was curiously silent throughout the drive, and seemed oppressed with forebodings of evil.  I talked to her reassuringly, pointing out that the Martians were tied to the Pit by sheer heaviness, and at the utmost could but crawl a little out of it; but she answered only in monosyllables.  Had it not been for my promise to the innkeeper, she would, I think, have urged me to stay in Leatherhead that night.  Would that I had!  Her face, I remember, was very white as we parted. For my own part, I had been feverishly excited all day.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/4/'
+    imageUrl: 'https://placekitten.com/363/423'
   },
@@ -29,3 +29,3 @@ {
     excerpt: 'Passepartout heard the street door shut once; it was his new master going out.  He heard it shut again; it was his predecessor, James Forster, departing in his turn.  Passepartout remained alone in the house in Saville Row. "Faith," muttered Passepartout, somewhat flurried, "I\'ve seen people at Madame Tussaud\'s as lively as my new master!" Madame Tussaud\'s "people," let it be said, are of wax, and are much visited in London; speech is all that is wanting to make them human. During his brief interview with Mr. Fogg, Passepartout had been carefully observing him.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/5/'
+    imageUrl: 'https://placekitten.com/364/424'
   },
@@ -35,3 +35,3 @@ {
     excerpt: 'On March 3, 1866, Powell and I packed his provisions on two of our burros, and bidding me good-bye he mounted his horse, and started down the mountainside toward the valley, across which led the first stage of his journey. The morning of Powell\'s departure was, like nearly all Arizona mornings, clear and beautiful; I could see him and his little pack animals picking their way down the mountainside toward the valley, and all during the morning I would catch occasional glimpses of them as they topped a hog back or came out upon a level plateau.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/6/'
+    imageUrl: 'https://placekitten.com/365/425'
   },
@@ -41,3 +41,3 @@ {
     excerpt: 'So powerfully did the whole grim aspect of Ahab affect me, and the livid brand which streaked it, that for the first few moments I hardly noted that not a little of this overbearing grimness was owing to the barbaric white leg upon which he partly stood. It had previously come to me that this ivory leg had at sea been fashioned from the polished bone of the sperm whale\'s jaw. "Aye, he was dismasted off Japan," said the old Gay-Head Indian once; "but like his dismasted craft, he shipped another mast without coming home for it.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/7/'
+    imageUrl: 'https://placekitten.com/366/426'
   },
@@ -47,3 +47,3 @@ {
     excerpt: 'Again was I suddenly recalled to my immediate surroundings by a repetition of the weird moan from the depths of the cave.  Naked and unarmed as I was, I had no desire to face the unseen thing which menaced me. My revolvers were strapped to my lifeless body which, for some unfathomable reason, I could not bring myself to touch.  My carbine was in its boot, strapped to my saddle, and as my horse had wandered off I was left without means of defense.  My only alternative seemed to lie in flight and my decision was crystallized by a recurrence of the rustling sound.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/8/'
+    imageUrl: 'https://placekitten.com/367/427'
   },
@@ -53,3 +53,3 @@ {
     excerpt: 'First they came to a great hall in which were many ladies and gentlemen of the court, all dressed in rich costumes.  These people had nothing to do but talk to each other, but they always came to wait outside the Throne Room every morning, although they were never permitted to see Oz.  As Dorothy entered they looked at her curiously, and one of them whispered: "Are you really going to look upon the face of Oz the Terrible?" "Of course," answered the girl, "if he will see me." "Oh, he will see you," said the soldier who had taken her message to the Wizard.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/9/'
+    imageUrl: 'https://placekitten.com/368/428'
   },
@@ -59,4 +59,4 @@ {
     excerpt: 'At once, with a quick mental leap, he linked the Thing with the flash upon Mars. The thought of the confined creature was so dreadful to him that he forgot the heat and went forward to the cylinder to help turn.  But luckily the dull radiation arrested him before he could burn his hands on the still-glowing metal.  At that he stood irresolute for a moment, then turned, scrambled out of the pit, and set off running wildly into Woking.  The time then must have been somewhere about six o\'clock. He met a waggoner and tried to make him understand, but the tale he told and his appearance were so wild--his hat had fallen off in the pit--that the man simply drove on.',
-    imageUrl: 'http://lorempixel.com/360/420/cats/10/'
+    imageUrl: 'https://placekitten.com/369/429'
   },
 ];

examples/css-layout/app.js

@@ -28,3 +28,3 @@ /** @jsx React.DOM */
           <Group style={this.getImageGroupStyle()}>
-            <Image src='http://lorempixel.com/360/420/cats/1/' style={this.getImageStyle()} fadeIn={true} />
+            <Image src='https://placekitten.com/720/840' style={this.getImageStyle()} fadeIn={true} />
           </Group>
@@ -31,0 +31,0 @@ <Text style={this.getExcerptStyle()}>

lib/Canvas.js

 'use strict';
 
-var assign = require('react/lib/Object.assign');
-
 // Note that this class intentionally does not use PooledClass.
@@ -23,3 +21,3 @@ // DrawingUtils manages <canvas> pooling for more fine-grained control.
 
-assign(Canvas.prototype, {
+Object.assign(Canvas.prototype, {
 
@@ -26,0 +24,0 @@ getRawCanvas: function () {

lib/ContainerMixin.js

@@ -8,6 +8,5 @@ 'use strict';
 var ReactMultiChild = require('react/lib/ReactMultiChild');
-var assign = require('object-assign');
 var emptyObject = require('fbjs/lib/emptyObject');
 
-var ContainerMixin = assign({}, ReactMultiChild.Mixin, {
+var ContainerMixin = Object.assign({}, ReactMultiChild.Mixin, {
 
@@ -14,0 +13,0 @@ /**

lib/createComponent.js

@@ -6,3 +6,2 @@ 'use strict';
 
-var assign = require('react/lib/Object.assign');
 var RenderLayer = require('./RenderLayer');
@@ -22,3 +21,3 @@
   for (var i = 1, l = arguments.length; i < l; i++) {
-    assign(ReactCanvasComponent.prototype, arguments[i]);
+    Object.assign(ReactCanvasComponent.prototype, arguments[i]);
   }
@@ -25,0 +24,0 @@

lib/Image.js

 'use strict';
 
 var React = require('react');
-var assign = require('react/lib/Object.assign');
 var createComponent = require('./createComponent');
@@ -89,5 +88,5 @@ var LayerMixin = require('./LayerMixin');
     var rawImage;
-    var imageStyle = assign({}, this.props.style);
-    var style = assign({}, this.props.style);
-    var backgroundStyle = assign({}, this.props.style);
+    var imageStyle = Object.assign({}, this.props.style);
+    var style = Object.assign({}, this.props.style);
+    var backgroundStyle = Object.assign({}, this.props.style);
     var useBackingStore = this.state.loaded ? this.props.useBackingStore : false;
@@ -94,0 +93,0 @@

lib/ImageCache.js

 'use strict';
 
 var EventEmitter = require('events');
-var assign = require('react/lib/Object.assign');
 
@@ -25,3 +24,3 @@ var NOOP = function () {};
 
-assign(Img.prototype, EventEmitter.prototype, {
+Object.assign(Img.prototype, EventEmitter.prototype, {
 
@@ -28,0 +27,0 @@ /**

lib/ListView.js

 'use strict';
 
 var React = require('react');
-var assign = require('react/lib/Object.assign');
 var Scroller = require('scroller');
@@ -6,0 +5,0 @@ var Group = require('./Group');

package.json

 {
   "name": "react-canvas",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "High performance <canvas> rendering for React components",
@@ -44,5 +44,4 @@ "main": "lib/ReactCanvas.js",
     "linebreak": "^0.3.0",
-    "object-assign": "^4.0.1",
     "scroller": "git://github.com/mjohnston/scroller"
   }
 }

README.md

@@ -43,3 +43,3 @@ # react-canvas
 
-**Gradient** can be used to set the background of a group or surface. 
+**Gradient** can be used to set the background of a group or surface.
 ```javascript
@@ -50,3 +50,3 @@ render() {
       <Group style={this.getStyle()}>
-        <Gradient style={this.getGradientStyle()} 
+        <Gradient style={this.getGradientStyle()}
                   colorStops={this.getGradientColors()} />
@@ -62,3 +62,3 @@ </Group>
   }
-``` 
+```
 
@@ -206,5 +206,24 @@ ### &lt;ListView&gt;
 
+
+## Using with webpack
+
+The [brfs](https://github.com/substack/brfs) transform is required in order to use the project with webpack.
+
+```bash
+npm install -g brfs
+npm install --save-dev transform-loader brfs
+```
+
+Then add the [brfs](https://github.com/substack/brfs) transform to your webpack config
+
+```javascript
+module: {
+  postLoaders: [
+    { loader: "transform?brfs" }
+  ]
+}
+```
+
 ## Contributing
 
 We welcome pull requests for bug fixes, new features, and improvements to React Canvas. Contributors to the main repository must accept Flipboard's Apache-style [Individual Contributor License Agreement (CLA)](https://docs.google.com/forms/d/1gh9y6_i8xFn6pA15PqFeye19VqasuI9-bGp_e0owy74/viewform) before any changes can be merged.
-

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

140451

increased by0.03%

Dependency count

4

decreased by-20%

Number of lines in readme file

226

increased by9.18%

Worsened metrics

Lines of code

3709

decreased by-0.16%

Dependency changes

• - Removedobject-assign@^4.0.1

• - Removedobject-assign@4.1.1(transitive)