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