Skip to content

Releases: VanTanev/xstate-helpers

v1.0.0-beta.2

10 Jul 17:41
Compare
Choose a tag to compare
v1.0.0-beta.2 Pre-release
Pre-release
  • [Breaking change] Remove actorFromReducer and machineFromReducer - [email protected] behaviors handle this 15d53b3
  • [Breaking change] createReactContextHelpers() now returns useActor instead of useService 4355192
  • [Breaking change] Move to preconstruct, add multiple entry points d64e451

The most major change is that React helpers are no longer exported from the root of the package, instead you must import them from xstate-helpers/react. This change allows you to use xstate-helpers in projects that do not have react as a dependency.

v0.11.0...v1.0.0-beta.2

v1.0.0-alpha.1

10 Jul 17:07
Compare
Choose a tag to compare
v1.0.0-alpha.1 Pre-release
Pre-release
  • [Breaking change] Remove actorFromReducer and machineFromReducer - [email protected] behaviors handle this 15d53b3
  • [Breaking change] createReactContextHelpers() now returns useActor instead of useService 4355192
  • [Breaking change] Move to preconstruct, add multiple entry points d64e451

v0.11.0...v1.0.0-alpha.1

v0.11.0

17 May 18:24
Compare
Choose a tag to compare

v0.10.3...v0.11.0

v0.10.3

17 May 07:23
Compare
Choose a tag to compare
  • expose the raw ReactContext from createReactContextHelpers() ebfbd45

v0.10.2...v0.10.3

v0.10.2

09 May 10:56
Compare
Choose a tag to compare
  • Added forceEnabled to <XStateInspectLoader> + tests and docs

v0.10.1...v0.10.2

v0.10.1

07 May 13:55
Compare
Choose a tag to compare

v0.10.0...v0.10.1

v0.10.0

07 May 13:52
Compare
Choose a tag to compare
  • add <XStateInspectLoader> 99b0c29

XStateInspectLoader

An easy way to add the XState Inspector directly to your React app.

The inspector is added to an iframe at the top of the page by default. You can customize its position by passing the wrapperElement prop to <XStateInspectLoader> that must be either a selector or a dom node.

import React from 'react';
import { XStateInspectLoader } from 'xstate-helpers';

const App = () => {
  return (
    <XStateInspectLoader>
      <YourComponents />
    </XStateInspectLoader>
  );
};

Then you can enable/disable the inspector by using the browser's console:

XStateInspector.enable()
XStateInspector.disable()

v0.9.0...v0.10.0

v0.9.0

04 May 10:00
Compare
Choose a tag to compare
  • Merge pull request #1 from VanTanev/react-context-helper e3bf12d

This version is feature-complete for v1.0.0, but I'll release that in a few days after we confirm that everything behaves as expected. API will be locked then, but I don't believe we'll do any breaking changes between v0.9.0 and v1.0.0

v0.0.6...v0.9.0

v0.0.6

01 May 11:00
Compare
Choose a tag to compare

First public release

29 Apr 20:50
Compare
Choose a tag to compare