diff --git a/packages/redux-devtools-inspector/demo/src/.noderequirer.json b/packages/redux-devtools-inspector/demo/src/.noderequirer.json deleted file mode 100644 index 20e76308..00000000 --- a/packages/redux-devtools-inspector/demo/src/.noderequirer.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "import": true -} diff --git a/packages/redux-devtools-inspector/demo/src/js/DemoApp.jsx b/packages/redux-devtools-inspector/demo/src/js/DemoApp.jsx index a8e26da7..24db5c7d 100644 --- a/packages/redux-devtools-inspector/demo/src/js/DemoApp.jsx +++ b/packages/redux-devtools-inspector/demo/src/js/DemoApp.jsx @@ -85,7 +85,7 @@ function buildUrl(options) { class DemoApp extends React.Component { render() { - const options = getOptions(); + const options = getOptions(this.props.router.location); return (
@@ -193,7 +193,7 @@ class DemoApp extends React.Component {
{(options.useExtension ? 'Disable' : 'Enable') + - ' Chrome Extension'} + ' Chrome Extension (will reload this page)'} {(options.supportImmutable ? 'Disable' : 'Enable') + @@ -205,15 +205,16 @@ class DemoApp extends React.Component { } toggleExtension = () => { - const options = getOptions(); + const options = getOptions(this.props.router.location); - this.props.pushRoute( - buildUrl({ ...options, useExtension: !options.useExtension }) - ); + window.location.href = buildUrl({ + ...options, + useExtension: !options.useExtension, + }); }; toggleImmutableSupport = () => { - const options = getOptions(); + const options = getOptions(this.props.router.location); this.props.pushRoute( buildUrl({ ...options, supportImmutable: !options.supportImmutable }) @@ -221,7 +222,7 @@ class DemoApp extends React.Component { }; toggleTheme = () => { - const options = getOptions(); + const options = getOptions(this.props.router.location); this.props.pushRoute(buildUrl({ ...options, dark: !options.dark })); }; diff --git a/packages/redux-devtools-inspector/demo/src/js/getOptions.js b/packages/redux-devtools-inspector/demo/src/js/getOptions.js index f18e133d..b26e8222 100644 --- a/packages/redux-devtools-inspector/demo/src/js/getOptions.js +++ b/packages/redux-devtools-inspector/demo/src/js/getOptions.js @@ -1,11 +1,11 @@ -export default function getOptions() { +export default function getOptions(location) { return { - useExtension: window.location.search.indexOf('ext') !== -1, - supportImmutable: window.location.search.indexOf('immutable') !== -1, + useExtension: location.search.indexOf('ext') !== -1, + supportImmutable: location.search.indexOf('immutable') !== -1, theme: do { - const match = window.location.search.match(/theme=([^&]+)/); + const match = location.search.match(/theme=([^&]+)/); match ? match[1] : 'inspector'; }, - dark: window.location.search.indexOf('dark') !== -1, + dark: location.search.indexOf('dark') !== -1, }; } diff --git a/packages/redux-devtools-inspector/demo/src/js/index.js b/packages/redux-devtools-inspector/demo/src/js/index.js index 6f794371..50e7e412 100644 --- a/packages/redux-devtools-inspector/demo/src/js/index.js +++ b/packages/redux-devtools-inspector/demo/src/js/index.js @@ -43,13 +43,10 @@ const getDevTools = ({ location }) => changeMonitorKey="ctrl-m" > [ { name: 'Custom Tab', @@ -64,13 +61,13 @@ const getDevTools = ({ location }) => const ROOT = process.env.NODE_ENV === 'production' ? '/redux-devtools-inspector/' : '/'; -const DevTools = getDevTools(getOptions()); +const DevTools = getDevTools({ location: window.location }); const history = createBrowserHistory(); const useDevtoolsExtension = !!window.__REDUX_DEVTOOLS_EXTENSION__ && - window.location.search.indexOf('ext') !== -1; + getOptions(window.location).useExtension; const enhancer = compose( applyMiddleware(logger, routerMiddleware(history)),