little-state-machine
Advanced tools
Comparing version
import * as React from 'react'; | ||
export declare function setStoreName(name: any): void; | ||
export declare let store: any; | ||
@@ -3,0 +4,0 @@ export declare function createStore(data: any): void; |
@@ -5,3 +5,7 @@ import * as React from 'react'; | ||
// @flow | ||
const sessionStorageData = sessionStorage.getItem('sessionStateMachine'); | ||
let storeName = 'sessionStateMachine'; | ||
function setStoreName(name) { | ||
storeName = name; | ||
} | ||
const sessionStorageData = sessionStorage.getItem(storeName); | ||
let store = sessionStorageData ? JSON.parse(sessionStorageData) : {}; | ||
@@ -52,3 +56,3 @@ function createStore(data) { | ||
window.STATE_MACHINE_DEBUG = (value) => { | ||
sessionStorage.setItem('stateMachineDebug', value); | ||
sessionStorage.setItem(storeName, value); | ||
}; | ||
@@ -75,2 +79,2 @@ } | ||
export { StateMachineContext, StateMachineProvider, createStore, store, useStateMachine }; | ||
export { StateMachineContext, StateMachineProvider, createStore, setStoreName, store, useStateMachine }; |
@@ -8,3 +8,7 @@ 'use strict'; | ||
// @flow | ||
const sessionStorageData = sessionStorage.getItem('sessionStateMachine'); | ||
let storeName = 'sessionStateMachine'; | ||
function setStoreName(name) { | ||
storeName = name; | ||
} | ||
const sessionStorageData = sessionStorage.getItem(storeName); | ||
exports.store = sessionStorageData ? JSON.parse(sessionStorageData) : {}; | ||
@@ -55,3 +59,3 @@ function createStore(data) { | ||
window.STATE_MACHINE_DEBUG = (value) => { | ||
sessionStorage.setItem('stateMachineDebug', value); | ||
sessionStorage.setItem(storeName, value); | ||
}; | ||
@@ -81,2 +85,3 @@ } | ||
exports.createStore = createStore; | ||
exports.setStoreName = setStoreName; | ||
exports.useStateMachine = useStateMachine; |
{ | ||
"name": "little-state-machine", | ||
"version": "2.0.0", | ||
"version": "2.1.0", | ||
"main": "dist/index.js", | ||
@@ -5,0 +5,0 @@ "module": "dist/index.es.js", |
@@ -74,5 +74,7 @@ <div align="center"><img src="https://github.com/bluebill1049/little-state-machine/blob/master/docs/logo.png" alt="React forme Logo - React hook form valiation" width="180px" /> | ||
const App = ({children}) => { | ||
return <StateMachineProvider> | ||
<YourComponent /> | ||
</StateMachineProvider> | ||
return ( | ||
<StateMachineProvider> | ||
<YourComponent /> | ||
</StateMachineProvider> | ||
) | ||
} | ||
@@ -79,0 +81,0 @@ ``` |
162136
0.32%220
4.76%116
1.75%