@looker/api-explorer 0.9.54 → 0.9.57

package/src/state/specs/sagas.ts

@@ -23,64 +23,64 @@
  SOFTWARE.
 
  */
-import type { SpecItem, SpecList } from '@looker/sdk-codegen'
-import { call, put, takeEvery, select } from 'typed-redux-saga'
-import type { PayloadAction } from '@reduxjs/toolkit'
+import type { SpecItem, SpecList } from '@looker/sdk-codegen';
+import { call, put, select, takeEvery } from 'typed-redux-saga';
+import type { PayloadAction } from '@reduxjs/toolkit';
 
-import { getApixAdaptor } from '../../utils'
-import type { RootState } from '../store'
-import type { InitSpecsAction, SetCurrentSpecAction } from './slice'
-import { specActions } from './slice'
+import { getApixAdaptor } from '../../utils';
+import type { RootState } from '../store';
+import type { InitSpecsAction, SetCurrentSpecAction } from './slice';
+import { specActions } from './slice';
 
 function* initSaga(action: PayloadAction<InitSpecsAction>) {
-  const { initSpecsSuccessAction, initSpecsFailureAction } = specActions
-  const adaptor = getApixAdaptor()
+  const { initSpecsSuccessAction, initSpecsFailureAction } = specActions;
+  const adaptor = getApixAdaptor();
 
   try {
-    const specs: SpecList = yield* call([adaptor, 'fetchSpecList'])
-    let currentSpecKey = action.payload.specKey
+    const specs: SpecList = yield* call([adaptor, 'fetchSpecList']);
+    let currentSpecKey = action.payload.specKey;
     if (!currentSpecKey || !specs[currentSpecKey]) {
       // if current spec key is invalid or not assigned, default to the first "current" spec
       currentSpecKey = Object.values(specs).find(
         (spec) => spec.status === 'current'
-      )!.key
+      )!.key;
     }
-    const spec = yield* call([adaptor, 'fetchSpec'], specs[currentSpecKey])
-    specs[currentSpecKey] = spec
-    yield* put(initSpecsSuccessAction({ specs, currentSpecKey }))
+    const spec = yield* call([adaptor, 'fetchSpec'], specs[currentSpecKey]);
+    specs[currentSpecKey] = spec;
+    yield* put(initSpecsSuccessAction({ specs, currentSpecKey }));
   } catch (error: any) {
     // TODO if an error occurs here extension api explorer hangs.
     // Needs to be fixed. For now report the error.
-    console.error(error)
-    yield* put(initSpecsFailureAction(new Error(error.message)))
+    console.error(error);
+    yield* put(initSpecsFailureAction(new Error(error.message)));
   }
 }
 
 function* setCurrentSpecSaga(action: PayloadAction<SetCurrentSpecAction>) {
   const { setCurrentSpecSuccessAction, setCurrentSpecFailureAction } =
-    specActions
-  const adaptor = getApixAdaptor()
+    specActions;
+  const adaptor = getApixAdaptor();
   const spec: SpecItem = yield* select(
     (state: RootState) => state.specs.specs[action.payload.currentSpecKey]
-  )
+  );
 
   try {
-    const newSpec = yield* call([adaptor, 'fetchSpec'], spec)
+    const newSpec = yield* call([adaptor, 'fetchSpec'], spec);
     yield* put(
       setCurrentSpecSuccessAction({
         api: newSpec.api!,
         currentSpecKey: action.payload.currentSpecKey,
       })
-    )
+    );
   } catch (error: any) {
-    console.error(error)
-    yield put(setCurrentSpecFailureAction(new Error(error.message)))
+    console.error(error);
+    yield put(setCurrentSpecFailureAction(new Error(error.message)));
   }
 }
 
 export function* saga() {
-  const { initSpecsAction, setCurrentSpecAction } = specActions
+  const { initSpecsAction, setCurrentSpecAction } = specActions;
 
-  yield* takeEvery(initSpecsAction, initSaga)
-  yield* takeEvery(setCurrentSpecAction, setCurrentSpecSaga)
+  yield* takeEvery(initSpecsAction, initSaga);
+  yield* takeEvery(setCurrentSpecAction, setCurrentSpecSaga);
 }

package/src/state/specs/selectors.ts

@@ -23,15 +23,15 @@
  SOFTWARE.
 
  */
