rwr-redux 0.1.1 → 0.2.0

data/js/test/integrations/redux-store.spec.js

@@ -0,0 +1,105 @@
+import expect, { spyOn } from 'expect';
+import { createStore } from 'redux';
+
+import subject from '../../src/integrations/redux-store';
+
+const fakeReducer = function () {};
+const validStore = function (initialState) {
+  return createStore(fakeReducer, initialState);
+};
+
+function resetConstructor() {
+  subject.registeredStores = {};
+  subject.mountedStores = {};
+  subject.defaultStore = null;
+
+  expect.restoreSpies();
+}
+
+describe('ReduxStore', function () {
+  before(function () {
+    resetConstructor();
+  });
+
+  afterEach(function () {
+    resetConstructor();
+  });
+
+  describe('.constructor', function () {
+    it('intializes empty registeredStores and mountedStores dictionaries', function () {
+      expect(subject.registeredStores).toEqual({});
+      expect(subject.mountedStores).toEqual({});
+      expect(subject.defaultStore).toEqual(null);
+    });
+  });
+
+  describe('#registerStore', function () {
+    it('throws an error when there is invalid store', function () {
+      expect(function () {
+        const invalidStore = {};
+        subject.registerStore('InvalidStore', invalidStore);
+      })
+      .toThrow(/Error when registering 'InvalidStore' store: must be a function./);
+    });
+
+    it('adds valid store to the storage', function () {
+      subject.registerStore('ValidStore', validStore);
+
+      expect(subject.registeredStores.ValidStore).toBe(validStore);
+    });
+  });
+
+  describe('#mountStore', function () {
+    it('throws an error when store is not a function', function () {
+      expect(function () {
+        subject.mountStore('InvalidStore', {});
+      })
+      .toThrow(/Error when mounting 'InvalidStore' store: must be a function./);
+    });
+  });
+
+  describe('#getStore', function () {
+    it('returns undefined if store is not found', function () {
+      expect(subject.getStore('FakeStore')).toBe(undefined);
+    });
+
+    it('returns store by name from mountedStores storage', function () {
+      subject.registerStore('ValidStore', validStore);
+      subject.mountStore('ValidStore', {});
+      expect(subject.getStore('ValidStore')).toEqual(validStore({}));
+    });
+
+    it('returns default store when store\'s name is not given', function () {
+      subject.registerStore('ValidStore', validStore);
+      subject.mountStore('ValidStore', {});
+
+      expect(subject.getStore()).toEqual(validStore({}));
+    });
+  });
+
+  describe('#integrationWrapper', function () {
+    const payload = { name: 'StoreName', props: { fake: 'props' } };
+
+    describe('mount', function () {
+      it('calls #mountStore', function () {
+        const { name, props } = payload;
+        const mountStoreSpy = spyOn(subject, 'mountStore');
+        subject.integrationWrapper.mount('', payload);
+
+        expect(mountStoreSpy.calls.length).toEqual(1);
+        expect(mountStoreSpy).toHaveBeenCalledWith(name, props);
+      });
+    });
+
+    describe('nodeRun', function () {
+      it('calls #mountStore', function () {
+        const { name, props } = payload;
+        const mountStoreSpy = spyOn(subject, 'mountStore');
+        subject.integrationWrapper.nodeRun(payload);
+
+        expect(mountStoreSpy.calls.length).toEqual(1);
+        expect(mountStoreSpy).toHaveBeenCalledWith(name, props);
+      });
+    });
+  });
+});

data/lib/react_webpack_rails/redux_integration/services/redux_container.rb

@@ -0,0 +1,27 @@
+require 'react_webpack_rails/redux_integration/services/redux_element'
+
+module ReactWebpackRails
+  module ReduxIntegration
+    module Services
+      class ReduxContainer < ReduxElement
+        def result
+          super
+        end
+
+        def payload
+          { name: element_name, storeName: store_name }
+        end
+
+        def options
+          super
+        end
+
+        private
+
+        def empty_result
+          { 'body' => '' }
+        end
+      end
+    end
+  end
+end

data/lib/react_webpack_rails/redux_integration/services/redux_element.rb

@@ -0,0 +1,33 @@
+module ReactWebpackRails
+  module ReduxIntegration
+    module Services
+      class ReduxElement
+        def initialize(integration_name, element_name, base_options, path = nil)
+          @integration_name = integration_name
+          @element_name = element_name
+          @store_name = base_options[:store_name]
+          @server_side = base_options[:server_side]
+          @base_options = base_options
+          @path = path
+        end
+
+        def result
+          return empty_result unless server_side
+          JSON.parse(node_integration)
+        end
+
+        def options
+          base_options.except(:store_name, :server_side)
+        end
+
+        private
+
+        attr_reader :integration_name, :element_name, :store_name, :server_side, :base_options, :path
+
+        def node_integration
+          NodeIntegrationRunner.new(integration_name, payload).run
+        end
+      end
+    end
+  end
+end

