@looker/api-explorer 0.9.21 → 0.9.26

package/src/scenes/TypeTagScene/TypeTagScene.spec.tsx

@@ -29,7 +29,7 @@ import { screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 
 import { api } from '../../test-data'
-import { renderWithRouter } from '../../test-utils'
+import { renderWithRouterAndReduxProvider } from '../../test-utils'
 import { TypeTagScene } from './TypeTagScene'
 
 const opBtnNames = /ALL|SPECIFICATION|WRITE|REQUEST|ENUMERATED/
@@ -40,7 +40,7 @@ describe('TypeTagScene', () => {
   Element.prototype.scrollTo = jest.fn()
 
   test('it renders type buttons and all methods for a given type tag', () => {
-    renderWithRouter(
+    renderWithRouterAndReduxProvider(
       <Route path={path}>
         <TypeTagScene api={api} />
       </Route>,
@@ -61,7 +61,7 @@ describe('TypeTagScene', () => {
   })
 
   test('it only renders operation buttons for operations that exist under that tag', () => {
-    renderWithRouter(
+    renderWithRouterAndReduxProvider(
       <Route path={path}>
         <TypeTagScene api={api} />
       </Route>,
@@ -75,7 +75,7 @@ describe('TypeTagScene', () => {
   })
 
   test('it filters methods by operation type', async () => {
-    renderWithRouter(
+    renderWithRouterAndReduxProvider(
       <Route path={path}>
         <TypeTagScene api={api} />
       </Route>,

package/src/state/index.ts

@@ -25,3 +25,4 @@
  */
 export * from './store'
 export * from './settings'
+export * from './lodes'

package/src/{reducers/search → state/lodes}/index.ts

@@ -23,5 +23,5 @@
  SOFTWARE.
 
  */
-export * from './reducer'
-export * from './actions'
+export * from './selectors'
+export * from './slice'

package/src/state/lodes/sagas.spec.ts

@@ -0,0 +1,92 @@
+/*
+
+ MIT License
+
+ Copyright (c) 2021 Looker Data Sciences, Inc.
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+
+ */
+import ReduxSagaTester from 'redux-saga-tester'
+import { examples, declarations } from '../../test-data'
+import * as lodeUtils from '../../utils/lodeUtils'
+import * as sagas from './sagas'
+import { lodeActions, lodesSlice } from './slice'
+
+describe('Lode sagas', () => {
+  let sagaTester: ReduxSagaTester<any>
+
+  beforeEach(() => {
+    jest.resetAllMocks()
+    sagaTester = new ReduxSagaTester({
+      initialState: { lodes: { examples, declarations } },
+      reducers: {
+        lodes: lodesSlice.reducer,
+      },
+    })
+    sagaTester.start(sagas.saga)
+  })
+
+  describe('initSaga', () => {
+    const { initLodesAction, initLodesSuccessAction, initLodesFailureAction } =
+      lodeActions
+    const examplesLodeUrl = 'https://foo.com/examples.json'
+    const declarationsLodeUrl = 'https://foo.com/declarations.json'
+
+    test('sends initLodesSuccessAction with examples and declarations on success', async () => {
+      jest
+        .spyOn(lodeUtils, 'getLoded')
+        .mockResolvedValueOnce({ examples, declarations })
+
+      sagaTester.dispatch(
+        initLodesAction({ examplesLodeUrl, declarationsLodeUrl })
+      )
+
+      await sagaTester.waitFor('lodes/initLodesSuccessAction')
+      const calledActions = sagaTester.getCalledActions()
+      expect(calledActions).toHaveLength(2)
+      expect(calledActions[0]).toEqual(
+        initLodesAction({ examplesLodeUrl, declarationsLodeUrl })
+      )
+      expect(calledActions[1]).toEqual(
+        initLodesSuccessAction({
+          examples,
+          declarations,
+        })
+      )
+    })
+
+    test('sends initLodesFailureAction on error', async () => {
+      const error = new Error('boom')
+      jest.spyOn(lodeUtils, 'getLoded').mockRejectedValueOnce(error)
+
+      sagaTester.dispatch(
+        initLodesAction({ examplesLodeUrl, declarationsLodeUrl })
+      )
+
+      await sagaTester.waitFor('lodes/initLodesFailureAction')
+      const calledActions = sagaTester.getCalledActions()
+      expect(calledActions).toHaveLength(2)
+      expect(calledActions[0]).toEqual(
+        initLodesAction({ examplesLodeUrl, declarationsLodeUrl })
+      )
+      expect(calledActions[1]).toEqual(initLodesFailureAction(error))
+    })
+  })
+})

package/src/state/lodes/sagas.ts

@@ -0,0 +1,51 @@
+/*
+
+ MIT License
+
+ Copyright (c) 2021 Looker Data Sciences, Inc.
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in all
+ copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ SOFTWARE.
+
+ */
+import { call, put, takeEvery } from 'typed-redux-saga'
+import type { PayloadAction } from '@reduxjs/toolkit'
+
+import { getLoded } from '../../utils'
+import type { InitPayload } from './slice'
+import { lodeActions } from './slice'
+
+function* initSaga(action: PayloadAction<InitPayload>) {
+  const { initLodesSuccessAction, initLodesFailureAction } = lodeActions
+  try {
+    const lode = yield* call(
+      getLoded,
+      action.payload.examplesLodeUrl,
+      action.payload.declarationsLodeUrl
+    )
+    yield* put(initLodesSuccessAction(lode))
+  } catch (error: any) {
+    yield* put(initLodesFailureAction(error))
+  }
+}
+
+export function* saga() {
+  const { initLodesAction } = lodeActions
+
+  yield* takeEvery(initLodesAction, initSaga)
+}

package/src/{context/search/SearchContext.ts → state/lodes/selectors.spec.ts}

@@ -23,22 +23,20 @@
  SOFTWARE.
 
  */
+import { createTestStore } from '../../test-utils'
+import { declarations, examples } from '../../test-data'
+import { selectDeclarationsLode, selectExamplesLode } from './selectors'
 
-import type { Dispatch } from 'react'
-import { createContext } from 'react'
-import type { SearchState, SearchAction } from '../../reducers'
-import { defaultSearchState } from '../../reducers'
+const testStore = createTestStore({ lodes: { examples, declarations } })
 
-interface SearchContextProps {
-  searchSettings: SearchState
-  setSearchSettings: Dispatch<SearchAction>
-}
+describe('Lode selectors', () => {
+  const state = testStore.getState()
 
-export const defaultSearchContextValue: SearchContextProps = {
-  searchSettings: defaultSearchState,
-  setSearchSettings: () => undefined,
-}
+  test('selectExamplesLode selects', () => {
+    expect(selectExamplesLode(state)).toEqual(examples)
+  })
 
-export const SearchContext = createContext<SearchContextProps>(
-  defaultSearchContextValue
-)
+  test('selectDeclarationsLode selects', () => {
+    expect(selectDeclarationsLode(state)).toEqual(declarations)
+  })
+})

package/src/{test-utils/envAdaptor.ts → state/lodes/selectors.ts}

@@ -23,9 +23,12 @@
  SOFTWARE.
 
  */
-import type { IApixEnvAdaptor } from '../utils'
-import { registerEnvAdaptor, StandaloneEnvAdaptor } from '../utils'
+import type { RootState } from '../store'
 
-export const registerTestEnvAdaptor = (envAdaptor?: IApixEnvAdaptor) => {
-  registerEnvAdaptor(envAdaptor || new StandaloneEnvAdaptor())
-}
+const selectLodeState = (state: RootState) => state.lodes
+
+export const selectExamplesLode = (state: RootState) =>
+  selectLodeState(state).examples
+
+export const selectDeclarationsLode = (state: RootState) =>
+  selectLodeState(state).declarations

package/src/{test-utils/render_with_lode.tsx → state/lodes/slice.ts}

@@ -23,47 +23,47 @@
  SOFTWARE.
 
  */
-
-import type { ReactElement } from 'react'
-import React from 'react'
-import type { RenderOptions } from '@testing-library/react'
-import type { Store } from 'redux'
-
-import { renderWithTheme } from '@looker/components-test-utils'
+import { createSliceHooks } from '@looker/redux'
 import type { IDeclarationMine, IExampleMine } from '@looker/sdk-codegen'
-import { LodeContext } from '../context'
-import type { RootState } from '../state'
-import { withReduxProvider } from './redux'
+import type { PayloadAction } from '@reduxjs/toolkit'
+import { createSlice } from '@reduxjs/toolkit'
 
-const withLode = (
-  consumer: ReactElement<any>,
-  examples: IExampleMine,
+import { saga } from './sagas'
+
+export interface LodesState {
+  examples?: IExampleMine
   declarations?: IDeclarationMine
-) => {
-  return (
-    <LodeContext.Provider value={{ examples, declarations }}>
-      {consumer}
-    </LodeContext.Provider>
-  )
+  error?: Error
 }
 
-export const renderWithLode = (
-  component: ReactElement<any>,
-  examples: IExampleMine,
-  declarations?: IDeclarationMine,
-  options?: Omit<RenderOptions, 'queries'>
-) => {
-  return renderWithTheme(withLode(component, examples, declarations), options)
+export const defaultLodesState: LodesState = {
+  examples: undefined,
+  declarations: undefined,
 }
 
-export const renderWithReduxProviderAndLode = (
-  component: ReactElement<any>,
-  examples: IExampleMine,
-  declarations?: IDeclarationMine,
-  store?: Store<RootState>,
-  options?: Omit<RenderOptions, 'queries'>
-) =>
-  renderWithTheme(
-    withReduxProvider(withLode(component, examples, declarations), store),
-    options
-  )
+export interface InitPayload {
+  examplesLodeUrl?: string
+  declarationsLodeUrl?: string
+}
+
+type InitSuccessAction = LodesState
+
+export const lodesSlice = createSlice({
+  name: 'lodes',
+  initialState: defaultLodesState,
+  reducers: {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    initLodesAction(_state, _action: PayloadAction<InitPayload>) {},
+    initLodesSuccessAction(state, action: PayloadAction<InitSuccessAction>) {
+      state.examples = action.payload.examples
+      state.declarations = action.payload.declarations
+    },
+    initLodesFailureAction(state, action: PayloadAction<Error>) {
+      state.error = action.payload
+    },
+  },
+})
+
+export const lodeActions = lodesSlice.actions
+export const { useActions: useLodeActions, useStoreState: useLodesStoreState } =
+  createSliceHooks(lodesSlice, saga)

package/src/state/settings/sagas.spec.ts

@@ -24,11 +24,11 @@
 
  */
 import ReduxSagaTester from 'redux-saga-tester'
-import { registerTestEnvAdaptor } from '../../test-utils'
 
-import { EnvAdaptorConstants, getEnvAdaptor } from '../../utils'
+import { getEnvAdaptor, registerTestEnvAdaptor } from '@looker/extension-utils'
+import { StoreConstants } from '@looker/run-it'
 import * as sagas from './sagas'
-import { actions, defaultSettingsState, slice } from './slice'
+import { settingActions, defaultSettings, settingsSlice } from './slice'
 
 describe('Settings Sagas', () => {
   let sagaTester: ReduxSagaTester<any>
@@ -39,7 +39,7 @@ describe('Settings Sagas', () => {
     sagaTester = new ReduxSagaTester({
       initialState: { settings: { sdkLanguage: 'Go' } },
       reducers: {
-        settings: slice.reducer,
+        settings: settingsSlice.reducer,
       },
     })
     localStorage.clear()
@@ -47,7 +47,7 @@ describe('Settings Sagas', () => {
   })
 
   describe('setSdkLanguageSaga', () => {
-    const setSdkLanguageAction = actions.setSdkLanguageAction
+    const setSdkLanguageAction = settingActions.setSdkLanguageAction
 
     test('persists value sdkLanguage in localstorage', async () => {
       sagaTester.dispatch(setSdkLanguageAction({ sdkLanguage: 'Kotlin' }))
@@ -60,57 +60,62 @@ describe('Settings Sagas', () => {
         })
       )
       expect(localStorage.setItem).toHaveBeenLastCalledWith(
-        EnvAdaptorConstants.LOCALSTORAGE_SETTINGS_KEY,
+        StoreConstants.LOCALSTORAGE_SETTINGS_KEY,
         JSON.stringify({ sdkLanguage: 'Kotlin' })
       )
     })
   })
 
   describe('initSaga', () => {
-    const { initAction, initSuccessAction, initFailureAction } = actions
-
-    test('sends initSuccess action with default language on success if no persisted language is found', async () => {
-      sagaTester.dispatch(initAction())
-      await sagaTester.waitFor('settings/initSuccessAction')
+    const {
+      initSettingsAction,
+      initSettingsSuccessAction,
+      initSettingsFailureAction,
+    } = settingActions
+
+    test('sends initSuccess action with defaults on success if no persisted settings are found', async () => {
+      sagaTester.dispatch(initSettingsAction())
+      await sagaTester.waitFor('settings/initSettingsSuccessAction')
       const calledActions = sagaTester.getCalledActions()
       expect(calledActions).toHaveLength(2)
-      expect(calledActions[0]).toEqual(initAction())
+      expect(calledActions[0]).toEqual(initSettingsAction())
       expect(calledActions[1]).toEqual(
-        initSuccessAction({
-          sdkLanguage: defaultSettingsState.sdkLanguage,
+        initSettingsSuccessAction({
+          ...defaultSettings,
         })
       )
     })
 
-    test('sends initSuccess action with persisted language on success', async () => {
+    test('sends initSettingsSuccessAction with persisted language on success', async () => {
       jest
         .spyOn(getEnvAdaptor(), 'localStorageGetItem')
         .mockResolvedValueOnce(JSON.stringify({ sdkLanguage: 'Go' }))
 
-      sagaTester.dispatch(initAction())
-      await sagaTester.waitFor('settings/initSuccessAction')
+      sagaTester.dispatch(initSettingsAction())
+      await sagaTester.waitFor('settings/initSettingsSuccessAction')
       const calledActions = sagaTester.getCalledActions()
       expect(calledActions).toHaveLength(2)
-      expect(calledActions[0]).toEqual(initAction())
+      expect(calledActions[0]).toEqual(initSettingsAction())
       expect(calledActions[1]).toEqual(
-        initSuccessAction({
+        initSettingsSuccessAction({
+          ...defaultSettings,
           sdkLanguage: 'Go',
         })
       )
     })
 
-    test('sends initFailure action on error', async () => {
+    test('sends initSettingsFailureAction on error', async () => {
       const error = new Error('boom')
       jest
         .spyOn(getEnvAdaptor(), 'localStorageGetItem')
         .mockRejectedValueOnce(error)
 
-      sagaTester.dispatch(initAction())
-      await sagaTester.waitFor('settings/initFailureAction')
+      sagaTester.dispatch(initSettingsAction())
+      await sagaTester.waitFor('settings/initSettingsFailureAction')
       const calledActions = sagaTester.getCalledActions()
       expect(calledActions).toHaveLength(2)
-      expect(calledActions[0]).toEqual(initAction())
-      expect(calledActions[1]).toEqual(initFailureAction(error))
+      expect(calledActions[0]).toEqual(initSettingsAction())
+      expect(calledActions[1]).toEqual(initSettingsFailureAction(error))
     })
   })
 })

package/src/state/settings/sagas.ts

@@ -25,21 +25,21 @@
  */
 import { takeEvery, call, put, select } from 'typed-redux-saga'
 
-import { EnvAdaptorConstants, getEnvAdaptor } from '../../utils'
+import { getEnvAdaptor } from '@looker/extension-utils'
+import { StoreConstants } from '@looker/run-it'
 import type { RootState } from '../store'
-import { actions, defaultSettings } from './slice'
+import { settingActions, defaultSettings } from './slice'
 
 /**
  * Serializes state to local storage
  */
 function* serializeToLocalStorageSaga() {
-  const envAdaptor = getEnvAdaptor()
+  const adaptor = getEnvAdaptor()
   const settings = yield* select((state: RootState) => ({
     sdkLanguage: state.settings.sdkLanguage,
   }))
-  yield* call(
-    envAdaptor.localStorageSetItem,
-    EnvAdaptorConstants.LOCALSTORAGE_SETTINGS_KEY,
+  adaptor.localStorageSetItem(
+    StoreConstants.LOCALSTORAGE_SETTINGS_KEY,
     JSON.stringify(settings)
   )
 }
@@ -47,11 +47,10 @@ function* serializeToLocalStorageSaga() {
 /**
  * Returns default settings overridden with any persisted state in local storage
  */
-function* deserializeLocalStorage() {
-  const envAdaptor = getEnvAdaptor()
-  const settings = yield* call(
-    envAdaptor.localStorageGetItem,
-    EnvAdaptorConstants.LOCALSTORAGE_SETTINGS_KEY
+async function deserializeLocalStorage() {
+  const adaptor = getEnvAdaptor()
+  const settings = await adaptor.localStorageGetItem(
+    StoreConstants.LOCALSTORAGE_SETTINGS_KEY
   )
   return settings
     ? { ...defaultSettings, ...JSON.parse(settings) }
@@ -62,18 +61,19 @@ function* deserializeLocalStorage() {
  * Initializes the store with default settings and existing persisted settings
  */
 function* initSaga() {
-  const { initSuccessAction, initFailureAction } = actions
+  const { initSettingsSuccessAction, initSettingsFailureAction } =
+    settingActions
   try {
     const settings = yield* call(deserializeLocalStorage)
-    yield* put(initSuccessAction(settings))
+    yield* put(initSettingsSuccessAction(settings))
   } catch (error: any) {
-    yield* put(initFailureAction(error))
+    yield* put(initSettingsFailureAction(error))
   }
 }
 
 export function* saga() {
-  const { initAction, setSdkLanguageAction } = actions
+  const { initSettingsAction, setSdkLanguageAction } = settingActions
 
-  yield* takeEvery(initAction, initSaga)
+  yield* takeEvery(initSettingsAction, initSaga)
   yield* takeEvery(setSdkLanguageAction, serializeToLocalStorageSaga)
 }

package/src/state/settings/selectors.spec.ts

@@ -23,13 +23,9 @@
  SOFTWARE.
 
  */
-import { createTestStore } from '../../test-utils'
+import { createTestStore, preloadedState } from '../../test-utils'
 import { selectSdkLanguage, isInitialized } from './selectors'
 
-const preloadedState = {
-  settings: { initialized: false, sdkLanguage: 'Python' },
-}
-
 const testStore = createTestStore()
 
 describe('Settings selectors', () => {

package/src/state/settings/selectors.ts

@@ -25,10 +25,16 @@
  */
 import type { RootState } from '../store'
 
-const getSettingsState = (state: RootState) => state.settings
+const selectSettingsState = (state: RootState) => state.settings
 
 export const selectSdkLanguage = (state: RootState) =>
-  getSettingsState(state).sdkLanguage
+  selectSettingsState(state).sdkLanguage
+
+export const selectSearchPattern = (state: RootState) =>
+  selectSettingsState(state).searchPattern
+
+export const selectSearchCriteria = (state: RootState) =>
+  selectSettingsState(state).searchCriteria
 
 export const isInitialized = (state: RootState) =>
-  getSettingsState(state).initialized
+  selectSettingsState(state).initialized

package/src/state/settings/slice.ts

@@ -26,6 +26,9 @@
 import { createSlice } from '@reduxjs/toolkit'
 import type { PayloadAction } from '@reduxjs/toolkit'
 import { createSliceHooks } from '@looker/redux'
+import type { SearchCriterionTerm } from '@looker/sdk-codegen'
+import { SearchAll, setToCriteria } from '@looker/sdk-codegen'
+
 import { saga } from './sagas'
 
 export interface UserDefinedSettings {
@@ -33,12 +36,16 @@ export interface UserDefinedSettings {
 }
 
 export interface SettingState extends UserDefinedSettings {
+  searchPattern: string
+  searchCriteria: SearchCriterionTerm[]
   initialized: boolean
   error?: Error
 }
 
 export const defaultSettings = {
   sdkLanguage: 'Python',
+  searchPattern: '',
+  searchCriteria: setToCriteria(SearchAll) as SearchCriterionTerm[],
 }
 
 export const defaultSettingsState: SettingState = {
@@ -46,32 +53,42 @@ export const defaultSettingsState: SettingState = {
   initialized: false,
 }
 
-export interface SetSdkLanguageAction {
-  sdkLanguage: string
-}
+type SetSearchPatternAction = Pick<SettingState, 'searchPattern'>
+type SetSdkLanguageAction = Pick<SettingState, 'sdkLanguage'>
 
 export type InitSuccessPayload = UserDefinedSettings
 
-export const slice = createSlice({
+export const settingsSlice = createSlice({
   name: 'settings',
   initialState: defaultSettingsState,
   reducers: {
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    initAction() {},
-    initSuccessAction(state, action: PayloadAction<InitSuccessPayload>) {
+    initSettingsAction() {},
+    initSettingsSuccessAction(
+      state,
+      action: PayloadAction<InitSuccessPayload>
+    ) {
       state.sdkLanguage = action.payload.sdkLanguage
       state.initialized = true
     },
-    initFailureAction(state, action: PayloadAction<Error>) {
+    initSettingsFailureAction(state, action: PayloadAction<Error>) {
       state.error = action.payload
       state.initialized = false
     },
     setSdkLanguageAction(state, action: PayloadAction<SetSdkLanguageAction>) {
       state.sdkLanguage = action.payload.sdkLanguage
     },
+    setSearchPatternAction(
+      state,
+      action: PayloadAction<SetSearchPatternAction>
+    ) {
+      state.searchPattern = action.payload.searchPattern
+    },
   },
 })
 
-export const actions = slice.actions
-export const { useActions, useStoreState: useSettingsStoreState } =
-  createSliceHooks(slice, saga)
+export const settingActions = settingsSlice.actions
+export const {
+  useActions: useSettingActions,
+  useStoreState: useSettingStoreState,
+} = createSliceHooks(settingsSlice, saga)

package/src/state/store.ts

@@ -26,17 +26,22 @@
 import { createStore } from '@looker/redux'
 
 import type { SettingState } from './settings'
-import { defaultSettingsState, slice } from './settings'
+import { defaultSettingsState, settingsSlice } from './settings'
+import type { LodesState } from './lodes'
+import { lodesSlice, defaultLodesState } from './lodes'
 
 export const store = createStore({
   preloadedState: {
     settings: defaultSettingsState,
+    lodes: defaultLodesState,
   },
   reducer: {
-    settings: slice.reducer,
+    settings: settingsSlice.reducer,
+    lodes: lodesSlice.reducer,
   },
 })
 
 export interface RootState {
   settings: SettingState
+  lodes: LodesState
 }