-import type { SpecItem } from '@looker/sdk-codegen'
+import type { SpecItem } from '@looker/sdk-codegen';
 
-import type { RootState } from '../store'
+import type { RootState } from '../store';
 
-const selectSpecsState = (state: RootState) => state.specs
+const selectSpecsState = (state: RootState) => state.specs;
 
-export const selectSpecs = (state: RootState) => selectSpecsState(state).specs
+export const selectSpecs = (state: RootState) => selectSpecsState(state).specs;
 
 export const selectCurrentSpec = (state: RootState): SpecItem => {
-  const specState = selectSpecsState(state)
-  return specState.specs[specState.currentSpecKey]
-}
+  const specState = selectSpecsState(state);
+  return specState.specs[specState.currentSpecKey];
+};

package/src/state/specs/slice.ts

@@ -23,19 +23,19 @@
  SOFTWARE.
 
  */
-import type { PayloadAction } from '@reduxjs/toolkit'
-import { createSlice } from '@reduxjs/toolkit'
-import type { ApiModel, SpecList } from '@looker/sdk-codegen'
-import { createSliceHooks } from '@looker/redux'
+import type { PayloadAction } from '@reduxjs/toolkit';
+import { createSlice } from '@reduxjs/toolkit';
+import type { ApiModel, SpecList } from '@looker/sdk-codegen';
+import { createSliceHooks } from '@looker/redux';
 
-import { saga } from './sagas'
+import { saga } from './sagas';
 
 export interface SpecState {
-  specs: SpecList
-  currentSpecKey: string
-  error?: Error
-  working: boolean
-  description?: string
+  specs: SpecList;
+  currentSpecKey: string;
+  error?: Error;
+  working: boolean;
+  description?: string;
 }
 
 export const defaultSpecsState: SpecState = {
@@ -43,24 +43,24 @@ export const defaultSpecsState: SpecState = {
   currentSpecKey: '',
   working: true,
   description: undefined,
-}
+};
 
 export interface InitSpecsAction {
-  specKey: string | null
+  specKey: string | null;
 }
 
 export interface InitSpecsSuccessPayload {
-  specs: SpecList
-  currentSpecKey: string
+  specs: SpecList;
+  currentSpecKey: string;
 }
 
 export interface SetCurrentSpecAction {
-  currentSpecKey: string
+  currentSpecKey: string;
 }
 
 interface SetCurrentSpecSuccessAction {
-  api: ApiModel
-  currentSpecKey: string
+  api: ApiModel;
+  currentSpecKey: string;
 }
 
 export const specsSlice = createSlice({
@@ -68,42 +68,42 @@ export const specsSlice = createSlice({
   initialState: defaultSpecsState,
   reducers: {
     initSpecsAction(state, _action: PayloadAction<InitSpecsAction>) {
-      state.working = true
-      state.description = 'Fetching specifications...'
+      state.working = true;
+      state.description = 'Fetching specifications...';
     },
     initSpecsSuccessAction(
       state,
       action: PayloadAction<InitSpecsSuccessPayload>
     ) {
-      state.specs = action.payload.specs
-      state.currentSpecKey = action.payload.currentSpecKey
-      state.working = false
-      state.description = undefined
+      state.specs = action.payload.specs;
+      state.currentSpecKey = action.payload.currentSpecKey;
+      state.working = false;
+      state.description = undefined;
     },
     initSpecsFailureAction(state, action: PayloadAction<Error>) {
-      state.working = false
-      state.error = action.payload
+      state.working = false;
+      state.error = action.payload;
     },
     setCurrentSpecAction(state, action: PayloadAction<SetCurrentSpecAction>) {
-      state.working = true
-      state.description = `Fetching API ${action.payload.currentSpecKey} spec`
+      state.working = true;
+      state.description = `Fetching API ${action.payload.currentSpecKey} spec`;
     },
     setCurrentSpecSuccessAction(
       state,
       action: PayloadAction<SetCurrentSpecSuccessAction>
     ) {
-      state.currentSpecKey = action.payload.currentSpecKey
-      state.specs[state.currentSpecKey].api = action.payload.api
-      state.description = undefined
-      state.working = false
+      state.currentSpecKey = action.payload.currentSpecKey;
+      state.specs[state.currentSpecKey].api = action.payload.api;
+      state.description = undefined;
+      state.working = false;
     },
     setCurrentSpecFailureAction(state, action: PayloadAction<Error>) {
-      state.working = false
-      state.error = action.payload
+      state.working = false;
+      state.error = action.payload;
     },
   },
-})
+});
 
