@looker/api-explorer 0.9.36 → 0.9.38

package/src/scenes/MethodScene/components/DocResponses/DocResponses.spec.tsx

@@ -0,0 +1,153 @@
+/*
+
+ 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 React from 'react'
+import { screen, waitFor } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import {
+  registerTestEnvAdaptor,
+  unregisterEnvAdaptor,
+} from '@looker/extension-utils'
+
+import { api } from '../../../../test-data'
+import { renderWithRouter } from '../../../../test-utils'
+import { DocResponses } from './DocResponses'
+import { buildResponseTree } from './utils'
+
+describe('DocResponses', () => {
+  beforeAll(() => {
+    registerTestEnvAdaptor()
+  })
+
+  afterAll(() => {
+    unregisterEnvAdaptor()
+  })
+
+  test('it renders all response statuses and their types', async () => {
+    const responses = api.methods.run_look.responses
+    renderWithRouter(<DocResponses api={api} method={api.methods.run_look} />)
+
+    expect(screen.getByText('Response Models')).toBeInTheDocument()
+
+    const responseTree = buildResponseTree(responses)
+    const expectedRespStatuses = Object.keys(responseTree)
+    expect(
+      screen.getAllByRole('tab', {
+        name: new RegExp(`${expectedRespStatuses.join('|')}`),
+      })
+    ).toHaveLength(expectedRespStatuses.length)
+
+    userEvent.click(screen.getByRole('tab', { name: '200: Look' }))
+    const successRespTypes = Object.keys(responseTree['200: Look'])
+    await waitFor(() => {
+      expect(
+        screen.getAllByRole('button', {
+          name: new RegExp(`${successRespTypes.join('|')}`),
+        })
+      ).toHaveLength(successRespTypes.length)
+    })
+  })
+
+  test('selects tab corresponding to error code query param if present', async () => {
+    const sampleIndex = {
+      '404': {
+        url: '404.md',
+      },
+      '404/post/login': {
+        url: 'login_404.md',
+      },
+    }
+
+    const badLoginMd = `## API Response 404 for \`login\`
+
+## Description
+
+A 404 Error response from the /login endpoint most often means that an attempt to login at a valid Looker URL was made but the combination of client_id and client_secret provided do not match an existing valid credential on that instance.
+
+See [HTTP 404 - Not Found](https://docs.looker.com/r/reference/looker-http-codes/404) for general information about this HTTP response from Looker.`
+
+    const mockResponse = async (val: string): Promise<Response> => {
+      const resp: Response = {
+        bodyUsed: false,
+        ok: true,
+        redirected: false,
+        statusText: '',
+        url: '',
+        text(): Promise<string> {
+          return Promise.resolve(val)
+        },
+        status: 200,
+        headers: {} as Headers,
+        type: 'basic',
+        clone: function (): Response {
+          throw new Error('Function not implemented.')
+        },
+        body: null,
+        arrayBuffer: function (): Promise<ArrayBuffer> {
+          throw new Error('Function not implemented.')
+        },
+        blob: function (): Promise<Blob> {
+          throw new Error('Function not implemented.')
+        },
+        formData: function (): Promise<FormData> {
+          throw new Error('Function not implemented.')
+        },
+        json: function (): Promise<any> {
+          throw new Error('Function not implemented.')
+        },
+      }
+      return Promise.resolve(resp)
+    }
+    const fetcher = global.fetch
+    global.fetch = jest.fn((input: RequestInfo, _init?: RequestInit) => {
+      const url = input.toString()
+      let result = 'I dunno'
+      if (url.endsWith('index.json')) {
+        result = JSON.stringify(sampleIndex)
+      }
+      if (url.endsWith('login_404.md')) {
+        result = badLoginMd
+      }
+      return mockResponse(result)
+    })
+
+    renderWithRouter(
+      <DocResponses api={api} method={api.methods.login} errorCode="404" />
+    )
+    expect(screen.getByText('Response Models')).toBeInTheDocument()
+
+    await waitFor(() => {
+      expect(screen.getByRole('tab', { name: /^404: \w+/ })).toHaveAttribute(
+        'aria-selected',
+        'true'
+      )
+      expect(
+        screen.getByRole('heading', { name: 'Description' })
+      ).toBeInTheDocument()
+    })
+
+    global.fetch = fetcher
+  })
+})

package/src/scenes/MethodScene/components/DocResponses/DocResponses.tsx

@@ -0,0 +1,103 @@
+/*
+
+ 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 React, { useEffect, useState } from 'react'
+import { Tabs2, Tab2 } from '@looker/components'
+import type { ApiModel, IMethod } from '@looker/sdk-codegen'
+import { CollapserCard } from '@looker/run-it'
+import { ErrorDoc } from '@looker/sdk-rtl'
+import {
+  apiErrorDisplayFetch,
+  ExtMarkdown,
+  getEnvAdaptor,
+} from '@looker/extension-utils'
+
+import { DocResponseTypes } from './DocResponseTypes'
+import { buildResponseTree } from './utils'
+
+interface DocResponsesProps {
+  api: ApiModel
+  method: IMethod
+  /** error code to display */
+  errorCode?: string
+}
+
+/**
+ * Renders a tab list and tab panels for different method response types
+ */
+export const DocResponses = ({ api, method, errorCode }: DocResponsesProps) => {
+  const [errorContent, setErrorContent] = useState('')
+  const responses = method.responses
+
+  const responseTree = buildResponseTree(responses)
+  const tabNames = Object.keys(responseTree)
+
+  let defaultTabId = tabNames[0]
+
+  if (errorCode) {
+    const pattern = new RegExp(`${errorCode}: \\w+`)
+    tabNames.forEach((el) => {
+      if (pattern.test(el)) {
+        defaultTabId = el
+      }
+    })
+  }
+
+  useEffect(() => {
+    if (!errorCode) return
+
+    const getErrorContent = async () => {
+      const docUrl = `/err/4.0/${errorCode}/${method.httpMethod.toLocaleLowerCase()}${
+        method.endpoint
+      }`
+      const adaptor = getEnvAdaptor()
+      const errDoc = new ErrorDoc(adaptor.sdk, apiErrorDisplayFetch)
+      const content = await errDoc.content(docUrl)
+      setErrorContent(content)
+    }
+    getErrorContent()
+  }, [errorCode])
+
+  if (responses.length === 0) return <></>
+
+  return (
+    <CollapserCard heading="Response Models" id="response models">
+      <Tabs2 defaultTabId={defaultTabId}>
+        {Object.entries(responseTree).map(([statusCode, response]) => {
+          const errorTab = errorCode && statusCode === defaultTabId
+          return (
+            <Tab2 key={statusCode} id={statusCode} label={statusCode}>
+              <DocResponseTypes api={api} responses={response} />
+              {errorContent && errorTab && (
+                <ExtMarkdown source={errorContent} />
+              )}
+            </Tab2>
+          )
+        })}
+      </Tabs2>
+    </CollapserCard>
+  )
+}

