chore(deps): update dependency prettier to v3 (#1434)

* chore(deps): update dependency prettier to v3

* Format

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Nathan Bierema <nbierema@gmail.com>

docs/Walkthrough.md

@@ -52,7 +52,7 @@ const DevTools = createDevTools(
     defaultIsVisible={true}
   >
     <LogMonitor theme="tomorrow" />
-  </DockMonitor>
+  </DockMonitor>,
 );
 
 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=<key> 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=<key> 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(
   <Provider store={store}>
     <App />
   </Provider>,
-  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('<div id="react-devtools-root"></div>');
     render(
       <DevTools store={store} />,
-      popup.document.getElementById('react-devtools-root')
+      popup.document.getElementById('react-devtools-root'),
     );
   }, 10);
 }

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
-  )
+  ),
 );
 ```
 

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: '<<LONG_BLOB>>' } : 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,
-    })
+    }),
 );
 ```
 

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 },
       ],
-    })
+    }),
   ),
 });
 ```

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: '...',
-    })
-  )
+    }),
+  ),
 );
 ```

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: '<<LONG_BLOB>>' } : state,
-    })
+    }),
 );
 ```
 
@@ -124,7 +124,7 @@ const store = Redux.createStore(
   window.__REDUX_DEVTOOLS_EXTENSION__ &&
     window.__REDUX_DEVTOOLS_EXTENSION__({
       serialize: true,
-    })
+    }),
 );
 ```
 

extension/examples/counter/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>Redux counter example</title>

extension/examples/counter/index.js

@@ -10,5 +10,5 @@ render(
   <Provider store={store}>
     <App />
   </Provider>,
-  document.getElementById('root')
+  document.getElementById('root'),
 );

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,
     );
   }
 });

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) {

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();

extension/examples/counter/test/components/Counter.spec.js

@@ -11,7 +11,7 @@ function setup() {
     decrement: expect.createSpy(),
   };
   const component = TestUtils.renderIntoDocument(
-    <Counter counter={1} {...actions} />
+    <Counter counter={1} {...actions} />,
   );
   return {
     component: component,

extension/examples/counter/test/containers/App.spec.js

@@ -10,7 +10,7 @@ function setup(initialState) {
   const app = TestUtils.renderIntoDocument(
     <Provider store={store}>
       <App />
-    </Provider>
+    </Provider>,
   );
   return {
     app: app,

extension/examples/react-counter-messaging/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>React counter example</title>

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 (

extension/examples/router/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>Redux TodoMVC example</title>

extension/examples/router/index.js

@@ -12,5 +12,5 @@ render(
   <Provider store={store}>
     <Root />
   </Provider>,
-  document.getElementById('root')
+  document.getElementById('root'),
 );

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:

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,
     );
   }
 });

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);

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],
         );
       });
     });

extension/examples/router/test/components/MainSection.spec.js

@@ -29,7 +29,7 @@ function setup(propOverrides) {
         clearCompleted: expect.createSpy(),
       },
     },
-    propOverrides
+    propOverrides,
   );
 
   const renderer = TestUtils.createRenderer();

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();

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',

extension/examples/saga-counter/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

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'),
   );
 }
 

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 (

extension/examples/todomvc/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>Redux TodoMVC example</title>

extension/examples/todomvc/index.js

@@ -12,5 +12,5 @@ render(
   <Provider store={store}>
     <App />
   </Provider>,
-  document.getElementById('root')
+  document.getElementById('root'),
 );

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:

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,
     );
   }
 });

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',
     );
   }
 

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],
         );
       });
     });

extension/examples/todomvc/test/components/MainSection.spec.js

@@ -29,7 +29,7 @@ function setup(propOverrides) {
         clearCompleted: expect.createSpy(),
       },
     },
-    propOverrides
+    propOverrides,
   );
 
   const renderer = TestUtils.createRenderer();

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();

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',

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;

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;

extension/src/background/store/apiMiddleware.ts