-export const specActions = specsSlice.actions
+export const specActions = specsSlice.actions;
 export const { useActions: useSpecActions, useStoreState: useSpecStoreState } =
-  createSliceHooks(specsSlice, saga)
+  createSliceHooks(specsSlice, saga);

package/src/state/store.ts

@@ -23,22 +23,22 @@
  SOFTWARE.
 
  */
-import { createStore } from '@looker/redux'
-import type { DevToolsEnhancerOptions, PayloadAction } from '@reduxjs/toolkit'
-import type { Action } from 'redux'
-import map from 'lodash/map'
-import type { SpecList } from '@looker/sdk-codegen'
+import { createStore } from '@looker/redux';
+import type { DevToolsEnhancerOptions, PayloadAction } from '@reduxjs/toolkit';
+import type { Action } from 'redux';
+import map from 'lodash/map';
+import type { SpecList } from '@looker/sdk-codegen';
 
-import type { SettingState } from './settings'
-import { defaultSettingsState, settingsSlice } from './settings'
-import type { LodesState } from './lodes'
-import { lodesSlice, defaultLodesState } from './lodes'
-import type { SpecState, InitSpecsSuccessPayload } from './specs'
-import { defaultSpecsState, specsSlice } from './specs'
+import type { SettingState } from './settings';
+import { defaultSettingsState, settingsSlice } from './settings';
+import type { LodesState } from './lodes';
+import { defaultLodesState, lodesSlice } from './lodes';
+import type { InitSpecsSuccessPayload, SpecState } from './specs';
+import { defaultSpecsState, specsSlice } from './specs';
 
 const isInitSuccessAction = (
   action: any
-): action is PayloadAction<InitSpecsSuccessPayload> => !!action.payload?.specs
+): action is PayloadAction<InitSpecsSuccessPayload> => !!action.payload?.specs;
 
 const actionSanitizer = <A extends Partial<Action>>(
   action: A,
@@ -51,10 +51,10 @@ const actionSanitizer = <A extends Partial<Action>>(
         ...action.payload,
         specs: sanitizeSpecs(action.payload.specs),
       },
-    }
+    };
   }
-  return action
-}
+  return action;
+};
 
 const stateSanitizer = <S extends Partial<RootState>>(
   state: S,
@@ -67,22 +67,22 @@ const stateSanitizer = <S extends Partial<RootState>>(
         ...state.specs,
         specs: sanitizeSpecs(state.specs.specs),
       },
-    }
+    };
   }
-  return state
-}
+  return state;
+};
 
 const sanitizeSpecs = (specList: SpecList) =>
   map(specList, (spec) => ({
     ...spec,
     api: spec.api ? '<api>' : undefined,
     specContent: spec.specContent ? '<specContent>' : undefined,
-  })) as unknown as SpecList
+  })) as unknown as SpecList;
 
 const devTools =
   process.env.NODE_ENV !== 'production'
     ? ({ actionSanitizer, stateSanitizer } as DevToolsEnhancerOptions)
-    : false
+    : false;
 
 export const store = createStore({
   devTools,
@@ -96,10 +96,10 @@ export const store = createStore({
     lodes: lodesSlice.reducer,
     specs: specsSlice.reducer,
   },
-})
+});
 
 export interface RootState {
-  settings: SettingState
-  lodes: LodesState
-  specs: SpecState
+  settings: SettingState;
+  lodes: LodesState;
+  specs: SpecState;
 }

package/src/test-data/declarations.ts

@@ -23,7 +23,7 @@
  SOFTWARE.
 
  */
-import type { IDeclarationMine } from '@looker/sdk-codegen'
+import type { IDeclarationMine } from '@looker/sdk-codegen';
 
 export const declarations: IDeclarationMine = {
   commitHash: '1e9348b797c2f3760d03c1f94c60f18e534e8298',
@@ -40,4 +40,4 @@ export const declarations: IDeclarationMine = {
       sourceFile: 'packages/api-explorer/src/utils/lodeUtils.ts',
     },
   },
-}
+};

package/src/test-data/examples.ts

@@ -23,7 +23,7 @@
  SOFTWARE.
 
  */
