diff --git a/docs/Walkthrough.md b/docs/Walkthrough.md
index 8a2381b3..ae1d0ce0 100644
--- a/docs/Walkthrough.md
+++ b/docs/Walkthrough.md
@@ -52,7 +52,7 @@ const DevTools = createDevTools(
defaultIsVisible={true}
>
-
+ ,
);
export default DevTools;
@@ -88,7 +88,7 @@ const enhancer = compose(
// Middleware you want to use in development:
applyMiddleware(d1, d2, d3),
// Required! Enable Redux DevTools with the monitors you chose
- DevTools.instrument()
+ DevTools.instrument(),
);
export default function configureStore(initialState) {
@@ -100,8 +100,8 @@ export default function configureStore(initialState) {
if (module.hot) {
module.hot.accept('../reducers', () =>
store.replaceReducer(
- require('../reducers') /*.default if you use Babel 6+ */
- )
+ require('../reducers') /*.default if you use Babel 6+ */,
+ ),
);
}
@@ -121,7 +121,7 @@ const enhancer = compose(
// Required! Enable Redux DevTools with the monitors you chose
DevTools.instrument(),
// Optional. Lets you write ?debug_session= in address bar to persist debug sessions
- persistState(getDebugSessionKey())
+ persistState(getDebugSessionKey()),
);
function getDebugSessionKey() {
@@ -200,7 +200,7 @@ const enhancer = compose(
// Required! Enable Redux DevTools with the monitors you chose
DevTools.instrument(),
// Optional. Lets you write ?debug_session= in address bar to persist debug sessions
- persistState(getDebugSessionKey())
+ persistState(getDebugSessionKey()),
);
function getDebugSessionKey() {
@@ -219,8 +219,8 @@ export default function configureStore(initialState) {
if (module.hot) {
module.hot.accept('../reducers', () =>
store.replaceReducer(
- require('../reducers') /*.default if you use Babel 6+ */
- )
+ require('../reducers') /*.default if you use Babel 6+ */,
+ ),
);
}
@@ -333,7 +333,7 @@ render(
,
- document.getElementById('root')
+ document.getElementById('root'),
);
if (process.env.NODE_ENV !== 'production') {
@@ -353,7 +353,7 @@ export default function showDevTools(store) {
const popup = window.open(
null,
'Redux DevTools',
- 'menubar=no,location=no,resizable=yes,scrollbars=no,status=no'
+ 'menubar=no,location=no,resizable=yes,scrollbars=no,status=no',
);
// Reload in case it already exists
popup.location.reload();
@@ -362,7 +362,7 @@ export default function showDevTools(store) {
popup.document.write('');
render(
,
- popup.document.getElementById('react-devtools-root')
+ popup.document.getElementById('react-devtools-root'),
);
}, 10);
}
diff --git a/extension/README.md b/extension/README.md
index 2e3cd99c..1dea2a58 100644
--- a/extension/README.md
+++ b/extension/README.md
@@ -105,7 +105,7 @@ const composeEnhancers =
: compose;
const enhancer = composeEnhancers(
- applyMiddleware(...middleware)
+ applyMiddleware(...middleware),
// other store enhancers if any
);
const store = createStore(reducer, enhancer);
@@ -130,9 +130,9 @@ import { composeWithDevTools } from '@redux-devtools/extension';
const store = createStore(
reducer,
composeWithDevTools(
- applyMiddleware(...middleware)
+ applyMiddleware(...middleware),
// other store enhancers if any
- )
+ ),
);
```
@@ -148,9 +148,9 @@ const composeEnhancers = composeWithDevTools({
const store = createStore(
reducer,
/* preloadedState, */ composeEnhancers(
- applyMiddleware(...middleware)
+ applyMiddleware(...middleware),
// other store enhancers if any
- )
+ ),
);
```
@@ -164,7 +164,7 @@ import { devToolsEnhancer } from '@redux-devtools/extension';
const store = createStore(
reducer,
- /* preloadedState, */ devToolsEnhancer()
+ /* preloadedState, */ devToolsEnhancer(),
// Specify name here, actionsDenylist, actionsCreators and other options if needed
);
```
@@ -181,7 +181,7 @@ import { devToolsEnhancerLogOnlyInProduction } from '@redux-devtools/extension';
const store = createStore(
reducer,
- /* preloadedState, */ devToolsEnhancerLogOnlyInProduction()
+ /* preloadedState, */ devToolsEnhancerLogOnlyInProduction(),
// options like actionSanitizer, stateSanitizer
);
```
@@ -198,9 +198,9 @@ const composeEnhancers = composeWithDevToolsLogOnlyInProduction({
const store = createStore(
reducer,
/* preloadedState, */ composeEnhancers(
- applyMiddleware(...middleware)
+ applyMiddleware(...middleware),
// other store enhancers if any
- )
+ ),
);
```
diff --git a/extension/docs/API/Arguments.md b/extension/docs/API/Arguments.md
index 2284b110..4497d4eb 100644
--- a/extension/docs/API/Arguments.md
+++ b/extension/docs/API/Arguments.md
@@ -14,9 +14,9 @@ const composeEnhancers = composeWithDevTools(options);
const store = createStore(
reducer,
/* preloadedState, */ composeEnhancers(
- applyMiddleware(...middleware)
+ applyMiddleware(...middleware),
// other store enhancers if any
- )
+ ),
);
```
@@ -70,7 +70,7 @@ _boolean_ or _object_ which contains:
},
},
},
- })
+ }),
);
```
@@ -87,7 +87,7 @@ _boolean_ or _object_ which contains:
replacer: (key, value) =>
value && mori.isMap(value) ? mori.toJs(value) : value,
},
- })
+ }),
);
```
@@ -109,7 +109,7 @@ _boolean_ or _object_ which contains:
}
},
},
- })
+ }),
);
```
@@ -134,7 +134,7 @@ _boolean_ or _object_ which contains:
}
},
},
- })
+ }),
);
```
@@ -174,7 +174,7 @@ _boolean_ or _object_ which contains:
immutable: Immutable,
refs: [ABRecord],
},
- })
+ }),
);
```
@@ -185,7 +185,7 @@ In the example bellow it will always send `{ component: '[React]' }`, regardless
```js
function component(
state = { component: null, toJSON: () => ({ component: '[React]' }) },
- action
+ action,
) {
switch (action.type) {
case 'ADD_COMPONENT':
@@ -206,7 +206,7 @@ function counter(
return { conter: this.count * 10 };
},
},
- action
+ action,
) {
switch (action.type) {
case 'INCREMENT':
@@ -236,7 +236,7 @@ const store = createStore(
actionSanitizer,
stateSanitizer: (state) =>
state.data ? { ...state, data: '<>' } : state,
- })
+ }),
);
```
@@ -254,7 +254,7 @@ createStore(
actionsDenylist: 'SOME_ACTION',
// or actionsDenylist: ['SOME_ACTION', 'SOME_OTHER_ACTION']
// or just actionsDenylist: 'SOME_' to omit both
- })
+ }),
);
```
@@ -270,7 +270,7 @@ const store = createStore(
window.__REDUX_DEVTOOLS_EXTENSION__({
predicate: (state, action) =>
state.dev.logLevel === VERBOSE && !action.forwarded,
- })
+ }),
);
```
diff --git a/extension/docs/Integrations.md b/extension/docs/Integrations.md
index ae27c64f..7f9175d1 100644
--- a/extension/docs/Integrations.md
+++ b/extension/docs/Integrations.md
@@ -32,7 +32,7 @@ import { inspectProps } from 'react-inspect-props';
compose(
withState('count', 'setCount', 0),
- inspectProps('Counter inspector')
+ inspectProps('Counter inspector'),
)(Counter);
```
@@ -167,7 +167,7 @@ run(App, {
{ id: newId(), num: 0 },
{ id: newId(), num: 0 },
],
- })
+ }),
),
});
```
diff --git a/extension/docs/Recipes.md b/extension/docs/Recipes.md
index 6a080243..2ab0cf14 100644
--- a/extension/docs/Recipes.md
+++ b/extension/docs/Recipes.md
@@ -28,7 +28,7 @@ type WindowWithDevTools = Window & {
};
const isReduxDevtoolsExtenstionExist = (
- arg: Window | WindowWithDevTools
+ arg: Window | WindowWithDevTools,
): arg is WindowWithDevTools => {
return '__REDUX_DEVTOOLS_EXTENSION__' in arg;
};
@@ -40,7 +40,7 @@ const store = createStore(
initialState,
isReduxDevtoolsExtenstionExist(window)
? window.__REDUX_DEVTOOLS_EXTENSION__()
- : undefined
+ : undefined,
);
```
@@ -72,7 +72,7 @@ const store = createStore(
instaceID: 2,
name: 'Allowlisted',
actionsAllowlist: '...',
- })
- )
+ }),
+ ),
);
```
diff --git a/extension/docs/Troubleshooting.md b/extension/docs/Troubleshooting.md
index d4b8591e..a166972a 100644
--- a/extension/docs/Troubleshooting.md
+++ b/extension/docs/Troubleshooting.md
@@ -35,8 +35,8 @@ const store = createStore(
window.__REDUX_DEVTOOLS_EXTENSION__
? window.__REDUX_DEVTOOLS_EXTENSION__()
: (noop) => noop,
- batchedSubscribe(/* ... */)
- )
+ batchedSubscribe(/* ... */),
+ ),
);
```
@@ -60,7 +60,7 @@ const store = createStore(
actionSanitizer,
stateSanitizer: (state) =>
state.data ? { ...state, data: '<>' } : state,
- })
+ }),
);
```
@@ -124,7 +124,7 @@ const store = Redux.createStore(
window.__REDUX_DEVTOOLS_EXTENSION__ &&
window.__REDUX_DEVTOOLS_EXTENSION__({
serialize: true,
- })
+ }),
);
```
diff --git a/extension/examples/counter/index.html b/extension/examples/counter/index.html
index 0f963144..58c0aa80 100644
--- a/extension/examples/counter/index.html
+++ b/extension/examples/counter/index.html
@@ -1,4 +1,4 @@
-
+
Redux counter example
diff --git a/extension/examples/counter/index.js b/extension/examples/counter/index.js
index 0ab7fd0f..75363934 100644
--- a/extension/examples/counter/index.js
+++ b/extension/examples/counter/index.js
@@ -10,5 +10,5 @@ render(
,
- document.getElementById('root')
+ document.getElementById('root'),
);
diff --git a/extension/examples/counter/server.js b/extension/examples/counter/server.js
index 7e993c75..3b64665a 100644
--- a/extension/examples/counter/server.js
+++ b/extension/examples/counter/server.js
@@ -11,7 +11,7 @@ app.use(
webpackDevMiddleware(compiler, {
noInfo: true,
publicPath: config.output.publicPath,
- })
+ }),
);
app.use(webpackHotMiddleware(compiler));
@@ -26,7 +26,7 @@ app.listen(port, function (error) {
console.info(
'==> 🌎 Listening on port %s. Open up http://localhost:%s/ in your browser.',
port,
- port
+ port,
);
}
});
diff --git a/extension/examples/counter/store/configureStore.js b/extension/examples/counter/store/configureStore.js
index a36c0d53..41505920 100644
--- a/extension/examples/counter/store/configureStore.js
+++ b/extension/examples/counter/store/configureStore.js
@@ -14,7 +14,7 @@ export default function configureStore(preloadedState) {
const store = createStore(
reducer,
preloadedState,
- composeEnhancers(applyMiddleware(invariant(), thunk))
+ composeEnhancers(applyMiddleware(invariant(), thunk)),
);
if (module.hot) {
diff --git a/extension/examples/counter/test/actions/counter.spec.js b/extension/examples/counter/test/actions/counter.spec.js
index c65cc240..5aa9ddf1 100644
--- a/extension/examples/counter/test/actions/counter.spec.js
+++ b/extension/examples/counter/test/actions/counter.spec.js
@@ -37,7 +37,7 @@ function mockStore(getState, expectedActions, onLastAction) {
}
const mockStoreWithMiddleware = applyMiddleware(...middlewares)(
- mockStoreWithoutMiddleware
+ mockStoreWithoutMiddleware,
);
return mockStoreWithMiddleware();
diff --git a/extension/examples/counter/test/components/Counter.spec.js b/extension/examples/counter/test/components/Counter.spec.js
index 85f0e163..4b91bce3 100644
--- a/extension/examples/counter/test/components/Counter.spec.js
+++ b/extension/examples/counter/test/components/Counter.spec.js
@@ -11,7 +11,7 @@ function setup() {
decrement: expect.createSpy(),
};
const component = TestUtils.renderIntoDocument(
-
+ ,
);
return {
component: component,
diff --git a/extension/examples/counter/test/containers/App.spec.js b/extension/examples/counter/test/containers/App.spec.js
index bfa4d73d..ede61abb 100644
--- a/extension/examples/counter/test/containers/App.spec.js
+++ b/extension/examples/counter/test/containers/App.spec.js
@@ -10,7 +10,7 @@ function setup(initialState) {
const app = TestUtils.renderIntoDocument(
-
+ ,
);
return {
app: app,
diff --git a/extension/examples/react-counter-messaging/index.html b/extension/examples/react-counter-messaging/index.html
index f877ce0b..352f8a0a 100644
--- a/extension/examples/react-counter-messaging/index.html
+++ b/extension/examples/react-counter-messaging/index.html
@@ -1,4 +1,4 @@
-
+
React counter example
diff --git a/extension/examples/router/components/MainSection.js b/extension/examples/router/components/MainSection.js
index 51b86378..53bd11d2 100644
--- a/extension/examples/router/components/MainSection.js
+++ b/extension/examples/router/components/MainSection.js
@@ -69,7 +69,7 @@ class MainSection extends Component {
const filteredTodos = todos.filter(TODO_FILTERS[filter]);
const completedCount = todos.reduce(
(count, todo) => (todo.completed ? count + 1 : count),
- 0
+ 0,
);
return (
diff --git a/extension/examples/router/index.html b/extension/examples/router/index.html
index 50d21711..d04c63f0 100644
--- a/extension/examples/router/index.html
+++ b/extension/examples/router/index.html
@@ -1,4 +1,4 @@
-
+
Redux TodoMVC example
diff --git a/extension/examples/router/index.js b/extension/examples/router/index.js
index 760e2cbe..9cc7e08d 100644
--- a/extension/examples/router/index.js
+++ b/extension/examples/router/index.js
@@ -12,5 +12,5 @@ render(
,
- document.getElementById('root')
+ document.getElementById('root'),
);
diff --git a/extension/examples/router/reducers/todos.js b/extension/examples/router/reducers/todos.js
index 53cc9146..acb42a58 100644
--- a/extension/examples/router/reducers/todos.js
+++ b/extension/examples/router/reducers/todos.js
@@ -34,14 +34,14 @@ export default function todos(state = initialState, action) {
return state.map((todo) =>
todo.id === action.id
? Object.assign({}, todo, { text: action.text })
- : todo
+ : todo,
);
case COMPLETE_TODO:
return state.map((todo) =>
todo.id === action.id
? Object.assign({}, todo, { completed: !todo.completed })
- : todo
+ : todo,
);
case COMPLETE_ALL:
@@ -49,7 +49,7 @@ export default function todos(state = initialState, action) {
return state.map((todo) =>
Object.assign({}, todo, {
completed: !areAllMarked,
- })
+ }),
);
case CLEAR_COMPLETED:
diff --git a/extension/examples/router/server.js b/extension/examples/router/server.js
index ab169aed..c4444fd0 100644
--- a/extension/examples/router/server.js
+++ b/extension/examples/router/server.js
@@ -11,7 +11,7 @@ app.use(
webpackDevMiddleware(compiler, {
noInfo: true,
publicPath: config.output.publicPath,
- })
+ }),
);
app.use(webpackHotMiddleware(compiler));
@@ -26,7 +26,7 @@ app.listen(port, function (error) {
console.info(
'==> 🌎 Listening on port %s. Open up http://localhost:%s/ in your browser.',
port,
- port
+ port,
);
}
});
diff --git a/extension/examples/router/store/configureStore.js b/extension/examples/router/store/configureStore.js
index 6ddb13aa..ba4fb5f9 100644
--- a/extension/examples/router/store/configureStore.js
+++ b/extension/examples/router/store/configureStore.js
@@ -11,7 +11,7 @@ import rootReducer from '../reducers';
export default function configureStore(initialState) {
let finalCreateStore = compose(
reduxReactRouter({ createHistory }),
- global.devToolsExtension ? global.devToolsExtension() : (f) => f
+ global.devToolsExtension ? global.devToolsExtension() : (f) => f,
)(createStore);
const store = finalCreateStore(rootReducer, initialState);
diff --git a/extension/examples/router/test/components/Footer.spec.js b/extension/examples/router/test/components/Footer.spec.js
index 4a9b23f4..72858869 100644
--- a/extension/examples/router/test/components/Footer.spec.js
+++ b/extension/examples/router/test/components/Footer.spec.js
@@ -13,7 +13,7 @@ function setup(propOverrides) {
onClearCompleted: expect.createSpy(),
onShow: expect.createSpy(),
},
- propOverrides
+ propOverrides,
);
const renderer = TestUtils.createRenderer();
@@ -72,7 +72,7 @@ describe('components', () => {
0: 'All',
1: 'Active',
2: 'Completed',
- }[i]
+ }[i],
);
});
});
diff --git a/extension/examples/router/test/components/MainSection.spec.js b/extension/examples/router/test/components/MainSection.spec.js
index 03fcb780..c07f2dd1 100644
--- a/extension/examples/router/test/components/MainSection.spec.js
+++ b/extension/examples/router/test/components/MainSection.spec.js
@@ -29,7 +29,7 @@ function setup(propOverrides) {
clearCompleted: expect.createSpy(),
},
},
- propOverrides
+ propOverrides,
);
const renderer = TestUtils.createRenderer();
diff --git a/extension/examples/router/test/components/TodoTextInput.spec.js b/extension/examples/router/test/components/TodoTextInput.spec.js
index b4eb03ee..d7c0a131 100644
--- a/extension/examples/router/test/components/TodoTextInput.spec.js
+++ b/extension/examples/router/test/components/TodoTextInput.spec.js
@@ -12,7 +12,7 @@ function setup(propOverrides) {
editing: false,
newTodo: false,
},
- propOverrides
+ propOverrides,
);
const renderer = TestUtils.createRenderer();
diff --git a/extension/examples/router/test/reducers/todos.spec.js b/extension/examples/router/test/reducers/todos.spec.js
index 8d7b243d..19cb577b 100644
--- a/extension/examples/router/test/reducers/todos.spec.js
+++ b/extension/examples/router/test/reducers/todos.spec.js
@@ -18,7 +18,7 @@ describe('todos reducer', () => {
todos([], {
type: types.ADD_TODO,
text: 'Run the tests',
- })
+ }),
).toEqual([
{
text: 'Run the tests',
@@ -39,8 +39,8 @@ describe('todos reducer', () => {
{
type: types.ADD_TODO,
text: 'Run the tests',
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Run the tests',
@@ -71,8 +71,8 @@ describe('todos reducer', () => {
{
type: types.ADD_TODO,
text: 'Fix the tests',
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Fix the tests',
@@ -110,8 +110,8 @@ describe('todos reducer', () => {
{
type: types.DELETE_TODO,
id: 1,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Use Redux',
@@ -140,8 +140,8 @@ describe('todos reducer', () => {
type: types.EDIT_TODO,
text: 'Fix the tests',
id: 1,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Fix the tests',
@@ -174,8 +174,8 @@ describe('todos reducer', () => {
{
type: types.COMPLETE_TODO,
id: 1,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Run the tests',
@@ -207,8 +207,8 @@ describe('todos reducer', () => {
],
{
type: types.COMPLETE_ALL,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Run the tests',
@@ -239,8 +239,8 @@ describe('todos reducer', () => {
],
{
type: types.COMPLETE_ALL,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Run the tests',
@@ -272,8 +272,8 @@ describe('todos reducer', () => {
],
{
type: types.CLEAR_COMPLETED,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Use Redux',
@@ -308,7 +308,7 @@ describe('todos reducer', () => {
completed: false,
text: 'Write tests',
},
- ])
+ ]),
).toEqual([
{
text: 'Write more tests',
diff --git a/extension/examples/saga-counter/index.html b/extension/examples/saga-counter/index.html
index 85d5588f..c25e8977 100644
--- a/extension/examples/saga-counter/index.html
+++ b/extension/examples/saga-counter/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/extension/examples/saga-counter/src/main.js b/extension/examples/saga-counter/src/main.js
index f8eedf95..83406bda 100644
--- a/extension/examples/saga-counter/src/main.js
+++ b/extension/examples/saga-counter/src/main.js
@@ -20,7 +20,7 @@ const composeEnhancers =
compose;
const store = createStore(
reducer,
- composeEnhancers(applyMiddleware(sagaMiddleware))
+ composeEnhancers(applyMiddleware(sagaMiddleware)),
);
sagaMiddleware.run(rootSaga);
@@ -35,7 +35,7 @@ function render() {
onIncrementIfOdd={() => action('INCREMENT_IF_ODD')}
onIncrementAsync={() => action('INCREMENT_ASYNC')}
/>,
- document.getElementById('root')
+ document.getElementById('root'),
);
}
diff --git a/extension/examples/todomvc/components/MainSection.js b/extension/examples/todomvc/components/MainSection.js
index 7aecc131..e517658d 100644
--- a/extension/examples/todomvc/components/MainSection.js
+++ b/extension/examples/todomvc/components/MainSection.js
@@ -70,7 +70,7 @@ class MainSection extends Component {
const filteredTodos = todos.filter(TODO_FILTERS[filter]);
const completedCount = todos.reduce(
(count, todo) => (todo.completed ? count + 1 : count),
- 0
+ 0,
);
return (
diff --git a/extension/examples/todomvc/index.html b/extension/examples/todomvc/index.html
index 50d21711..d04c63f0 100644
--- a/extension/examples/todomvc/index.html
+++ b/extension/examples/todomvc/index.html
@@ -1,4 +1,4 @@
-
+
Redux TodoMVC example
diff --git a/extension/examples/todomvc/index.js b/extension/examples/todomvc/index.js
index 4f3b96cc..edc119d9 100644
--- a/extension/examples/todomvc/index.js
+++ b/extension/examples/todomvc/index.js
@@ -12,5 +12,5 @@ render(
,
- document.getElementById('root')
+ document.getElementById('root'),
);
diff --git a/extension/examples/todomvc/reducers/todos.js b/extension/examples/todomvc/reducers/todos.js
index 0b91c484..f63f0428 100644
--- a/extension/examples/todomvc/reducers/todos.js
+++ b/extension/examples/todomvc/reducers/todos.js
@@ -36,7 +36,7 @@ export default function todos(state = initialState, action) {
return state.map((todo) =>
todo.id === action.id
? Object.assign({}, todo, { text: action.text, modified: new Date() })
- : todo
+ : todo,
);
case COMPLETE_TODO:
@@ -46,7 +46,7 @@ export default function todos(state = initialState, action) {
completed: !todo.completed,
modified: new Date(),
})
- : todo
+ : todo,
);
case COMPLETE_ALL:
@@ -55,7 +55,7 @@ export default function todos(state = initialState, action) {
Object.assign({}, todo, {
completed: !areAllMarked,
modified: new Date(),
- })
+ }),
);
case CLEAR_COMPLETED:
diff --git a/extension/examples/todomvc/server.js b/extension/examples/todomvc/server.js
index ab169aed..c4444fd0 100644
--- a/extension/examples/todomvc/server.js
+++ b/extension/examples/todomvc/server.js
@@ -11,7 +11,7 @@ app.use(
webpackDevMiddleware(compiler, {
noInfo: true,
publicPath: config.output.publicPath,
- })
+ }),
);
app.use(webpackHotMiddleware(compiler));
@@ -26,7 +26,7 @@ app.listen(port, function (error) {
console.info(
'==> 🌎 Listening on port %s. Open up http://localhost:%s/ in your browser.',
port,
- port
+ port,
);
}
});
diff --git a/extension/examples/todomvc/store/configureStore.js b/extension/examples/todomvc/store/configureStore.js
index 9a0cbfa8..25e80ffa 100644
--- a/extension/examples/todomvc/store/configureStore.js
+++ b/extension/examples/todomvc/store/configureStore.js
@@ -13,7 +13,7 @@ export default function configureStore(preloadedState) {
if (!enhancer) {
console.warn(
'Install Redux DevTools Extension to inspect the app state: ' +
- 'https://github.com/zalmoxisus/redux-devtools-extension#installation'
+ 'https://github.com/zalmoxisus/redux-devtools-extension#installation',
);
}
diff --git a/extension/examples/todomvc/test/components/Footer.spec.js b/extension/examples/todomvc/test/components/Footer.spec.js
index 4a9b23f4..72858869 100644
--- a/extension/examples/todomvc/test/components/Footer.spec.js
+++ b/extension/examples/todomvc/test/components/Footer.spec.js
@@ -13,7 +13,7 @@ function setup(propOverrides) {
onClearCompleted: expect.createSpy(),
onShow: expect.createSpy(),
},
- propOverrides
+ propOverrides,
);
const renderer = TestUtils.createRenderer();
@@ -72,7 +72,7 @@ describe('components', () => {
0: 'All',
1: 'Active',
2: 'Completed',
- }[i]
+ }[i],
);
});
});
diff --git a/extension/examples/todomvc/test/components/MainSection.spec.js b/extension/examples/todomvc/test/components/MainSection.spec.js
index 03fcb780..c07f2dd1 100644
--- a/extension/examples/todomvc/test/components/MainSection.spec.js
+++ b/extension/examples/todomvc/test/components/MainSection.spec.js
@@ -29,7 +29,7 @@ function setup(propOverrides) {
clearCompleted: expect.createSpy(),
},
},
- propOverrides
+ propOverrides,
);
const renderer = TestUtils.createRenderer();
diff --git a/extension/examples/todomvc/test/components/TodoTextInput.spec.js b/extension/examples/todomvc/test/components/TodoTextInput.spec.js
index b4eb03ee..d7c0a131 100644
--- a/extension/examples/todomvc/test/components/TodoTextInput.spec.js
+++ b/extension/examples/todomvc/test/components/TodoTextInput.spec.js
@@ -12,7 +12,7 @@ function setup(propOverrides) {
editing: false,
newTodo: false,
},
- propOverrides
+ propOverrides,
);
const renderer = TestUtils.createRenderer();
diff --git a/extension/examples/todomvc/test/reducers/todos.spec.js b/extension/examples/todomvc/test/reducers/todos.spec.js
index 8d7b243d..19cb577b 100644
--- a/extension/examples/todomvc/test/reducers/todos.spec.js
+++ b/extension/examples/todomvc/test/reducers/todos.spec.js
@@ -18,7 +18,7 @@ describe('todos reducer', () => {
todos([], {
type: types.ADD_TODO,
text: 'Run the tests',
- })
+ }),
).toEqual([
{
text: 'Run the tests',
@@ -39,8 +39,8 @@ describe('todos reducer', () => {
{
type: types.ADD_TODO,
text: 'Run the tests',
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Run the tests',
@@ -71,8 +71,8 @@ describe('todos reducer', () => {
{
type: types.ADD_TODO,
text: 'Fix the tests',
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Fix the tests',
@@ -110,8 +110,8 @@ describe('todos reducer', () => {
{
type: types.DELETE_TODO,
id: 1,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Use Redux',
@@ -140,8 +140,8 @@ describe('todos reducer', () => {
type: types.EDIT_TODO,
text: 'Fix the tests',
id: 1,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Fix the tests',
@@ -174,8 +174,8 @@ describe('todos reducer', () => {
{
type: types.COMPLETE_TODO,
id: 1,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Run the tests',
@@ -207,8 +207,8 @@ describe('todos reducer', () => {
],
{
type: types.COMPLETE_ALL,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Run the tests',
@@ -239,8 +239,8 @@ describe('todos reducer', () => {
],
{
type: types.COMPLETE_ALL,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Run the tests',
@@ -272,8 +272,8 @@ describe('todos reducer', () => {
],
{
type: types.CLEAR_COMPLETED,
- }
- )
+ },
+ ),
).toEqual([
{
text: 'Use Redux',
@@ -308,7 +308,7 @@ describe('todos reducer', () => {
completed: false,
text: 'Write tests',
},
- ])
+ ]),
).toEqual([
{
text: 'Write more tests',
diff --git a/extension/src/background/logging.ts b/extension/src/background/logging.ts
index 4d5cc917..22cdd002 100644
--- a/extension/src/background/logging.ts
+++ b/extension/src/background/logging.ts
@@ -3,7 +3,7 @@ import { LIFTED_ACTION } from '@redux-devtools/app';
export function getReport(
reportId: string,
tabId: string | number,
- instanceId: number
+ instanceId: number,
) {
chrome.storage.local.get(['s:hostname', 's:port', 's:secure'], (options) => {
if (!options['s:hostname'] || !options['s:port']) return;
diff --git a/extension/src/background/openWindow.ts b/extension/src/background/openWindow.ts
index 2793ff8f..2c3f1db0 100644
--- a/extension/src/background/openWindow.ts
+++ b/extension/src/background/openWindow.ts
@@ -12,7 +12,7 @@ export default function openDevToolsWindow(position: DevToolsPosition) {
function popWindow(
action: string,
url: string,
- customOptions: chrome.windows.CreateData & chrome.windows.UpdateInfo
+ customOptions: chrome.windows.CreateData & chrome.windows.UpdateInfo,
) {
function focusIfExist(callback: () => void) {
if (!windows[position]) {
@@ -37,7 +37,7 @@ export default function openDevToolsWindow(position: DevToolsPosition) {
};
if (action === 'open') {
options.url = chrome.extension.getURL(
- url + '#' + position.substr(position.indexOf('-') + 1)
+ url + '#' + position.substr(position.indexOf('-') + 1),
);
chrome.windows.create(options, (win) => {
windows[position] = win!.id;
diff --git a/extension/src/background/store/apiMiddleware.ts b/extension/src/background/store/apiMiddleware.ts
index fb132e1d..f533943b 100644
--- a/extension/src/background/store/apiMiddleware.ts
+++ b/extension/src/background/store/apiMiddleware.ts
@@ -193,7 +193,7 @@ type TabPort = Omit & {
};
type PanelPort = Omit & {
postMessage: >(
- message: PanelMessage
+ message: PanelMessage,
) => void;
};
type MonitorPort = Omit & {
@@ -232,13 +232,13 @@ type MonitorAction> =
function toMonitors>(
action: MonitorAction,
tabId?: string | number,
- verbose?: boolean
+ verbose?: boolean,
) {
Object.keys(connections.monitor).forEach((id) => {
connections.monitor[id].postMessage(
verbose || action.type === 'ERROR' || action.type === SET_PERSIST
? action
- : { type: UPDATE_STATE }
+ : { type: UPDATE_STATE },
);
});
Object.keys(connections.panel).forEach((id) => {
@@ -267,7 +267,7 @@ function toContentScript(messageBody: ToContentScriptMessage) {
message,
instanceId,
action as AppDispatchAction,
- state
+ state,
),
id: instanceId.toString().replace(/^[^\/]+\//, ''),
});
@@ -281,7 +281,7 @@ function toContentScript(messageBody: ToContentScriptMessage) {
message,
instanceId,
action as unknown as AppDispatchAction,
- state
+ state,
),
id: instanceId.toString().replace(/^[^\/]+\//, ''),
});
@@ -295,7 +295,7 @@ function toContentScript(messageBody: ToContentScriptMessage) {
message,
instanceId,
action as unknown as AppDispatchAction,
- state
+ state,
),
id: instanceId.toString().replace(/^[^\/]+\//, ''),
});
@@ -309,7 +309,7 @@ function toContentScript(messageBody: ToContentScriptMessage) {
message,
instanceId,
action as unknown as AppDispatchAction,
- state
+ state,
),
id: instanceId.toString().replace(/^[^\/]+\//, ''),
});
@@ -323,7 +323,7 @@ function toContentScript(messageBody: ToContentScriptMessage) {
message,
instanceId,
action as AppDispatchAction,
- state
+ state,
),
id: (instanceId as number).toString().replace(/^[^\/]+\//, ''),
});
@@ -397,7 +397,7 @@ type BackgroundStoreResponse = { readonly options: Options };
function messaging>(
request: BackgroundStoreMessage,
sender: chrome.runtime.MessageSender,
- sendResponse?: (response?: BackgroundStoreResponse) => void
+ sendResponse?: (response?: BackgroundStoreResponse) => void,
) {
let tabId = getId(sender);
if (!tabId) return;
@@ -427,7 +427,7 @@ function messaging>(
let position: DevToolsPosition = 'devtools-left';
if (
['remote', 'panel', 'left', 'right', 'bottom'].indexOf(
- request.position
+ request.position,
) !== -1
) {
position = ('devtools-' + request.position) as DevToolsPosition;
@@ -489,7 +489,7 @@ function messaging>(
function disconnect(
type: 'tab' | 'monitor' | 'panel',
id: number | string,
- listener?: (message: any, port: chrome.runtime.Port) => void
+ listener?: (message: any, port: chrome.runtime.Port) => void,
) {
return function disconnectListener() {
const p = connections[type][id];
@@ -537,7 +537,7 @@ function onConnect>(port: chrome.runtime.Port) {
instanceId,
state: stringifyJSON(
persistedState,
- state.instances.options[instanceId].serialize
+ state.instances.options[instanceId].serialize,
),
});
}
@@ -588,7 +588,7 @@ declare global {
window.syncOptions = syncOptions(toAllTabs); // Expose to the options page
export default function api(
- store: MiddlewareAPI, BackgroundState>
+ store: MiddlewareAPI, BackgroundState>,
) {
return (next: Dispatch) => (action: BackgroundAction) => {
if (action.type === LIFTED_ACTION) toContentScript(action);
diff --git a/extension/src/background/store/backgroundStore.ts b/extension/src/background/store/backgroundStore.ts
index da72bdd4..21187ce8 100644
--- a/extension/src/background/store/backgroundStore.ts
+++ b/extension/src/background/store/backgroundStore.ts
@@ -60,7 +60,7 @@ export type BackgroundAction =
| DisconnectedAction;
export default function configureStore(
- preloadedState?: PreloadedState
+ preloadedState?: PreloadedState,
) {
return createStore(rootReducer, preloadedState, applyMiddleware(api));
/*
diff --git a/extension/src/contentScript/index.ts b/extension/src/contentScript/index.ts
index 2c65ee14..287ce228 100644
--- a/extension/src/contentScript/index.ts
+++ b/extension/src/contentScript/index.ts
@@ -205,9 +205,11 @@ export type SplitMessage =
function tryCatch>(
fn: (
- args: PageScriptToContentScriptMessageWithoutDisconnect | SplitMessage
+ args:
+ | PageScriptToContentScriptMessageWithoutDisconnect
+ | SplitMessage,
) => void,
- args: PageScriptToContentScriptMessageWithoutDisconnect
+ args: PageScriptToContentScriptMessageWithoutDisconnect,
) {
try {
return fn(args);
@@ -273,7 +275,7 @@ export type ContentScriptToBackgroundMessage> =
| RelayMessage;
function postToBackground>(
- message: ContentScriptToBackgroundMessage
+ message: ContentScriptToBackgroundMessage,
) {
bg!.postMessage(message);
}
@@ -281,7 +283,7 @@ function postToBackground>(
function send>(
message:
| PageScriptToContentScriptMessageWithoutDisconnect
- | SplitMessage
+ | SplitMessage,
) {
if (!connected) connect();
if (message.type === 'INIT_INSTANCE') {
@@ -294,7 +296,7 @@ function send>(
// Resend messages from the page to the background script
function handleMessages>(
- event: MessageEvent>
+ event: MessageEvent>,
) {
if (!isAllowed()) return;
if (!event || event.source !== window || typeof event.data !== 'object') {
diff --git a/extension/src/devpanel/index.tsx b/extension/src/devpanel/index.tsx
index a3879998..3c132940 100644
--- a/extension/src/devpanel/index.tsx
+++ b/extension/src/devpanel/index.tsx
@@ -42,7 +42,7 @@ function renderDevTools() {
-
+ ,
);
rendered = true;
}
@@ -104,7 +104,7 @@ function init(id: number) {
if (!rendered) renderDevTools();
store!.dispatch(message);
}
- }
+ },
);
}
diff --git a/extension/src/devpanel/store/panelStore.ts b/extension/src/devpanel/store/panelStore.ts
index f8b8e622..e8ce7ca5 100644
--- a/extension/src/devpanel/store/panelStore.ts
+++ b/extension/src/devpanel/store/panelStore.ts
@@ -16,11 +16,11 @@ const persistedReducer: Reducer =
export default function configureStore(
position: string,
- bgConnection: chrome.runtime.Port
+ bgConnection: chrome.runtime.Port,
) {
const enhancer = applyMiddleware(
exportStateMiddleware,
- panelDispatcher(bgConnection)
+ panelDispatcher(bgConnection),
);
const store = createStore(persistedReducer, enhancer);
const persistor = persistStore(store);
diff --git a/extension/src/devtools/index.ts b/extension/src/devtools/index.ts
index cdd376b6..b72ecaa4 100644
--- a/extension/src/devtools/index.ts
+++ b/extension/src/devtools/index.ts
@@ -5,7 +5,7 @@ function createPanel(url: string) {
'Redux',
'img/logo/scalable.png',
url,
- function () {}
+ function () {},
);
}
diff --git a/extension/src/options/Options.tsx b/extension/src/options/Options.tsx
index 579dd3ac..202c3e05 100644
--- a/extension/src/options/Options.tsx
+++ b/extension/src/options/Options.tsx
@@ -10,7 +10,7 @@ export interface OptionsProps {
readonly options: Options;
readonly saveOption: (
name: K,
- value: Options[K]
+ value: Options[K],
) => void;
}
diff --git a/extension/src/options/syncOptions.ts b/extension/src/options/syncOptions.ts
index e523c598..7f5ac82b 100644
--- a/extension/src/options/syncOptions.ts
+++ b/extension/src/options/syncOptions.ts
@@ -93,7 +93,7 @@ const get = (callback: (options: Options) => void) => {
function (items) {
options = migrateOldOptions(items as OldOrNewOptions);
callback(options);
- }
+ },
);
}
};
@@ -125,8 +125,8 @@ export const injectOptions = (newOptions: Options) => {
document.createTextNode(
'window.devToolsOptions = Object.assign(window.devToolsOptions||{},' +
JSON.stringify(options) +
- ');'
- )
+ ');',
+ ),
);
(document.head || document.documentElement).appendChild(s);
s.parentNode!.removeChild(s);
diff --git a/extension/src/pageScript/Monitor.ts b/extension/src/pageScript/Monitor.ts
index 47fc3a51..a6eac428 100644
--- a/extension/src/pageScript/Monitor.ts
+++ b/extension/src/pageScript/Monitor.ts
@@ -11,7 +11,7 @@ declare global {
export default class Monitor> {
update: (
liftedState?: LiftedState | undefined,
- libConfig?: LibConfig
+ libConfig?: LibConfig,
) => void;
active?: boolean;
paused?: boolean;
@@ -21,8 +21,8 @@ export default class Monitor> {
constructor(
update: (
liftedState?: LiftedState | undefined,
- libConfig?: LibConfig
- ) => void
+ libConfig?: LibConfig,
+ ) => void,
) {
this.update = update;
}
diff --git a/extension/src/pageScript/api/filters.ts b/extension/src/pageScript/api/filters.ts
index e23a823d..7410ae38 100644
--- a/extension/src/pageScript/api/filters.ts
+++ b/extension/src/pageScript/api/filters.ts
@@ -23,7 +23,7 @@ export const noFiltersApplied = (localFilter: LocalFilter | undefined) =>
export function isFiltered>(
action: A | string,
- localFilter: LocalFilter | undefined
+ localFilter: LocalFilter | undefined,
) {
if (
noFiltersApplied(localFilter) ||
@@ -43,7 +43,7 @@ export function isFiltered>(
function filterActions>(
actionsById: { [p: number]: PerformAction },
- actionSanitizer: ((action: A, id: number) => A) | undefined
+ actionSanitizer: ((action: A, id: number) => A) | undefined,
): { [p: number]: PerformAction } {
if (!actionSanitizer) return actionsById;
return mapValues(actionsById, (action, id) => ({
@@ -54,7 +54,7 @@ function filterActions>(
function filterStates(
computedStates: { state: S; error?: string | undefined }[],
- stateSanitizer: ((state: S, index: number) => S) | undefined
+ stateSanitizer: ((state: S, index: number) => S) | undefined,
) {
if (!stateSanitizer) return computedStates;
return computedStates.map((state, idx) => ({
@@ -68,7 +68,7 @@ export function filterState>(
localFilter: LocalFilter | undefined,
stateSanitizer: ((state: S, index: number) => S) | undefined,
actionSanitizer: ((action: A, id: number) => A) | undefined,
- predicate: ((state: S, action: A) => boolean) | undefined
+ predicate: ((state: S, action: A) => boolean) | undefined,
): LiftedState {
if (predicate || !noFiltersApplied(localFilter)) {
const filteredStagedActionIds: number[] = [];
@@ -94,7 +94,7 @@ export function filterState>(
filteredComputedStates.push(
stateSanitizer
? { ...liftedState, state: stateSanitizer(currState, idx) }
- : liftedState
+ : liftedState,
);
if (actionSanitizer) {
sanitizedActionsById![id] = {
@@ -139,7 +139,7 @@ export function startingFrom>(
| undefined,
predicate:
| (>(state: S, action: A) => boolean)
- | undefined
+ | undefined,
): LiftedState | PartialLiftedState | undefined {
const stagedActionIds = state.stagedActionIds;
if (sendingActionId <= stagedActionIds[1]) return state;
@@ -178,7 +178,7 @@ export function startingFrom>(
newComputedStates.push(
!stateSanitizer
? currState
- : { ...currState, state: stateSanitizer(currState.state, i) }
+ : { ...currState, state: stateSanitizer(currState.state, i) },
);
}
diff --git a/extension/src/pageScript/api/importState.ts b/extension/src/pageScript/api/importState.ts
index ae818149..319a7008 100644
--- a/extension/src/pageScript/api/importState.ts
+++ b/extension/src/pageScript/api/importState.ts
@@ -10,7 +10,7 @@ interface SerializeWithRequiredImmutable extends SerializeWithImmutable {
}
function isSerializeWithImmutable(
- serialize: boolean | SerializeWithImmutable
+ serialize: boolean | SerializeWithImmutable,
): serialize is SerializeWithRequiredImmutable {
return !!(serialize as SerializeWithImmutable).immutable;
}
@@ -20,7 +20,7 @@ interface SerializeWithRequiredReviver extends SerializeWithImmutable {
}
function isSerializeWithReviver(
- serialize: boolean | SerializeWithImmutable
+ serialize: boolean | SerializeWithImmutable,
): serialize is SerializeWithRequiredReviver {
return !!(serialize as SerializeWithImmutable).immutable;
}
@@ -32,7 +32,7 @@ interface ParsedSerializedLiftedState {
export default function importState>(
state: string | undefined,
- { serialize }: Config
+ { serialize }: Config,
) {
if (!state) return undefined;
let parse = jsan.parse;
@@ -45,8 +45,8 @@ export default function importState>(
serialize.immutable,
serialize.refs,
serialize.replacer,
- serialize.reviver
- ).reviver
+ serialize.reviver,
+ ).reviver,
);
} else if (isSerializeWithReviver(serialize)) {
parse = (v) => jsan.parse(v, serialize.reviver);
diff --git a/extension/src/pageScript/api/index.ts b/extension/src/pageScript/api/index.ts
index ed062fe9..7292718b 100644
--- a/extension/src/pageScript/api/index.ts
+++ b/extension/src/pageScript/api/index.ts
@@ -56,7 +56,7 @@ function stringify(obj: unknown, serialize?: Serialize | undefined) {
// 16 MB
/* eslint-disable no-console */
console.warn(
- 'Application state or actions payloads are too large making Redux DevTools serialization slow and consuming a lot of memory. See https://github.com/reduxjs/redux-devtools-extension/blob/master/docs/Troubleshooting.md#excessive-use-of-memory-and-cpu on how to configure it.'
+ 'Application state or actions payloads are too large making Redux DevTools serialization slow and consuming a lot of memory. See https://github.com/reduxjs/redux-devtools-extension/blob/master/docs/Troubleshooting.md#excessive-use-of-memory-and-cpu on how to configure it.',
);
/* eslint-enable no-console */
stringifyWarned = true;
@@ -80,7 +80,7 @@ export function getSerializeParameter(config: Config) {
serialize.immutable,
serialize.refs,
serialize.replacer,
- serialize.reviver
+ serialize.reviver,
);
return {
replacer: immutableSerializer.replacer,
@@ -183,7 +183,7 @@ interface OpenMessage {
export type PageScriptToContentScriptMessageForwardedToMonitors<
S,
- A extends Action
+ A extends Action,
> =
| InitMessage
| LiftedMessage
@@ -194,7 +194,7 @@ export type PageScriptToContentScriptMessageForwardedToMonitors<
export type PageScriptToContentScriptMessageWithoutDisconnectOrInitInstance<
S,
- A extends Action
+ A extends Action,
> =
| PageScriptToContentScriptMessageForwardedToMonitors
| ErrorMessage
@@ -204,7 +204,7 @@ export type PageScriptToContentScriptMessageWithoutDisconnectOrInitInstance<
export type PageScriptToContentScriptMessageWithoutDisconnect<
S,
- A extends Action
+ A extends Action,
> =
| PageScriptToContentScriptMessageWithoutDisconnectOrInitInstance
| InitInstancePageScriptToContentScriptMessage
@@ -215,14 +215,14 @@ export type PageScriptToContentScriptMessage> =
| DisconnectMessage;
function post>(
- message: PageScriptToContentScriptMessage
+ message: PageScriptToContentScriptMessage,
) {
window.postMessage(message, '*');
}
function getStackTrace(
config: Config,
- toExcludeFromTrace: Function | undefined
+ toExcludeFromTrace: Function | undefined,
) {
if (!config.trace) return undefined;
if (typeof config.trace === 'function') return config.trace();
@@ -265,7 +265,7 @@ function amendActionType>(
| StructuralPerformAction[]
| string,
config: Config,
- toExcludeFromTrace: Function | undefined
+ toExcludeFromTrace: Function | undefined,
): StructuralPerformAction {
let timestamp = Date.now();
let stack = getStackTrace(config, toExcludeFromTrace);
@@ -383,7 +383,7 @@ type ToContentScriptMessage> =
export function toContentScript>(
message: ToContentScriptMessage,
serializeState?: Serialize | undefined,
- serializeAction?: Serialize | undefined
+ serializeAction?: Serialize | undefined,
) {
if (message.type === 'ACTION') {
post({
@@ -430,7 +430,7 @@ export function sendMessage>(
state: LiftedState,
config: Config,
instanceId?: number,
- name?: string
+ name?: string,
) {
let amendedAction = action;
if (typeof config !== 'object') {
@@ -450,7 +450,7 @@ export function sendMessage>(
instanceId: config.instanceId || instanceId || 1,
},
config.serialize as Serialize | undefined,
- config.serialize as Serialize | undefined
+ config.serialize as Serialize | undefined,
);
} else {
toContentScript(
@@ -464,7 +464,7 @@ export function sendMessage>(
instanceId: config.instanceId || instanceId || 1,
},
config.serialize as Serialize | undefined,
- config.serialize as Serialize | undefined
+ config.serialize as Serialize | undefined,
);
}
}
@@ -489,7 +489,7 @@ function handleMessages(event: MessageEvent) {
export function setListener(
onMessage: (message: ContentScriptToPageScriptMessage) => void,
- instanceId: number
+ instanceId: number,
) {
listeners[instanceId] = onMessage;
window.addEventListener('message', handleMessages, false);
@@ -498,7 +498,7 @@ export function setListener(
const liftListener =
>(
listener: (message: ListenerMessage) => void,
- config: Config
+ config: Config,
) =>
(message: ContentScriptToPageScriptMessage) => {
if (message.type === 'IMPORT') {
@@ -522,15 +522,15 @@ export function disconnect() {
export interface ConnectResponse {
init: >(
state: S,
- liftedData?: LiftedState
+ liftedData?: LiftedState,
) => void;
subscribe: >(
- listener: (message: ListenerMessage) => void
+ listener: (message: ListenerMessage) => void,
) => (() => void) | undefined;
unsubscribe: () => void;
send: >(
action: A,
- state: LiftedState
+ state: LiftedState,
) => void;
error: (payload: string) => void;
}
@@ -575,12 +575,12 @@ export function connect(preConfig: Config): ConnectResponse {
listeners[id] = [rootListener];
const subscribe = >(
- listener: (message: ListenerMessage) => void
+ listener: (message: ListenerMessage) => void,
) => {
if (!listener) return undefined;
const liftedListener = liftListener(listener, config);
const listenersForId = listeners[id] as ((
- message: ContentScriptToPageScriptMessage
+ message: ContentScriptToPageScriptMessage,
) => void)[];
listenersForId.push(liftedListener);
@@ -602,7 +602,7 @@ export function connect(preConfig: Config): ConnectResponse {
const send = >(
action: A,
- state: LiftedState
+ state: LiftedState,
) => {
if (
isPaused ||
@@ -639,13 +639,13 @@ export function connect(preConfig: Config): ConnectResponse {
sendMessage(
amendedAction as StructuralPerformAction,
amendedState,
- config
+ config,
);
};
const init = >(
state: S,
- liftedData?: LiftedState
+ liftedData?: LiftedState,
) => {
const message: InitMessage = {
type: 'INIT',
diff --git a/extension/src/pageScript/api/notifyErrors.ts b/extension/src/pageScript/api/notifyErrors.ts
index 569cbb3a..e0b826e7 100644
--- a/extension/src/pageScript/api/notifyErrors.ts
+++ b/extension/src/pageScript/api/notifyErrors.ts
@@ -26,7 +26,7 @@ function postError(message: string) {
type: 'ERROR',
message: message,
},
- '*'
+ '*',
);
}
diff --git a/extension/src/pageScript/api/openWindow.ts b/extension/src/pageScript/api/openWindow.ts
index 53704b58..02cd850f 100644
--- a/extension/src/pageScript/api/openWindow.ts
+++ b/extension/src/pageScript/api/openWindow.ts
@@ -4,7 +4,7 @@ import type { PageScriptToContentScriptMessage } from './index';
export type Position = 'left' | 'right' | 'bottom' | 'panel' | 'remote';
function post>(
- message: PageScriptToContentScriptMessage
+ message: PageScriptToContentScriptMessage,
) {
window.postMessage(message, '*');
}
diff --git a/extension/src/pageScript/enhancerStore.ts b/extension/src/pageScript/enhancerStore.ts
index 5961292f..dfe0e7f8 100644
--- a/extension/src/pageScript/enhancerStore.ts
+++ b/extension/src/pageScript/enhancerStore.ts
@@ -5,7 +5,7 @@ import type { ConfigWithExpandedMaxAge } from './index';
export function getUrlParam(key: string) {
const matches = window.location.href.match(
- new RegExp(`[?&]${key}=([^]+)\\b`)
+ new RegExp(`[?&]${key}=([^]+)\\b`),
);
return matches && matches.length > 0 ? matches[1] : null;
}
@@ -20,11 +20,11 @@ export default function configureStore<
S,
A extends Action,
MonitorState,
- MonitorAction extends Action
+ MonitorAction extends Action,
>(
next: StoreEnhancerStoreCreator,
monitorReducer: Reducer,
- config: ConfigWithExpandedMaxAge
+ config: ConfigWithExpandedMaxAge,
) {
return compose(
instrument(monitorReducer, {
@@ -37,6 +37,6 @@ export default function configureStore<
shouldStartLocked: config.shouldStartLocked,
pauseActionType: config.pauseActionType || '@@PAUSED',
}),
- persistState(getUrlParam('debug_session'))
+ persistState(getUrlParam('debug_session')),
)(next);
}
diff --git a/extension/src/pageScript/index.ts b/extension/src/pageScript/index.ts
index fef17af1..b9b4b029 100644
--- a/extension/src/pageScript/index.ts
+++ b/extension/src/pageScript/index.ts
@@ -57,7 +57,7 @@ import type { ContentScriptToPageScriptMessage } from '../contentScript';
type EnhancedStoreWithInitialDispatch<
S,
A extends Action,
- MonitorState
+ MonitorState,
> = EnhancedStore & { initialDispatch: Dispatch };
const source = '@devtools-page';
@@ -73,7 +73,7 @@ let reportId: string | null | undefined;
function deprecateParam(oldParam: string, newParam: string) {
/* eslint-disable no-console */
console.warn(
- `${oldParam} parameter is deprecated, use ${newParam} instead: https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Arguments.md`
+ `${oldParam} parameter is deprecated, use ${newParam} instead: https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Arguments.md`,
);
/* eslint-enable no-console */
}
@@ -99,18 +99,18 @@ export interface ConfigWithExpandedMaxAge {
readonly stateSanitizer?: (state: S, index?: number) => S;
readonly actionSanitizer?: >(
action: A,
- id?: number
+ id?: number,
) => A;
readonly predicate?: >(
state: S,
- action: A
+ action: A,
) => boolean;
readonly latency?: number;
readonly maxAge?:
| number
| (>(
currentLiftedAction: LiftedAction,
- previousLiftedState: LiftedState | undefined
+ previousLiftedState: LiftedState | undefined,
) => number);
readonly trace?: boolean | (() => string | undefined);
readonly traceLimit?: number;
@@ -142,11 +142,11 @@ interface ReduxDevtoolsExtension {
state: LiftedState,
config: Config,
instanceId?: number,
- name?: string
+ name?: string,
) => void;
listen: (
onMessage: (message: ContentScriptToPageScriptMessage) => void,
- instanceId: number
+ instanceId: number,
) => void;
connect: (preConfig: Config) => ConnectResponse;
disconnect: () => void;
@@ -159,7 +159,7 @@ declare global {
}
function __REDUX_DEVTOOLS_EXTENSION__>(
- config?: Config
+ config?: Config,
): StoreEnhancer {
/* eslint-disable no-param-reassign */
if (typeof config !== 'object') config = {};
@@ -188,7 +188,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
const relayState = throttle(
(
liftedState?: LiftedState | undefined,
- libConfig?: LibConfig
+ libConfig?: LibConfig,
) => {
relayAction.cancel();
const state = liftedState || store.liftedStore.getState();
@@ -201,17 +201,17 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
localFilter,
stateSanitizer,
actionSanitizer,
- predicate
+ predicate,
),
source,
instanceId,
libConfig,
},
serializeState,
- serializeAction
+ serializeAction,
);
},
- latency
+ latency,
);
const monitor = new Monitor(relayState);
@@ -233,7 +233,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
instanceId,
},
serializeState,
- serializeAction
+ serializeAction,
);
}
@@ -269,13 +269,13 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
? liftedState.actionsById[nextActionId - 1]
: actionSanitizer(
liftedState.actionsById[nextActionId - 1].action,
- nextActionId - 1
+ nextActionId - 1,
),
maxAge: getMaxAge(),
nextActionId,
},
serializeState,
- serializeAction
+ serializeAction,
);
return;
}
@@ -287,7 +287,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
localFilter,
stateSanitizer,
actionSanitizer,
- predicate
+ predicate,
);
sendingActionId = nextActionId;
if (typeof payload === 'undefined') return;
@@ -300,13 +300,13 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
localFilter,
stateSanitizer,
actionSanitizer,
- predicate
+ predicate,
),
source,
instanceId,
},
serializeState,
- serializeAction
+ serializeAction,
);
return;
}
@@ -319,7 +319,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
maxAge: getMaxAge(),
},
serializeState,
- serializeAction
+ serializeAction,
);
}, latency);
@@ -337,7 +337,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
instanceId,
},
serializeState,
- serializeAction
+ serializeAction,
);
}
}
@@ -357,7 +357,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
instanceId,
},
serializeState,
- serializeAction
+ serializeAction,
);
}
}
@@ -419,7 +419,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
instanceId,
},
serializeState,
- serializeAction
+ serializeAction,
);
reportId = null;
}
@@ -437,7 +437,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
instanceId,
},
serializeState,
- serializeAction
+ serializeAction,
);
}
}
@@ -446,7 +446,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
const filteredActionIds: number[] = []; // simple circular buffer of non-excluded actions with fixed maxAge-1 length
const getMaxAge = (
liftedAction?: LiftedAction,
- liftedState?: LiftedState | undefined
+ liftedState?: LiftedState | undefined,
) => {
let m = (config && config.maxAge) || window.devToolsOptions.maxAge || 50;
if (
@@ -497,7 +497,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
instanceId,
},
serializeState,
- serializeAction
+ serializeAction,
);
store.subscribe(handleChange);
@@ -529,11 +529,11 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
const enhance =
(): StoreEnhancer =>
(
- next: StoreEnhancerStoreCreator
+ next: StoreEnhancerStoreCreator,
): any => {
return (
reducer_: Reducer,
- initialState_?: PreloadedState
+ initialState_?: PreloadedState,
) => {
if (!isAllowed(window.devToolsOptions)) {
return next(reducer_, initialState_);
@@ -545,7 +545,7 @@ function __REDUX_DEVTOOLS_EXTENSION__>(
{
...config,
maxAge: getMaxAge as any,
- }
+ },
)(reducer_, initialState_) as any;
if (isInIframe()) setTimeout(init, 3000);
@@ -593,7 +593,7 @@ const preEnhancer =
export type InferComposedStoreExt = StoreEnhancers extends [
infer HeadStoreEnhancer,
- ...infer RestStoreEnhancers
+ ...infer RestStoreEnhancers,
]
? HeadStoreEnhancer extends StoreEnhancer
? StoreExt & InferComposedStoreExt
@@ -611,13 +611,15 @@ const extensionCompose =
return [preEnhancer(instanceId), ...funcs].reduceRight(
// @ts-ignore FIXME
(composed, f) => f(composed),
- __REDUX_DEVTOOLS_EXTENSION__({ ...config, instanceId })(...args)
+ __REDUX_DEVTOOLS_EXTENSION__({ ...config, instanceId })(...args),
);
};
};
interface ReduxDevtoolsExtensionCompose {
- (config: Config): []>(
+ (
+ config: Config,
+ ): []>(
...funcs: StoreEnhancers
) => StoreEnhancer>;
[]>(
@@ -632,12 +634,12 @@ declare global {
}
function reduxDevtoolsExtensionCompose(
- config: Config
+ config: Config,
): []>(
...funcs: StoreEnhancers
) => StoreEnhancer>;
function reduxDevtoolsExtensionCompose<
- StoreEnhancers extends readonly StoreEnhancer[]
+ StoreEnhancers extends readonly StoreEnhancer[],
>(
...funcs: StoreEnhancers
): StoreEnhancer>;
diff --git a/extension/src/pageScriptWrap.ts b/extension/src/pageScriptWrap.ts
index ae1da249..5e1c4319 100644
--- a/extension/src/pageScriptWrap.ts
+++ b/extension/src/pageScriptWrap.ts
@@ -10,7 +10,7 @@ if (process.env.NODE_ENV === 'production') {
s.src = chrome.extension.getURL('page.bundle.js');
s.onload = function () {
(this as HTMLScriptElement).parentNode!.removeChild(
- this as HTMLScriptElement
+ this as HTMLScriptElement,
);
};
(document.head || document.documentElement).appendChild(s);
diff --git a/extension/src/remote/index.tsx b/extension/src/remote/index.tsx
index af100aca..60031214 100644
--- a/extension/src/remote/index.tsx
+++ b/extension/src/remote/index.tsx
@@ -31,7 +31,7 @@ chrome.storage.local.get(
}
: undefined
}
- />
+ />,
);
- }
+ },
);
diff --git a/extension/src/window/index.tsx b/extension/src/window/index.tsx
index c74e33a1..94b1a686 100644
--- a/extension/src/window/index.tsx
+++ b/extension/src/window/index.tsx
@@ -31,7 +31,7 @@ chrome.runtime.getBackgroundPage((window) => {
-
+ ,
);
});
diff --git a/extension/src/window/store/instanceSelectorMiddleware.ts b/extension/src/window/store/instanceSelectorMiddleware.ts
index 6db884cd..e10879bc 100644
--- a/extension/src/window/store/instanceSelectorMiddleware.ts
+++ b/extension/src/window/store/instanceSelectorMiddleware.ts
@@ -9,7 +9,7 @@ import {
function selectInstance(
tabId: number,
store: MiddlewareAPI, StoreState>,
- next: Dispatch
+ next: Dispatch,
) {
const instances = store.getState().instances;
if (instances.current === 'default') return;
@@ -29,12 +29,12 @@ function getCurrentTabId(next: (tabId: number) => void) {
const tab = tabs[0];
if (!tab) return;
next(tab.id!);
- }
+ },
);
}
export default function popupSelector(
- store: MiddlewareAPI, StoreState>
+ store: MiddlewareAPI, StoreState>,
) {
return (next: Dispatch) => (action: StoreAction) => {
const result = next(action);
diff --git a/extension/src/window/store/instancesReducer.ts b/extension/src/window/store/instancesReducer.ts
index cc39478b..29497656 100644
--- a/extension/src/window/store/instancesReducer.ts
+++ b/extension/src/window/store/instancesReducer.ts
@@ -13,7 +13,7 @@ import type {
export default function instances(
state = instancesInitialState,
- action: WindowStoreAction
+ action: WindowStoreAction,
) {
switch (action.type) {
case UPDATE_STATE:
diff --git a/extension/src/window/store/windowStore.ts b/extension/src/window/store/windowStore.ts
index f63002ae..43cea9c5 100644
--- a/extension/src/window/store/windowStore.ts
+++ b/extension/src/window/store/windowStore.ts
@@ -45,12 +45,12 @@ const persistConfig = {
const persistedReducer: Reducer = persistReducer(
persistConfig,
- rootReducer
+ rootReducer,
) as any;
export default function configureStore(
baseStore: Store,
- position: string
+ position: string,
) {
let enhancer: StoreEnhancer;
const middlewares = [exportStateMiddleware, api, syncStores(baseStore)];
@@ -65,7 +65,7 @@ export default function configureStore(
applyMiddleware(...middlewares),
window.__REDUX_DEVTOOLS_EXTENSION__
? window.__REDUX_DEVTOOLS_EXTENSION__()
- : (noop: unknown) => noop
+ : (noop: unknown) => noop,
);
}
const store = createStore(persistedReducer, enhancer);
diff --git a/extension/test/app/containers/App.spec.js b/extension/test/app/containers/App.spec.js
index 26725311..7817da64 100644
--- a/extension/test/app/containers/App.spec.js
+++ b/extension/test/app/containers/App.spec.js
@@ -25,7 +25,7 @@ describe('App container', () => {
render(
-
+ ,
);
expect(screen.getByTestId('inspector')).toBeDefined();
});
@@ -34,11 +34,11 @@ describe('App container', () => {
render(
-
+ ,
);
const actionList = screen.getByTestId('actionList');
expect(
- within(actionList).getByTestId('actionListRows')
+ within(actionList).getByTestId('actionListRows'),
).toBeEmptyDOMElement();
});
});
diff --git a/extension/test/app/inject/api.spec.js b/extension/test/app/inject/api.spec.js
index 0a06d321..54a059fe 100644
--- a/extension/test/app/inject/api.spec.js
+++ b/extension/test/app/inject/api.spec.js
@@ -50,7 +50,7 @@ describe('API', () => {
window.__REDUX_DEVTOOLS_EXTENSION__.send(
{ type: 'hi' },
{ counter: 1 },
- 1
+ 1,
);
});
expect(message).toMatchObject({
@@ -66,7 +66,7 @@ describe('API', () => {
window.__REDUX_DEVTOOLS_EXTENSION__.send(
{ type: 'hi' },
{ counter: 1 },
- 1
+ 1,
);
});
expect(message).toMatchObject({
diff --git a/extension/test/app/inject/enhancer.spec.js b/extension/test/app/inject/enhancer.spec.js
index c4ce2b88..219c73ec 100644
--- a/extension/test/app/inject/enhancer.spec.js
+++ b/extension/test/app/inject/enhancer.spec.js
@@ -19,7 +19,7 @@ describe('Redux enhancer', () => {
const message = await listenMessage(() => {
window.store = createStore(
counter,
- window.__REDUX_DEVTOOLS_EXTENSION__()
+ window.__REDUX_DEVTOOLS_EXTENSION__(),
);
expect(typeof window.store).toBe('object');
});
@@ -37,7 +37,7 @@ describe('Redux enhancer', () => {
message = await listenMessage();
expect(message.type).toBe('STATE');
expect(message.actionsById).toMatch(
- /{"0":{"type":"PERFORM_ACTION","action":{"type":"@@INIT"},"/
+ /{"0":{"type":"PERFORM_ACTION","action":{"type":"@@INIT"},"/,
);
expect(message.computedStates).toBe('[{"state":0}]');
});
@@ -49,7 +49,7 @@ describe('Redux enhancer', () => {
});
expect(message.type).toBe('ACTION');
expect(message.action).toMatch(
- /{"type":"PERFORM_ACTION","action":{"type":"INCREMENT"},/
+ /{"type":"PERFORM_ACTION","action":{"type":"INCREMENT"},/,
);
expect(message.payload).toBe('1');
@@ -59,7 +59,7 @@ describe('Redux enhancer', () => {
});
expect(message.type).toBe('ACTION');
expect(message.action).toMatch(
- /{"type":"PERFORM_ACTION","action":{"type":"INCREMENT"},/
+ /{"type":"PERFORM_ACTION","action":{"type":"INCREMENT"},/,
);
expect(message.payload).toBe('2');
});
@@ -72,7 +72,7 @@ describe('Redux enhancer', () => {
payload: "{ type: 'INCREMENT' }",
source: '@devtools-extension',
},
- '*'
+ '*',
);
});
expect(message.type).toBe('ACTION');
@@ -80,7 +80,7 @@ describe('Redux enhancer', () => {
message = await listenMessage();
expect(message.type).toBe('ACTION');
expect(message.action).toMatch(
- /{"type":"PERFORM_ACTION","action":{"type":"INCREMENT"},/
+ /{"type":"PERFORM_ACTION","action":{"type":"INCREMENT"},/,
);
expect(message.payload).toBe('3');
});
@@ -93,7 +93,7 @@ describe('Redux enhancer', () => {
payload: { type: 'TOGGLE_ACTION', id: 1 },
source: '@devtools-extension',
},
- '*'
+ '*',
);
});
expect(message.type).toBe('DISPATCH');
@@ -109,7 +109,7 @@ describe('Redux enhancer', () => {
payload: { type: 'TOGGLE_ACTION', id: 1 },
source: '@devtools-extension',
},
- '*'
+ '*',
);
});
expect(message.type).toBe('DISPATCH');
@@ -127,7 +127,7 @@ describe('Redux enhancer', () => {
payload: { type: 'JUMP_TO_STATE', index: 2, actionId: 2 },
source: '@devtools-extension',
},
- '*'
+ '*',
);
});
expect(message.type).toBe('DISPATCH');
@@ -140,7 +140,7 @@ describe('Redux enhancer', () => {
payload: { type: 'JUMP_TO_STATE', index: 3, actionId: 3 },
source: '@devtools-extension',
},
- '*'
+ '*',
);
});
expect(message.type).toBe('DISPATCH');
@@ -167,7 +167,7 @@ describe('Redux enhancer', () => {
}),
source: '@devtools-extension',
},
- '*'
+ '*',
);
});
expect(message.type).toBe('IMPORT');
@@ -182,7 +182,7 @@ describe('Redux enhancer', () => {
counter,
window.__REDUX_DEVTOOLS_EXTENSION__({
actionsDenylist: ['SOME_ACTION'],
- })
+ }),
);
expect(typeof window.store).toBe('object');
});
@@ -204,7 +204,7 @@ describe('Redux enhancer', () => {
const message = await listenMessage(() => {
window.store = createStore(
counter,
- compose(testEnhancer, window.__REDUX_DEVTOOLS_EXTENSION__())
+ compose(testEnhancer, window.__REDUX_DEVTOOLS_EXTENSION__()),
);
expect(typeof window.store).toBe('object');
});
diff --git a/extension/test/chrome/extension.spec.js b/extension/test/chrome/extension.spec.js
index 94e2ac60..b3eba673 100644
--- a/extension/test/chrome/extension.spec.js
+++ b/extension/test/chrome/extension.spec.js
@@ -19,7 +19,7 @@ describe('Chrome extension', function () {
driver = new webdriver.Builder()
.usingServer(`http://localhost:${port}`)
.setChromeOptions(
- new chrome.Options().addArguments(`load-extension=${path}`)
+ new chrome.Options().addArguments(`load-extension=${path}`),
)
.forBrowser('chrome')
.build();
@@ -52,14 +52,14 @@ describe('Chrome extension', function () {
it('should contain an empty actions list', async () => {
const val = await driver
.findElement(
- webdriver.By.xpath('//div[contains(@class, "actionListRows-")]')
+ webdriver.By.xpath('//div[contains(@class, "actionListRows-")]'),
)
.getText();
expect(val).toBe('');
});
Object.keys(switchMonitorTests).forEach((description) =>
- it(description, () => switchMonitorTests[description](driver))
+ it(description, () => switchMonitorTests[description](driver)),
);
it('should get actions list', async () => {
@@ -77,14 +77,14 @@ describe('Chrome extension', function () {
const result = await driver.wait(
driver
.findElement(
- webdriver.By.xpath('//div[contains(@class, "actionListRows-")]')
+ webdriver.By.xpath('//div[contains(@class, "actionListRows-")]'),
)
.getText()
.then((val) => {
return actionsPattern.test(val);
}),
15000,
- "it doesn't match actions pattern"
+ "it doesn't match actions pattern",
);
expect(result).toBeTruthy();
});
diff --git a/extension/test/electron/devpanel.spec.js b/extension/test/electron/devpanel.spec.js
index b275f5f6..62705f71 100644
--- a/extension/test/electron/devpanel.spec.js
+++ b/extension/test/electron/devpanel.spec.js
@@ -20,7 +20,7 @@ describe('DevTools panel for Electron', function () {
.setChromeOptions(
new chrome.Options()
.setChromeBinaryPath(electronPath)
- .addArguments(`app=${join(__dirname, 'fixture')}`)
+ .addArguments(`app=${join(__dirname, 'fixture')}`),
)
.forBrowser('chrome')
.build();
@@ -44,7 +44,7 @@ describe('DevTools panel for Electron', function () {
}
}
expect(await driver.getCurrentUrl()).toMatch(
- /devtools:\/\/devtools\/bundled\/devtools_app.html/
+ /devtools:\/\/devtools\/bundled\/devtools_app.html/,
);
const id = await driver.executeAsyncScript(function (callback) {
@@ -81,8 +81,8 @@ describe('DevTools panel for Electron', function () {
.switchTo()
.frame(
driver.findElement(
- webdriver.By.xpath(`//iframe[@src='${devPanelPath}']`)
- )
+ webdriver.By.xpath(`//iframe[@src='${devPanelPath}']`),
+ ),
);
await delay(1000);
});
@@ -90,10 +90,10 @@ describe('DevTools panel for Electron', function () {
it('should contain INIT action', async () => {
const element = await driver.wait(
webdriver.until.elementLocated(
- webdriver.By.xpath('//div[contains(@class, "actionListRows-")]')
+ webdriver.By.xpath('//div[contains(@class, "actionListRows-")]'),
),
5000,
- 'Element not found'
+ 'Element not found',
);
const val = await element.getText();
expect(val).toMatch(/@@INIT/);
@@ -107,7 +107,7 @@ describe('DevTools panel for Electron', function () {
});
Object.keys(switchMonitorTests).forEach((description) =>
- it(description, () => switchMonitorTests[description](driver))
+ it(description, () => switchMonitorTests[description](driver)),
);
/* it('should be no logs in console of main window', async () => {
diff --git a/extension/test/electron/fixture/index.html b/extension/test/electron/fixture/index.html
index 0618313d..decc94cb 100644
--- a/extension/test/electron/fixture/index.html
+++ b/extension/test/electron/fixture/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/extension/test/electron/fixture/main.js b/extension/test/electron/fixture/main.js
index 6bf7c2ef..f29e52b3 100644
--- a/extension/test/electron/fixture/main.js
+++ b/extension/test/electron/fixture/main.js
@@ -5,7 +5,7 @@ app.on('window-all-closed', app.quit);
app.whenReady().then(async () => {
await session.defaultSession.loadExtension(
path.join(__dirname, '../../../dist'),
- { allowFileAccess: true }
+ { allowFileAccess: true },
);
const mainWindow = new BrowserWindow({
diff --git a/extension/test/electron/fixture/src/renderer.js b/extension/test/electron/fixture/src/renderer.js
index 574a7bae..5923fac3 100644
--- a/extension/test/electron/fixture/src/renderer.js
+++ b/extension/test/electron/fixture/src/renderer.js
@@ -19,7 +19,7 @@ const store = createStore(
initialState,
window.__REDUX_DEVTOOLS_EXTENSION__
? window.__REDUX_DEVTOOLS_EXTENSION__()
- : (noop) => noop
+ : (noop) => noop,
);
const el = document.getElementById('counter');
diff --git a/extension/test/perf/send.spec.js b/extension/test/perf/send.spec.js
index b95aaed7..bb5ed89f 100644
--- a/extension/test/perf/send.spec.js
+++ b/extension/test/perf/send.spec.js
@@ -9,7 +9,7 @@ function test(title, data, maxTime = 100) {
await listenMessage(() => {
window.__REDUX_DEVTOOLS_EXTENSION__.send(
{ type: 'TEST_ACTION', data },
- data
+ data,
);
});
const ms = new Date() - start;
diff --git a/extension/test/utils/e2e.js b/extension/test/utils/e2e.js
index 200e59be..9fe9ea37 100644
--- a/extension/test/utils/e2e.js
+++ b/extension/test/utils/e2e.js
@@ -15,8 +15,8 @@ export const switchMonitorTests = {
await delay(500);
await driver.findElement(
webdriver.By.xpath(
- '//div[div[button[text()="Reset"]] and .//div[button[text()="Revert"]]]'
- )
+ '//div[div[button[text()="Reset"]] and .//div[button[text()="Revert"]]]',
+ ),
);
await delay(500);
},
@@ -31,7 +31,7 @@ export const switchMonitorTests = {
.click();
await delay(500);
await driver.findElement(
- webdriver.By.xpath('//*[@class="nodeText" and text()="state"]')
+ webdriver.By.xpath('//*[@class="nodeText" and text()="state"]'),
);
await delay(500); // Wait till menu is closed
},
diff --git a/package.json b/package.json
index df367dd0..1784ca17 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
"eslint-plugin-react": "^7.32.2",
"eslint-plugin-react-hooks": "^4.6.0",
"jest": "^29.5.0",
- "prettier": "2.8.8",
+ "prettier": "3.0.0",
"typescript": "~5.0.4",
"nx": "^16.3.2",
"@nrwl/nx-cloud": "^16.0.5"
diff --git a/packages/d3-state-visualizer/src/charts/tree/tree.ts b/packages/d3-state-visualizer/src/charts/tree/tree.ts
index fb1ad7e2..4a87ffc8 100644
--- a/packages/d3-state-visualizer/src/charts/tree/tree.ts
+++ b/packages/d3-state-visualizer/src/charts/tree/tree.ts
@@ -189,14 +189,14 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
zoom.on('zoom', (event) => {
const { transform } = event as D3ZoomEvent;
vis.attr('transform', transform.toString());
- })
+ }),
)
.append('g')
.attr(
'transform',
`translate(${margin.left + nodeStyleOptions.radius}, ${
margin.top
- }) scale(${initialZoom})`
+ }) scale(${initialZoom})`,
);
// previousNodePositionsById stores node x and y
@@ -217,7 +217,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
function findParentNodePosition(
nodePositionsById: { [nodeId: string | number]: NodePosition },
nodeId: string | number,
- filter: (nodePosition: NodePosition) => boolean
+ filter: (nodePosition: NodePosition) => boolean,
) {
let currentPosition = nodePositionsById[nodeId];
while (currentPosition) {
@@ -264,7 +264,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
c.id = `${node.id || ''}|${c.name}`;
return c;
})
- : null
+ : null,
);
update();
@@ -291,7 +291,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
const rootNode = d3.hierarchy(data);
if (isSorted) {
rootNode.sort((a, b) =>
- b.data.name.toLowerCase() < a.data.name.toLowerCase() ? 1 : -1
+ b.data.name.toLowerCase() < a.data.name.toLowerCase() ? 1 : -1,
);
}
@@ -300,7 +300,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
rootPointNode.each(
(node) =>
- (node.y = node.depth * (maxLabelLength * 7 * widthBetweenNodesCoeff))
+ (node.y = node.depth * (maxLabelLength * 7 * widthBetweenNodesCoeff)),
);
const nodes = rootPointNode.descendants();
@@ -327,7 +327,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
const position = findParentNodePosition(
nodePositionsById,
d.data.id,
- (n) => !!previousNodePositionsById[n.id]
+ (n) => !!previousNodePositionsById[n.id],
);
const previousPosition =
(position && previousNodePositionsById[position.id]) ||
@@ -358,7 +358,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
...tooltipOptions,
root,
text: (d) => getTooltipString(d.data, tooltipOptions),
- })
+ }),
);
}
@@ -402,7 +402,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
? nodeStyleOptions.colors.collapsed
: d.data.children && d.data.children.length > 0
? nodeStyleOptions.colors.parent
- : nodeStyleOptions.colors.default
+ : nodeStyleOptions.colors.default,
);
// transition nodes to their new position
@@ -433,7 +433,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
this: SVGGElement & {
__oldData__?: HierarchyPointNode;
},
- d
+ d,
) {
// test whether the relevant properties of d match
// the equivalent property of the oldData
@@ -458,7 +458,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
const position = findParentNodePosition(
previousNodePositionsById,
d.data.id,
- (n) => !!nodePositionsById[n.id]
+ (n) => !!nodePositionsById[n.id],
);
const futurePosition =
(position && nodePositionsById[position.id]) ||
@@ -474,7 +474,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
// update the links
const link = vis
.selectAll>(
- 'path.link'
+ 'path.link',
)
.data(links, (d) => d.target.data.id);
@@ -487,7 +487,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
const position = findParentNodePosition(
nodePositionsById,
d.target.data.id,
- (n) => !!previousNodePositionsById[n.id]
+ (n) => !!previousNodePositionsById[n.id],
);
const previousPosition =
(position && previousNodePositionsById[position.id]) ||
@@ -519,7 +519,7 @@ export default function (DOMNode: HTMLElement, options: Partial = {}) {
const position = findParentNodePosition(
previousNodePositionsById,
d.target.data.id,
- (n) => !!nodePositionsById[n.id]
+ (n) => !!nodePositionsById[n.id],
);
const futurePosition =
(position && nodePositionsById[position.id]) ||
diff --git a/packages/d3-state-visualizer/src/charts/tree/utils.ts b/packages/d3-state-visualizer/src/charts/tree/utils.ts
index a20873ca..8f229cae 100644
--- a/packages/d3-state-visualizer/src/charts/tree/utils.ts
+++ b/packages/d3-state-visualizer/src/charts/tree/utils.ts
@@ -32,7 +32,7 @@ export function toggleChildren(node: InternalNode) {
export function visit(
parent: InternalNode,
visitFn: (parent: InternalNode) => void,
- childrenFn: (parent: InternalNode) => InternalNode[] | null | undefined
+ childrenFn: (parent: InternalNode) => InternalNode[] | null | undefined,
) {
if (!parent) {
return;
diff --git a/packages/d3tooltip/README.md b/packages/d3tooltip/README.md
index 9671dada..2ce766a4 100644
--- a/packages/d3tooltip/README.md
+++ b/packages/d3tooltip/README.md
@@ -32,7 +32,7 @@ vis
d3tooltip('tooltipClassName', {
...options,
text: (d) => toStringOrHtml(d),
- })
+ }),
)
.on('mouseover', function () {
d3.select(this).style('fill', 'skyblue');
diff --git a/packages/d3tooltip/src/index.ts b/packages/d3tooltip/src/index.ts
index 7d295b60..3147bd66 100644
--- a/packages/d3tooltip/src/index.ts
+++ b/packages/d3tooltip/src/index.ts
@@ -8,7 +8,7 @@ interface Options<
RootGElement extends BaseType,
RootDatum,
RootPElement extends BaseType,
- RootPDatum
+ RootPDatum,
> {
left: number | undefined;
top: number | undefined;
@@ -40,12 +40,12 @@ export function tooltip<
RootGElement extends BaseType,
RootDatum,
RootPElement extends BaseType,
- RootPDatum
+ RootPDatum,
>(
className = 'tooltip',
options: Partial<
Options
- > = {}
+ > = {},
) {
const { left, top, offset, root, styles, text } = {
...defaultOptions,
diff --git a/packages/map2tree/README.md b/packages/map2tree/README.md
index e6f543fd..b2cde78a 100755
--- a/packages/map2tree/README.md
+++ b/packages/map2tree/README.md
@@ -13,7 +13,7 @@ map2tree(
(options = {
key: 'state', // the name you want for as the root node of the output tree
pushMethod: 'push', // use 'unshift' to change the order children nodes are added
- })
+ }),
);
```
diff --git a/packages/map2tree/src/index.ts b/packages/map2tree/src/index.ts
index a07163b6..74e231fb 100644
--- a/packages/map2tree/src/index.ts
+++ b/packages/map2tree/src/index.ts
@@ -12,7 +12,7 @@ export interface Node {
function visit(
parent: Node,
visitFn: (parent: Node) => void,
- childrenFn: (parent: Node) => Node[] | undefined | null
+ childrenFn: (parent: Node) => Node[] | undefined | null,
) {
if (!parent) return;
@@ -37,7 +37,7 @@ function getNode(tree: Node, key: string): Node | null {
node = d;
}
},
- (d) => d.children
+ (d) => d.children,
);
return node;
@@ -46,7 +46,7 @@ function getNode(tree: Node, key: string): Node | null {
export function map2tree(
root: unknown,
options: { key?: string; pushMethod?: 'push' | 'unshift' } = {},
- tree: Node = { name: options.key || 'state', children: [] }
+ tree: Node = { name: options.key || 'state', children: [] },
// eslint-disable-next-line @typescript-eslint/ban-types
): Node | {} {
// eslint-disable-next-line @typescript-eslint/ban-types
@@ -94,7 +94,7 @@ export function map2tree(
currentNode.children![pushMethod](newNode);
map2tree(value, { key, pushMethod }, tree);
- }
+ },
);
return tree;
diff --git a/packages/react-base16-styling/src/index.ts b/packages/react-base16-styling/src/index.ts
index 6bc86ba5..181373fa 100644
--- a/packages/react-base16-styling/src/index.ts
+++ b/packages/react-base16-styling/src/index.ts
@@ -41,7 +41,7 @@ const merger = (styling: Partial) => {
const mergeStyling = (
customStyling: StylingValue,
- defaultStyling: StylingValue
+ defaultStyling: StylingValue,
): StylingValue | undefined => {
if (customStyling === undefined) {
return defaultStyling;
@@ -97,7 +97,7 @@ const mergeStyling = (
merger(styling)({
className: defaultStyling as string,
}),
- ...args
+ ...args,
);
case 'object':
return (styling, ...args) =>
@@ -105,16 +105,16 @@ const mergeStyling = (
merger(styling)({
style: defaultStyling as CSS.Properties,
}),
- ...args
+ ...args,
);
case 'function':
return (styling, ...args) =>
(customStyling as StylingValueFunction)(
(defaultStyling as StylingValueFunction)(
styling,
- ...args
+ ...args,
) as Styling,
- ...args
+ ...args,
);
}
}
@@ -122,7 +122,7 @@ const mergeStyling = (
const mergeStylings = (
customStylings: StylingConfig,
- defaultStylings: StylingConfig
+ defaultStylings: StylingConfig,
): StylingConfig => {
const keys = Object.keys(defaultStylings);
for (const key in customStylings) {
@@ -133,11 +133,11 @@ const mergeStylings = (
(mergedStyling, key) => (
(mergedStyling[key as keyof StylingConfig] = mergeStyling(
customStylings[key] as StylingValue,
- defaultStylings[key] as StylingValue
+ defaultStylings[key] as StylingValue,
) as StylingValue),
mergedStyling
),
- {} as StylingConfig
+ {} as StylingConfig,
);
};
@@ -170,7 +170,7 @@ const getStylingByKeys = (
return obj;
},
- { className: '', style: {} }
+ { className: '', style: {} },
);
if (!props.className) {
@@ -194,7 +194,7 @@ export const invertBase16Theme = (base16Theme: Base16Theme): Base16Theme =>
: base16Theme[key as keyof Base16Theme]),
t
),
- {} as Base16Theme
+ {} as Base16Theme,
);
interface Options {
@@ -236,7 +236,7 @@ export const createStyling: CurriedFunction3<
defaultBase16[key as keyof Base16Theme]),
t
),
- {} as Base16Theme
+ {} as Base16Theme,
);
const customStyling = Object.keys(themeOrStyling).reduce(
@@ -244,7 +244,7 @@ export const createStyling: CurriedFunction3<
BASE16_KEYS.indexOf(key) === -1
? ((s[key] = (themeOrStyling as StylingConfig)[key]), s)
: s,
- {} as StylingConfig
+ {} as StylingConfig,
);
const defaultStyling = getStylingFromBase16(theme);
@@ -253,7 +253,7 @@ export const createStyling: CurriedFunction3<
return curry(getStylingByKeys, 2)(mergedStyling, ...args);
},
- 3
+ 3,
);
const isStylingConfig = (theme: Theme): theme is StylingConfig =>
@@ -261,7 +261,7 @@ const isStylingConfig = (theme: Theme): theme is StylingConfig =>
export const getBase16Theme = (
theme: Theme,
- base16Themes?: { [themeName: string]: Base16Theme } | null
+ base16Themes?: { [themeName: string]: Base16Theme } | null,
): Base16Theme | undefined => {
if (theme && isStylingConfig(theme) && theme.extend) {
theme = theme.extend as string | Base16Theme;
diff --git a/packages/react-dock/demo/index.html b/packages/react-dock/demo/index.html
index b5145605..6038bd31 100644
--- a/packages/react-dock/demo/index.html
+++ b/packages/react-dock/demo/index.html
@@ -1,4 +1,4 @@
-
+
React Dock
diff --git a/packages/react-dock/src/Dock.tsx b/packages/react-dock/src/Dock.tsx
index c2036ddd..45d6f0f2 100644
--- a/packages/react-dock/src/Dock.tsx
+++ b/packages/react-dock/src/Dock.tsx
@@ -11,7 +11,7 @@ interface Styles {
function autoprefixes(styles: Styles) {
return Object.keys(styles).reduce(
(obj, key) => ((obj[key] = autoprefix(styles[key])), obj),
- {}
+ {},
);
}
@@ -81,13 +81,13 @@ const styles = autoprefixes({
function getTransitions(duration: number) {
return ['left', 'top', 'width', 'height'].map(
- (p) => `${p} ${duration / 1000}s ease-out`
+ (p) => `${p} ${duration / 1000}s ease-out`,
);
}
function getDockStyles(
{ fluid, dockStyle, dockHiddenStyle, duration, position, isVisible }: Props,
- { size, isResizing, fullWidth, fullHeight }: State
+ { size, isResizing, fullWidth, fullHeight }: State,
) {
let posStyle;
const absSize = fluid ? `${size * 100}%` : `${size}px`;
@@ -145,7 +145,7 @@ function getDockStyles(
function getDimStyles(
{ dimMode, dimStyle, duration, isVisible }: Props,
- { isTransitionStarted }: State
+ { isTransitionStarted }: State,
) {
return [
styles.dim,
@@ -209,7 +209,7 @@ function getResizerStyles(position: 'left' | 'right' | 'top' | 'bottom') {
function getFullSize(
position: 'left' | 'right' | 'top' | 'bottom',
fullWidth: number,
- fullHeight: number
+ fullHeight: number,
) {
return position === 'left' || position === 'right' ? fullWidth : fullHeight;
}
@@ -358,11 +358,11 @@ export default class Dock extends Component {
const dimStyles = Object.assign(
{},
- ...getDimStyles(this.props, this.state)
+ ...getDimStyles(this.props, this.state),
);
const dockStyles = Object.assign(
{},
- ...getDockStyles(this.props, this.state)
+ ...getDockStyles(this.props, this.state),
);
const resizerStyles = Object.assign({}, ...getResizerStyles(position));
@@ -441,7 +441,7 @@ export default class Dock extends Component {
debouncedUpdateWindowSizeEnd: DebouncedFunc<() => void> = debounce(
this.updateWindowSizeEnd,
- 30
+ 30,
);
handleWrapperLeave = () => {
diff --git a/packages/react-dock/src/autoprefix.ts b/packages/react-dock/src/autoprefix.ts
index 07eaa4e2..49e08736 100644
--- a/packages/react-dock/src/autoprefix.ts
+++ b/packages/react-dock/src/autoprefix.ts
@@ -41,7 +41,7 @@ function prefixProp(key: string, value: Value) {
(obj, pre) => (
(obj[pre + key[0].toUpperCase() + key.substr(1)] = value), obj
),
- {}
+ {},
);
}
@@ -54,6 +54,6 @@ export default function autoprefix(style: CSSProperties) {
...prefixProp(key, style[key as keyof CSSProperties]),
}
: obj,
- style
+ style,
);
}
diff --git a/packages/react-json-tree/examples/index.html b/packages/react-json-tree/examples/index.html
index f2be3989..862a0274 100755
--- a/packages/react-json-tree/examples/index.html
+++ b/packages/react-json-tree/examples/index.html
@@ -3,7 +3,12 @@
Sample App