@@ -193,7 +193,7 @@ type TabPort = Omit<chrome.runtime.Port, 'postMessage'> & {
 };
 type PanelPort = Omit<chrome.runtime.Port, 'postMessage'> & {
   postMessage: <S, A extends Action<unknown>>(
-    message: PanelMessage<S, A>
+    message: PanelMessage<S, A>,
   ) => void;
 };
 type MonitorPort = Omit<chrome.runtime.Port, 'postMessage'> & {
@@ -232,13 +232,13 @@ type MonitorAction<S, A extends Action<unknown>> =
 function toMonitors<S, A extends Action<unknown>>(
   action: MonitorAction<S, A>,
   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<S, A extends Action<unknown>>(
   request: BackgroundStoreMessage<S, A>,
   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<S, A extends Action<unknown>>(
     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<S, A extends Action<unknown>>(
 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<S, A extends Action<unknown>>(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<Dispatch<BackgroundAction>, BackgroundState>
+  store: MiddlewareAPI<Dispatch<BackgroundAction>, BackgroundState>,
 ) {
   return (next: Dispatch<BackgroundAction>) => (action: BackgroundAction) => {
     if (action.type === LIFTED_ACTION) toContentScript(action);

extension/src/background/store/backgroundStore.ts

@@ -60,7 +60,7 @@ export type BackgroundAction =
   | DisconnectedAction;
 
 export default function configureStore(
-  preloadedState?: PreloadedState<BackgroundState>
+  preloadedState?: PreloadedState<BackgroundState>,
 ) {
   return createStore(rootReducer, preloadedState, applyMiddleware(api));
   /*

extension/src/contentScript/index.ts

@@ -205,9 +205,11 @@ export type SplitMessage =
 
 function tryCatch<S, A extends Action<unknown>>(
   fn: (
-    args: PageScriptToContentScriptMessageWithoutDisconnect<S, A> | SplitMessage
+    args:
+      | PageScriptToContentScriptMessageWithoutDisconnect<S, A>
+      | SplitMessage,
   ) => void,
-  args: PageScriptToContentScriptMessageWithoutDisconnect<S, A>
+  args: PageScriptToContentScriptMessageWithoutDisconnect<S, A>,
 ) {
   try {
     return fn(args);
@@ -273,7 +275,7 @@ export type ContentScriptToBackgroundMessage<S, A extends Action<unknown>> =
   | RelayMessage<S, A>;
 
 function postToBackground<S, A extends Action<unknown>>(
-  message: ContentScriptToBackgroundMessage<S, A>
+  message: ContentScriptToBackgroundMessage<S, A>,
 ) {
   bg!.postMessage(message);
 }
@@ -281,7 +283,7 @@ function postToBackground<S, A extends Action<unknown>>(
 function send<S, A extends Action<unknown>>(
   message:
     | PageScriptToContentScriptMessageWithoutDisconnect<S, A>
-    | SplitMessage
+    | SplitMessage,
 ) {
   if (!connected) connect();
   if (message.type === 'INIT_INSTANCE') {
@@ -294,7 +296,7 @@ function send<S, A extends Action<unknown>>(
 
 // Resend messages from the page to the background script
 function handleMessages<S, A extends Action<unknown>>(
-  event: MessageEvent<PageScriptToContentScriptMessage<S, A>>
+  event: MessageEvent<PageScriptToContentScriptMessage<S, A>>,
 ) {
   if (!isAllowed()) return;
   if (!event || event.source !== window || typeof event.data !== 'object') {

extension/src/devpanel/index.tsx

@@ -42,7 +42,7 @@ function renderDevTools() {
       <PersistGate loading={null} persistor={persistor}>
         <App position={position} />
       </PersistGate>
-    </Provider>
+    </Provider>,
   );
   rendered = true;
 }
@@ -104,7 +104,7 @@ function init(id: number) {
         if (!rendered) renderDevTools();
         store!.dispatch(message);
       }
-    }
+    },
   );
 }
 

extension/src/devpanel/store/panelStore.ts

@@ -16,11 +16,11 @@ const persistedReducer: Reducer<StoreStateWithoutSocket, StoreAction> =
 
 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);

extension/src/devtools/index.ts

@@ -5,7 +5,7 @@ function createPanel(url: string) {
     'Redux',
     'img/logo/scalable.png',
     url,
-    function () {}
+    function () {},
   );
 }
 

extension/src/options/Options.tsx

@@ -10,7 +10,7 @@ export interface OptionsProps {
   readonly options: Options;
   readonly saveOption: <K extends keyof Options>(
     name: K,
-    value: Options[K]
+    value: Options[K],
   ) => void;
 }
 

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);

extension/src/pageScript/Monitor.ts

@@ -11,7 +11,7 @@ declare global {
 export default class Monitor<S, A extends Action<unknown>> {
   update: (
     liftedState?: LiftedState<S, A, unknown> | undefined,
-    libConfig?: LibConfig
+    libConfig?: LibConfig,
   ) => void;
   active?: boolean;
   paused?: boolean;
@@ -21,8 +21,8 @@ export default class Monitor<S, A extends Action<unknown>> {
   constructor(
     update: (
       liftedState?: LiftedState<S, A, unknown> | undefined,
-      libConfig?: LibConfig
-    ) => void
+      libConfig?: LibConfig,
+    ) => void,
   ) {
     this.update = update;
   }

extension/src/pageScript/api/filters.ts

@@ -23,7 +23,7 @@ export const noFiltersApplied = (localFilter: LocalFilter | undefined) =>
 
 export function isFiltered<A extends Action<unknown>>(
   action: A | string,
-  localFilter: LocalFilter | undefined
+  localFilter: LocalFilter | undefined,
 ) {
   if (
     noFiltersApplied(localFilter) ||
@@ -43,7 +43,7 @@ export function isFiltered<A extends Action<unknown>>(
 
 function filterActions<A extends Action<unknown>>(
   actionsById: { [p: number]: PerformAction<A> },
-  actionSanitizer: ((action: A, id: number) => A) | undefined
+  actionSanitizer: ((action: A, id: number) => A) | undefined,
 ): { [p: number]: PerformAction<A> } {
   if (!actionSanitizer) return actionsById;
   return mapValues(actionsById, (action, id) => ({
@@ -54,7 +54,7 @@ function filterActions<A extends Action<unknown>>(
 
 function filterStates<S>(
   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<S, A extends Action<unknown>>(
   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<S, A, unknown> {
   if (predicate || !noFiltersApplied(localFilter)) {
     const filteredStagedActionIds: number[] = [];
@@ -94,7 +94,7 @@ export function filterState<S, A extends Action<unknown>>(
       filteredComputedStates.push(
         stateSanitizer
           ? { ...liftedState, state: stateSanitizer(currState, idx) }
-          : liftedState
+          : liftedState,
       );
       if (actionSanitizer) {
         sanitizedActionsById![id] = {
@@ -139,7 +139,7 @@ export function startingFrom<S, A extends Action<unknown>>(
     | undefined,
   predicate:
     | (<S, A extends Action<unknown>>(state: S, action: A) => boolean)
-    | undefined
+    | undefined,
 ): LiftedState<S, A, unknown> | PartialLiftedState<S, A> | undefined {
   const stagedActionIds = state.stagedActionIds;
   if (sendingActionId <= stagedActionIds[1]) return state;
@@ -178,7 +178,7 @@ export function startingFrom<S, A extends Action<unknown>>(
     newComputedStates.push(
       !stateSanitizer
         ? currState
-        : { ...currState, state: stateSanitizer(currState.state, i) }
+        : { ...currState, state: stateSanitizer(currState.state, i) },
     );
   }
 

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<S, A extends Action<unknown>>(
   state: string | undefined,
-  { serialize }: Config
+  { serialize }: Config,
 ) {
   if (!state) return undefined;
   let parse = jsan.parse;
@@ -45,8 +45,8 @@ export default function importState<S, A extends Action<unknown>>(
             serialize.immutable,
             serialize.refs,
             serialize.replacer,
-            serialize.reviver
-          ).reviver
+            serialize.reviver,
+          ).reviver,
         );
     } else if (isSerializeWithReviver(serialize)) {
       parse = (v) => jsan.parse(v, serialize.reviver);

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<unknown>
+  A extends Action<unknown>,
 > =
   | InitMessage<S, A>
   | LiftedMessage
@@ -194,7 +194,7 @@ export type PageScriptToContentScriptMessageForwardedToMonitors<
 
 export type PageScriptToContentScriptMessageWithoutDisconnectOrInitInstance<
   S,
-  A extends Action<unknown>
+  A extends Action<unknown>,
 > =
   | PageScriptToContentScriptMessageForwardedToMonitors<S, A>
   | ErrorMessage
@@ -204,7 +204,7 @@ export type PageScriptToContentScriptMessageWithoutDisconnectOrInitInstance<
 
 export type PageScriptToContentScriptMessageWithoutDisconnect<
   S,
-  A extends Action<unknown>
+  A extends Action<unknown>,
 > =
   | PageScriptToContentScriptMessageWithoutDisconnectOrInitInstance<S, A>
   | InitInstancePageScriptToContentScriptMessage
@@ -215,14 +215,14 @@ export type PageScriptToContentScriptMessage<S, A extends Action<unknown>> =
   | DisconnectMessage;
 
 function post<S, A extends Action<unknown>>(
-  message: PageScriptToContentScriptMessage<S, A>
+  message: PageScriptToContentScriptMessage<S, A>,
 ) {
   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<A extends Action<unknown>>(
     | StructuralPerformAction<A>[]
     | string,
   config: Config,
-  toExcludeFromTrace: Function | undefined
+  toExcludeFromTrace: Function | undefined,
 ): StructuralPerformAction<A> {
   let timestamp = Date.now();
   let stack = getStackTrace(config, toExcludeFromTrace);
@@ -383,7 +383,7 @@ type ToContentScriptMessage<S, A extends Action<unknown>> =
 export function toContentScript<S, A extends Action<unknown>>(
   message: ToContentScriptMessage<S, A>,
   serializeState?: Serialize | undefined,
-  serializeAction?: Serialize | undefined
+  serializeAction?: Serialize | undefined,
 ) {
   if (message.type === 'ACTION') {
     post({
@@ -430,7 +430,7 @@ export function sendMessage<S, A extends Action<unknown>>(
   state: LiftedState<S, A, unknown>,
   config: Config,
   instanceId?: number,
-  name?: string
+  name?: string,
 ) {
   let amendedAction = action;
   if (typeof config !== 'object') {
@@ -450,7 +450,7 @@ export function sendMessage<S, A extends Action<unknown>>(
         instanceId: config.instanceId || instanceId || 1,
       },
       config.serialize as Serialize | undefined,
-      config.serialize as Serialize | undefined
+      config.serialize as Serialize | undefined,
     );
   } else {
     toContentScript<S, A>(
@@ -464,7 +464,7 @@ export function sendMessage<S, A extends Action<unknown>>(
         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<ContentScriptToPageScriptMessage>) {
 
 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 =
   <S, A extends Action<unknown>>(
     listener: (message: ListenerMessage<S, A>) => void,
-    config: Config
+    config: Config,
   ) =>
   (message: ContentScriptToPageScriptMessage) => {
     if (message.type === 'IMPORT') {
@@ -522,15 +522,15 @@ export function disconnect() {
 export interface ConnectResponse {
   init: <S, A extends Action<unknown>>(
     state: S,
-    liftedData?: LiftedState<S, A, unknown>
+    liftedData?: LiftedState<S, A, unknown>,
   ) => void;
   subscribe: <S, A extends Action<unknown>>(
-    listener: (message: ListenerMessage<S, A>) => void
+    listener: (message: ListenerMessage<S, A>) => void,
   ) => (() => void) | undefined;
   unsubscribe: () => void;
   send: <S, A extends Action<unknown>>(
     action: A,
-    state: LiftedState<S, A, unknown>
+    state: LiftedState<S, A, unknown>,
   ) => void;
   error: (payload: string) => void;
 }
@@ -575,12 +575,12 @@ export function connect(preConfig: Config): ConnectResponse {
   listeners[id] = [rootListener];
 
   const subscribe = <S, A extends Action<unknown>>(
-    listener: (message: ListenerMessage<S, A>) => void
+    listener: (message: ListenerMessage<S, A>) => 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 = <S, A extends Action<unknown>>(
     action: A,
-    state: LiftedState<S, A, unknown>
+    state: LiftedState<S, A, unknown>,
   ) => {
     if (
       isPaused ||
@@ -639,13 +639,13 @@ export function connect(preConfig: Config): ConnectResponse {
     sendMessage(
       amendedAction as StructuralPerformAction<A>,
       amendedState,
-      config
+      config,
     );
   };
 
   const init = <S, A extends Action<unknown>>(
     state: S,
-    liftedData?: LiftedState<S, A, unknown>
+    liftedData?: LiftedState<S, A, unknown>,
   ) => {
     const message: InitMessage<S, A> = {
       type: 'INIT',

extension/src/pageScript/api/notifyErrors.ts

@@ -26,7 +26,7 @@ function postError(message: string) {
       type: 'ERROR',
       message: message,
     },
-    '*'
+    '*',
   );
 }
 

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<S, A extends Action<unknown>>(
-  message: PageScriptToContentScriptMessage<S, A>
+  message: PageScriptToContentScriptMessage<S, A>,
 ) {
   window.postMessage(message, '*');
 }

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<unknown>,
   MonitorState,
-  MonitorAction extends Action<unknown>
+  MonitorAction extends Action<unknown>,
 >(
   next: StoreEnhancerStoreCreator,
   monitorReducer: Reducer<MonitorState, MonitorAction>,
-  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);
 }

extension/src/pageScript/index.ts

@@ -57,7 +57,7 @@ import type { ContentScriptToPageScriptMessage } from '../contentScript';
 type EnhancedStoreWithInitialDispatch<
   S,
   A extends Action<unknown>,
-  MonitorState
+  MonitorState,
 > = EnhancedStore<S, A, MonitorState> & { initialDispatch: Dispatch<A> };
 
 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?: <S>(state: S, index?: number) => S;
   readonly actionSanitizer?: <A extends Action<unknown>>(
     action: A,
-    id?: number
+    id?: number,
   ) => A;
   readonly predicate?: <S, A extends Action<unknown>>(
     state: S,
-    action: A
+    action: A,
   ) => boolean;
   readonly latency?: number;
   readonly maxAge?:
     | number
     | (<S, A extends Action<unknown>>(
         currentLiftedAction: LiftedAction<S, A, unknown>,
-        previousLiftedState: LiftedState<S, A, unknown> | undefined
+        previousLiftedState: LiftedState<S, A, unknown> | undefined,
       ) => number);
   readonly trace?: boolean | (() => string | undefined);
   readonly traceLimit?: number;
@@ -142,11 +142,11 @@ interface ReduxDevtoolsExtension {
     state: LiftedState<S, A, unknown>,
     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__<S, A extends Action<unknown>>(
-  config?: Config
+  config?: Config,
 ): StoreEnhancer {
   /* eslint-disable no-param-reassign */
   if (typeof config !== 'object') config = {};
@@ -188,7 +188,7 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
   const relayState = throttle(
     (
       liftedState?: LiftedState<S, A, unknown> | undefined,
-      libConfig?: LibConfig
+      libConfig?: LibConfig,
     ) => {
       relayAction.cancel();
       const state = liftedState || store.liftedStore.getState();
@@ -201,17 +201,17 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
             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__<S, A extends Action<unknown>>(
         instanceId,
       },
       serializeState,
-      serializeAction
+      serializeAction,
     );
   }
 
@@ -269,13 +269,13 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
             ? 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__<S, A extends Action<unknown>>(
       localFilter,
       stateSanitizer,
       actionSanitizer,
-      predicate
+      predicate,
     );
     sendingActionId = nextActionId;
     if (typeof payload === 'undefined') return;
@@ -300,13 +300,13 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
             localFilter,
             stateSanitizer,
             actionSanitizer,
-            predicate
+            predicate,
           ),
           source,
           instanceId,
         },
         serializeState,
-        serializeAction
+        serializeAction,
       );
       return;
     }
@@ -319,7 +319,7 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
         maxAge: getMaxAge(),
       },
       serializeState,
-      serializeAction
+      serializeAction,
     );
   }, latency);
 
