react-isomorphic-tools
Advanced tools
react-isomorphic-tools - npm Package Compare versions
Comparing version 1.0.12 to 1.0.13
@@ -6,3 +6,3 @@ 'use strict'; | ||
| }); | ||
| exports.loadOnServer = exports.AsyncLoader = exports.Auth = exports.fetchToState = exports.setBaseUrl = exports.fetcher = exports.preload = undefined; | ||
| exports.replace = exports.goto = exports.loadOnServer = exports.AsyncLoader = exports.Auth = exports.fetchToState = exports.setBaseUrl = exports.fetcher = exports.preload = undefined; | ||
@@ -39,2 +39,17 @@ var _Preload = require('../Preload'); | ||
| var _actions = require('../actions'); | ||
| Object.defineProperty(exports, 'goto', { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _actions.goto; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, 'replace', { | ||
| enumerable: true, | ||
| get: function get() { | ||
| return _actions.replace; | ||
| } | ||
| }); | ||
| var _Auth2 = require('./Auth'); | ||
@@ -41,0 +56,0 @@ |
| { | ||
| "name": "react-isomorphic-tools", | ||
| "version": "1.0.12", | ||
| "version": "1.0.13", | ||
| "description": "Authorization, Fetcher, Preload. Tools for ServerSide rendering", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
145
README.md
@@ -1,144 +0,1 @@ | ||
| # react-security-fetcher | ||
| ## Utils | ||
| * Auth | ||
| * apiCall | ||
| * fetchData (with redux) | ||
| ###Auth | ||
| methods: | ||
| * setToken | ||
| * getToken | ||
| * setRefreshToken | ||
| * getRefreshToken | ||
| * isAuthenticated | ||
| * logout | ||
| ##### decorator @Check | ||
| in pages/* | ||
| ```js | ||
| import React from 'react' | ||
| import {Check} from 'react-security-fetcher' | ||
| @Check({roles: ['ROLE_USER']}) | ||
| export default class App extends React.Component{ | ||
| render(){ | ||
| return (<div>security component</div>) | ||
| } | ||
| } | ||
| ``` | ||
| ###apiCall | ||
| methods: | ||
| * redux | ||
| * fetchData | ||
| ##### redux (usage in @preload) | ||
| ```js | ||
| import React from 'react' | ||
| import {preload} from 'react-isomorphic-render/redux' | ||
| import {connect} from 'react-redux' | ||
| @preload(({dispatch, parameters, fetchData})=>dispatch(fetchData(`/events/${parameters.id}`, 'eventsShow'))) | ||
| @connect((state)=>{ | ||
| return { | ||
| eventsShow: state.fetchData.eventsShow.response | ||
| } | ||
| }) | ||
| export default class Event extends React.Component{ | ||
| render(){ | ||
| const {eventsShow} = this.props | ||
| return ( | ||
| <div> | ||
| Event component ;)<br/> | ||
| <div dangerouslySetInnerHTML={{__html: eventsShow.description}}></div> | ||
| </div> | ||
| ) | ||
| } | ||
| } | ||
| ``` | ||
| #### redux as fetchData | ||
| ```js | ||
| import React from 'react' | ||
| import {connect} from 'react-redux' | ||
| import {redux as fetchData} from 'react-security-fetcher' | ||
| import {bindActionCreators} from 'redux' | ||
| @connect(state=>({ | ||
| eventsShow: state.fetchData.eventsShow | ||
| }), dispatch=>({ | ||
| actions: bindActionCreators({fetchData}, dispatch) | ||
| })) | ||
| export default class App extends React.Component{ | ||
| componentDidMount = () => { | ||
| const {actions: {fetchData}, params} = this.props | ||
| fetchData(`/events/${params.id}`, 'eventsShow', 'GET', { | ||
| params:{ | ||
| key: 'value' | ||
| }, | ||
| base_url: 'http://example.com/api' | ||
| }) | ||
| } | ||
| render(){ | ||
| const {eventsShow = {response: {items: []}}} = this.props | ||
| return( | ||
| <div></div>) | ||
| } | ||
| } | ||
| ``` | ||
| ```js | ||
| redux(URL, key, method = 'GET', params) | ||
| ``` | ||
| * URL - without prefix | ||
| * key - key in redux storage for save | ||
| * method - 'get/post/put ...' | ||
| * params - { | ||
| params: - will be added to request | ||
| base_url: - custom base url | ||
| type: - formData or json, default json | ||
| } | ||
| ##### fetchData | ||
| ```js | ||
| fetchData(URL, method = 'GET', params) | ||
| ``` | ||
| * URL - without prefix | ||
| * method - 'get/post/put ...' | ||
| * params - { | ||
| params: - will be added to request | ||
| base_url: - custom base url | ||
| type: - formData or json, default json | ||
| } | ||
| > all parameters will be added to request as query string if method == ('GET'||'DELETE') | ||
| other in request body | ||
| > for use type='form-data' must be attach new FormData() object to params | ||
| > fetchData(URL, method = 'POST', {type: 'form-data', params: new FormData()}) | ||
| # react-isomorphic-tools |
@@ -5,2 +5,3 @@ export {preload} from '../Preload' | ||
| export AsyncLoader from '../Preload/AsyncLoader' | ||
| export loadOnServer from '../helpers/loadOnServer' | ||
| export loadOnServer from '../helpers/loadOnServer' | ||
| export {goto, replace} from '../actions' |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Number of package files
- increased by13.33%
34
- Lines of code
- increased by5.7%
1520
Worsened metrics
- Total package byte prevSize
- decreased by-1.01%
60833
- Number of lines in readme file
- decreased by-98.62%
2
No dependency changes