From 35fc6ec83792b03d6574d1a122ec8d4e7abe189c Mon Sep 17 00:00:00 2001 From: Nathan Bierema Date: Sat, 29 Aug 2020 10:58:01 -0400 Subject: [PATCH] stash --- .../redux-devtools-inspector/src/index.ts | 3 +- .../redux-devtools-inspector/src/redux.ts | 41 +++++++++++++++---- 2 files changed, 36 insertions(+), 8 deletions(-) diff --git a/packages/redux-devtools-inspector/src/index.ts b/packages/redux-devtools-inspector/src/index.ts index 2040c41e..d6ea9d8f 100644 --- a/packages/redux-devtools-inspector/src/index.ts +++ b/packages/redux-devtools-inspector/src/index.ts @@ -1 +1,2 @@ -export default from './DevtoolsInspector'; +import DevtoolsInspector from './DevtoolsInspector'; +export default DevtoolsInspector; diff --git a/packages/redux-devtools-inspector/src/redux.ts b/packages/redux-devtools-inspector/src/redux.ts index 33f6208d..653bc628 100644 --- a/packages/redux-devtools-inspector/src/redux.ts +++ b/packages/redux-devtools-inspector/src/redux.ts @@ -1,6 +1,30 @@ +import { Action } from 'redux'; +import { DevtoolsInspectorProps } from './DevtoolsInspector'; + const UPDATE_MONITOR_STATE = '@@redux-devtools-inspector/UPDATE_MONITOR_STATE'; -export const DEFAULT_STATE = { +interface UpdateMonitorStateAction { + type: typeof UPDATE_MONITOR_STATE; + monitorState: Partial; +} +export function updateMonitorState( + monitorState: Partial +): UpdateMonitorStateAction { + return { type: UPDATE_MONITOR_STATE, monitorState }; +} + +export type DevtoolsInspectorAction = UpdateMonitorStateAction; + +export interface DevtoolsInspectorState { + selectedActionId: number | null; + startActionId: number | null; + inspectedActionPath: (string | number)[]; + inspectedStatePath: (string | number)[]; + tabName: string; + searchValue?: string; +} + +export const DEFAULT_STATE: DevtoolsInspectorState = { selectedActionId: null, startActionId: null, inspectedActionPath: [], @@ -8,11 +32,10 @@ export const DEFAULT_STATE = { tabName: 'Diff', }; -export function updateMonitorState(monitorState) { - return { type: UPDATE_MONITOR_STATE, monitorState }; -} - -function reduceUpdateState(state, action) { +function reduceUpdateState( + state: DevtoolsInspectorState, + action: DevtoolsInspectorAction +) { return action.type === UPDATE_MONITOR_STATE ? { ...state, @@ -21,7 +44,11 @@ function reduceUpdateState(state, action) { : state; } -export function reducer(props, state = DEFAULT_STATE, action) { +export function reducer>( + props: DevtoolsInspectorProps, + state = DEFAULT_STATE, + action: DevtoolsInspectorAction +) { return { ...reduceUpdateState(state, action), };