@@ -337,7 +337,7 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
           instanceId,
         },
         serializeState,
-        serializeAction
+        serializeAction,
       );
     }
   }
@@ -357,7 +357,7 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
           instanceId,
         },
         serializeState,
-        serializeAction
+        serializeAction,
       );
     }
   }
@@ -419,7 +419,7 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
               instanceId,
             },
             serializeState,
-            serializeAction
+            serializeAction,
           );
           reportId = null;
         }
@@ -437,7 +437,7 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
               instanceId,
             },
             serializeState,
-            serializeAction
+            serializeAction,
           );
         }
     }
@@ -446,7 +446,7 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
   const filteredActionIds: number[] = []; // simple circular buffer of non-excluded actions with fixed maxAge-1 length
   const getMaxAge = (
     liftedAction?: LiftedAction<S, A, unknown>,
-    liftedState?: LiftedState<S, A, unknown> | undefined
+    liftedState?: LiftedState<S, A, unknown> | undefined,
   ) => {
     let m = (config && config.maxAge) || window.devToolsOptions.maxAge || 50;
     if (
@@ -497,7 +497,7 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
         instanceId,
       },
       serializeState,
-      serializeAction
+      serializeAction,
     );
     store.subscribe(handleChange);
 
@@ -529,11 +529,11 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
   const enhance =
     (): StoreEnhancer =>
     <NextExt, NextStateExt>(
-      next: StoreEnhancerStoreCreator<NextExt, NextStateExt>
+      next: StoreEnhancerStoreCreator<NextExt, NextStateExt>,
     ): any => {
       return <S2 extends S, A2 extends A>(
         reducer_: Reducer<S2, A2>,
-        initialState_?: PreloadedState<S2>
+        initialState_?: PreloadedState<S2>,
       ) => {
         if (!isAllowed(window.devToolsOptions)) {
           return next(reducer_, initialState_);
@@ -545,7 +545,7 @@ function __REDUX_DEVTOOLS_EXTENSION__<S, A extends Action<unknown>>(
           {
             ...config,
             maxAge: getMaxAge as any,
-          }
+          },
         )(reducer_, initialState_) as any;
 
         if (isInIframe()) setTimeout(init, 3000);
@@ -593,7 +593,7 @@ const preEnhancer =
 
 export type InferComposedStoreExt<StoreEnhancers> = StoreEnhancers extends [
   infer HeadStoreEnhancer,
-  ...infer RestStoreEnhancers
+  ...infer RestStoreEnhancers,
 ]
   ? HeadStoreEnhancer extends StoreEnhancer<infer StoreExt>
     ? StoreExt & InferComposedStoreExt<RestStoreEnhancers>
@@ -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): <StoreEnhancers extends readonly StoreEnhancer<unknown>[]>(
+  (
+    config: Config,
+  ): <StoreEnhancers extends readonly StoreEnhancer<unknown>[]>(
     ...funcs: StoreEnhancers
   ) => StoreEnhancer<InferComposedStoreExt<StoreEnhancers>>;
   <StoreEnhancers extends readonly StoreEnhancer<unknown>[]>(
@@ -632,12 +634,12 @@ declare global {
 }
 
 function reduxDevtoolsExtensionCompose(
-  config: Config
+  config: Config,
 ): <StoreEnhancers extends readonly StoreEnhancer<unknown>[]>(
   ...funcs: StoreEnhancers
 ) => StoreEnhancer<InferComposedStoreExt<StoreEnhancers>>;
 function reduxDevtoolsExtensionCompose<
-  StoreEnhancers extends readonly StoreEnhancer<unknown>[]
+  StoreEnhancers extends readonly StoreEnhancer<unknown>[],
 >(
   ...funcs: StoreEnhancers
 ): StoreEnhancer<InferComposedStoreExt<StoreEnhancers>>;

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);

extension/src/remote/index.tsx

@@ -31,7 +31,7 @@ chrome.storage.local.get(
               }
             : undefined
         }
-      />
+      />,
     );