package/src/{components → scenes/MethodScene/components}/DocResponses/utils.spec.ts

@@ -23,7 +23,7 @@
  SOFTWARE.
 
  */
-import { api } from '../../test-data'
+import { api } from '../../../../test-data'
 import { buildResponseTree } from './utils'
 
 describe('DocResponses utils', () => {

package/src/scenes/MethodScene/components/index.ts

@@ -25,3 +25,4 @@
  */
 export { DocOperation } from './DocOperation'
 export { DocRequestBody } from './DocRequestBody'
+export { DocResponses } from './DocResponses'

package/src/scenes/MethodTagScene/MethodTagScene.spec.tsx

@@ -29,16 +29,28 @@ 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 { MethodTagScene } from './MethodTagScene'
 
 const opBtnNames = /ALL|GET|POST|PUT|PATCH|DELETE/
 
+const mockHistoryPush = jest.fn()
+jest.mock('react-router-dom', () => {
+  const ReactRouterDOM = jest.requireActual('react-router-dom')
+  return {
+    ...ReactRouterDOM,
+    useHistory: () => ({
+      push: mockHistoryPush,
+      location,
+    }),
+  }
+})
+
 describe('MethodTagScene', () => {
   Element.prototype.scrollTo = jest.fn()
 
   test('it renders operation buttons and all methods for a given method tag', () => {
-    renderWithRouter(
+    renderWithRouterAndReduxProvider(
       <Route path="/:specKey/methods/:methodTag">
         <MethodTagScene api={api} />
       </Route>,
@@ -62,7 +74,7 @@ describe('MethodTagScene', () => {
 
   test('it only renders operation buttons for operations that exist under that tag', () => {
     /** ApiAuth contains two POST methods and a DELETE method */
-    renderWithRouter(
+    renderWithRouterAndReduxProvider(
       <Route path="/:specKey/methods/:methodTag">
         <MethodTagScene api={api} />
       </Route>,
@@ -75,30 +87,29 @@ describe('MethodTagScene', () => {
     ).toHaveLength(3)
   })
 
-  test('it filters methods by operation type', async () => {
-    renderWithRouter(
+  test('it pushes filter to URL on toggle', async () => {
+    renderWithRouterAndReduxProvider(
       <Route path="/:specKey/methods/:methodTag">
         <MethodTagScene api={api} />
       </Route>,
       ['/3.1/methods/Look']
     )
-    const allLookMethods = /^\/look.*/
-    expect(screen.getAllByText(allLookMethods)).toHaveLength(7)
     /** Filter by GET operation */
     userEvent.click(screen.getByRole('button', { name: 'GET' }))
     await waitFor(() => {
-      expect(screen.getAllByText(allLookMethods)).toHaveLength(4)
+      expect(mockHistoryPush).toHaveBeenCalledWith({
+        pathname: location.pathname,
+        search: 't=get',
+      })
     })
     /** Filter by DELETE operation */
     userEvent.click(screen.getByRole('button', { name: 'DELETE' }))
     await waitFor(() => {
       // eslint-disable-next-line jest-dom/prefer-in-document
-      expect(screen.getAllByText(allLookMethods)).toHaveLength(1)
-    })
-    /** Restore original state */
-    userEvent.click(screen.getByRole('button', { name: 'ALL' }))
-    await waitFor(() => {
-      expect(screen.getAllByText(allLookMethods)).toHaveLength(7)
+      expect(mockHistoryPush).toHaveBeenCalledWith({
+        pathname: location.pathname,
+        search: 't=delete',
+      })
     })
   })
 })

package/src/scenes/MethodTagScene/MethodTagScene.tsx

@@ -28,8 +28,11 @@ import React, { useEffect, useState } from 'react'
 import { useHistory, useParams } from 'react-router-dom'
 import { Grid, ButtonToggle, ButtonItem } from '@looker/components'
 import type { ApiModel } from '@looker/sdk-codegen'
+import { useSelector } from 'react-redux'
 import { ApixSection, DocTitle, DocMethodSummary, Link } from '../../components'
-import { buildMethodPath, useNavigation } from '../../utils'
+import { buildMethodPath, isValidFilter, useNavigation } from '../../utils'
+import { selectTagFilter, useSettingActions } from '../../state'
+import { useTagStoreSync } from '../utils'
 import { getOperations } from './utils'
 
 interface MethodTagSceneProps {
@@ -44,18 +47,38 @@ interface MethodTagSceneParams {
 export const MethodTagScene: FC<MethodTagSceneProps> = ({ api }) => {
   const { specKey, methodTag } = useParams<MethodTagSceneParams>()
   const history = useHistory()
-  const navigate = useNavigation()
-  const [value, setValue] = useState('ALL')
+  const methods = api.tags[methodTag]
+  const { navigate, buildPathWithGlobalParams, navigateWithGlobalParams } =
+    useNavigation()
+  const selectedTagFilter = useSelector(selectTagFilter)
+  const { setTagFilterAction } = useSettingActions()
+  const [tagFilter, setTagFilter] = useState(selectedTagFilter)
+  useTagStoreSync()
+
+  const handleChange = (filter: string) => {
+    navigate(location.pathname, {
+      t: filter === 'ALL' ? null : filter.toLowerCase(),
+    })
+  }
 
   useEffect(() => {
-    /** Reset ButtonToggle value on route change */
-    setValue('ALL')
-  }, [methodTag])
+    const searchParams = new URLSearchParams(location.search)
+    let verbParam = searchParams.get('t') || 'ALL'
+    verbParam = isValidFilter(location.pathname, verbParam)
+      ? verbParam.toUpperCase()
+      : 'ALL'
+    setTagFilterAction({
+      tagFilter: verbParam,
+    })
+  }, [location.search])
+
+  useEffect(() => {
+    setTagFilter(selectedTagFilter)
+  }, [selectedTagFilter])
 
-  const methods = api.tags[methodTag]
   useEffect(() => {
     if (!methods) {
-      navigate(`/${specKey}/methods`)
+      navigateWithGlobalParams(`/${specKey}/methods`)
     }
   }, [history, methods])
   if (!methods) {
@@ -69,7 +92,12 @@ export const MethodTagScene: FC<MethodTagSceneProps> = ({ api }) => {
   return (
     <ApixSection>
       <DocTitle>{`${tag.name}: ${tag.description}`}</DocTitle>
-      <ButtonToggle mb="small" mt="xlarge" value={value} onChange={setValue}>
+      <ButtonToggle
+        mb="small"
+        mt="xlarge"
+        value={tagFilter}
+        onChange={handleChange}
+      >
         <ButtonItem key="ALL" px="large" py="xsmall">
           ALL
         </ButtonItem>
@@ -81,10 +109,13 @@ export const MethodTagScene: FC<MethodTagSceneProps> = ({ api }) => {
       </ButtonToggle>
       {Object.values(methods).map(
         (method, index) =>
-          (value === 'ALL' || value === method.httpMethod) && (
+          (selectedTagFilter === 'ALL' ||
+            selectedTagFilter === method.httpMethod) && (
             <Link
               key={index}
-              to={buildMethodPath(specKey, tag.name, method.name)}
+              to={buildPathWithGlobalParams(
+                buildMethodPath(specKey, tag.name, method.name)
+              )}
             >
               <Grid columns={1} py="xsmall">
                 <DocMethodSummary key={index} method={method} />

package/src/scenes/TypeScene/TypeScene.tsx

@@ -56,7 +56,7 @@ export const TypeScene: FC<DocTypeProps> = ({ api }) => {
   const { specKey, typeTag, typeName } = useParams<DocTypeParams>()
   const type = api.types[typeName]
   const history = useHistory()
-  const navigate = useNavigation()
+  const { navigate } = useNavigation()
   const typesUsed = typeRefs(api, type?.customTypes)
   const methodsUsedBy = methodRefs(api, type?.methodRefs)
   const typesUsedBy = typeRefs(api, type?.parentTypes)

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

@@ -36,6 +36,18 @@ const opBtnNames = /ALL|SPECIFICATION|WRITE|REQUEST|ENUMERATED/
 
 const path = '/:specKey/types/:typeTag'
 
+const mockHistoryPush = jest.fn()
+jest.mock('react-router-dom', () => {
+  const ReactRouterDOM = jest.requireActual('react-router-dom')
+  return {
+    ...ReactRouterDOM,
+    useHistory: () => ({
+      push: mockHistoryPush,
+      location,
+    }),
+  }
+})
+
 describe('TypeTagScene', () => {
   Element.prototype.scrollTo = jest.fn()
 
@@ -74,30 +86,28 @@ describe('TypeTagScene', () => {
     ).toHaveLength(2)
   })
 
-  test('it filters methods by operation type', async () => {
+  test('it pushes filter to URL on toggle', async () => {
     renderWithRouterAndReduxProvider(
       <Route path={path}>
         <TypeTagScene api={api} />
       </Route>,
       ['/3.1/types/Look']
     )
-    expect(screen.getAllByRole('heading', { level: 3 })).toHaveLength(
-      Object.keys(api.typeTags.Look).length
-    )
-
-    expect(screen.getAllByRole('heading', { level: 3 })).toHaveLength(
-      Object.keys(api.typeTags.Look).length
-    )
-
     /** Filter by SPECIFICATION */
     userEvent.click(screen.getByRole('button', { name: 'SPECIFICATION' }))
     await waitFor(() => {
-      expect(screen.getAllByRole('heading', { level: 3 })).toHaveLength(5)
+      expect(mockHistoryPush).toHaveBeenCalledWith({
+        pathname: location.pathname,
+        search: 't=specification',
+      })
     })
     /** Filter by REQUEST */
     userEvent.click(screen.getByRole('button', { name: 'REQUEST' }))
     await waitFor(() => {
-      expect(screen.getAllByRole('heading', { level: 3 })).toHaveLength(2)
+      expect(mockHistoryPush).toHaveBeenCalledWith({
+        pathname: location.pathname,
+        search: 't=request',
+      })
     })
   })
 })

package/src/scenes/TypeTagScene/TypeTagScene.tsx

@@ -28,8 +28,11 @@ import React, { useEffect, useState } from 'react'
 import { Grid, ButtonToggle, ButtonItem } from '@looker/components'
 import type { ApiModel } from '@looker/sdk-codegen'
 import { useParams } from 'react-router-dom'
+import { useSelector } from 'react-redux'
 import { ApixSection, DocTitle, DocTypeSummary, Link } from '../../components'
-import { buildTypePath, useNavigation } from '../../utils'
+import { buildTypePath, isValidFilter, useNavigation } from '../../utils'
+import { selectTagFilter, useSettingActions } from '../../state'
+import { useTagStoreSync } from '../utils'
 import { getMetaTypes } from './utils'
 
 interface TypeTagSceneProps {
@@ -43,21 +46,41 @@ interface TypeTagSceneParams {
 
 export const TypeTagScene: FC<TypeTagSceneProps> = ({ api }) => {
   const { specKey, typeTag } = useParams<TypeTagSceneParams>()
-  const navigate = useNavigation()
-  const [value, setValue] = useState('ALL')
+  const { navigate, buildPathWithGlobalParams, navigateWithGlobalParams } =
+    useNavigation()
+  const selectedTagFilter = useSelector(selectTagFilter)
+  const { setTagFilterAction } = useSettingActions()
+  const [tagFilter, setTagFilter] = useState(selectedTagFilter)
+  useTagStoreSync()
+
+  const handleChange = (filter: string) => {
+    navigate(location.pathname, {
+      t: filter === 'ALL' ? null : filter.toLowerCase(),
+    })
+  }
 
   useEffect(() => {
-    /** Reset ButtonToggle value on route change */
-    setValue('ALL')
-  }, [typeTag])
+    const searchParams = new URLSearchParams(location.search)
+    let verbParam = searchParams.get('t') || 'ALL'
+    verbParam = isValidFilter(location.pathname, verbParam)
+      ? verbParam.toUpperCase()
+      : 'ALL'
+    setTagFilterAction({
+      tagFilter: verbParam,
+    })
+  }, [location.search])
 
   const types = api.typeTags[typeTag]
   useEffect(() => {
     if (!types) {
-      navigate(`/${specKey}/types`)
+      navigateWithGlobalParams(`/${specKey}/types`)
     }
   }, [types])
 
+  useEffect(() => {
+    setTagFilter(selectedTagFilter)
+  }, [selectedTagFilter])
+
   if (!types) {
     return <></>
   }
@@ -67,7 +90,12 @@ export const TypeTagScene: FC<TypeTagSceneProps> = ({ api }) => {
   return (
     <ApixSection>
       <DocTitle>{`${tag.name}: ${tag.description}`}</DocTitle>
-      <ButtonToggle mb="small" mt="xlarge" value={value} onChange={setValue}>
+      <ButtonToggle
+        mb="small"
+        mt="xlarge"
+        value={tagFilter}
+        onChange={handleChange}
+      >
         <ButtonItem key="ALL" px="large" py="xsmall">
           ALL
         </ButtonItem>
@@ -79,9 +107,14 @@ export const TypeTagScene: FC<TypeTagSceneProps> = ({ api }) => {
       </ButtonToggle>
       {Object.values(types).map(
         (type, index) =>
-          (value === 'ALL' ||
-            value === type.metaType.toString().toUpperCase()) && (
-            <Link key={index} to={buildTypePath(specKey, tag.name, type.name)}>
+          (selectedTagFilter === 'ALL' ||
+            selectedTagFilter === type.metaType.toString().toUpperCase()) && (
+            <Link
+              key={index}
+              to={buildPathWithGlobalParams(
+                buildTypePath(specKey, tag.name, type.name)
+              )}
+            >
               <Grid columns={1} py="xsmall">
                 <DocTypeSummary key={index} type={type} />
               </Grid>

package/src/scenes/index.ts

@@ -23,6 +23,7 @@
  SOFTWARE.
 
  */
+export { ErrorDetailScene } from './ErrorDetailScene'
 export { HomeScene } from './HomeScene'
 export { MethodScene } from './MethodScene'
 export { TypeScene } from './TypeScene'

package/src/scenes/utils/hooks/index.ts

@@ -0,0 +1,27 @@
+/*
+
+ 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.
+
+ */
+
+export { useTagStoreSync } from './tagStoreSync'