v1.1.0
New console method: XStateInspector.overrideOptions()
You can also override the inspector options from the console. For example, on some pages you might want the Inspector to run in a separate window:
// in the browser console
XStateInspector.overrideOptions({ iframe: false })
And then you can return to the default iframe behavior:
// in the browser console
XStateInspector.overrideOptions(undefined)
New prop options
for <XStateInspectLoader>
Optional. Pass options into @xstate/inspect
. For example:
import React from 'react';
import { XStateInspectLoader } from 'xstate-helpers/react/XStateInspectLoader';
const App = () => {
return (
<XStateInspectLoader options={{ url: 'https://statecharts.io/inspect', iframe: false }}>
<YourComponents />
</XStateInspectLoader>
);
};