-  }
+  },
 );

extension/src/window/index.tsx

@@ -31,7 +31,7 @@ chrome.runtime.getBackgroundPage((window) => {
       <PersistGate loading={null} persistor={persistor}>
         <App position={position} />
       </PersistGate>
-    </Provider>
+    </Provider>,
   );
 });
 

extension/src/window/store/instanceSelectorMiddleware.ts

@@ -9,7 +9,7 @@ import {
 function selectInstance(
   tabId: number,
   store: MiddlewareAPI<Dispatch<StoreAction>, StoreState>,
-  next: Dispatch<StoreAction>
+  next: Dispatch<StoreAction>,
 ) {
   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<Dispatch<StoreAction>, StoreState>
+  store: MiddlewareAPI<Dispatch<StoreAction>, StoreState>,
 ) {
   return (next: Dispatch<StoreAction>) => (action: StoreAction) => {
     const result = next(action);

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:

extension/src/window/store/windowStore.ts

@@ -45,12 +45,12 @@ const persistConfig = {
 
 const persistedReducer: Reducer<StoreState, WindowStoreAction> = persistReducer(
   persistConfig,
-  rootReducer
+  rootReducer,
 ) as any;
 
 export default function configureStore(
   baseStore: Store<BackgroundState, BackgroundAction>,
-  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);

extension/test/app/containers/App.spec.js

@@ -25,7 +25,7 @@ describe('App container', () => {
     render(
       <Provider store={store}>
         <App position="devtools-left" />
-      </Provider>
+      </Provider>,
     );
     expect(screen.getByTestId('inspector')).toBeDefined();
   });
@@ -34,11 +34,11 @@ describe('App container', () => {
     render(
       <Provider store={store}>
         <App position="devtools-left" />
-      </Provider>
+      </Provider>,
     );
     const actionList = screen.getByTestId('actionList');
     expect(
-      within(actionList).getByTestId('actionListRows')
+      within(actionList).getByTestId('actionListRows'),
     ).toBeEmptyDOMElement();
   });
 });

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({

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');
     });

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();
   });

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 () => {

extension/test/electron/fixture/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

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({

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');

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;

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
   },

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"

packages/d3-state-visualizer/src/charts/tree/tree.ts

@@ -189,14 +189,14 @@ export default function (DOMNode: HTMLElement, options: Partial<Options> = {}) {
       zoom.on('zoom', (event) => {
         const { transform } = event as D3ZoomEvent<SVGSVGElement, unknown>;
         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<Options> = {}) {
   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<Options> = {}) {
               c.id = `${node.id || ''}|${c.name}`;
               return c;
             })
-          : null
+          : null,
     );
 
     update();
@@ -291,7 +291,7 @@ export default function (DOMNode: HTMLElement, options: Partial<Options> = {}) {
       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<Options> = {}) {
 
       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<Options> = {}) {
           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<Options> = {}) {
             ...tooltipOptions,
             root,
             text: (d) => getTooltipString(d.data, tooltipOptions),
-          })
+          }),
         );
       }
 
