{"_id":"react-automata","_rev":"33-94971d5708d885fe755283ac2337aad7","name":"react-automata","time":{"modified":"2022-06-25T16:38:45.853Z","created":"2017-09-09T05:36:54.196Z","0.1.0":"2017-09-09T05:36:54.196Z","0.0.0":"2017-10-26T16:27:14.272Z","0.2.0":"2017-11-22T08:27:27.903Z","0.3.0":"2017-11-22T08:30:12.400Z","0.4.0":"2017-11-22T08:39:26.485Z","0.5.0":"2017-11-22T08:43:29.434Z","1.0.0-0":"2018-01-08T22:58:30.459Z","1.0.0-1":"2018-01-08T23:02:37.737Z","1.0.0-2":"2018-01-08T23:11:30.812Z","1.0.0-3":"2018-01-16T07:13:16.262Z","1.0.0-4":"2018-01-21T20:29:14.736Z","1.0.0":"2018-01-28T15:49:54.171Z","1.1.0":"2018-02-03T11:35:59.877Z","1.1.0-0":"2018-02-03T12:38:25.901Z","1.1.0-1":"2018-02-03T20:47:14.422Z","1.2.0":"2018-02-04T07:42:59.137Z","2.0.0-0":"2018-02-24T20:20:55.576Z","2.0.0":"2018-02-25T12:45:00.365Z","3.0.0-0":"2018-05-06T18:38:11.344Z","3.0.0-1":"2018-05-06T18:49:26.830Z","3.0.0":"2018-05-06T18:53:58.672Z","4.0.0-0":"2018-08-09T07:29:17.623Z","4.0.0":"2018-08-09T08:08:45.774Z","4.0.1":"2018-08-12T07:19:26.883Z","4.0.2":"2018-08-16T15:14:47.016Z","4.0.3":"2018-08-24T13:39:58.229Z","4.0.4":"2018-08-27T12:58:41.846Z"},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"dist-tags":{"latest":"4.0.4","next":"4.0.0-0"},"readme":"[![npm](https://img.shields.io/npm/v/react-automata.svg)](https://www.npmjs.com/package/react-automata)\n[![Build Status](https://travis-ci.org/MicheleBertoli/react-automata.svg?branch=master)](https://travis-ci.org/MicheleBertoli/react-automata)\n[![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n# React Automata\n\nA state machine abstraction for React that provides declarative state management and automatic test generation.\n\n# Quick Start\n\n## Installation\n\n> `react` and `react-test-renderer` are peer dependencies.\n\n```sh\nyarn add react-automata\n```\n\n## Usage\n\n```js\n// App.js\n\nimport React from 'react'\nimport { Action, withStateMachine } from 'react-automata'\n\nconst statechart = {\n  initial: 'a',\n  states: {\n    a: {\n      on: {\n        NEXT: 'b',\n      },\n      onEntry: 'sayHello',\n    },\n    b: {\n      on: {\n        NEXT: 'a',\n      },\n      onEntry: 'sayCiao',\n    },\n  },\n}\n\nclass App extends React.Component {\n  handleClick = () => {\n    this.props.transition('NEXT')\n  }\n\n  render() {\n    return (\n      <div>\n        <button onClick={this.handleClick}>NEXT</button>\n        <Action is=\"sayHello\">Hello, A</Action>\n        <Action is=\"sayCiao\">Ciao, B</Action>\n      </div>\n    )\n  }\n}\n\nexport default withStateMachine(statechart)(App)\n```\n\n```js\n// App.spec.js\n\nimport { testStateMachine } from 'react-automata'\nimport App from './App'\n\ntest('it works', () => {\n  testStateMachine(App)\n})\n```\n\n```js\n// App.spec.js.snap\n\nexports[`it works: a 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Hello, A\n</div>\n`;\n\nexports[`it works: b 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Ciao, B\n</div>\n`;\n```\n\n# API\n\n## withStateMachine(statechart[, options])(Component)\n\nThe `withStateMachine` higher-order component accepts an [xstate configuration object](http://davidkpiano.github.io/xstate/docs/#/api/config) or an [xstate machine](http://davidkpiano.github.io/xstate/docs/#/api/machine), some [options](#options) and a component.\nIt returns a new component with special [props](#props), [action and activity methods](#action-and-activity-methods) and additional [lifecycle hooks](#lifecycle-hooks).\nThe initial machine state and the initial data can be passed to the resulting component through the `initialMachineState` and `initialData` props.\n\n### Options\n\n| Option | Type | Description |\n| ------ | ---- | ----------- |\n| channel | string | The key of the context on which to set the state. |\n| devTools | bool | To connect the state machine to the [Redux DevTools Extension](https://github.com/zalmoxisus/redux-devtools-extension). |\n\n### Props\n\n#### transition(event[, updater])\n\nThe method to change the state of the state machine.\nIt takes an optional updater function that receives the previous data and returns a data change.\nThe updater can also be an object, which gets merged into the current data.\n\n```js\nhandleClick = () => {\n  this.props.transition('FETCH')\n}\n```\n\n#### machineState\n\nThe current state of the state machine.\n\n> It's not recommended to use this value because it couples the component and the state machine.\n\n```js\n<button onClick={this.handleClick}>\n  {this.props.machineState === 'idle' ? 'Fetch' : 'Retry'}\n</button>\n```\n\n### Action and Activity methods\n\nAll the component's methods whose names match the names of actions and activities, are fired when the related transition happen.\nActions receive the state and the event as arguments. Activities receive a boolean that is true when the activity should start, and false otherwise.\n\nFor example:\n\n```js\nconst statechart = {\n  // ...\n  fetching: {\n    on: {\n      SUCCESS: 'success',\n      ERROR: 'error',\n    },\n    onEntry: 'fetchGists',\n  },\n  // ...\n}\n\nclass App extends React.Component {\n  // ...\n  fetchGists() {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n  // ...\n}\n\n```\n\n### Lifecycle hooks\n\n#### componentWillTransition(event)\n\nThe lifecycle method invoked when the [transition function](#transitionevent-updater) has been called.\nIt provides the event, and can be used to run side-effects.\n\n```js\ncomponentWillTransition(event) {\n  if (event === 'FETCH') {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n}\n```\n\n#### componentDidTransition(prevMachineState, event)\n\nThe lifecycle method invoked when a transition has happened and the state is updated.\nIt provides the previous state machine, and the event.\nThe current `machineState` is available in `this.props`.\n\n```js\ncomponentDidTransition(prevMachineState, event) {\n  Logger.log(event)\n}\n```\n\n## &lt;Action /&gt;\n\nThe component to define which parts of the tree should be rendered for a given action (or set of actions).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| is | oneOfType(string, arrayOf(string)) | The action(s) for which the children should be shown. It accepts the exact value, a glob expression or an array of values/expressions (e.g. `is=\"fetch\"`, `is=\"show*\"` or `is={['fetch', 'show*']`). |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<Action is=\"showError\">Oh, snap!</Action>\n```\n\n```js\n<Action\n  is=\"showError\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## &lt;State /&gt;\n\nThe component to define which parts of the tree should be rendered for a given state (or set of states).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| is | oneOfType(string, arrayOf(string)) | The state(s) for which the children should be shown. It accepts the exact value, a glob expression or an array of values/expressions (e.g. `is=\"idle\"`, `is=\"error.*\"` or `is={['idle', 'error.*']`). |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<State is=\"error\">Oh, snap!</State>\n```\n\n```js\n<State\n  is=\"error\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## testStateMachine(Component[, { fixtures, extendedState }])\n\nThe method to automagically generate tests given a component wrapped into `withStateMachine`.\nIt accepts an additional `fixtures` option to describe the data to be injected into the component for a given transition, and an `extendedState` option to control the statechart's conditions - both are optional.\n\n```js\nconst fixtures = {\n  initialData: {\n    gists: [],\n  },\n  fetching: {\n    SUCCESS: {\n      gists: [\n        {\n          id: 'ID1',\n          description: 'GIST1',\n        },\n        {\n          id: 'ID2',\n          description: 'GIST2',\n        },\n      ],\n    },\n  },\n}\n\ntest('it works', () => {\n  testStateMachine(App, { fixtures })\n})\n```\n\n# Examples\n\n- [Ian Horrocks' Calculator](https://codesandbox.io/s/n5vvn4jrpm)\n\n- [React Flickr Gallery App](https://codesandbox.io/s/z20llylz9l)\n\n- [Playground](./playground)\n\n- [React Loads](https://github.com/jxom/react-loads)\n\n- [Packing List](https://codesandbox.io/s/github/GantMan/ReactStateMuseum/tree/master/React/react-automata) ([React Native](https://github.com/GantMan/ReactStateMuseum/tree/master/ReactNative/ReactAutomata))\n\n# Frequently Asked Questions\n\nYou might find the answer to your question [here](FAQ.md).\n\n# Inspiration\n\n[Federico](https://twitter.com/gandellinux), for telling me \"Hey, I think building UIs using state machines is the future\".\n\n[David](https://twitter.com/DavidKPiano), for giving an awesome [talk](https://www.youtube.com/watch?v=VU1NKX6Qkxc) about infinitely better UIs, and building [xstate](https://github.com/davidkpiano/xstate).\n\n[Ryan](https://twitter.com/ryanflorence), for [experimenting](https://www.youtube.com/watch?v=WbhpQXH7XMw) with xstate and React - Ryan's approach to React has always been a source of inspiration to me.\n\n[Erik](https://twitter.com/mogsie), for writing about [statecharts](https://statecharts.github.io/), and showing me how to keep UI and state machine decoupled.\n","versions":{"0.0.0":{"name":"react-automata","version":"0.0.0","main":"index.js","author":{"name":"Michele Bertoli"},"license":"MIT","_id":"react-automata@0.0.0","scripts":{},"_shasum":"ac3fdf6e7b5eb2cd48e09b070c9b168f433f2e9e","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.5.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"shasum":"ac3fdf6e7b5eb2cd48e09b070c9b168f433f2e9e","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-0.0.0.tgz","integrity":"sha512-Eq6m1C9bAf59l5ModfgYJLjzi/3JJVINooDPIGNsMpfSTQPwCDuHN+h0YLaLaszS4jCESy78CldPujp7q4qPKQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDDBdDP4pzqT1sy56Q7gOUKUaezxLQQrmIw1bRcNCJjRwIhAN2drmpe5zFjukANOp++EP/Kz2CgZcqklLMm8owVnml8"}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-0.0.0.tgz_1509035234152_0.6093849393073469"},"directories":{}},"0.2.0":{"name":"react-automata","version":"0.2.0","main":"index.js","author":{"name":"Michele Bertoli"},"license":"MIT","files":["lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.1","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.9.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-prettier":"^2.3.1","eslint-plugin-react":"^7.4.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^21.2.1","lint-staged":"^4.3.0","prettier":"^1.7.4","react":"^16.0.0","react-dom":"^16.0.0","react-hot-loader":"^3.1.3","react-test-renderer":"^16.0.0","webpack":"^3.8.1","webpack-dev-server":"^2.9.4"},"dependencies":{"babel-cli":"^6.26.0","minimatch":"^3.0.4","prop-types":"^15.6.0","xstate":"^1.2.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.{js}":["eslint --fix","git add"]},"gitHead":"36e9dff50e24d8420f5f8f5916e614d520420109","description":"[![Build Status](https://travis-ci.org/MicheleBertoli/react-automata.svg?branch=master)](https://travis-ci.org/MicheleBertoli/react-automata) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)","_id":"react-automata@0.2.0","_npmVersion":"5.5.1","_nodeVersion":"8.1.3","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-P7bjK8AAlaUqMtDshtA+PG5t1CnsozDFgTk69vWusA/7rzE81Pss4mG+H55OtW6x6RTZCt5ohhAAH1MLHrLwGA==","shasum":"1124efbf6d410daeed28f4adcdedc89390308e0a","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-0.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFEuHUjNmH4nURKbQyHS71k/jv2/v381bCUMH6O4LVVZAiApHqDDPZlXhevyMJnm33d936A4DiET9RWiV6SHiV0ROw=="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-0.2.0.tgz_1511339247650_0.28551235841587186"},"directories":{}},"0.3.0":{"name":"react-automata","version":"0.3.0","main":"lib/index.js","author":{"name":"Michele Bertoli"},"license":"MIT","files":["lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.1","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.9.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-prettier":"^2.3.1","eslint-plugin-react":"^7.4.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^21.2.1","lint-staged":"^4.3.0","prettier":"^1.7.4","react":"^16.0.0","react-dom":"^16.0.0","react-hot-loader":"^3.1.3","react-test-renderer":"^16.0.0","webpack":"^3.8.1","webpack-dev-server":"^2.9.4"},"dependencies":{"babel-cli":"^6.26.0","minimatch":"^3.0.4","prop-types":"^15.6.0","xstate":"^1.2.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.{js}":["eslint --fix","git add"]},"gitHead":"7496762113932893a33bd2a56ec24052966c6c08","description":"[![Build Status](https://travis-ci.org/MicheleBertoli/react-automata.svg?branch=master)](https://travis-ci.org/MicheleBertoli/react-automata) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)","_id":"react-automata@0.3.0","_npmVersion":"5.5.1","_nodeVersion":"8.1.3","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-rzaSmQrxRgYpVyVdXdSEuiAdf4X0fRsCT7Yw4HuzLWsE748JOQ9oBsSzwVUuW/sQXgFCBxnzd2MRylkGcHYRkQ==","shasum":"cb97b97052ba33d9c3f4a7e7f07fd8a60e35e5b6","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-0.3.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGlXn4d8I2IMeWurUKT2juVxzG0I2IOs/tdwrVcdNjyPAiBcy8LdBvf74hd1GDI8xPvDQ86aSlADYh/PjTWoLc80JQ=="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-0.3.0.tgz_1511339411537_0.006325420690700412"},"directories":{}},"0.4.0":{"name":"react-automata","version":"0.4.0","main":"lib/index.js","author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.1","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.9.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-prettier":"^2.3.1","eslint-plugin-react":"^7.4.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^21.2.1","lint-staged":"^4.3.0","prettier":"^1.7.4","react":"^16.0.0","react-dom":"^16.0.0","react-hot-loader":"^3.1.3","react-test-renderer":"^16.0.0","webpack":"^3.8.1","webpack-dev-server":"^2.9.4"},"dependencies":{"babel-cli":"^6.26.0","minimatch":"^3.0.4","prop-types":"^15.6.0","xstate":"^1.2.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.{js}":["eslint --fix","git add"]},"gitHead":"55f6a8d65e64ada4bda3ec80583a80e97395a441","description":"[![Build Status](https://travis-ci.org/MicheleBertoli/react-automata.svg?branch=master)](https://travis-ci.org/MicheleBertoli/react-automata) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)","_id":"react-automata@0.4.0","_npmVersion":"5.5.1","_nodeVersion":"8.1.3","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-QtjCXZZNdVVeY64SoDYJp060V+s/QzP7x0AptKWuMjV+FRunNJ3g7EizLAfWMxtwKkrx1tQOkL/Tp0/jLnFpHw==","shasum":"84561744c0651c92b7ec97df3c513880b8e19d15","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-0.4.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBd4yQM/ya7yWox3LNrN7P2MB1K8CjkNzGVKwMB9zCknAiEAwOoYFMNuCFM5HPSA5JF4zUan30zya9/9eJtS/vPVS9c="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-0.4.0.tgz_1511339965487_0.4071912933140993"},"directories":{}},"0.5.0":{"name":"react-automata","version":"0.5.0","main":"lib/index.js","author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.1","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.9.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-prettier":"^2.3.1","eslint-plugin-react":"^7.4.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^21.2.1","lint-staged":"^4.3.0","prettier":"^1.7.4","react":"^16.0.0","react-dom":"^16.0.0","react-hot-loader":"^3.1.3","react-test-renderer":"^16.0.0","webpack":"^3.8.1","webpack-dev-server":"^2.9.4"},"dependencies":{"minimatch":"^3.0.4","prop-types":"^15.6.0","xstate":"^1.2.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.{js}":["eslint --fix","git add"]},"gitHead":"950a3a99afcf52ab35edd35babfccdcf2c1cb18a","description":"[![Build Status](https://travis-ci.org/MicheleBertoli/react-automata.svg?branch=master)](https://travis-ci.org/MicheleBertoli/react-automata) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)","_id":"react-automata@0.5.0","_npmVersion":"5.5.1","_nodeVersion":"8.1.3","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-2fcMO0PWaaH+8rF4G/Khcrl15qviO8t3SUpafh2eaN7IM0N4PrOWpkq1kG8oVrXjN2XyHSjXLAtqQLwVT6rKfw==","shasum":"518451ad2d21b2a9c978b9d3074a59755f04d6a9","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-0.5.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHterZ8pQhy2ubQDhYnrDEwjUXeLIg349Lvy0oGDW9PAIgFEdrJJhMk4g9Uqr9wI9YrdHe+us9fz/aUO0ffeb472k="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-0.5.0.tgz_1511340208173_0.9445000016130507"},"directories":{}},"1.0.0-0":{"name":"react-automata","version":"1.0.0-0","description":"A state machine abstraction for React, which provides declarative state management and automatic test generation.","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.3","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.13.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^21.2.1","lint-staged":"^6.0.0","prettier":"^1.9.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","react-test-renderer":"^16.2.0","webpack":"^3.10.0","webpack-dev-server":"^2.9.7"},"dependencies":{"minimatch":"^3.0.4","prop-types":"^15.6.0","xstate":"^3.0.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"faae6ce377dc87f4c39022a02963b08af9225ecb","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.0.0-0","_npmVersion":"5.5.1","_nodeVersion":"8.1.3","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-CLAXf31tlvZd+O7KQFGxGd/M0G0jq89MpUzgf0fMBRbg4i4+ElTyyzOPRXnqM8iiGe9RCm2GIYHXDoS8EjN9YA==","shasum":"e570edb4851bc731a5788558e70e37f813e1548d","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.0.0-0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8bUsI1eOdpDw4dX7989ix0YqdbS/WxYLOviRUafK9qgIgEAcR4wa47GGdx0VGse0vUCmwq3OShbHGke72qy+TNLg="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.0.0-0.tgz_1515452309512_0.7035053165163845"},"directories":{}},"1.0.0-1":{"name":"react-automata","version":"1.0.0-1","description":"A state machine abstraction for React, which provides declarative state management and automatic test generation.","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.3","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.13.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^21.2.1","lint-staged":"^6.0.0","prettier":"^1.9.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","react-test-renderer":"^16.2.0","webpack":"^3.10.0","webpack-dev-server":"^2.9.7"},"dependencies":{"minimatch":"^3.0.4","prop-types":"^15.6.0","xstate":"^3.0.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"faae6ce377dc87f4c39022a02963b08af9225ecb","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.0.0-1","_npmVersion":"5.5.1","_nodeVersion":"8.1.3","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-JBxYFSgzY73GbpTle4H93H3gXVCg1Fk6EiRfVv+K4r4cA/jpAH1E2F2Fzp/GMW7KpXJGfTGLGNDvVk7tnxmPQQ==","shasum":"23a0adeebd199ac5e055876ca6fa2a421ab2fb5a","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.0.0-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVTIxtfp2EMtYf4+2Ka1NUcN1ROyGpM5RrjPv0/gLN5QIhANQMPvyw1gpJZAb/epNkeRN8pVgL/kV33x6my2xF38Td"}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.0.0-1.tgz_1515452557649_0.8243079357780516"},"directories":{}},"1.0.0-2":{"name":"react-automata","version":"1.0.0-2","description":"A state machine abstraction for React, which provides declarative state management and automatic test generation.","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.3","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.13.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^21.2.1","lint-staged":"^6.0.0","prettier":"^1.9.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^3.1.3","webpack":"^3.10.0","webpack-dev-server":"^2.9.7"},"dependencies":{"minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"faae6ce377dc87f4c39022a02963b08af9225ecb","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.0.0-2","_npmVersion":"5.5.1","_nodeVersion":"8.1.3","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-C/KDka+BSCFfPim3Sc+VcBObGWpNpNG6G+GkD5gh27gyqNvDa8I5v4Bt/gj+FJMxL5RjoTeZP8YuS6jif8g3VQ==","shasum":"fa9cc5b622cd43f646bfe9283ce11d19fbe03d6f","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.0.0-2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICuHjb+cRhnPDxiA1lzkx3Zk/Kma2Jzxk0YSxrMklBYHAiBVM7bmZKd+wKTcrEKxBSA6CjmGSatWgx533tqo6/H3BQ=="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.0.0-2.tgz_1515453090679_0.32196108531206846"},"directories":{}},"1.0.0-3":{"name":"react-automata","version":"1.0.0-3","description":"A state machine abstraction for React","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.2.1","babel-jest":"^22.0.6","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.15.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.4.0","eslint-plugin-react":"^7.5.1","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^22.0.6","lint-staged":"^6.0.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^4.0.0-beta.14","webpack":"^3.10.0","webpack-dev-server":"^2.11.0"},"dependencies":{"minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"d9128bebe30df83c41bff4ed806549241fcf3b04","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.0.0-3","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-RDNTvNX3xbaZ2Sl9313NU6XBUQ1xr6Axk/05o70ib1iyKspsM4ANkF2a7b5Q+HVjvNS9FIh2nh7h7LPwpRoG/w==","shasum":"f079a73a3a22a138a0232a20e8a2a0c537e21ef3","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.0.0-3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICsCJhcvJm4hnx7IZyy/PtjAZD0+gVs8VDyRqt5e9LrPAiEAveajoiBIGTWawLv6hSQeL6ppEK3P/FrePfPPHg7FQIM="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.0.0-3.tgz_1516086795248_0.943923621205613"},"directories":{}},"1.0.0-4":{"name":"react-automata","version":"1.0.0-4","description":"A state machine abstraction for React","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.2.1","babel-jest":"^22.1.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.16.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.5.0","eslint-plugin-react":"^7.5.1","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^22.1.4","lint-staged":"^6.0.1","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^4.0.0-beta.14","webpack":"^3.10.0","webpack-dev-server":"^2.11.1"},"dependencies":{"minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.2"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"b7163d31a7a6dda40ea8c7626dc0d384aba6601b","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.0.0-4","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-OYltJ+cF/x9i3SQNTkxnTgZNfdDosAKettcNWZ1Agm8grnDhWKmZ1v5KTWOo5MV9pzO/8KB+JUekEu4IX6e5sA==","shasum":"aef7a92fe3e0f4b64d977054e7087726a092ac18","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.0.0-4.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA+ZYZPJqlouThlNA+2JTV4B23MGYNR7e7ommvwLJb/7AiEA42ucb0r3vRYm4rZsSksy6yd0MSsENxAtFp+9zRQh1u4="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.0.0-4.tgz_1516566553589_0.367391939740628"},"directories":{}},"1.0.0":{"name":"react-automata","version":"1.0.0","description":"A state machine abstraction for React","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.2.1","babel-jest":"^22.1.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.16.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.5.0","eslint-plugin-react":"^7.6.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^22.1.4","lint-staged":"^6.1.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^4.0.0-beta.14","webpack":"^3.10.0","webpack-dev-server":"^2.11.1"},"dependencies":{"minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.3"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"114db867007f40be65b3adb8f62ad1f79ab7cdf6","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.0.0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-R3/8UW18OQKISI7kU2Psscmu+qsvB4RK8arCaD7HkRY5JOmhEJOE2ToLDY/4ztnCbAYTrMqbFaIu8kDUtc5KcA==","shasum":"0b4e1d4cf27ae1b0312c3fa705e24df201ffbb91","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAD6gRu3MED9vUzhzAkG6YjhZV6uFF89whxgf1DIQr+CAiAHR4h75aQq/8V/CFDASIYB7ZH+j2B9AYdmLq+LvueANw=="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.0.0.tgz_1517154593167_0.7753336054738611"},"directories":{}},"1.1.0":{"name":"react-automata","version":"1.1.0","description":"A state machine abstraction for React","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.2.1","babel-jest":"^22.1.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.16.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.5.0","eslint-plugin-react":"^7.6.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","jest":"^22.1.4","lint-staged":"^6.1.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^4.0.0-beta.14","webpack":"^3.10.0","webpack-dev-server":"^2.11.1"},"dependencies":{"minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.3"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"dfe243424ab8cf4b81d36cacd400569e9ce3ca6a","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.1.0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-bNOkGuBfsckfSiHhN2Kua7MDbh7MfcQ269W/8qdm9ri1MsGnKUw7uflod8TjdZkhcIJ3KHL+NrRdWypyHS/Jsg==","shasum":"1317296af84adf0ee4f0ee03802c60751912049f","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGgDwwH2yKNYHJCSdw0iF5j4QHZoQav2SFHf0beGCnglAiAlQpESIZM4gbQM04JjFGuDId/El0vjKV3RqzqArptSpw=="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.1.0.tgz_1517657758645_0.974774275906384"},"directories":{}},"1.1.0-0":{"name":"react-automata","version":"1.1.0-0","description":"A state machine abstraction for React","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.2.1","babel-jest":"^22.1.0","babel-loader":"^7.1.2","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.16.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.5.0","eslint-plugin-react":"^7.6.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","idx":"^2.2.0","jest":"^22.1.4","lint-staged":"^6.1.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^4.0.0-beta.14","webpack":"^3.10.0","webpack-dev-server":"^2.11.1"},"dependencies":{"minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.3"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"24620462da17dae0a72de30d3163f81259001cb0","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.1.0-0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-kGTYnsvJC+BfW8dk68a88bNskQkWMRYCzroDvDRLXzisbw/58lm2QnRPygJjpKY7nppFW8D7QOxHrSil1nLTww==","shasum":"8e36bc434a724eaa1878b6b66559029c9223c02a","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.1.0-0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCj+3SIQ1NW+1KgjH8fqbRgbRj1Ctp0rB9cjtJn98nEdAIgFCQP9Wwm5c29PFj9bS1CuTwQdZiL+eHgQrBRtJ3VN1o="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.1.0-0.tgz_1517661505819_0.6197804322000593"},"directories":{}},"1.1.0-1":{"name":"react-automata","version":"1.1.0-1","description":"A state machine abstraction for React","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.2.1","babel-jest":"^22.1.0","babel-loader":"^7.1.2","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.16.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.5.0","eslint-plugin-react":"^7.6.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","idx":"^2.2.0","jest":"^22.1.4","lint-staged":"^6.1.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^4.0.0-beta.14","webpack":"^3.10.0","webpack-dev-server":"^2.11.1"},"dependencies":{"invariant":"^2.2.2","minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.3"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"ac4c0ac374357c480a6a245196e2d12c6d7888e8","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.1.0-1","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-8DTIVbugrkrbswlkwpptWix5HooG4nddeA9QrNTV8vb77gbUol0buhnOl2ZZ7jnRFKfWu/P7Wx6s7gYnRTL5sQ==","shasum":"93059db735a8d653576c68e31280788c151265b9","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.1.0-1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEaMurpUs8ptVE5E+JGN7YNROzobA9K7X9fi6yej4IwQIhAMWPguWW8DWK6FHOITgHC3R8yhsJq0nRN1sy4PjItFrp"}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.1.0-1.tgz_1517690833468_0.05878449697047472"},"directories":{}},"1.2.0":{"name":"react-automata","version":"1.2.0","description":"A state machine abstraction for React","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.2.1","babel-jest":"^22.1.0","babel-loader":"^7.1.2","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.17.0","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.6.1","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","idx":"^2.2.0","jest":"^22.1.4","lint-staged":"^6.1.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"^4.0.0-beta.14","webpack":"^3.10.0","webpack-dev-server":"^2.11.1"},"dependencies":{"invariant":"^2.2.2","minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.3"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"b1f2533901cb04073736fc91dd312d71fec80e02","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@1.2.0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-Edo2hICdkjAD0G+Wvi3cYbdAwBYP7jDIuWzW83gdJem/mUoWtoqlY6sN2lDTsVlrZ5IhRPcSopRR8Fh9L2Ydug==","shasum":"138f89974755e119ecc284731a93338fef949602","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-1.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCW6/5VDtF8mTzDJKi0s1d7e3nZOVTNn0s+vcsAEY2CnQIgH3H7kVyWKwiPSAmfQ80iUuBl5wKbYHieD7rpZB2c2hs="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata-1.2.0.tgz_1517730178098_0.3103860937990248"},"directories":{}},"2.0.0-0":{"name":"react-automata","version":"2.0.0-0","description":"A state machine abstraction for React","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.2.2","babel-jest":"^22.4.1","babel-loader":"^7.1.2","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.18.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.9.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.7.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","idx":"^2.2.0","jest":"^22.4.2","lint-staged":"^7.0.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"3.1.3","webpack":"^3.11.0","webpack-dev-server":"^2.11.1"},"dependencies":{"invariant":"^2.2.3","minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.4"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/react-automata.svg)](https://www.npmjs.com/package/react-automata)\n[![Build Status](https://travis-ci.org/MicheleBertoli/react-automata.svg?branch=master)](https://travis-ci.org/MicheleBertoli/react-automata)\n[![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n# React Automata\n\nA state machine abstraction for React that provides declarative state management and automatic test generation.\n\n# Quick Start\n\n## Installation\n\n```sh\nyarn add react-automata\n```\n\n## Usage\n\n```js\n// App.js\n\nimport React from 'react'\nimport { Action, withStatechart } from 'react-automata'\n\nexport const statechart = {\n  initial: 'a',\n  states: {\n    a: {\n      on: {\n        NEXT: 'b',\n      },\n      onEntry: 'enterA',\n    },\n    b: {\n      on: {\n        NEXT: 'a',\n      },\n      onEntry: 'enterB',\n    },\n  },\n}\n\nexport class App extends React.Component {\n  handleClick = () => {\n    this.props.transition('NEXT')\n  }\n\n  render() {\n    return (\n      <div>\n        <button onClick={this.handleClick}>NEXT</button>\n        <Action show=\"enterA\">Hello, A</Action>\n        <Action show=\"enterB\">Ciao, B</Action>\n      </div>\n    )\n  }\n}\n\nexport default withStatechart(statechart)(App)\n```\n\n```js\n// App.spec.js\n\nimport { testStatechart } from 'react-automata'\nimport { App, statechart } from './App'\n\ntest('it works', () => {\n  testStatechart({ statechart }, App)\n})\n```\n\n```js\n// App.spec.js.snap\n\nexports[`it works: a 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Hello, A\n</div>\n`;\n\nexports[`it works: b 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Ciao, B\n</div>\n`;\n```\n\n# API\n\n## withStatechart(statechart[, options])(Component)\n\nThe `withStatechart` higher-order component takes a statechart (see [xstate](https://github.com/davidkpiano/xstate)), some [options](#options) and a component.\nIt returns a new component with special [props](#props), [action methods](#action-methods) and [lifecycle hooks](#lifecycle-hooks).\nThe initial machine state and the initial data can be passed to the resulting component through the `initialMachineState` and `initialData` props.\n\n### Options\n\n| Option | Type | Description |\n| ------ | ---- | ----------- |\n| channel | string | The key of the context on which to set the state. |\n| devTools | bool | To connect the state machine to the [Redux DevTools Extension](https://github.com/zalmoxisus/redux-devtools-extension). |\n\n### Props\n\n#### transition(event[, updater])\n\nThe method to change the state of the state machine.\nIt takes an optional updater function that receives the previous data and returns a data change.\nThe updater can also be an object, which gets merged into the current data.\n\n```js\nhandleClick = () => {\n  this.props.transition('FETCH')\n}\n```\n\n#### machineState\n\nThe current state of the state machine.\nUsing this value is discouraged, as it couples the UI and the state machine.\n\n```js\n<button onClick={this.handleClick}>\n  {this.props.machineState === 'idle' ? 'Fetch' : 'Retry'}\n</button>\n```\n\n### Action methods\n\nAll the component's methods whose names match the names of the actions, are fired when the related transition happen.\nFor example:\n\n```js\nconst statechart = {\n  // ...\n  fetching: {\n    on: {\n      SUCCESS: 'success',\n      ERROR: 'error',\n    },\n    onEntry: 'fetchGists',\n  },\n  // ...\n}\n\nclass App extends React.Component {\n  // ...\n  fetchGists() {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n  // ...\n}\n\n```\n\n### Lifecycle hooks\n\n#### componentWillTransition(event)\n\nThe lifecycle method invoked when a transition is about to happen.\nIt provides the event, and can be used to run side-effects.\n\n```js\ncomponentWillTransition(event) {\n  if (event === 'FETCH') {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n}\n```\n\n#### componentDidTransition(prevStateMachine, event)\n\nThe lifecycle method invoked when a transition has happened and the state is updated.\nIt provides the previous state machine, and the event.\nThe current `machineState` is available in `this.state`.\n\n```js\ncomponentDidTransition(prevStateMachine, event) {\n  Logger.log(event)\n}\n```\n\n## &lt;Action /&gt;\n\nThe component to define which parts of the tree should be rendered for a given action (or set of actions).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| hide | oneOfType(string, arrayOf(string)) | The action(s) for which the children should be hidden. |\n| show | oneOfType(string, arrayOf(string)) | The action(s) for which the children should be shown. When both `show` and `hide` are defined, the children are shown from the first `show` match to the first `hide` match. |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<Action show=\"enterError\">Oh, snap!</Action>\n```\n\n```js\n<Action\n  show=\"enterError\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## &lt;State /&gt;\n\nThe component to define which parts of the tree should be rendered for a given state (or set of states).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| value | oneOfType(string, arrayOf(string)) | The state(s) for which the children should be shown. It accepts the exact state, a glob expression or an array of states/expressions (e.g. `value=\"idle\"`, `value=\"error.*\"` or `value={['idle', 'error.*']`). |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<State value=\"error\">Oh, snap!</State>\n```\n\n```js\n<State\n  value=\"error\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## testStatechart({ statechart[, fixtures] }, Component)\n\nThe method to automagically generate tests given a statechart definition, and a component.\nIt accepts an optional `fixtures` configuration to describe which data should be injected into the component for a given transition.\n\n```js\nconst fixtures = {\n  initialData: {\n    gists: [],\n  },\n  fetching: {\n    SUCCESS: {\n      gists: [\n        {\n          id: 'ID1',\n          description: 'GIST1',\n        },\n        {\n          id: 'ID2',\n          description: 'GIST2',\n        },\n      ],\n    },\n  },\n}\n\ntest('it works', () => {\n  testStatechart({ statechart, fixtures }, App)\n})\n```\n\n# Examples\n\n- [Ian Horrocks' Calculator](https://codesandbox.io/s/n5vvn4jrpm)\n\n- [React Flickr Gallery App](https://codesandbox.io/s/z20llylz9l)\n\n- [Playground](./playground)\n\n# Inspiration\n\n[Federico](https://twitter.com/gandellinux), for telling me \"Hey, I think building UIs using state machines is the future\".\n\n[David](https://twitter.com/DavidKPiano), for giving a very informative (and fun) [talk](https://www.youtube.com/watch?v=VU1NKX6Qkxc) about infinitely better UIs, and building [xstate](https://github.com/davidkpiano/xstate).\n\n[Ryan](https://twitter.com/ryanflorence), for [experimenting](https://www.youtube.com/watch?v=MkdV2-U16tc) with xstate and React - Ryan's approach to React has always been a source of inspiration.\n\n[Erik](https://twitter.com/mogsie), for writing about [statecharts](https://statecharts.github.io/), and showing me how to keep UI and state machine decoupled.\n","readmeFilename":"README.md","gitHead":"8e4d8c8fbb64ec29159fb40e446494436450e609","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@2.0.0-0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-gMYDDS9DwGnAteNorYYsi3PZ/RDdiYoPLdxehLBcxfpsvM448igkq1/olyeq43TwCH6npH9xRxtonPIiruU1Hw==","shasum":"c25825191426c7ffd254d40d32f8c98b8fbddcd0","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-2.0.0-0.tgz","fileCount":11,"unpackedSize":30990,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnEIFjS4N1xhoWUksc0A5DihxWav2gcJIJHPMUqPsVdQIgU/zNYdC7x7yOSFp1z6vtqeJVzGAVW+aQ2p2STiUhx08="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_2.0.0-0_1519503655489_0.44453130992604906"},"_hasShrinkwrap":false},"2.0.0":{"name":"react-automata","version":"2.0.0","description":"A state machine abstraction for React","main":"lib/index.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","lib"],"scripts":{"build":"babel src --out-dir lib","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.2.2","babel-jest":"^22.4.1","babel-loader":"^7.1.2","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.18.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.9.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.7.0","html-webpack-plugin":"^2.30.1","husky":"^0.14.3","idx":"^2.2.0","jest":"^22.4.2","lint-staged":"^7.0.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-hot-loader":"3.1.3","webpack":"^3.11.0","webpack-dev-server":"^2.11.1"},"dependencies":{"invariant":"^2.2.3","minimatch":"^3.0.4","prop-types":"^15.6.0","react-test-renderer":"^16.2.0","xstate":"^3.0.4"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"37b3d7b06298e2f10aa7144a904a47e69f509909","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@2.0.0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-e713Xo6d8yBJ4ASvERO66c7AlVTxiMDUugr9aW35Xm4hYwKaQczzHFQwmR4u5wAom4/6/cPX1WOxvPyvNFwzmw==","shasum":"5d65fca6100ee514b7aef532f2c6845a7e4b34ff","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-2.0.0.tgz","fileCount":11,"unpackedSize":31035,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCK2cjwKlsgLONyTwC1cUYkZdfv4UoDatSzJfEe/NsVWwIhAM+PgFnIF9e0/zIku/Ib43yWA0tBt6dCCAUgmbOKSSPy"}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_2.0.0_1519562700274_0.6482585457973509"},"_hasShrinkwrap":false},"3.0.0-0":{"name":"react-automata","version":"3.0.0-0","description":"A state machine abstraction for React","main":"dist/react-automata.js","module":"dist/react-automata.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","dist"],"sideEffects":false,"scripts":{"prebuild":"rimraf dist","build":"rollup -c","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.3","babel-eslint":"^8.2.3","babel-jest":"^22.4.3","babel-loader":"^7.1.4","babel-plugin-external-helpers":"^6.22.0","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-remove-prop-types":"^0.4.13","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.11.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.7.0","html-webpack-plugin":"^3.2.0","husky":"^0.14.3","idx":"^2.3.0","jest":"^22.4.3","lint-staged":"^7.0.5","prettier":"^1.12.1","react":"^16.3.2","react-dom":"^16.3.2","react-hot-loader":"4.1.2","rimraf":"^2.6.2","rollup":"^0.58.2","rollup-plugin-babel":"^3.0.4","webpack":"^4.7.0","webpack-cli":"^2.1.3","webpack-dev-server":"^3.1.4"},"dependencies":{"babel-plugin-annotate-pure-calls":"^0.2.2","invariant":"^2.2.4","minimatch":"^3.0.4","prop-types":"^15.6.1","react-test-renderer":"^16.3.2","xstate":"^3.2.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/react-automata.svg)](https://www.npmjs.com/package/react-automata)\n[![Build Status](https://travis-ci.org/MicheleBertoli/react-automata.svg?branch=master)](https://travis-ci.org/MicheleBertoli/react-automata)\n[![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n# React Automata\n\nA state machine abstraction for React that provides declarative state management and automatic test generation.\n\n# Quick Start\n\n## Installation\n\n```sh\nyarn add react-automata\n```\n\n## Usage\n\n```js\n// App.js\n\nimport React from 'react'\nimport { Action, withStatechart } from 'react-automata'\n\nexport const statechart = {\n  initial: 'a',\n  states: {\n    a: {\n      on: {\n        NEXT: 'b',\n      },\n      onEntry: 'sayHello',\n    },\n    b: {\n      on: {\n        NEXT: 'a',\n      },\n      onEntry: 'sayCiao',\n    },\n  },\n}\n\nexport class App extends React.Component {\n  handleClick = () => {\n    this.props.transition('NEXT')\n  }\n\n  render() {\n    return (\n      <div>\n        <button onClick={this.handleClick}>NEXT</button>\n        <Action show=\"sayHello\">Hello, A</Action>\n        <Action show=\"sayCiao\">Ciao, B</Action>\n      </div>\n    )\n  }\n}\n\nexport default withStatechart(statechart)(App)\n```\n\n```js\n// App.spec.js\n\nimport { testStatechart } from 'react-automata'\nimport { App, statechart } from './App'\n\ntest('it works', () => {\n  testStatechart({ statechart }, App)\n})\n```\n\n```js\n// App.spec.js.snap\n\nexports[`it works: a 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Hello, A\n</div>\n`;\n\nexports[`it works: b 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Ciao, B\n</div>\n`;\n```\n\n# API\n\n## withStatechart(statechart[, options])(Component)\n\nThe `withStatechart` higher-order component takes an [xstate configuration object](http://davidkpiano.github.io/xstate/docs/#/api/config) or an [xstate machine](http://davidkpiano.github.io/xstate/docs/#/api/machine), some [options](#options) and a component.\nIt returns a new component with special [props](#props), [action methods](#action-methods) and additional [lifecycle hooks](#lifecycle-hooks).\nThe initial machine state and the initial data can be passed to the resulting component through the `initialMachineState` and `initialData` props.\n\n### Options\n\n| Option | Type | Description |\n| ------ | ---- | ----------- |\n| channel | string | The key of the context on which to set the state. |\n| devTools | bool | To connect the state machine to the [Redux DevTools Extension](https://github.com/zalmoxisus/redux-devtools-extension). |\n\n### Props\n\n#### transition(event[, updater])\n\nThe method to change the state of the state machine.\nIt takes an optional updater function that receives the previous data and returns a data change.\nThe updater can also be an object, which gets merged into the current data.\n\n```js\nhandleClick = () => {\n  this.props.transition('FETCH')\n}\n```\n\n#### machineState\n\nThe current state of the state machine.\n\n> The use of this value is discouraged, as it couples the component and the state machine.\n\n```js\n<button onClick={this.handleClick}>\n  {this.props.machineState === 'idle' ? 'Fetch' : 'Retry'}\n</button>\n```\n\n### Action methods\n\nAll the component's methods whose names match the names of the actions, are fired when the related transition happen.\nFor example:\n\n```js\nconst statechart = {\n  // ...\n  fetching: {\n    on: {\n      SUCCESS: 'success',\n      ERROR: 'error',\n    },\n    onEntry: 'fetchGists',\n  },\n  // ...\n}\n\nclass App extends React.Component {\n  // ...\n  fetchGists() {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n  // ...\n}\n\n```\n\n### Lifecycle hooks\n\n#### componentWillTransition(event)\n\nThe lifecycle method invoked when a transition is about to happen.\nIt provides the event, and can be used to run side-effects.\n\n```js\ncomponentWillTransition(event) {\n  if (event === 'FETCH') {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n}\n```\n\n#### componentDidTransition(prevStateMachine, event)\n\nThe lifecycle method invoked when a transition has happened and the state is updated.\nIt provides the previous state machine, and the event.\nThe current `machineState` is available in `this.props`.\n\n```js\ncomponentDidTransition(prevStateMachine, event) {\n  Logger.log(event)\n}\n```\n\n## &lt;Action /&gt;\n\nThe component to define which parts of the tree should be rendered for a given action (or set of actions).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| hide | oneOfType(string, arrayOf(string)) | The action(s) for which the children should be hidden. |\n| show | oneOfType(string, arrayOf(string)) | The action(s) for which the children should be shown. When both `show` and `hide` are defined, the children are shown from the first `show` match to the first `hide` match. |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<Action show=\"showError\">Oh, snap!</Action>\n```\n\n```js\n<Action\n  show=\"showError\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## &lt;State /&gt;\n\nThe component to define which parts of the tree should be rendered for a given state (or set of states).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| value | oneOfType(string, arrayOf(string)) | The state(s) for which the children should be shown. It accepts the exact state, a glob expression or an array of states/expressions (e.g. `value=\"idle\"`, `value=\"error.*\"` or `value={['idle', 'error.*']`). |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<State value=\"error\">Oh, snap!</State>\n```\n\n```js\n<State\n  value=\"error\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## testStatechart({ statechart[, fixtures] }, Component)\n\nThe method to automagically generate tests given a statechart definition, and a component.\nIt accepts an optional `fixtures` configuration to describe which data should be injected into the component for a given transition.\n\n> Please note that the component should be a base component not wrapped into `withStateChart` (see [#46](https://github.com/MicheleBertoli/react-automata/issues/46)).\n\n```js\nconst fixtures = {\n  initialData: {\n    gists: [],\n  },\n  fetching: {\n    SUCCESS: {\n      gists: [\n        {\n          id: 'ID1',\n          description: 'GIST1',\n        },\n        {\n          id: 'ID2',\n          description: 'GIST2',\n        },\n      ],\n    },\n  },\n}\n\ntest('it works', () => {\n  testStatechart({ statechart, fixtures }, App)\n})\n```\n\n# Examples\n\n- [Ian Horrocks' Calculator](https://codesandbox.io/s/n5vvn4jrpm)\n\n- [React Flickr Gallery App](https://codesandbox.io/s/z20llylz9l)\n\n- [Playground](./playground)\n\n- [React Loads](https://github.com/jxom/react-loads)\n\n- Packing List ([React](https://codesandbox.io/s/github/GantMan/ReactStateMuseum/tree/master/React/react-automata) | [React Native](https://github.com/GantMan/ReactStateMuseum/tree/master/ReactNative/ReactAutomata))\n\n# Inspiration\n\n[Federico](https://twitter.com/gandellinux), for telling me \"Hey, I think building UIs using state machines is the future\".\n\n[David](https://twitter.com/DavidKPiano), for giving a very informative (and fun) [talk](https://www.youtube.com/watch?v=VU1NKX6Qkxc) about infinitely better UIs, and building [xstate](https://github.com/davidkpiano/xstate).\n\n[Ryan](https://twitter.com/ryanflorence), for [experimenting](https://gist.github.com/ryanflorence/eed0b770187b6358079560d0e8e8a35f) with xstate and React - Ryan's approach to React has always been a source of inspiration.\n\n[Erik](https://twitter.com/mogsie), for writing about [statecharts](https://statecharts.github.io/), and showing me how to keep UI and state machine decoupled.\n","readmeFilename":"README.md","gitHead":"5d14218c539598f95f56c92b2feee7ed7324ff9f","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@3.0.0-0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-VGORihP1BI5bpQ5idm0ikbKoImmlJY5Ri8dcTziJPP7EiAYXmlMbEXjrhqrz80g18kuVqGmFHu5ayIrLBH5VGA==","shasum":"2ea3c7bdf558873e51db375596d9d9f5f6ce5d4c","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-3.0.0-0.tgz","fileCount":6,"unpackedSize":39913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa70uTCRA9TVsSAnZWagAA+vAP/Ao/00HsVP7lSLZGENhZ\nW+60V+cbGc2zmfzdfKPeAu5KYrNBCe4z2I8WWJ0XQ/+6NskFJrk2CyVSmmUo\nvW52Wz9SHZFmgk6dlry27zcTiaZ2bTjDO3TKUVMP9w1M6Rq30DykreMowNJa\n/meHLRHewWT3U0BwOHaJFGd8pZ6hxvVW/xDNU/4GtYrKEQaauQoZJvy4eURo\n818Lri1qwcsIe7FrQgzmKJ8DqCVIjJ38SuDPZ5IYG0DzFcrrnG1RNNOvZwPf\nYZGPFSUvHMtmkGqSoU0owyaf18lB/lHvewjOCq7+vcf8pkehzHlWycafK4DT\nVaOAfihhHjqhCSWLJv1I2ormrxnqQ03MOch578RCuY97pvnUSrqke6OtlGu/\notRhe3QTkX/jAupGFYYIB/n9sZ6jRTc17yOh7nOXD7/g3VPOg7bPI9iehSw3\nsUQuMbTiv8NZlOtZKVJrOpIUB4YcSor/a3wWWVQziTEXPLEdR6p8lJ/o+O4A\nAL98w9lRjz3SRVJPcUn/iefzrLg4L4akYM6YjmM/r+0Cfsz+f7IEHHzvmxsa\nNj9Dt1s4dW29htnpTx1ZEaih2Jhs8qiYpCJhy6FfyDHyUGt+T3JQKXruU6YE\nMwdANXQoJZDTnYJVYQ7K8v2t86Ajw1VJwukWUnr/x2kKownxhte8qH+XMfNK\nObWc\r\n=HH2+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID0loNyGtFXkfKWQ8TFSCuANu4UT2n/JmlbYBGNNVZXEAiAtzHiRfdyzRCBLx2uRDxwV69qW8NnbX8GLPDuLG4zX/w=="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_3.0.0-0_1525631891257_0.4248977424319724"},"_hasShrinkwrap":false},"3.0.0-1":{"name":"react-automata","version":"3.0.0-1","description":"A state machine abstraction for React","main":"dist/react-automata.js","module":"dist/react-automata.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","dist"],"sideEffects":false,"scripts":{"prebuild":"rimraf dist","build":"rollup -c","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-plugin-annotate-pure-calls":"^0.2.2","babel-core":"^6.26.3","babel-eslint":"^8.2.3","babel-jest":"^22.4.3","babel-loader":"^7.1.4","babel-plugin-external-helpers":"^6.22.0","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-remove-prop-types":"^0.4.13","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.11.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.7.0","html-webpack-plugin":"^3.2.0","husky":"^0.14.3","idx":"^2.3.0","jest":"^22.4.3","lint-staged":"^7.0.5","prettier":"^1.12.1","react":"^16.3.2","react-dom":"^16.3.2","react-hot-loader":"4.1.2","rimraf":"^2.6.2","rollup":"^0.58.2","rollup-plugin-babel":"^3.0.4","webpack":"^4.7.0","webpack-cli":"^2.1.3","webpack-dev-server":"^3.1.4"},"dependencies":{"invariant":"^2.2.4","minimatch":"^3.0.4","prop-types":"^15.6.1","react-test-renderer":"^16.3.2","xstate":"^3.2.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/react-automata.svg)](https://www.npmjs.com/package/react-automata)\n[![Build Status](https://travis-ci.org/MicheleBertoli/react-automata.svg?branch=master)](https://travis-ci.org/MicheleBertoli/react-automata)\n[![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n# React Automata\n\nA state machine abstraction for React that provides declarative state management and automatic test generation.\n\n# Quick Start\n\n## Installation\n\n```sh\nyarn add react-automata\n```\n\n## Usage\n\n```js\n// App.js\n\nimport React from 'react'\nimport { Action, withStatechart } from 'react-automata'\n\nexport const statechart = {\n  initial: 'a',\n  states: {\n    a: {\n      on: {\n        NEXT: 'b',\n      },\n      onEntry: 'sayHello',\n    },\n    b: {\n      on: {\n        NEXT: 'a',\n      },\n      onEntry: 'sayCiao',\n    },\n  },\n}\n\nexport class App extends React.Component {\n  handleClick = () => {\n    this.props.transition('NEXT')\n  }\n\n  render() {\n    return (\n      <div>\n        <button onClick={this.handleClick}>NEXT</button>\n        <Action show=\"sayHello\">Hello, A</Action>\n        <Action show=\"sayCiao\">Ciao, B</Action>\n      </div>\n    )\n  }\n}\n\nexport default withStatechart(statechart)(App)\n```\n\n```js\n// App.spec.js\n\nimport { testStatechart } from 'react-automata'\nimport { App, statechart } from './App'\n\ntest('it works', () => {\n  testStatechart({ statechart }, App)\n})\n```\n\n```js\n// App.spec.js.snap\n\nexports[`it works: a 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Hello, A\n</div>\n`;\n\nexports[`it works: b 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Ciao, B\n</div>\n`;\n```\n\n# API\n\n## withStatechart(statechart[, options])(Component)\n\nThe `withStatechart` higher-order component takes an [xstate configuration object](http://davidkpiano.github.io/xstate/docs/#/api/config) or an [xstate machine](http://davidkpiano.github.io/xstate/docs/#/api/machine), some [options](#options) and a component.\nIt returns a new component with special [props](#props), [action methods](#action-methods) and additional [lifecycle hooks](#lifecycle-hooks).\nThe initial machine state and the initial data can be passed to the resulting component through the `initialMachineState` and `initialData` props.\n\n### Options\n\n| Option | Type | Description |\n| ------ | ---- | ----------- |\n| channel | string | The key of the context on which to set the state. |\n| devTools | bool | To connect the state machine to the [Redux DevTools Extension](https://github.com/zalmoxisus/redux-devtools-extension). |\n\n### Props\n\n#### transition(event[, updater])\n\nThe method to change the state of the state machine.\nIt takes an optional updater function that receives the previous data and returns a data change.\nThe updater can also be an object, which gets merged into the current data.\n\n```js\nhandleClick = () => {\n  this.props.transition('FETCH')\n}\n```\n\n#### machineState\n\nThe current state of the state machine.\n\n> The use of this value is discouraged, as it couples the component and the state machine.\n\n```js\n<button onClick={this.handleClick}>\n  {this.props.machineState === 'idle' ? 'Fetch' : 'Retry'}\n</button>\n```\n\n### Action methods\n\nAll the component's methods whose names match the names of the actions, are fired when the related transition happen.\nFor example:\n\n```js\nconst statechart = {\n  // ...\n  fetching: {\n    on: {\n      SUCCESS: 'success',\n      ERROR: 'error',\n    },\n    onEntry: 'fetchGists',\n  },\n  // ...\n}\n\nclass App extends React.Component {\n  // ...\n  fetchGists() {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n  // ...\n}\n\n```\n\n### Lifecycle hooks\n\n#### componentWillTransition(event)\n\nThe lifecycle method invoked when a transition is about to happen.\nIt provides the event, and can be used to run side-effects.\n\n```js\ncomponentWillTransition(event) {\n  if (event === 'FETCH') {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n}\n```\n\n#### componentDidTransition(prevStateMachine, event)\n\nThe lifecycle method invoked when a transition has happened and the state is updated.\nIt provides the previous state machine, and the event.\nThe current `machineState` is available in `this.props`.\n\n```js\ncomponentDidTransition(prevStateMachine, event) {\n  Logger.log(event)\n}\n```\n\n## &lt;Action /&gt;\n\nThe component to define which parts of the tree should be rendered for a given action (or set of actions).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| hide | oneOfType(string, arrayOf(string)) | The action(s) for which the children should be hidden. |\n| show | oneOfType(string, arrayOf(string)) | The action(s) for which the children should be shown. When both `show` and `hide` are defined, the children are shown from the first `show` match to the first `hide` match. |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<Action show=\"showError\">Oh, snap!</Action>\n```\n\n```js\n<Action\n  show=\"showError\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## &lt;State /&gt;\n\nThe component to define which parts of the tree should be rendered for a given state (or set of states).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| value | oneOfType(string, arrayOf(string)) | The state(s) for which the children should be shown. It accepts the exact state, a glob expression or an array of states/expressions (e.g. `value=\"idle\"`, `value=\"error.*\"` or `value={['idle', 'error.*']`). |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<State value=\"error\">Oh, snap!</State>\n```\n\n```js\n<State\n  value=\"error\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## testStatechart({ statechart[, fixtures] }, Component)\n\nThe method to automagically generate tests given a statechart definition, and a component.\nIt accepts an optional `fixtures` configuration to describe which data should be injected into the component for a given transition.\n\n> Please note that the component should be a base component not wrapped into `withStateChart` (see [#46](https://github.com/MicheleBertoli/react-automata/issues/46)).\n\n```js\nconst fixtures = {\n  initialData: {\n    gists: [],\n  },\n  fetching: {\n    SUCCESS: {\n      gists: [\n        {\n          id: 'ID1',\n          description: 'GIST1',\n        },\n        {\n          id: 'ID2',\n          description: 'GIST2',\n        },\n      ],\n    },\n  },\n}\n\ntest('it works', () => {\n  testStatechart({ statechart, fixtures }, App)\n})\n```\n\n# Examples\n\n- [Ian Horrocks' Calculator](https://codesandbox.io/s/n5vvn4jrpm)\n\n- [React Flickr Gallery App](https://codesandbox.io/s/z20llylz9l)\n\n- [Playground](./playground)\n\n- [React Loads](https://github.com/jxom/react-loads)\n\n- Packing List ([React](https://codesandbox.io/s/github/GantMan/ReactStateMuseum/tree/master/React/react-automata) | [React Native](https://github.com/GantMan/ReactStateMuseum/tree/master/ReactNative/ReactAutomata))\n\n# Inspiration\n\n[Federico](https://twitter.com/gandellinux), for telling me \"Hey, I think building UIs using state machines is the future\".\n\n[David](https://twitter.com/DavidKPiano), for giving a very informative (and fun) [talk](https://www.youtube.com/watch?v=VU1NKX6Qkxc) about infinitely better UIs, and building [xstate](https://github.com/davidkpiano/xstate).\n\n[Ryan](https://twitter.com/ryanflorence), for [experimenting](https://gist.github.com/ryanflorence/eed0b770187b6358079560d0e8e8a35f) with xstate and React - Ryan's approach to React has always been a source of inspiration.\n\n[Erik](https://twitter.com/mogsie), for writing about [statecharts](https://statecharts.github.io/), and showing me how to keep UI and state machine decoupled.\n","readmeFilename":"README.md","gitHead":"d9e38ab8654198267355b4a593c2738225de7ff4","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@3.0.0-1","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-T7VXZLfwMrIFK6pgZbSALlYUCMXbnD4a5Hia2raZGkYjnZpkOO2UUVbITBobAey8Bd2GhlqS8XAHqGWaMBVbkw==","shasum":"6898fdd1cd3fb82cb82e5922e6f6e43753f2a41c","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-3.0.0-1.tgz","fileCount":6,"unpackedSize":39913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7044CRA9TVsSAnZWagAArQwP/2y7HNi60rQht7szczZn\n/XQ97Yd3pD25bCJIsHdoQ80DadVW6qWwR2hF3PXYP+orWRRdXYt2EX1Yfedz\nKiH1di6jy87XdMDINelUW2HpqUb3AoTdHVwNIcsXFpHyUYP/Ta7t9vH9/Jkw\npYS/k2Aj/PrGu+nOjwvw0RNItfynekCcRvcTgoul9gY8kISWVQlNcFCJY8XS\nQVmEaHRIBlnT4i7/kE6qUOrc3blNnv2P9wtkY8IKaN0OjpYk5/8nvO4Oeiby\n1tfp5M/3g4xfQXTphRDxMmnySX50XGcD5roJeoe8pI8d29bkmtHsPXluommd\nLEEGdOfI/hbmQscLxQiEPn/Cq/kkSagkrCvbuI/wP9lljDcirTzZyQ/bImH5\nXZiQlBjwz2Zxy1bmTeyHZcpf7Fq41V7Lj7T7hCQSA+Gyh5LGgKiXlrgiHWwJ\ncSjJsIVKktccvHfEGicTNHzJxz9y7Ip3fSREb9YWlyV+n30Cga56LqkT2ocr\n4yU1QKTWeEoSaBnAOXN05JZiMOfJPWzxlblKGOK9b4/mzWJmb0LXnS6cu4iO\nNyCo5vQTVl3uUqghNYG4YG7KfntfcK8Ny6JbQNPeNXHCofB36iSIj490p2QA\nweaooFx2yayyalHIgq/kYScPolpR7V1lsxcFrbF9oec7XGxXZhlL8GcDeVsA\nFtpI\r\n=H9g8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCW9RjXOfjgZ6UtV+aukpTXsS0SIPTiUfbZrizNv2gRrAIgfUGiy+7PZg1dF4eUk899HQ5D2GwYQH/56KzLDx43q3U="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_3.0.0-1_1525632566745_0.9394578516500698"},"_hasShrinkwrap":false},"3.0.0":{"name":"react-automata","version":"3.0.0","description":"A state machine abstraction for React","main":"dist/react-automata.js","module":"dist/react-automata.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","dist"],"sideEffects":false,"scripts":{"prebuild":"rimraf dist","build":"rollup -c","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.3","babel-eslint":"^8.2.3","babel-jest":"^22.4.3","babel-loader":"^7.1.4","babel-plugin-annotate-pure-calls":"^0.2.2","babel-plugin-external-helpers":"^6.22.0","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-remove-prop-types":"^0.4.13","babel-preset-env":"^1.6.1","babel-preset-react":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.11.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.7.0","html-webpack-plugin":"^3.2.0","husky":"^0.14.3","idx":"^2.3.0","jest":"^22.4.3","lint-staged":"^7.0.5","prettier":"^1.12.1","react":"^16.3.2","react-dom":"^16.3.2","react-hot-loader":"4.1.2","rimraf":"^2.6.2","rollup":"^0.58.2","rollup-plugin-babel":"^3.0.4","webpack":"^4.7.0","webpack-cli":"^2.1.3","webpack-dev-server":"^3.1.4"},"dependencies":{"invariant":"^2.2.4","minimatch":"^3.0.4","prop-types":"^15.6.1","react-test-renderer":"^16.3.2","xstate":"^3.2.1"},"peerDependencies":{"react":"^16.0.0"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"a8303494c37fca91759647be8bb3db487980a782","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@3.0.0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-SEbp4KWCpYboJqouSumn/kvWltmzbwJ35/+vSRMwBdcyqXsY23rzBvFUiXJPLAqCcEspMmy9pb3ESWtsOMl4bQ==","shasum":"539c3e426ff1e553f360c8c2b3cd1453a6dcc0fa","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-3.0.0.tgz","fileCount":6,"unpackedSize":39911,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa709ICRA9TVsSAnZWagAAONEP/2k1PjRy4CA6bVzqmz/1\ndE5esnvbbFmxopLyz1FlEt4ITh71MPzWg97UvFMTmlVxDCPcKvSCoVztsu07\nfV3oUbIOpcJSZYfTsCbTpG2Yf7j6cFoKL60mRdx/eofZO87TZLPHPXTSsk3H\nJaemNBu+kzHEHflr6jbmO1aHli/+BvIGtuGoWw2YIgL19FSHje6zdD0OPdWv\n9nI43CkZ9ElBE0nlLYKVYcp/nEGaax9FTZuYvHmCmSb0j+f/T+Gucf+S+Pqa\n1fSiJ3aMJW9nBlHOe92F7murqiexq2OMT+GyF/d0ucNIsMbjEK98jrdId/Jk\n2yghKGxHWV2WuryZXXwCWrejo9gozg7P10BPtAhpB9xLH+CwN9qtrdlXDuM6\nJsB53Hpzi2JUWqNyDXlaMHWcO5hQKJQ5z83h4D1bPDrYXwIrFe5BJ7VgaQ9i\nV1h8yw0V6Attc6ZB0fwC7o2KdXee/WWxYI7jjioS04Xg/T0e0pHbN0zwg6Ol\n95D0dd9mN7NCuy8lLaWtgvt7LKywCQ/zfHBmzDUXKlG1Mex6fBtbh2BFfaWx\nq+aGJ6b9c4KMtfbot3o9nRg/QokJx/yp6ZWnLQ2SCIcO1gGZ+u7KQj35w1Yc\njAYEs65OkGjQtj66MWbkaClLUpVT/1TJHnRA+qVzZGURN7yyYO8qPyyKsCYt\nUl/V\r\n=v/qF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbzfxd8O9m+vaZpjSlsFPCIkJvsE8Hyh+qIMooR0sxWAiEA3Y7ly05KCtOOCW3rnSKl1ArnfvaDyH7nSGWurPAdCtI="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_3.0.0_1525632838546_0.6214911417320479"},"_hasShrinkwrap":false},"4.0.0-0":{"name":"react-automata","version":"4.0.0-0","description":"A state machine abstraction for React","main":"dist/react-automata.js","module":"dist/react-automata.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","dist"],"sideEffects":false,"scripts":{"prebuild":"rimraf dist","build":"rollup -c","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.3","babel-eslint":"^8.2.3","babel-jest":"^23.0.1","babel-loader":"^7.1.4","babel-plugin-annotate-pure-calls":"^0.2.2","babel-plugin-external-helpers":"^6.22.0","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-remove-prop-types":"^0.4.13","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.8.2","html-webpack-plugin":"^3.2.0","husky":"^0.14.3","idx":"^2.3.0","jest":"^23.1.0","lint-staged":"^7.1.3","prettier":"^1.13.4","react":"^16.4.0","react-dom":"^16.4.0","react-hot-loader":"4.2.0","react-test-renderer":"^16.4.1","rimraf":"^2.6.2","rollup":"^0.61.2","rollup-plugin-babel":"^3.0.4","webpack":"^4.10.2","webpack-cli":"^3.0.1","webpack-dev-server":"^3.1.4"},"dependencies":{"glob-to-regexp":"^0.4.0","invariant":"^2.2.4","memoize-one":"^4.0.0","prop-types":"^15.6.1","xstate":"^3.3.0"},"peerDependencies":{"react":">=16","react-test-renderer":">=16"},"lint-staged":{"*.js":["eslint --fix","git add"]},"jest":{"testURL":"http://localhost"},"readme":"[![npm](https://img.shields.io/npm/v/react-automata.svg)](https://www.npmjs.com/package/react-automata)\n[![Build Status](https://travis-ci.org/MicheleBertoli/react-automata.svg?branch=master)](https://travis-ci.org/MicheleBertoli/react-automata)\n[![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n# React Automata\n\nA state machine abstraction for React that provides declarative state management and automatic test generation.\n\n# Quick Start\n\n## Installation\n\n```sh\nyarn add react-automata\n```\n\n## Usage\n\n```js\n// App.js\n\nimport React from 'react'\nimport { Action, withStateMachine } from 'react-automata'\n\nconst statechart = {\n  initial: 'a',\n  states: {\n    a: {\n      on: {\n        NEXT: 'b',\n      },\n      onEntry: 'sayHello',\n    },\n    b: {\n      on: {\n        NEXT: 'a',\n      },\n      onEntry: 'sayCiao',\n    },\n  },\n}\n\nclass App extends React.Component {\n  handleClick = () => {\n    this.props.transition('NEXT')\n  }\n\n  render() {\n    return (\n      <div>\n        <button onClick={this.handleClick}>NEXT</button>\n        <Action is=\"sayHello\">Hello, A</Action>\n        <Action is=\"sayCiao\">Ciao, B</Action>\n      </div>\n    )\n  }\n}\n\nexport default withStateMachine(statechart)(App)\n```\n\n```js\n// App.spec.js\n\nimport { testStateMachine } from 'react-automata'\nimport App from './App'\n\ntest('it works', () => {\n  testStateMachine(App)\n})\n```\n\n```js\n// App.spec.js.snap\n\nexports[`it works: a 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Hello, A\n</div>\n`;\n\nexports[`it works: b 1`] = `\n<div>\n  <button\n    onClick={[Function]}\n  >\n    NEXT\n  </button>\n  Ciao, B\n</div>\n`;\n```\n\n# API\n\n## withStateMachine(statechart[, options])(Component)\n\nThe `withStateMachine` higher-order component accepts an [xstate configuration object](http://davidkpiano.github.io/xstate/docs/#/api/config) or an [xstate machine](http://davidkpiano.github.io/xstate/docs/#/api/machine), some [options](#options) and a component.\nIt returns a new component with special [props](#props), [action and activity methods](#action-and-activity-methods) and additional [lifecycle hooks](#lifecycle-hooks).\nThe initial machine state and the initial data can be passed to the resulting component through the `initialMachineState` and `initialData` props.\n\n### Options\n\n| Option | Type | Description |\n| ------ | ---- | ----------- |\n| channel | string | The key of the context on which to set the state. |\n| devTools | bool | To connect the state machine to the [Redux DevTools Extension](https://github.com/zalmoxisus/redux-devtools-extension). |\n\n### Props\n\n#### transition(event[, updater])\n\nThe method to change the state of the state machine.\nIt takes an optional updater function that receives the previous data and returns a data change.\nThe updater can also be an object, which gets merged into the current data.\n\n```js\nhandleClick = () => {\n  this.props.transition('FETCH')\n}\n```\n\n#### machineState\n\nThe current state of the state machine.\n\n> It's not recommended to use this value because it couples the component and the state machine.\n\n```js\n<button onClick={this.handleClick}>\n  {this.props.machineState === 'idle' ? 'Fetch' : 'Retry'}\n</button>\n```\n\n### Action and Activity methods\n\nAll the component's methods whose names match the names of actions and activities, are fired when the related transition happen.\nActions receive the state and the event as arguments. Activities receive a boolean that is true when the activity should start, and false otherwise.\n\nFor example:\n\n```js\nconst statechart = {\n  // ...\n  fetching: {\n    on: {\n      SUCCESS: 'success',\n      ERROR: 'error',\n    },\n    onEntry: 'fetchGists',\n  },\n  // ...\n}\n\nclass App extends React.Component {\n  // ...\n  fetchGists() {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n  // ...\n}\n\n```\n\n### Lifecycle hooks\n\n#### componentWillTransition(event)\n\nThe lifecycle method invoked when a transition is about to happen.\nIt provides the event, and can be used to run side-effects.\n\n```js\ncomponentWillTransition(event) {\n  if (event === 'FETCH') {\n    fetch('https://api.github.com/users/gaearon/gists')\n      .then(response => response.json())\n      .then(gists => this.props.transition('SUCCESS', { gists }))\n      .catch(() => this.props.transition('ERROR'))\n  }\n}\n```\n\n#### componentDidTransition(prevMachineState, event)\n\nThe lifecycle method invoked when a transition has happened and the state is updated.\nIt provides the previous state machine, and the event.\nThe current `machineState` is available in `this.props`.\n\n```js\ncomponentDidTransition(prevMachineState, event) {\n  Logger.log(event)\n}\n```\n\n## &lt;Action /&gt;\n\nThe component to define which parts of the tree should be rendered for a given action (or set of actions).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| is | oneOfType(string, arrayOf(string)) | The action(s) for which the children should be shown. It accepts the exact value, a glob expression or an array of values/expressions (e.g. `is=\"fetch\"`, `is=\"show*\"` or `is={['fetch', 'show*']`). |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<Action is=\"showError\">Oh, snap!</Action>\n```\n\n```js\n<Action\n  is=\"showError\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## &lt;State /&gt;\n\nThe component to define which parts of the tree should be rendered for a given state (or set of states).\n\n| Prop | Type | Description |\n| ---- | ---- | ----------- |\n| is | oneOfType(string, arrayOf(string)) | The state(s) for which the children should be shown. It accepts the exact value, a glob expression or an array of values/expressions (e.g. `is=\"idle\"`, `is=\"error.*\"` or `is={['idle', 'error.*']`). |\n| channel | string | The key of the context from where to read the state. |\n| children | node | The children to be rendered when the conditions match. |\n| render | func | The [render prop](https://reactjs.org/docs/render-props.html) receives a bool (true when the conditions match) and it takes precedence over children. |\n| onHide | func | The function invoked when the component becomes invisible. |\n| onShow | func | The function invoked when the component becomes visible. |\n\n```js\n<State is=\"error\">Oh, snap!</State>\n```\n\n```js\n<State\n  is=\"error\"\n  render={visible => (visible ? <div>Oh, snap!</div> : null)}\n/>\n```\n\n## testStateMachine(Component[, { fixtures, extendedState }])\n\nThe method to automagically generate tests given a component wrapped into `withStateMachine`.\nIt accepts an additional `fixtures` option to describe the data to be injected into the component for a given transition, and an `extendedState` option to control the statechart's conditions - both are optional.\n\n```\nyarn add --dev react-test-renderer\n```\n\n```js\nconst fixtures = {\n  initialData: {\n    gists: [],\n  },\n  fetching: {\n    SUCCESS: {\n      gists: [\n        {\n          id: 'ID1',\n          description: 'GIST1',\n        },\n        {\n          id: 'ID2',\n          description: 'GIST2',\n        },\n      ],\n    },\n  },\n}\n\ntest('it works', () => {\n  testStateMachine(App, { fixtures })\n})\n```\n\n# Examples\n\n- [Ian Horrocks' Calculator](https://codesandbox.io/s/n5vvn4jrpm)\n\n- [React Flickr Gallery App](https://codesandbox.io/s/z20llylz9l)\n\n- [Playground](./playground)\n\n- [React Loads](https://github.com/jxom/react-loads)\n\n- [Packing List](https://codesandbox.io/s/github/GantMan/ReactStateMuseum/tree/master/React/react-automata) ([React Native](https://github.com/GantMan/ReactStateMuseum/tree/master/ReactNative/ReactAutomata))\n\n# Frequently Asked Questions\n\nPlease read [this](https://github.com/MicheleBertoli/react-automata/blob/FAQ.md) before opening an issue.\n\n# Inspiration\n\n[Federico](https://twitter.com/gandellinux), for telling me \"Hey, I think building UIs using state machines is the future\".\n\n[David](https://twitter.com/DavidKPiano), for giving an awesome [talk](https://www.youtube.com/watch?v=VU1NKX6Qkxc) about infinitely better UIs, and building [xstate](https://github.com/davidkpiano/xstate).\n\n[Ryan](https://twitter.com/ryanflorence), for [experimenting](https://www.youtube.com/watch?v=WbhpQXH7XMw) with xstate and React - Ryan's approach to React has always been a source of inspiration to me.\n\n[Erik](https://twitter.com/mogsie), for writing about [statecharts](https://statecharts.github.io/), and showing me how to keep UI and state machine decoupled.\n","readmeFilename":"README.md","gitHead":"01c4e5e61b69461ff3eee02990350f066d94f60d","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@4.0.0-0","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-h436IwiJN1OL3A5xGt14/XCKCCCOJL0OJP62VAqSIaybZW/3fZZ7KuAErefuud9zUk6k/DQs1HRH3FqqaeCEng==","shasum":"5535ed0c6f1b2846e6e2fd1ef364f9a706b7cb1d","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-4.0.0-0.tgz","fileCount":6,"unpackedSize":40783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJba+1NCRA9TVsSAnZWagAAFwYP/jfIxRgIs3kcsYIwkrrg\njRfKHqtqHHEdtW4KPS2nUt2225phjwb2w4nIxKkZ1nS4exIq9SOVL1xKwrHp\nrU72nTbt5wNMUEF9X68ey7Eoqqt5y0JI+TsEDgwlgXrQcmFEuxRFGuMRH+JE\nXxx1rNr2XdZCvq6gESvK7PKHbgL8SsU5qwoqWQW7DRn1UCjpwIyvafzV2dsj\nko+Cv61w6edS23IxRboyl1rNutsiZ5DfvQSayDOhakdxZUZlb7PYQaSPA+Ll\nKvYLqtopMLqIZDVLTcGmYUO0RJJRW7Leq1MHTW9tDsz9P7ELmpePWGhCr5LN\nkJt5Cxj033ZR3FJx3kfnUPkWzqMsVdcxUTVK0rD110XaPjHYeT08e1Qio9/B\nybpNcCqPUy9NxZIlVGEZW8juEt0vQlQQn3+286ZkXjIBq7BAXuPwex/mgh71\nwSQEtm0UQDO5efSqQNefwA+6vLVpe+ZwMh7N87gUctS2UhLNJNTLmwHxNpAf\n980PdJ2wk73HnuX93wLaKTnf6SVs/iOWONd/1aPpuY/Q3/wZ2CP98c+L8mkC\nimeMNppy5wBR68UTEd4+q92IGvUCYafr2m2nlYjP8M+n2DNtJLMANsgbCAU8\nWRpGOelvbpnh/aOCpwL97LuU3FHFNZafnfBHnosOF8JBDzgb82ku18ZemWq9\nCmiA\r\n=2aeR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIETYhw49Z8S1cmVxM3TeuvjMOKlxh4yCuah9Ajfx+ZluAiEAlTTO3IZNbv0y4JxgEWyFQvuF2H2NCy4XFfKNX5UOA60="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_4.0.0-0_1533799757543_0.47977159925394264"},"_hasShrinkwrap":false},"4.0.0":{"name":"react-automata","version":"4.0.0","description":"A state machine abstraction for React","main":"dist/react-automata.js","module":"dist/react-automata.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","dist"],"sideEffects":false,"scripts":{"prebuild":"rimraf dist","build":"rollup -c","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.3","babel-eslint":"^8.2.3","babel-jest":"^23.0.1","babel-loader":"^7.1.4","babel-plugin-annotate-pure-calls":"^0.2.2","babel-plugin-external-helpers":"^6.22.0","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-remove-prop-types":"^0.4.13","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.8.2","html-webpack-plugin":"^3.2.0","husky":"^0.14.3","idx":"^2.3.0","jest":"^23.1.0","lint-staged":"^7.1.3","prettier":"^1.13.4","react":"^16.4.0","react-dom":"^16.4.0","react-hot-loader":"4.2.0","react-test-renderer":"^16.4.1","rimraf":"^2.6.2","rollup":"^0.61.2","rollup-plugin-babel":"^3.0.4","webpack":"^4.10.2","webpack-cli":"^3.0.1","webpack-dev-server":"^3.1.4"},"dependencies":{"glob-to-regexp":"^0.4.0","invariant":"^2.2.4","memoize-one":"^4.0.0","prop-types":"^15.6.1","xstate":"^3.3.0"},"peerDependencies":{"react":">=16.3","react-test-renderer":">=16.3"},"lint-staged":{"*.js":["eslint --fix","git add"]},"jest":{"testURL":"http://localhost"},"gitHead":"39cabb368a9cfec48aff2856c7dd83aed62e67b8","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@4.0.0","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-yoXhycIr3SFR1rnXgko099GoSOmbtOyNlsw7RRGdq7llvckk3mtDtd9YTenxEMBEtkEvupw3QYggotRbhZr1CA==","shasum":"584c91cf3c7c55f34ac998407d753184b4426568","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-4.0.0.tgz","fileCount":6,"unpackedSize":40738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJba/aOCRA9TVsSAnZWagAAsQsP/jwcWqbc3CEBZ3g7iOR/\ny9TlqaI7qkzj4v/Y8WPW26PPeb9lc7DnbPYHbd3clDnLeW8TClzPSQmpjzvh\nXpEvp5BrmDm+WAYds0fOOE1EZIiLrfqJFU4Qo2wcg5CHYZ5RllJHcpzt0JE5\nHwiHijIEguMaz0q2LG+9sqv25Ny9Yl9HfivXYCm6TLmIK61qq3NVFhQVC131\nGJB5EOlD6PyrBcP661K+JMFGF9rRbURFBQdmAMD++9xIqaF+Gcy7E9Ru5TvY\n+0+xIc+myylVkgw6rnyO2HbV7BpEQoFZuZE4RmHB0BDngDVSPd9tbBMlWJ6h\nAc8UxiWdHs/5PQ0X1aiDiK+/FgyYrr17gg40EZAEZnLusSvKne1NqSXCGnvD\nMT+RLVOo70PHO2R2owdfayzu5NhzzACEqzsbmeaJzIACG8fHqVt0AyvEMffQ\n0AwwWOobMD0WrGORISQISqIEWma1977NFX0UBKZYWJGccS9B92KPlVuQKWoQ\nXRLjkYwobHEiQK+51hdm3D6jPAY69eyeywc9vEyNyYzDqIBkXzW5ZXCRBhjX\nB3CA6RmpbobNYsvO4SpYnAyDWA7jmIg9JzenGwaEkjM0yixyuGH3weX1jl60\nJHh2WQtKIEnfSqhYkPRbjIojpGBFncTBCH4QxjHmIPTFaUohe9tILbw3FXMv\nADed\r\n=j0dh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEFj+H1OITYCD/9iw3D8QynJUjrGyY2mIN9NL9JUDjpeAiEAnNexrVtppltV75fpJm3X6MruEjRcoHnkRZDSG1GwB9c="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_4.0.0_1533802125663_0.636137962228206"},"_hasShrinkwrap":false},"4.0.1":{"name":"react-automata","version":"4.0.1","description":"A state machine abstraction for React","main":"dist/react-automata.js","module":"dist/react-automata.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","dist"],"sideEffects":false,"scripts":{"prebuild":"rimraf dist","build":"rollup -c","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.3","babel-eslint":"^8.2.3","babel-jest":"^23.0.1","babel-loader":"^7.1.4","babel-plugin-annotate-pure-calls":"^0.3.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-remove-prop-types":"^0.4.13","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.8.2","html-webpack-plugin":"^3.2.0","husky":"^0.14.3","idx":"^2.3.0","jest":"^23.5.0","lint-staged":"^7.1.3","prettier":"^1.14.2","react":"^16.4.0","react-dom":"^16.4.0","react-hot-loader":"4.3.4","react-test-renderer":"^16.4.1","rimraf":"^2.6.2","rollup":"^0.64.1","rollup-plugin-babel":"^3.0.4","webpack":"^4.16.5","webpack-cli":"^3.0.1","webpack-dev-server":"^3.1.4"},"dependencies":{"glob-to-regexp":"^0.4.0","invariant":"^2.2.4","memoize-one":"^4.0.0","prop-types":"^15.6.1","xstate":"^3.3.0"},"peerDependencies":{"react":">=16.3","react-test-renderer":">=16.3"},"lint-staged":{"*.js":["eslint --fix","git add"]},"jest":{"testURL":"http://localhost"},"gitHead":"370674f7df4b023aa62d6812cdaf0e616df712da","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@4.0.1","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-bBio+d3LmPrmVd+yd8JDkAgIv4/nAzUh+fzqLO5mZc+dillYLZ1iUweUDyRtxb5La/TjkRIX9m7+8WjL5ORtwg==","shasum":"fac47ab5b634fb8853c74bfd8a35e74603ae895a","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-4.0.1.tgz","fileCount":6,"unpackedSize":40894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbb99/CRA9TVsSAnZWagAAFLUP/2HR4XWlnlRui0swT8KE\nAn4PRi+jK765WBBjUxTkwbHCw9+kicNPCSj43KcPUTL4sjJgF28J6xCWAfr6\nYpOO6ONpsFwlxrjhzeMQ/e81AJtl8J3ldWY6ca1gSvY2cn2xyVfMsofUnEE5\nDc6I3hM7fI/70LEe5XSFMUJg9dcUPku4CXn93w9extTXzpJ6kwZ18tNn++6H\n1zClB8PE5tJJKBg+wlL06NnV6ckaxSuENXibaO4KaawnLQSjzk1ACLUQplN4\naNVBHqYnumVat+1LZ9Es058AfRrEJcb4FIfHxkkLHoMGFbiKPbQINJFlsy/b\nlIfkOsm41Cyf5FHC/mOY6a/FS2gbRljMOg+lFPI7IE9zunXVmNfNzrjbp9pz\nWayhBtEAGTNUfo9fB5pLz+AmvUayq3x4cyc1z6oPxnxYNQ0k5Zwdbrjkx5Sx\nmqKU7FDHGGyZiGqv5wtk2lUhsbu5myhs9P2+dP2OIgVIRCTVx+vO0CZ1o78+\nDLf3owD9jarH2cjinzEebpyDMEkb8Nj75a5gNmoQJR8LRPvgSJfHpbSHQw26\nVauQp03+1tYt8W80B4/Vmnp1gMo92DY8MeVBZiTq1TLEGR7lno9NfrpJ3MAx\nLeYTGvMrqGbY6m8oBXgLTP8TInOJDm98bs5+RCENqgjRr8unZ2Qju9Iz/j/k\nZmlA\r\n=iSFj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUfmtfoISfh+hRnsXa+DbZUIsBb+I7drmHRLcMURyQqQIgPtC93dBM2XL158HNqEOFHrDDNTt02KC5VantUr71Wd4="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_4.0.1_1534058366765_0.9490036288822408"},"_hasShrinkwrap":false},"4.0.2":{"name":"react-automata","version":"4.0.2","description":"A state machine abstraction for React","main":"dist/react-automata.js","module":"dist/react-automata.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","dist"],"sideEffects":false,"scripts":{"prebuild":"rimraf dist","build":"rollup -c","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.3","babel-eslint":"^8.2.3","babel-jest":"^23.0.1","babel-loader":"^7.1.4","babel-plugin-annotate-pure-calls":"^0.3.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-remove-prop-types":"^0.4.13","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.8.2","html-webpack-plugin":"^3.2.0","husky":"^0.14.3","idx":"^2.3.0","jest":"^23.5.0","lint-staged":"^7.1.3","prettier":"^1.14.2","react":"^16.4.0","react-dom":"^16.4.0","react-hot-loader":"4.3.4","react-test-renderer":"^16.4.1","rimraf":"^2.6.2","rollup":"^0.64.1","rollup-plugin-babel":"^3.0.4","webpack":"^4.16.5","webpack-cli":"^3.0.1","webpack-dev-server":"^3.1.4"},"dependencies":{"glob-to-regexp":"^0.4.0","invariant":"^2.2.4","memoize-one":"^4.0.0","prop-types":"^15.6.1","xstate":"^3.3.0"},"peerDependencies":{"react":">=16.3","react-test-renderer":">=16.3"},"lint-staged":{"*.js":["eslint --fix","git add"]},"jest":{"testURL":"http://localhost"},"gitHead":"f3be221dbc6daf518f0cba2c7a5b92290e55bf19","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@4.0.2","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-L2ug9pXXdpwl0wmnqNUFEUR3pgEgA46RQ4r17j7F15SKqqNA9EfxfsNiz4IZfrPACnzUmsPQ/njdrq4vPXCJmw==","shasum":"dfb18e211a9a979911507eb336563962b59a7748","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-4.0.2.tgz","fileCount":7,"unpackedSize":42210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbdZTnCRA9TVsSAnZWagAAaYwP/RB/Yr4rQ7UQLP3CIskD\nv8ssbxMeIgwqJlGCEeE8uHyBAYVUWqWVyJpDWV9SwJzGr/azOzESLG0RErBG\n3r5cro1mr/y9h2IJzlnNfgkHtKNhup6fr6NukNhISG0WAIeTTw4GJU4Zbs9p\njtE3SaIxkVpmypBALI8GPhrcy01s2QmSNTG25a4jfEqPRrdMPQBuCTuF907S\nc28JQUg2BA5R7pVe0AddLYsz228D0NF9j0bIxC+o4yrlXLqIcBK1kUurpD5A\nOegcG01JkNDR+uudWmYBJ/hI13PV/I2TfegzwDSYFOIG5O5HH5+LnhsCbqyQ\nGnmCxnPAYfjjWrSbiDQsq2Z4RBXTiIbLeL0ZBnEgNCpwxSlgGlAfiNnFP0oq\nElribzIsd38QmQWybAy4MdEWMqY8GUMUyloE/tV06tAR69xDpJ9eEc/q7eHp\nITNbgSrbKEaNG7n49KjcYVOzu/ZewyWq/y8Umc67fDiddGD+RAb6IcV0d+FZ\n1vo7UG+SsIcTUDDtrEHWx/EX+fyD9OQHV3v0ub3DXe5jDr0eNjzR6ngQvdcu\nsniEzKAhVNn5/Ba4fW/OmRnTZYZZnY9Uvz3jhoaGN4UILsZt+uYPEE45xJVL\nhUyPnDdtNRbAqfwVUQ8vwW/HnkKrAKYtqYKjv37xrFolR2Pa0vNni3ZmfRi0\nLXXc\r\n=faFe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDrKv0YYsRzrXiIYlhmEKGsT59ySKKylS/+WXq8nFu29AiBWC+qAkhTTh0WHg78+N91HcwEgQ4j1idiBOJTnwnjWtw=="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_4.0.2_1534432486929_0.8512951113491485"},"_hasShrinkwrap":false},"4.0.3":{"name":"react-automata","version":"4.0.3","description":"A state machine abstraction for React","main":"dist/react-automata.js","module":"dist/react-automata.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","dist"],"sideEffects":false,"scripts":{"prebuild":"rimraf dist","build":"rollup -c","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.3","babel-eslint":"^8.2.3","babel-jest":"^23.0.1","babel-loader":"^7.1.4","babel-plugin-annotate-pure-calls":"^0.3.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-remove-prop-types":"^0.4.13","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.8.2","html-webpack-plugin":"^3.2.0","husky":"^0.14.3","idx":"^2.3.0","jest":"^23.5.0","lint-staged":"^7.1.3","prettier":"^1.14.2","react":"^16.4.0","react-dom":"^16.4.0","react-hot-loader":"4.3.4","react-test-renderer":"^16.4.1","rimraf":"^2.6.2","rollup":"^0.64.1","rollup-plugin-babel":"^3.0.4","webpack":"^4.16.5","webpack-cli":"^3.0.1","webpack-dev-server":"^3.1.4"},"dependencies":{"glob-to-regexp":"^0.4.0","invariant":"^2.2.4","memoize-one":"^4.0.0","prop-types":"^15.6.1","xstate":"^3.3.0"},"peerDependencies":{"react":">=16.3","react-test-renderer":">=16.3"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"9582fbe483e650ba9ad6c76096b90da728483b98","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@4.0.3","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-rcQL9bRZygJh0y0xY8C9ZNqwiTpn5+QEceV56rwNGIb5rLm+bCSy34I6KTNqPLrZFFtmnKr113LAaGqJnE38OA==","shasum":"dba395f6bfd624e0689ec064c2bd9a4394ccca7d","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-4.0.3.tgz","fileCount":7,"unpackedSize":42328,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbgAquCRA9TVsSAnZWagAA1asQAI6Scma3OfU9w5Ws46Q6\ngU8Zj+CUJEZZ6oSbHTkNHjOQPhDb5XqUwwwmsZS3C2iB6CYxbC1L0uQ203ZC\nsjaVgcyQ3G4U2f3kYhbgPvmDi+6MNdQmER1KKeL7b6q1F31hFZTHhL0DycpE\nFWxbc09l1Dz8B4xn6c1BbqNWNTx3qHhBhH9JRvE6VYvycT5HCRHJIADMgogp\n14MqIsXvUs3hx3QYqDJAZD/MZ8AHxvhMdRoFse6nEWnyuLpOY5DrELJGIcj9\nQr7IdTgDlhP/0+WSpk8mMJEcRoCuiyXu5JdTB+A6pjYkdQx0e1OLAdyfkwfN\n+1cHDOqX8PfAVVZxL5cS0p+yaCZn5+WuJXJijW9jZ8iqG+55ToStOP7GSbn1\n/S/2ZAKDcaavvtqDEXbXvqolyTZMWWyb0kXPcn4yKWK4+MRSZqglv5waQcmp\nvs5UXQdsf47mpDF8XXF4+x8kvTSDgdytK0C8E6q0p2JZ7N+6tm16dm4oLkKG\nq1Mqn3S5V6u6F2OlpuA4ZeGIPcYOyte9CCIZ935m2aYYWKZ3ejxkmhwvzO4R\ncQHyqlsH7Ct/KBSnwzkj3RNvqiEG8KxfcCwlYMLNgM5g136DvkqbYnfTaH3l\ncrwqQ7RZoFT9NvDDTmVhoeql/9cn9cbW2XebKJ7VntvhCFEsHXtFgjo92CIQ\nJ+HJ\r\n=dzXh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRmhg7RsqbiW69F3ktPDS4gyQUqj8WUSrTGydr4p4e7QIhAMau/AWWVADhGwWie1R81bq7u/V0QzyvBIF3IuLtiHUT"}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_4.0.3_1535117998081_0.7627475380418398"},"_hasShrinkwrap":false},"4.0.4":{"name":"react-automata","version":"4.0.4","description":"A state machine abstraction for React","main":"dist/react-automata.js","module":"dist/react-automata.es.js","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"author":{"name":"Michele Bertoli"},"license":"MIT","files":["DISCLAIMER","dist"],"sideEffects":false,"scripts":{"prebuild":"rimraf dist","build":"rollup -c","precommit":"lint-staged","prepublish":"yarn build","start":"webpack-dev-server --open","test":"jest"},"devDependencies":{"babel-core":"^6.26.3","babel-eslint":"^8.2.3","babel-jest":"^23.0.1","babel-loader":"^7.1.4","babel-plugin-annotate-pure-calls":"^0.3.0","babel-plugin-external-helpers":"^6.22.0","babel-plugin-idx":"^2.2.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-remove-prop-types":"^0.4.13","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^4.19.1","eslint-config-airbnb":"^16.1.0","eslint-config-prettier":"^2.9.0","eslint-plugin-import":"^2.12.0","eslint-plugin-jsx-a11y":"^6.0.3","eslint-plugin-prettier":"^2.6.0","eslint-plugin-react":"^7.8.2","html-webpack-plugin":"^3.2.0","husky":"^0.14.3","idx":"^2.3.0","jest":"^23.5.0","lint-staged":"^7.1.3","prettier":"^1.14.2","react":"^16.4.0","react-dom":"^16.4.0","react-hot-loader":"4.3.4","react-test-renderer":"^16.4.1","rimraf":"^2.6.2","rollup":"^0.64.1","rollup-plugin-babel":"^3.0.4","webpack":"^4.16.5","webpack-cli":"^3.0.1","webpack-dev-server":"^3.1.4"},"dependencies":{"glob-to-regexp":"^0.4.0","invariant":"^2.2.4","memoize-one":"^4.0.0","prop-types":"^15.6.1","xstate":"^3.3.0"},"peerDependencies":{"react":">=16.3","react-test-renderer":">=16.3"},"lint-staged":{"*.js":["eslint --fix","git add"]},"gitHead":"efaa63fa407b2af84628045f88ac4ce6d2e5bf3f","bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"homepage":"https://github.com/MicheleBertoli/react-automata#readme","_id":"react-automata@4.0.4","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"michelebertoli","email":"michele@berto.li"},"dist":{"integrity":"sha512-hqa0C+D8JKcevCI/RcbyEsfLXWx96JvpIqA5VbtuLnLl4VZnhPYPO5jy5yGmqSnhCeJOW+wVTAaT1BgelI+wdg==","shasum":"ad5122744d3196fe93fa9a06bdf66ef4ae797dcb","tarball":"https://registry.npmjs.org/react-automata/-/react-automata-4.0.4.tgz","fileCount":7,"unpackedSize":42436,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbg/WCCRA9TVsSAnZWagAAH54P/1udL2GK59P79Iw2HTOk\nDXXD6i32pOUkrPGb9khApru4/t7R+0F7Ah9QV3kWfscwb3ibBfYuCbteZyPs\nZrp+AKKGvjF+dubw4AnmkFVFBnOyBXL5YNFa4ncLefq/QLB0EJYFDU8PmmY4\ndXpoTRkNTFpITDc6NheQqNlEfoDaI4E7vhU1xnACJtQp+Ml0Z8dVEsDlTYgc\n6uY6qFQxlPjUhqVALjpkyz35v7JUK7tuOfm19VWzooLDCEihVpOmTnbcI1hZ\nHgIwBT6ofeXSXAeqAGvBedtUUdJtOqT4sAf+cJwLgEswyxfbf0J96WzVzy2/\nXp6G0E02oDYrl0keBM9x3dwTwNObg9QYIjxf7pBEAjL64nNJl5Yp7TjNiq3e\nTnKTxXHw+tJNPncE0UAf76WLwOmxuEPdxQ90/SSdR9imxfNX9PIxKT1SBxHo\nsGa7QGsmOITyoGAgoeJaNs/80K5nrDiQDKSepy3V5Klj5BZEacm3L0xzpey3\now5Fw+54qlJRdVeizcwuiP+ex2YDs8hVqssdPi8Zh2a9Z4k/vBn7iUeAeaNN\nKHcMR+G4t/5y+aBIkUxvvlDkHL2bqafMWFzjt1dGCPehcg6fwnDUM8THtxW3\nVOs0BnbbmWgYCVUReqP+/MXQhMwqMaiOsIhhKC+llckT6SEWgL1LgJWSNrub\nM8Pt\r\n=B1XO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDMbf4z0QySHDbScItV88Vq17McWltdNhyfG9DepMnNVAiEAy/ZrrH4iJ0GtWnT8ZtJo+ONhfTXNboxzvH97Qor+CXk="}]},"maintainers":[{"name":"michelebertoli","email":"michele@berto.li"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-automata_4.0.4_1535374721744_0.46259284916454924"},"_hasShrinkwrap":false}},"author":{"name":"Michele Bertoli"},"license":"MIT","readmeFilename":"README.md","description":"A state machine abstraction for React","homepage":"https://github.com/MicheleBertoli/react-automata#readme","repository":{"type":"git","url":"git+ssh://git@github.com/MicheleBertoli/react-automata.git"},"bugs":{"url":"https://github.com/MicheleBertoli/react-automata/issues"},"users":{"michelebertoli":true,"guioconnor":true}}