data/lib/react_webpack_rails/redux_integration/services/redux_router.rb

@@ -0,0 +1,27 @@
+require 'react_webpack_rails/redux_integration/services/redux_element'
+
+module ReactWebpackRails
+  module ReduxIntegration
+    module Services
+      class ReduxRouter < ReduxElement
+        def result
+          super
+        end
+
+        def payload
+          { name: element_name, storeName: store_name, path: path }
+        end
+
+        def options
+          super
+        end
+
+        private
+
+        def empty_result
+          { 'code' => 200, 'body' => '' }
+        end
+      end
+    end
+  end
+end

data/lib/react_webpack_rails/redux_integration/version.rb

@@ -1,5 +1,5 @@
 module ReactWebpackRails
   module ReduxIntegration
-    VERSION = '0.1.1'
+    VERSION = '0.2.0'
   end
 end

data/lib/react_webpack_rails/redux_integration/view_helpers.rb

@@ -1,13 +1,34 @@
+require 'react_webpack_rails/redux_integration/services/redux_container'
+require 'react_webpack_rails/redux_integration/services/redux_router'
+
 module ReactWebpackRails
   module ReduxIntegration
     module ViewHelpers
       def redux_store(name, raw_props = {}, options = {})
-        react_element('redux-store', { name: name, props: serialize_props(raw_props) }, options)
+        props = serialize_props(raw_props)
+
+        if server_side(options.delete(:server_side))
+          NodeIntegrationRunner.new('redux-store', name: name, props: props).run
+        end
+
+        react_element('redux-store', { name: name, props: props }, options)
       end
 
       def redux_container(name, options = {})
-        store_name = options.delete(:store_name)
-        react_element('redux-container', { name: name, storeName: store_name }, options)
+        container = Services::ReduxContainer.new('redux-container', name, options)
+
+        react_element('redux-container', container.payload, container.options) do
+          container.result['body'].html_safe
+        end
+      end
+
+      def redux_router(name, options = {})
+        router = Services::ReduxRouter.new('redux-router', name, options, request.path)
+        result = handle_response_code(router.result, name, request.path)
+
+        react_element('redux-router', router.payload, router.options) do
+          result
+        end
       end
 
       private
@@ -17,6 +38,21 @@ module ReactWebpackRails
         return props unless Rails.application.config.react.camelize_props
         ReactWebpackRails::Services::CamelizeKeys.call(props)
       end
+
+      def handle_response_code(result, name, path)
+        case result['code']
+        when 200
+          result['body'].html_safe
+        when 302
+          controller.redirect_to(result['redirectUri'])
+        else
+          raise ActionController::RoutingError, routing_error(name, path)
+        end
+      end
+
+      def routing_error(name, path)
+        "ReactWebpackRails::ReduxIntegration: No route found in #{name} router for #{path}."
+      end
     end
   end
 end

data/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rwr-redux",
-  "version": "0.1.0-alpha1",
-  "description": "",
+  "version": "0.2.0",
+  "description": "Redux integration for react_webpack_rails",
   "main": "js/lib/index.js",
   "files": [
     "js/lib"
@@ -12,24 +12,29 @@
     "test": "mocha js/test --ui bdd --recursive --require babel-core/register"
   },
   "repository": {
-    "type": "",
-    "url": ""
+    "type": "git",
+    "url": "git+https://github.com/netguru/rwr-redux.git"
   },
-  "keywords": [],
-  "author": "",
-  "license": "",
+  "keywords": [
+    "redux",
+    "react-redux",
+    "react",
+    "rails",
+    "react_webpack_rails",
+    "rwr"
+  ],
+  "author": "Kacper Goliński",
+  "license": "MIT",
   "bugs": {
-    "url": ""
-  },
-  "homepage": "",
-  "peerDependencies": {
-    "react": "^0.14.0",
-    "react-dom": "^0.14.0",
-    "react-redux": "^4.4.0",
-    "redux": "^3.3.1"
+    "url": "https://github.com/netguru/rwr-redux/issues"
   },