-import type { IExampleMine } from '@looker/sdk-codegen'
+import type { IExampleMine } from '@looker/sdk-codegen';
 
 // prettier-ignore
 export const examples: IExampleMine = {

package/src/test-data/index.ts

@@ -23,7 +23,7 @@
  SOFTWARE.
 
  */
-export * from './specs'
-export { examples } from './examples'
-export * from './declarations'
-export * from './sdkLanguages'
+export * from './specs';
+export { examples } from './examples';
+export * from './declarations';
+export * from './sdkLanguages';

package/src/test-data/sdkLanguages.ts

@@ -31,6 +31,6 @@ export const sdkLanguageMapping = {
   swift: 'Swift',
   go: 'Go',
   all: 'All',
-}
+};
 
-export const languages = Object.values(sdkLanguageMapping)
+export const languages = Object.values(sdkLanguageMapping);

package/src/test-data/specs.ts

@@ -23,10 +23,10 @@
  SOFTWARE.
 
  */
-import type { SpecList } from '@looker/sdk-codegen'
-import { ApiModel } from '@looker/sdk-codegen'
-import type { SpecState } from '../state'
-import { defaultSpecsState } from '../state'
+import type { SpecList } from '@looker/sdk-codegen';
+import { ApiModel } from '@looker/sdk-codegen';
+import type { SpecState } from '../state';
+import { defaultSpecsState } from '../state';
 
 export const specs: SpecList = {
   '3.1': {
@@ -45,19 +45,19 @@ export const specs: SpecList = {
     specContent: require('../../../../spec/Looker.4.0.oas.json'),
     version: '4.0',
   },
-}
+};
 
-export const api = ApiModel.fromJson(specs['3.1'].specContent)
-export const api40 = ApiModel.fromJson(specs['4.0'].specContent)
+export const api = ApiModel.fromJson(specs['3.1'].specContent);
+export const api40 = ApiModel.fromJson(specs['4.0'].specContent);
 
 export const getLoadedSpecs = () => {
-  const loadedSpecs = { ...specs }
-  loadedSpecs['3.1'].api = api
-  loadedSpecs['4.0'].api = api40
-  return loadedSpecs
-}
+  const loadedSpecs = { ...specs };
+  loadedSpecs['3.1'].api = api;
+  loadedSpecs['4.0'].api = api40;
+  return loadedSpecs;
+};
 
 export const specState: SpecState = {
   ...defaultSpecsState,
   specs: getLoadedSpecs(),
-}
+};

package/src/test-utils/index.ts

@@ -23,6 +23,6 @@
  SOFTWARE.
 
  */
-export * from './lodes'
-export * from './router'
-export * from './redux'
+export * from './lodes';
+export * from './router';
+export * from './redux';

package/src/test-utils/lodes.tsx

@@ -23,19 +23,19 @@
  SOFTWARE.
 
  */
-import type { IDeclarationMine, IExampleMine } from '@looker/sdk-codegen'
-import type { ReactElement } from 'react'
-import type { RenderOptions } from '@testing-library/react'
-import { renderWithTheme } from '@looker/components-test-utils'
+import type { IDeclarationMine, IExampleMine } from '@looker/sdk-codegen';
+import type { ReactElement } from 'react';
+import type { RenderOptions } from '@testing-library/react';
+import { renderWithTheme } from '@looker/components-test-utils';
 
-import { createTestStore, withReduxProvider } from './redux'
+import { createTestStore, withReduxProvider } from './redux';
 
 export const renderWithLode = (
   consumers: ReactElement<any>,
   examples: IExampleMine,
   declarations?: IDeclarationMine,
-  options?: Omit<RenderOptions, 'queries'>
+  options?: Omit<RenderOptions<any>, 'queries'>
 ) => {
-  const store = createTestStore({ lodes: { examples, declarations } })
-  return renderWithTheme(withReduxProvider(consumers, store), options)
-}
+  const store = createTestStore({ lodes: { examples, declarations } });
+  return renderWithTheme(withReduxProvider(consumers, store), options);
+};

package/src/test-utils/redux.tsx

@@ -24,59 +24,63 @@
 
  */
 
