Compatibility fix for react-scripts

.eslintignore

@@ -1 +1,2 @@
 **/node_modules
+build/

.gitignore

@@ -7,6 +7,7 @@ node_modules/
 # Generated
 dist/
 coverage/
+build/
 
 # Misc
 npm-debug.log

.npmignore

@@ -1,3 +1,4 @@
 examples/
 test/
 coverage/
+src/

CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 5.1.2
+
+Compatibility fix for `create-react-app` and `react-scripts`
+
+The NPM package `cycle-react` now contains transpiled code that built
+by Babel. This fixes `react-scripts build`'s compatibility issue with
+ES6.
+
+The underlying component class has been changed from `PureComponent`
+to `Component`, due to implementation of `shouldComponentUpdate` raises
+warning message for `PureComponent`.
+
 ## 5.0.0
 
 Breaking change: Custom events is now subscribed only when listener

README.md

@@ -3,12 +3,12 @@
 [![Build Status](https://travis-ci.org/pH200/cycle-react.svg?branch=master)](https://travis-ci.org/pH200/cycle-react)
 
 An [RxJS](https://github.com/Reactive-Extensions/RxJS) functional interface
-to [Facebook's React](http://facebook.github.io/react/).
+to [Facebook's React](https://reactjs.org/).
 
 Cycle-React allows users to write [React](https://github.com/facebook/react)
 applications in functional style and represents their UIs as Observables.
 In addition, Cycle-React is immutable and
-[optimizes](https://facebook.github.io/react/docs/react-api.html#react.purecomponent)
+[optimizes](https://reactjs.org/docs/optimizing-performance.html#avoid-reconciliation)
 the component updates internally by default.
 
 Additionally, Cycle-React is also a React-style implementation of a beautiful

examples/web/isomorphic/app.js

@@ -1,5 +1,5 @@
 'use strict';
-let Cycle = require('../../');
+let Cycle = require('../../src');
 let React = require('react');
 
 let Menu = Cycle.component('Menu', function (_, props) {

examples/web/isomorphic/client.js

@@ -1,5 +1,5 @@
 'use strict';
-let Cycle = require('../../');
+let Cycle = require('../../src');
 let React = require('react');
 let ReactDOM = require('react-dom');
 let {App} = require('./app');

examples/web/isomorphic/server.js

@@ -1,5 +1,5 @@
 'use strict';
-let Cycle = require('../../');
+let Cycle = require('../../src');
 let React = require('react');
 let ReactDOMServer = require('react-dom/server');
 let express = require('express');

examples/web/server.js

@@ -20,7 +20,7 @@ function compileExample(exampleName, examplePath) {
 
     var exampleStream = browserify()
       .transform(envify({NODE_ENV: 'production'}))
-      .transform('babelify', {presets: ["es2015", "react"]})
+      .transform('babelify', {presets: ["env", "react"]})
       .require(cyclePath, {expose: 'cycle-react'})
       .add(examplePath)
       .bundle();

examples/web/todomvc/todo-intent.js

@@ -4,7 +4,7 @@ let ESC_KEY = 27;
 function todoIntent(interactions) {
   return {
     changeRoute$: Rx.Observable.fromEvent(window, 'hashchange')
-      .map(ev => ev.newURL.match(/\#[^\#]*$/)[0].replace('#', ''))
+      .map(ev => ev.newURL.match(/#[^#]*$/)[0].replace('#', ''))
       .startWith(window.location.hash.replace('#', '')),
     changeInput$: interactions.get('onInputChange')
       .map(ev => ev.target.value),

native.js

@@ -1,11 +1,11 @@
-const createComponent = require('./src/component');
-const createTemplateComponent = require('./src/template-component');
-const createAdapter = require('./src/rx/adapter');
-const React = require('react-native');
+var createComponent = require('./build/component');
+var createTemplateComponent = require('./build/template-component');
+var createAdapter = require('./build/rx/adapter');
+var React = require('react-native');
 
-const RxAdapter = createAdapter();
+var RxAdapter = createAdapter();
 
-const Cycle = {
+var Cycle = {
   /**
    * The component's definition function.
    *