+  "homepage": "https://github.com/netguru/rwr-redux",
   "dependencies": {
-    "react-webpack-rails": "^0.1.0"
+    "react-redux": "^4.4.2",
+    "react-router": "^2.0.1",
+    "react-router-redux": "^4.0.1",
+    "react-webpack-rails": "^0.3.1",
+    "redux": "^3.4.0"
   },
   "devDependencies": {
     "babel-cli": "^6.4.0",

data/redux_integration.gemspec

@@ -10,8 +10,8 @@ Gem::Specification.new do |spec|
   spec.email         = ['react@netguru.co']
 
   spec.summary       = 'Redux integration for react_webpack_rails'
-  spec.description   = ''
-  spec.homepage      = ''
+  spec.description   = 'Redux integration for react_webpack_rails'
+  spec.homepage      = 'https://github.com/netguru/rwr-redux'
   spec.license       = 'MIT'
 
   # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
@@ -25,6 +25,7 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency 'bundler', '~> 1.10'
   spec.add_development_dependency 'rake', '~> 10.0'
   spec.add_development_dependency 'rspec', '~> 3.3'
+  spec.add_development_dependency 'pry'
 
   spec.add_dependency 'react_webpack_rails', '>= 0.1.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rwr-redux
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - Kacper Goliński
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-03-17 00:00:00.000000000 Z
+date: 2016-04-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -53,6 +53,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: pry
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: react_webpack_rails
   requirement: !ruby/object:Gem::Requirement
@@ -67,7 +81,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 0.1.0
-description: ''
+description: Redux integration for react_webpack_rails
 email:
 - react@netguru.co
 executables: []
@@ -75,7 +89,9 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".babelrc"
+- ".eslintrc"
 - ".gitignore"
+- ".rubocop.yml"
 - CHANGELOG.md
 - Gemfile
 - LICENSE.txt
@@ -83,19 +99,30 @@ files:
 - Rakefile
 - bin/console
 - bin/setup
+- docs/rails-redux-router.md
 - js/.eslintrc
 - js/src/index.js
+- js/src/integrations/redux-container.js
+- js/src/integrations/redux-router.js
+- js/src/integrations/redux-store.js
 - js/src/utils/validators.js
 - js/src/version.js
-- js/test/index.js
+- js/test/helpers/redux-router.js
+- js/test/index.spec.js
+- js/test/integrations/redux-container.spec.js
+- js/test/integrations/redux-router.spec.js
+- js/test/integrations/redux-store.spec.js
 - lib/react_webpack_rails/redux_integration/engine.rb
 - lib/react_webpack_rails/redux_integration/railtie.rb
+- lib/react_webpack_rails/redux_integration/services/redux_container.rb
+- lib/react_webpack_rails/redux_integration/services/redux_element.rb
+- lib/react_webpack_rails/redux_integration/services/redux_router.rb
 - lib/react_webpack_rails/redux_integration/version.rb
 - lib/react_webpack_rails/redux_integration/view_helpers.rb
 - lib/rwr-redux.rb
 - package.json
 - redux_integration.gemspec
-homepage: ''
+homepage: https://github.com/netguru/rwr-redux
 licenses:
 - MIT
 metadata: {}

data/js/test/index.js

@@ -1,188 +0,0 @@
-import expect, { spyOn } from 'expect';
-import { createStore } from 'redux'
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ReactDOMServer from 'react-dom/server';
-
-import subject from '../src/index';
-
-class AppContainer extends React.Component {
-  render() {
-    return <div>AppContainer</div>;
-  }
-}
-
-const fakeReducer = function() {};
-const validStore = function(initialState) {
-  return createStore(fakeReducer, initialState)
-};
-
-describe('RWRRedux', function () {
-  afterEach(function() {
-    subject.registeredStores = {};
-    subject.mountedStores = {};
-    subject.containers = {};
-    expect.restoreSpies();
-  });
-
-  describe('.version', function () {
-    it('is present', function () {
-      expect(subject.version).toNotEqual(undefined);
-    });
-  });
-
-  describe('.constructor', function() {
-    it('intializes empty stores, mountedStores and containers dictionaries', function () {
-      expect(subject.registeredStores).toEqual({});
-      expect(subject.mountedStores).toEqual({});
-      expect(subject.containers).toEqual({});
-    });
-  });
-
-  describe('#registerStore', function() {
-    it('throws an error', function() {
-      expect(function() {
-        const invalidStore = {};
-        subject.registerStore('InvalidStore', invalidStore);
-      })
-      .toThrow(/Error when registering 'InvalidStore' store: must be a function./);
-    });
-
-    it('adds valid store to the storage', function() {
-      subject.registerStore('ValidStore', validStore);
-
-      expect(subject.registeredStores.ValidStore).toBe(validStore);
-    });
-  });
-
-  describe('#mountStore', function() {
-    it('throws an error when store is not a function', function(){
-      expect(function() {
-        subject.mountStore('InvalidStore', {});
-      })
-      .toThrow(/Error when mounting 'InvalidStore' store: must be a function./);
-    });
-
-    it('throws an error when store does not returns valid object', function(){
-      subject.registerStore('InvalidStore', function() { return 'store' });
-      expect(function() {
-        subject.mountStore('InvalidStore', {});
-      })
-      .toThrow(/Error when mounting 'InvalidStore' store: must be a valid Redux store./);
-    });
-
-    it('adds store to mountedStores storage and save as defaultStore', function() {
-      subject.registerStore('ValidStore', validStore);
-      const initialState = {};
-      subject.mountStore('ValidStore', initialState);
-      const storeObject = validStore(initialState);
-
-      expect(subject.mountedStores.ValidStore).toEqual(storeObject);
-      expect(subject.defaultStore).toEqual(storeObject)
-    });
-  });
-
-  describe('#getStore', function() {
-    it('returns undefined if store is not found', function() {
-      expect(subject.getStore('FakeStore')).toBe(undefined);
-    });
-
-    it('returns store by name from mountedStores storage', function() {
-      subject.registerStore('ValidStore', validStore);
-      subject.mountStore('ValidStore', {});
-      expect(subject.getStore('ValidStore')).toEqual(validStore({}));
-    });
-
-    it('returns default store when store\'s name is not given', function() {
-      subject.registerStore('ValidStore', validStore);
-      subject.mountStore('ValidStore', {});
-
-      expect(subject.getStore()).toEqual(validStore({}));
-    });
-  });
-
-  describe('#registerContainer', function() {
-    it('adds container to the storage', function() {
-      subject.registerContainer('AppContainer', AppContainer);
-
-      expect(subject.containers.AppContainer).toEqual(AppContainer);
-    });
-  });
-
-  describe('#getContainer', function() {
-    it('returns container by name', function() {
-      subject.registerContainer('AppContainer', AppContainer);
-      expect(subject.getContainer('AppContainer')).toEqual(AppContainer);
-    });
-  });
-
-  describe('#createContainer', function () {
-    it('creates redux container', function() {
-      subject.registerContainer('AppContainer', AppContainer);
-      const container = subject.createContainer('AppContainer');
-
-      expect(React.isValidElement(container)).toBe(true);
-      expect(container.type).toBe(AppContainer);
-    });
-  });
-
-  describe('#createRootComponent', function() {
-    it('creates redux root component', function() {
-      subject.registerStore('ValidStore', validStore);
-      const initialState = { fake: 'state' };
-      subject.mountStore('ValidStore', initialState);
-      subject.registerContainer('AppContainer', AppContainer);
-      const rootComponent = subject.createRootComponent('AppContainer', 'ValidStore');
-
-      expect(React.isValidElement(rootComponent)).toBe(true);
-    });
-  });
-
-  describe('#renderContainer', function() {
-    it('calls #createRootComponent and ReactDOM.render functions', function() {
-      const subjectSpy = spyOn(subject, 'createRootComponent');
-      const reactSpy = spyOn(ReactDOM, 'render');
-
-      subject.renderContainer('ContainerName', 'node', 'StoreName');
-
-      expect(subjectSpy.calls.length).toEqual(1);
-      expect(subjectSpy).toHaveBeenCalledWith('ContainerName', 'StoreName');
-      expect(reactSpy.calls.length).toEqual(1);
-    });
-  });
-
-  describe('#unmountContainer', function() {
-    const node = { nodeType: 1, nodeName: 'DIV' };
-    const unmountSpy = spyOn(ReactDOM, 'unmountComponentAtNode');
-
-    subject.unmountContainer(node);
-
-    expect(unmountSpy.calls.length).toEqual(1);
-    expect(unmountSpy).toHaveBeenCalledWith(node);
-  });
-
-  describe('#renderContainerToString', function() {
-    it('calls #createRootComponent and ReactDOM.renderToString', function() {
-      const subjectSpy = spyOn(subject, 'createRootComponent');
-      const reactSpy = spyOn(ReactDOMServer, 'renderToString');
-
-      subject.renderContainerToString('ContainerName', 'StoreName');
-
-      expect(subjectSpy.calls.length).toEqual(1);
-      expect(subjectSpy).toHaveBeenCalledWith('ContainerName', 'StoreName');
-      expect(reactSpy.calls.length).toEqual(1);
-    });
-  });
-
-  describe('#storeIntegrationWrapper.mount', function() {
-    it('calls #mountStore function', function() {
-      const mountStoreSpy = spyOn(subject, 'mountStore');
-      const payload = { name: 'StoreName', props: { fake: 'props' } };
-
-      subject.storeIntegrationWrapper.mount('', payload)
-
-      expect(mountStoreSpy.calls.length).toEqual(1);
-      expect(mountStoreSpy).toHaveBeenCalledWith(payload.name, payload.props);
-    });
-  });
-});