-import type { ReactElement } from 'react'
-import React from 'react'
-import { Provider } from 'react-redux'
-import type { Store } from 'redux'
-import { renderWithTheme } from '@looker/components-test-utils'
-import type { RenderOptions } from '@testing-library/react'
-import { createStore } from '@looker/redux'
-import { BrowserAdaptor, registerEnvAdaptor } from '@looker/extension-utils'
-import { initRunItSdk } from '@looker/run-it'
+import type { ReactElement } from 'react';
+import React from 'react';
+import { Provider } from 'react-redux';
+import type { Store } from 'redux';
+import { renderWithTheme } from '@looker/components-test-utils';
+import type { RenderOptions } from '@testing-library/react';
+import { createStore } from '@looker/redux';
+import { BrowserAdaptor, registerEnvAdaptor } from '@looker/extension-utils';
+import { initRunItSdk } from '@looker/run-it';
 
-import type { LodesState, RootState, SettingState, SpecState } from '../state'
+import type { LodesState, RootState, SettingState, SpecState } from '../state';
 import {
-  settingsSlice,
   defaultLodesState,
   defaultSettingsState,
-  lodesSlice,
   defaultSpecsState,
+  lodesSlice,
+  settingsSlice,
   specsSlice,
-} from '../state'
-import { specState } from '../test-data'
-import { renderWithRouter } from './router'
+} from '../state';
+import { specState } from '../test-data';
+import { renderWithRouter } from './router';
 
 export const withReduxProvider = (
   consumers: ReactElement<any>,
   store: Store<RootState> = createTestStore()
 ) => {
-  registerEnvAdaptor(new BrowserAdaptor(initRunItSdk()))
-  return <Provider store={store}>{consumers}</Provider>
-}
+  registerEnvAdaptor(new BrowserAdaptor(initRunItSdk()));
+  return <Provider store={store}>{consumers}</Provider>;
+};
 
 export const renderWithReduxProvider = (
   consumers: ReactElement<any>,
   store?: Store<RootState>,
-  options?: Omit<RenderOptions, 'queries'>
-) => renderWithTheme(withReduxProvider(consumers, store), options)
+  options?: Omit<RenderOptions<any>, 'queries'>
+) => renderWithTheme(withReduxProvider(consumers, store), options);
 
 export const renderWithRouterAndReduxProvider = (
   consumers: ReactElement<any>,
   initialEntries: string[] = ['/'],
   store?: Store<RootState>,
-  options?: Omit<RenderOptions, 'queries'>
+  options?: Omit<RenderOptions<any>, 'queries'>
 ) =>
-  renderWithRouter(withReduxProvider(consumers, store), initialEntries, options)
+  renderWithRouter(
+    withReduxProvider(consumers, store),
+    initialEntries,
+    options
+  );
 
 export const preloadedState: RootState = {
   settings: defaultSettingsState,
   lodes: defaultLodesState,
   specs: defaultSpecsState,
-}
+};
 
 type DeepPartial<T> = {
-  [P in keyof T]?: DeepPartial<T[P]>
-}
+  [P in keyof T]?: DeepPartial<T[P]>;
+};
 
 export const createTestStore = (overrides?: DeepPartial<RootState>) =>
   createStore({
@@ -99,4 +103,4 @@ export const createTestStore = (overrides?: DeepPartial<RootState>) =>
       lodes: lodesSlice.reducer,
       specs: specsSlice.reducer,
     },
-  })
+  });

package/src/test-utils/router.tsx

@@ -24,19 +24,19 @@
 
  */
 
-import type { ReactElement } from 'react'
-import React from 'react'
-import { MemoryRouter } from 'react-router-dom'
-import type { RenderOptions } from '@testing-library/react'
-import { renderWithTheme } from '@looker/components-test-utils'
+import type { ReactElement } from 'react';
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import type { RenderOptions } from '@testing-library/react';
+import { renderWithTheme } from '@looker/components-test-utils';
 
 export const withRouter = (
   children: ReactElement<any> | ReactElement[],
   initialEntries: string[] = ['/']
-) => <MemoryRouter initialEntries={initialEntries}>{children}</MemoryRouter>
+) => <MemoryRouter initialEntries={initialEntries}>{children}</MemoryRouter>;
 
 export const renderWithRouter = (
   children: ReactElement<any> | ReactElement[],
   initialEntries?: string[],
-  options?: Omit<RenderOptions, 'queries'>
-) => renderWithTheme(withRouter(children, initialEntries), options)
+  options?: Omit<RenderOptions<any>, 'queries'>
+) => renderWithTheme(withRouter(children, initialEntries), options);