@@ -402,7 +402,7 @@ export default function (DOMNode: HTMLElement, options: Partial<Options> = {}) {
             ? 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<Options> = {}) {
           this: SVGGElement & {
             __oldData__?: HierarchyPointNode<InternalNode>;
           },
-          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<Options> = {}) {
           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<Options> = {}) {
       // update the links
       const link = vis
         .selectAll<SVGPathElement, HierarchyPointLink<InternalNode>>(
-          'path.link'
+          'path.link',
         )
         .data(links, (d) => d.target.data.id);
 
@@ -487,7 +487,7 @@ export default function (DOMNode: HTMLElement, options: Partial<Options> = {}) {
           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<Options> = {}) {
           const position = findParentNodePosition(
             previousNodePositionsById,
             d.target.data.id,
-            (n) => !!nodePositionsById[n.id]
+            (n) => !!nodePositionsById[n.id],
           );
           const futurePosition =
             (position && nodePositionsById[position.id]) ||

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;

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');

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<Datum, RootGElement, RootDatum, RootPElement, RootPDatum>
-  > = {}
+  > = {},
 ) {
   const { left, top, offset, root, styles, text } = {
     ...defaultOptions,

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
-  })
+  }),
 );
 ```
 

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;

packages/react-base16-styling/src/index.ts

@@ -41,7 +41,7 @@ const merger = (styling: Partial<Styling>) => {
 
 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<string | number>,
               }),
-              ...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;

packages/react-dock/demo/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>React Dock</title>

packages/react-dock/src/Dock.tsx

@@ -11,7 +11,7 @@ interface Styles {
 function autoprefixes(styles: Styles) {
   return Object.keys(styles).reduce<Styles>(
     (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<Props, State> {
 
     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<Props, State> {
 
   debouncedUpdateWindowSizeEnd: DebouncedFunc<() => void> = debounce(
     this.updateWindowSizeEnd,
-    30
+    30,
   );
 
   handleWrapperLeave = () => {

packages/react-dock/src/autoprefix.ts

@@ -41,7 +41,7 @@ function prefixProp<Value>(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,
   );
 }

packages/react-json-tree/examples/index.html

@@ -3,7 +3,12 @@
     <title>Sample App</title>
     <style>
       body {
-        font-family: SF UI Text, Roboto, Helvetica Neue, Helvetica, sans-serif;
+        font-family:
+          SF UI Text,
+          Roboto,
+          Helvetica Neue,
+          Helvetica,
+          sans-serif;
         font-size: 18px;
         line-height: 1.5;
       }

packages/react-json-tree/src/JSONNestedNode.tsx

@@ -33,7 +33,7 @@ function isRange(rangeOrEntry: Range | Entry): rangeOrEntry is Range {
 function renderChildNodes(
   props: RenderChildNodesProps,
   from?: number,
-  to?: number
+  to?: number,
 ) {
   const {
     nodeType,
@@ -52,7 +52,7 @@ function renderChildNodes(
     sortObjectKeys,
     collectionLimit,
     from,
-    to
+    to,
   ).forEach((entry) => {
     if (isRange(entry)) {
       childNodes.push(
@@ -62,7 +62,7 @@ function renderChildNodes(
           from={entry.from}
           to={entry.to}
           renderChildNodes={renderChildNodes}
-        />
+        />,
       );
     } else {
       const { key, value } = entry;
@@ -78,7 +78,7 @@ function renderChildNodes(
           circularCache={[...circularCache, value]}
           isCircular={isCircular}
           hideRoot={false}
-        />
+        />,
       );
     }
   });
@@ -115,7 +115,7 @@ export default function JSONNestedNode(props: Props) {
 
   const [expanded, setExpanded] = useState<boolean>(
     // calculate individual node expansion if necessary
-    isCircular ? false : shouldExpandNodeInitially(keyPath, data, level)
+    isCircular ? false : shouldExpandNodeInitially(keyPath, data, level),
   );
 
   const handleClick = useCallback(() => {
@@ -137,7 +137,7 @@ export default function JSONNestedNode(props: Props) {
     data,
     itemType,
     createItemString(data, collectionLimit),
-    keyPath
+    keyPath,
   );
   const stylingArgs = [keyPath, nodeType, expanded, expandable] as const;
 

packages/react-json-tree/src/getCollectionEntries.ts

@@ -20,7 +20,7 @@ function getEntries(
   collection: any,
   sortObjectKeys: SortObjectKeys,
   from = 0,
-  to = Infinity
+  to = Infinity,
 ): { entries: { key: string | number; value: unknown }[]; hasMore?: boolean } {
   let res;
 
@@ -101,13 +101,13 @@ export default function getCollectionEntries(
   sortObjectKeys: SortObjectKeys,
   limit: number,
   from = 0,
-  to = Infinity
+  to = Infinity,
 ) {
   const getEntriesBound = getEntries.bind(
     null,
     type,
     collection,
-    sortObjectKeys
+    sortObjectKeys,
   );
 
   if (!limit) {

packages/react-json-tree/src/index.tsx

@@ -51,7 +51,7 @@ export function JSONTree({
   const styling = useMemo(
     () =>
       createStylingFromTheme(shouldInvertTheme ? invertTheme(theme) : theme),
-    [theme, shouldInvertTheme]
+    [theme, shouldInvertTheme],
   );
 
   return (

packages/react-json-tree/src/types.ts

@@ -10,14 +10,14 @@ export type GetItemString = (
   data: unknown,
   itemType: React.ReactNode,
   itemString: string,
-  keyPath: KeyPath
+  keyPath: KeyPath,
 ) => React.ReactNode;
 
 export type LabelRenderer = (
   keyPath: KeyPath,
   nodeType: string,
   expanded: boolean,
-  expandable: boolean
+  expandable: boolean,
 ) => React.ReactNode;
 
 export type ValueRenderer = (
@@ -29,7 +29,7 @@ export type ValueRenderer = (
 export type ShouldExpandNodeInitially = (
   keyPath: KeyPath,
   data: unknown,
-  level: number
+  level: number,
 ) => boolean;
 
 export type PostprocessValue = (value: unknown) => unknown;

packages/react-json-tree/test/objType.spec.ts

@@ -13,7 +13,7 @@ describe('objType', () => {
     expect(
       objType(() => {
         // noop
-      })
+      }),
     ).toBe('Function');
     expect(objType('')).toBe('String');
     expect(objType(true)).toBe('Boolean');

packages/redux-devtools-app/assets/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

packages/redux-devtools-app/src/actions/index.ts

@@ -53,7 +53,7 @@ import { LiftedState } from '@redux-devtools/core';
 let monitorReducer: (
   monitorProps: unknown,
   state: unknown | undefined,
-  action: Action<unknown>
+  action: Action<unknown>,
 ) => unknown;
 let monitorProps: unknown = {};
 
@@ -99,7 +99,7 @@ export interface ChangeStateTreeSettingsAction {
 }
 
 export function changeStateTreeSettings(
-  data: ChangeStateTreeSettingsData
+  data: ChangeStateTreeSettingsData,
 ): ChangeStateTreeSettingsAction {
   return { type: CHANGE_STATE_TREE_SETTINGS, ...data.formData };
 }
@@ -110,7 +110,7 @@ export interface InitMonitorAction {
   update: (
     monitorProps: unknown,
     state: unknown | undefined,
-    action: Action<unknown>
+    action: Action<unknown>,
   ) => unknown;
   monitorProps: unknown;
 }
@@ -120,7 +120,7 @@ export interface MonitorActionAction {
   monitorReducer: (
     monitorProps: unknown,
     state: unknown | undefined,
-    action: Action<unknown>
+    action: Action<unknown>,
   ) => unknown;
   monitorProps: unknown;
 }
@@ -211,7 +211,7 @@ export function liftedDispatch(
     | InitMonitorAction
     | JumpToStateAction
     | JumpToActionAction
-    | LiftedAction<unknown, Action<unknown>, unknown>
+    | LiftedAction<unknown, Action<unknown>, unknown>,
 ): MonitorActionAction | LiftedActionDispatchAction {
   if (action.type[0] === '@') {
     if (action.type === '@@INIT_MONITOR') {
@@ -250,7 +250,7 @@ export function selectMonitor(monitor: string): SelectMonitorAction {
 }
 export function selectMonitorWithState(
   value: string,
-  monitorState: MonitorStateMonitorState
+  monitorState: MonitorStateMonitorState,
 ): SelectMonitorAction {
   return { type: SELECT_MONITOR, monitor: value, monitorState };
 }
@@ -268,14 +268,14 @@ export function selectMonitorTab(subTabName: string): UpdateMonitorStateAction {
 }
 
 export function updateMonitorState(
-  nextState: NextState
+  nextState: NextState,
 ): UpdateMonitorStateAction {
   return { type: UPDATE_MONITOR_STATE, nextState };
 }
 
 export function importState(
   state: string,
-  preloadedState?: unknown
+  preloadedState?: unknown,
 ): LiftedActionImportAction {
   return { type: LIFTED_ACTION, message: 'IMPORT', state, preloadedState };
 }
@@ -312,7 +312,7 @@ export interface CustomAction {
   rest: string;
 }
 export function dispatchRemotely(
-  action: string | CustomAction
+  action: string | CustomAction,
 ): LiftedActionActionAction {
   return { type: LIFTED_ACTION, message: 'ACTION', action };
 }
@@ -365,7 +365,7 @@ export interface ReconnectAction {
   readonly options: ConnectionOptions;
 }
 export function saveSocketSettings(
-  options: ConnectionOptions
+  options: ConnectionOptions,
 ): ReconnectAction {
   return { type: RECONNECT, options };
 }

packages/redux-devtools-app/src/components/Header.tsx

@@ -35,7 +35,7 @@ class Header extends Component<Props> {
           title="Documentation"
           tooltipPosition="bottom"
           onClick={this.openLink(
-            'https://github.com/reduxjs/redux-devtools/blob/main/README.md'
+            'https://github.com/reduxjs/redux-devtools/blob/main/README.md',
           )}
         >
           <GoBook />
@@ -44,7 +44,7 @@ class Header extends Component<Props> {
           title="Feedback"
           tooltipPosition="bottom"
           onClick={this.openLink(
-            'https://github.com/reduxjs/redux-devtools/discussions'
+            'https://github.com/reduxjs/redux-devtools/discussions',
           )}
         >
           <IoMdText />
@@ -60,7 +60,7 @@ class Header extends Component<Props> {
           title="Support us"
           tooltipPosition="bottom-left"
           onClick={this.openLink(
-            'https://opencollective.com/redux-devtools-extension'
+            'https://opencollective.com/redux-devtools-extension',
           )}
         >
           <TiHeartFullOutline />

packages/redux-devtools-app/src/components/InstanceSelector.tsx

@@ -25,7 +25,7 @@ class InstanceSelector extends Component<Props> {
         options={this.select}
         onChange={(option) => this.props.onSelect(option!.value)}
         value={this.select.find(
-          (option) => option.value === this.props.selected
+          (option) => option.value === this.props.selected,
         )}
       />
     );

packages/redux-devtools-app/src/components/buttons/LockButton.tsx

@@ -34,7 +34,7 @@ class LockButton extends Component<Props> {
 
 function mapDispatchToProps(
   dispatch: Dispatch<StoreAction>,
-  ownProps: OwnProps
+  ownProps: OwnProps,
 ) {
   return {
     lockChanges: () => dispatch(lockChanges(!ownProps.locked)),

packages/redux-devtools-app/src/components/buttons/PrintButton.tsx

@@ -24,7 +24,7 @@ export default class PrintButton extends Component {
     const initTransform = g.getAttribute('transform')!;
     g.setAttribute(
       'transform',
-      initTransform.replace(/.+scale\(/, 'translate(57, 10) scale(')
+      initTransform.replace(/.+scale\(/, 'translate(57, 10) scale('),
     );
 
     window.print();

packages/redux-devtools-app/src/components/buttons/RecordButton.tsx

@@ -32,7 +32,7 @@ class RecordButton extends Component<Props> {
 
 function mapDispatchToProps(
   dispatch: Dispatch<StoreAction>,
-  ownProps: OwnProps
+  ownProps: OwnProps,
 ) {
   return {
     pauseRecording: () => dispatch(pauseRecording(!ownProps.paused)),

packages/redux-devtools-app/src/containers/DevTools.tsx

@@ -14,7 +14,7 @@ interface Props {
   liftedState: State;
   monitorState: MonitorStateMonitorState | undefined;
   dispatch: (
-    action: LiftedAction<unknown, Action<unknown>, unknown> | InitMonitorAction
+    action: LiftedAction<unknown, Action<unknown>, unknown> | InitMonitorAction,
   ) => void;
   features: Features | undefined;
   theme: ThemeFromProvider;
@@ -29,7 +29,7 @@ class DevTools extends Component<Props> {
     update(
       monitorProps: unknown,
       state: unknown | undefined,
-      action: Action<unknown>
+      action: Action<unknown>,
     ): unknown;
   };
   preventRender?: boolean;
@@ -58,7 +58,7 @@ class DevTools extends Component<Props> {
         newMonitorState = update(
           this.monitorProps,
           undefined,
-          {} as Action<unknown>
+          {} as Action<unknown>,
         );
         if (newMonitorState !== monitorState) {
           this.preventRender = true;
@@ -88,7 +88,7 @@ class DevTools extends Component<Props> {
   }
 
   dispatch = (
-    action: LiftedAction<unknown, Action<unknown>, unknown> | InitMonitorAction
+    action: LiftedAction<unknown, Action<unknown>, unknown> | InitMonitorAction,
   ) => {
     this.props.dispatch(action);
   };

packages/redux-devtools-app/src/containers/monitors/ChartMonitorWrapper.tsx

@@ -6,7 +6,7 @@ import { selectMonitorWithState } from '../../actions';
 
 export function getPath(
   obj: HierarchyPointNode<Node>,
-  inspectedStatePath: string[]
+  inspectedStatePath: string[],
 ) {
   const parent = obj.parent;
   if (!parent) return;

packages/redux-devtools-app/src/containers/monitors/Dispatcher.tsx

@@ -93,7 +93,7 @@ class Dispatcher extends Component<Props, State> {
     if (selected === 'actions-help') {
       window.open(
         'https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/' +
-          'API/Arguments.md#actioncreators'
+          'API/Arguments.md#actioncreators',
       );
       return;
     }
@@ -191,7 +191,7 @@ class Dispatcher extends Component<Props, State> {
         actionCreators.map(({ name, args }, i) => ({
           value: i,
           label: `${name}(${args.join(', ')})`,
-        }))
+        })),
       );
     } else {
       options.push({

packages/redux-devtools-app/src/index.tsx

@@ -21,7 +21,7 @@ export class Root extends Component {
             type: CONNECT_REQUEST,
           });
         }
-      }
+      },
     );
     this.store = store;
     this.persistor = persistor;

packages/redux-devtools-app/src/middlewares/api.ts

@@ -61,7 +61,7 @@ function dispatchRemoteAction({
       instanceId,
       action as DispatchAction,
       state,
-      instances
+      instances,
     ),
     instanceId,
     id,
@@ -136,7 +136,7 @@ function monitoring(request: MonitoringRequest) {
 
 function subscribe(
   channelName: string,
-  subscription: typeof UPDATE_STATE | typeof UPDATE_REPORTS
+  subscription: typeof UPDATE_STATE | typeof UPDATE_REPORTS,
 ) {
   const channel = socket.subscribe(channelName);
   if (subscription === UPDATE_STATE) {
@@ -221,7 +221,7 @@ function connect() {
   } catch (error) {
     store.dispatch({ type: actions.CONNECT_ERROR, error: error as Error });
     store.dispatch(
-      showNotification((error as Error).message || (error as string))
+      showNotification((error as Error).message || (error as string)),
     );
   }
 }

packages/redux-devtools-app/src/middlewares/exportState.ts

@@ -44,8 +44,8 @@ export const exportStateMiddleware =
               preloadedState: request.committedState,
             },
             null,
-            '\t'
-          )
+            '\t',
+          ),
         );
       }
     } else if (action.type === EXPORT) {
@@ -54,7 +54,7 @@ export const exportStateMiddleware =
       const options = instances.options[instanceId];
       if (options.features.export === true) {
         download(
-          stringifyJSON(instances.states[instanceId], options.serialize)
+          stringifyJSON(instances.states[instanceId], options.serialize),
         );
       } else {
         toExport = instanceId;