@looker/api-explorer 0.9.22 → 0.9.27

package/lib/components/SideNav/SideNav.d.ts

@@ -1,11 +1,8 @@
-import type { FC, Dispatch } from 'react';
-import type { SpecItem, SpecList } from '@looker/sdk-codegen';
-import type { SpecAction } from '../../reducers';
+import type { FC } from 'react';
+import type { SpecItem } from '@looker/sdk-codegen';
 interface SideNavProps {
     headless?: boolean;
-    specs: SpecList;
     spec: SpecItem;
-    specDispatch: Dispatch<SpecAction>;
 }
 export declare const SideNav: FC<SideNavProps>;
 export {};

package/lib/components/SideNav/SideNav.js

@@ -75,7 +75,7 @@ var SideNav = _ref => {
   var searchCriteria = (0, _reactRedux.useSelector)(_state.selectSearchCriteria);
   var {
     setSearchPatternAction
-  } = (0, _state.useActions)();
+  } = (0, _state.useSettingActions)();
   var [pattern, setSearchPattern] = (0, _react.useState)('');
   var debouncedPattern = (0, _searchUtils.useDebounce)(pattern, 250);
   var [sideNavState, setSideNavState] = (0, _react.useState)(() => {

package/lib/components/SideNav/SideNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SideNav/SideNav.tsx"],"names":["SideNav","headless","spec","history","location","specKey","key","tabNames","pathParts","pathname","split","sideNavTab","defaultIndex","indexOf","onTabChange","index","parts","push","join","tabs","onChange","searchCriteria","selectSearchCriteria","setSearchPatternAction","pattern","setSearchPattern","debouncedPattern","sideNavState","setSideNavState","tags","api","typeTags","methodCount","typeCount","types","searchResults","undefined","handleInputChange","value","results","newTags","newTypes","newTypeTags","search","searchPattern","selectedIndex","onSelectTab","size","headlessOffset","menuH","height","HEADER_REM"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC, Dispatch } from 'react'\nimport React, { useEffect, useState } from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport {\n  TabList,\n  Tab,\n  TabPanel,\n  TabPanels,\n  useTabs,\n  InputSearch,\n} from '@looker/components'\nimport type {\n  SpecItem,\n  SpecList,\n  ISearchResult,\n  ApiModel,\n  TagList,\n  TypeTagList,\n} from '@looker/sdk-codegen'\nimport { criteriaToSet, tagTypes } from '@looker/sdk-codegen'\nimport { useSelector } from 'react-redux'\n\nimport type { SpecAction } from '../../reducers'\nimport { useWindowSize } from '../../utils'\nimport { HEADER_REM } from '../Header'\nimport { selectSearchCriteria, useActions } from '../../state'\nimport { SideNavMethodTags } from './SideNavMethodTags'\nimport { SideNavTypeTags } from './SideNavTypeTags'\nimport { useDebounce, countMethods, countTypes } from './searchUtils'\nimport { SearchMessage } from './SearchMessage'\n\ninterface SideNavState {\n  tags: TagList\n  typeTags: TypeTagList\n  methodCount: number\n  typeCount: number\n  searchResults?: ISearchResult\n}\n\ninterface SideNavProps {\n  headless?: boolean\n  /** Specs to choose from */\n  specs: SpecList\n  /** Current selected spec */\n  spec: SpecItem\n  /** Spec state setter */\n  specDispatch: Dispatch<SpecAction>\n}\n\nexport const SideNav: FC<SideNavProps> = ({ headless = false, spec }) => {\n  const history = useHistory()\n  const location = useLocation()\n  const specKey = spec.key\n  const tabNames = ['methods', 'types']\n  const pathParts = location.pathname.split('/')\n  const sideNavTab = pathParts[1] === 'diff' ? pathParts[3] : pathParts[2]\n  let defaultIndex = tabNames.indexOf(sideNavTab)\n  if (defaultIndex < 0) {\n    defaultIndex = tabNames.indexOf('methods')\n  }\n  const onTabChange = (index: number) => {\n    const parts = location.pathname.split('/')\n    if (parts[1] === 'diff') {\n      if (parts[3] !== tabNames[index]) {\n        parts[3] = tabNames[index]\n        history.push(parts.join('/'))\n      }\n    } else {\n      if (parts[2] !== tabNames[index]) {\n        parts[2] = tabNames[index]\n        history.push(parts.join('/'))\n      }\n    }\n  }\n  const tabs = useTabs({ defaultIndex, onChange: onTabChange })\n  const searchCriteria = useSelector(selectSearchCriteria)\n  const { setSearchPatternAction } = useActions()\n\n  const [pattern, setSearchPattern] = useState('')\n  const debouncedPattern = useDebounce(pattern, 250)\n  const [sideNavState, setSideNavState] = useState<SideNavState>(() => ({\n    tags: spec?.api?.tags || {},\n    typeTags: spec?.api?.typeTags || {},\n    methodCount: countMethods(spec?.api?.tags || {}),\n    typeCount: countTypes(spec?.api?.types || {}),\n    searchResults: undefined,\n  }))\n  const { tags, typeTags, methodCount, typeCount, searchResults } = sideNavState\n\n  const handleInputChange = (value: string) => {\n    setSearchPattern(value)\n  }\n\n  useEffect(() => {\n    let results\n    let newTags\n    let newTypes\n    let newTypeTags\n    const api = spec.api || ({} as ApiModel)\n\n    if (debouncedPattern && api.search) {\n      results = api.search(pattern, criteriaToSet(searchCriteria))\n      newTags = results.tags\n      newTypes = results.types\n      newTypeTags = tagTypes(api, results.types)\n    } else {\n      newTags = api.tags || {}\n      newTypes = api.types || {}\n      newTypeTags = api.typeTags || {}\n    }\n\n    setSideNavState({\n      tags: newTags,\n      typeTags: newTypeTags,\n      typeCount: countTypes(newTypes),\n      methodCount: countMethods(newTags),\n      searchResults: results,\n    })\n    setSearchPatternAction({ searchPattern: debouncedPattern })\n  }, [\n    debouncedPattern,\n    specKey,\n    spec,\n    setSearchPatternAction,\n    pattern,\n    searchCriteria,\n  ])\n\n  useEffect(() => {\n    const { selectedIndex, onSelectTab } = tabs\n    if (defaultIndex !== selectedIndex) {\n      onSelectTab(defaultIndex)\n    }\n  }, [defaultIndex, tabs])\n\n  const size = useWindowSize()\n  const headlessOffset = headless ? 200 : 120\n  const menuH = size.height - 16 * HEADER_REM - headlessOffset\n\n  return (\n    <nav>\n      <InputSearch\n        pl=\"large\"\n        pr=\"large\"\n        pb=\"large\"\n        pt={headless ? 'u3' : 'large'}\n        aria-label=\"Search\"\n        onChange={handleInputChange}\n        placeholder=\"Search\"\n        value={pattern}\n        isClearable\n      />\n      <SearchMessage search={searchResults} />\n      <TabList {...tabs} distribute>\n        <Tab>Methods ({methodCount})</Tab>\n        <Tab>Types ({typeCount})</Tab>\n      </TabList>\n      <TabPanels {...tabs} pt=\"xsmall\" height={`${menuH}px`} overflow=\"auto\">\n        <TabPanel>\n          <SideNavMethodTags\n            tags={tags}\n            specKey={specKey}\n            defaultOpen={!!searchResults}\n          />\n        </TabPanel>\n        <TabPanel>\n          <SideNavTypeTags\n            tags={typeTags}\n            specKey={specKey}\n            defaultOpen={!!searchResults}\n          />\n        </TabPanel>\n      </TabPanels>\n    </nav>\n  )\n}\n"],"file":"SideNav.js"}
+{"version":3,"sources":["../../../src/components/SideNav/SideNav.tsx"],"names":["SideNav","headless","spec","history","location","specKey","key","tabNames","pathParts","pathname","split","sideNavTab","defaultIndex","indexOf","onTabChange","index","parts","push","join","tabs","onChange","searchCriteria","selectSearchCriteria","setSearchPatternAction","pattern","setSearchPattern","debouncedPattern","sideNavState","setSideNavState","tags","api","typeTags","methodCount","typeCount","types","searchResults","undefined","handleInputChange","value","results","newTags","newTypes","newTypeTags","search","searchPattern","selectedIndex","onSelectTab","size","headlessOffset","menuH","height","HEADER_REM"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useEffect, useState } from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport {\n  TabList,\n  Tab,\n  TabPanel,\n  TabPanels,\n  useTabs,\n  InputSearch,\n} from '@looker/components'\nimport type {\n  SpecItem,\n  ISearchResult,\n  ApiModel,\n  TagList,\n  TypeTagList,\n} from '@looker/sdk-codegen'\nimport { criteriaToSet, tagTypes } from '@looker/sdk-codegen'\nimport { useSelector } from 'react-redux'\n\nimport { useWindowSize } from '../../utils'\nimport { HEADER_REM } from '../Header'\nimport { selectSearchCriteria, useSettingActions } from '../../state'\nimport { SideNavMethodTags } from './SideNavMethodTags'\nimport { SideNavTypeTags } from './SideNavTypeTags'\nimport { useDebounce, countMethods, countTypes } from './searchUtils'\nimport { SearchMessage } from './SearchMessage'\n\ninterface SideNavState {\n  tags: TagList\n  typeTags: TypeTagList\n  methodCount: number\n  typeCount: number\n  searchResults?: ISearchResult\n}\n\ninterface SideNavProps {\n  headless?: boolean\n  /** Current selected spec */\n  spec: SpecItem\n}\n\nexport const SideNav: FC<SideNavProps> = ({ headless = false, spec }) => {\n  const history = useHistory()\n  const location = useLocation()\n  const specKey = spec.key\n  const tabNames = ['methods', 'types']\n  const pathParts = location.pathname.split('/')\n  const sideNavTab = pathParts[1] === 'diff' ? pathParts[3] : pathParts[2]\n  let defaultIndex = tabNames.indexOf(sideNavTab)\n  if (defaultIndex < 0) {\n    defaultIndex = tabNames.indexOf('methods')\n  }\n  const onTabChange = (index: number) => {\n    const parts = location.pathname.split('/')\n    if (parts[1] === 'diff') {\n      if (parts[3] !== tabNames[index]) {\n        parts[3] = tabNames[index]\n        history.push(parts.join('/'))\n      }\n    } else {\n      if (parts[2] !== tabNames[index]) {\n        parts[2] = tabNames[index]\n        history.push(parts.join('/'))\n      }\n    }\n  }\n  const tabs = useTabs({ defaultIndex, onChange: onTabChange })\n  const searchCriteria = useSelector(selectSearchCriteria)\n  const { setSearchPatternAction } = useSettingActions()\n\n  const [pattern, setSearchPattern] = useState('')\n  const debouncedPattern = useDebounce(pattern, 250)\n  const [sideNavState, setSideNavState] = useState<SideNavState>(() => ({\n    tags: spec?.api?.tags || {},\n    typeTags: spec?.api?.typeTags || {},\n    methodCount: countMethods(spec?.api?.tags || {}),\n    typeCount: countTypes(spec?.api?.types || {}),\n    searchResults: undefined,\n  }))\n  const { tags, typeTags, methodCount, typeCount, searchResults } = sideNavState\n\n  const handleInputChange = (value: string) => {\n    setSearchPattern(value)\n  }\n\n  useEffect(() => {\n    let results\n    let newTags\n    let newTypes\n    let newTypeTags\n    const api = spec.api || ({} as ApiModel)\n\n    if (debouncedPattern && api.search) {\n      results = api.search(pattern, criteriaToSet(searchCriteria))\n      newTags = results.tags\n      newTypes = results.types\n      newTypeTags = tagTypes(api, results.types)\n    } else {\n      newTags = api.tags || {}\n      newTypes = api.types || {}\n      newTypeTags = api.typeTags || {}\n    }\n\n    setSideNavState({\n      tags: newTags,\n      typeTags: newTypeTags,\n      typeCount: countTypes(newTypes),\n      methodCount: countMethods(newTags),\n      searchResults: results,\n    })\n    setSearchPatternAction({ searchPattern: debouncedPattern })\n  }, [\n    debouncedPattern,\n    specKey,\n    spec,\n    setSearchPatternAction,\n    pattern,\n    searchCriteria,\n  ])\n\n  useEffect(() => {\n    const { selectedIndex, onSelectTab } = tabs\n    if (defaultIndex !== selectedIndex) {\n      onSelectTab(defaultIndex)\n    }\n  }, [defaultIndex, tabs])\n\n  const size = useWindowSize()\n  const headlessOffset = headless ? 200 : 120\n  const menuH = size.height - 16 * HEADER_REM - headlessOffset\n\n  return (\n    <nav>\n      <InputSearch\n        pl=\"large\"\n        pr=\"large\"\n        pb=\"large\"\n        pt={headless ? 'u3' : 'large'}\n        aria-label=\"Search\"\n        onChange={handleInputChange}\n        placeholder=\"Search\"\n        value={pattern}\n        isClearable\n      />\n      <SearchMessage search={searchResults} />\n      <TabList {...tabs} distribute>\n        <Tab>Methods ({methodCount})</Tab>\n        <Tab>Types ({typeCount})</Tab>\n      </TabList>\n      <TabPanels {...tabs} pt=\"xsmall\" height={`${menuH}px`} overflow=\"auto\">\n        <TabPanel>\n          <SideNavMethodTags\n            tags={tags}\n            specKey={specKey}\n            defaultOpen={!!searchResults}\n          />\n        </TabPanel>\n        <TabPanel>\n          <SideNavTypeTags\n            tags={typeTags}\n            specKey={specKey}\n            defaultOpen={!!searchResults}\n          />\n        </TabPanel>\n      </TabPanels>\n    </nav>\n  )\n}\n"],"file":"SideNav.js"}

package/lib/components/common/Loader.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
-import type { ThemeOverrides } from '../../utils';
+import type { ThemeOverrides } from '@looker/extension-utils';
 export interface LoaderProps {
     themeOverrides: ThemeOverrides;
     message?: string;

package/lib/components/common/Loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/common/Loader.tsx"],"names":["Loader","themeOverrides","message"],"mappings":";;;;;;;AA0BA;;AACA;;;;AAcO,IAAMA,MAAuB,GAAG;AAAA,MAAC;AACtCC,IAAAA,cADsC;AAEtCC,IAAAA,OAAO,GAAG;AAF4B,GAAD;AAAA,SAIrC,6BAAC,8BAAD,EAAwBD,cAAxB,EACE,6BAAC,gBAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,cAAc,EAAC,QAA5C;AAAqD,IAAA,EAAE,EAAC;AAAxD,KACE,6BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACE,6BAAC,4BAAD;AAAkB,IAAA,IAAI,EAAC;AAAvB,IADF,CADF,EAIE,6BAAC,oBAAD;AAAU,IAAA,EAAE,EAAC,OAAb;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACE,6BAAC,mBAAD;AAAS,IAAA,KAAK,EAAC,KAAf;AAAqB,IAAA,EAAE,EAAC;AAAxB,KACGC,OADH,CADF,CAJF,CADF,CAJqC;AAAA,CAAhC","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React from 'react'\nimport {\n  ComponentsProvider,\n  Flex,\n  FlexItem,\n  Heading,\n  ProgressCircular,\n} from '@looker/components'\nimport type { ThemeOverrides } from '../../utils'\n\nexport interface LoaderProps {\n  themeOverrides: ThemeOverrides\n  message?: string\n}\n\nexport const Loader: FC<LoaderProps> = ({\n  themeOverrides,\n  message = 'Loading API Specifications',\n}) => (\n  <ComponentsProvider {...themeOverrides}>\n    <Flex flexDirection=\"column\" justifyContent=\"center\" mt=\"25%\">\n      <FlexItem alignSelf=\"center\">\n        <ProgressCircular size=\"large\" />\n      </FlexItem>\n      <FlexItem mt=\"large\" alignSelf=\"center\">\n        <Heading color=\"key\" as=\"h2\">\n          {message}\n        </Heading>\n      </FlexItem>\n    </Flex>\n  </ComponentsProvider>\n)\n"],"file":"Loader.js"}
+{"version":3,"sources":["../../../src/components/common/Loader.tsx"],"names":["Loader","themeOverrides","message"],"mappings":";;;;;;;AA0BA;;AACA;;;;AAcO,IAAMA,MAAuB,GAAG;AAAA,MAAC;AACtCC,IAAAA,cADsC;AAEtCC,IAAAA,OAAO,GAAG;AAF4B,GAAD;AAAA,SAIrC,6BAAC,8BAAD,EAAwBD,cAAxB,EACE,6BAAC,gBAAD;AAAM,IAAA,aAAa,EAAC,QAApB;AAA6B,IAAA,cAAc,EAAC,QAA5C;AAAqD,IAAA,EAAE,EAAC;AAAxD,KACE,6BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACE,6BAAC,4BAAD;AAAkB,IAAA,IAAI,EAAC;AAAvB,IADF,CADF,EAIE,6BAAC,oBAAD;AAAU,IAAA,EAAE,EAAC,OAAb;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACE,6BAAC,mBAAD;AAAS,IAAA,KAAK,EAAC,KAAf;AAAqB,IAAA,EAAE,EAAC;AAAxB,KACGC,OADH,CADF,CAJF,CADF,CAJqC;AAAA,CAAhC","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nimport type { FC } from 'react'\nimport React from 'react'\nimport {\n  ComponentsProvider,\n  Flex,\n  FlexItem,\n  Heading,\n  ProgressCircular,\n} from '@looker/components'\nimport type { ThemeOverrides } from '@looker/extension-utils'\n\nexport interface LoaderProps {\n  themeOverrides: ThemeOverrides\n  message?: string\n}\n\nexport const Loader: FC<LoaderProps> = ({\n  themeOverrides,\n  message = 'Loading API Specifications',\n}) => (\n  <ComponentsProvider {...themeOverrides}>\n    <Flex flexDirection=\"column\" justifyContent=\"center\" mt=\"25%\">\n      <FlexItem alignSelf=\"center\">\n        <ProgressCircular size=\"large\" />\n      </FlexItem>\n      <FlexItem mt=\"large\" alignSelf=\"center\">\n        <Heading color=\"key\" as=\"h2\">\n          {message}\n        </Heading>\n      </FlexItem>\n    </Flex>\n  </ComponentsProvider>\n)\n"],"file":"Loader.js"}

package/lib/components/index.d.ts

@@ -20,3 +20,4 @@ export { DocTypeSummary } from './DocTypeSummary';
 export { Link } from './Link';
 export { ErrorBoundary } from './ErrorBoundary';
 export { SelectorContainer } from './SelectorContainer';
+export { Banner } from './Banner';

package/lib/components/index.js

@@ -159,6 +159,12 @@ Object.defineProperty(exports, "SelectorContainer", {
     return _SelectorContainer.SelectorContainer;
   }
 });
+Object.defineProperty(exports, "Banner", {
+  enumerable: true,
+  get: function get() {
+    return _Banner.Banner;
+  }
+});
 
 var _common = require("./common");
 
@@ -203,4 +209,6 @@ var _Link = require("./Link");
 var _ErrorBoundary = require("./ErrorBoundary");
 
 var _SelectorContainer = require("./SelectorContainer");
+
+var _Banner = require("./Banner");
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nexport { ApixSection, Loader } from './common'\nexport { DocActivityType } from './DocActivityType'\nexport { DocCode } from './DocCode'\nexport { DocMethodSummary, DocSummaryStatus } from './DocMethodSummary'\nexport { DocMarkdown } from './DocMarkdown'\nexport { DocPseudo } from './DocPseudo'\nexport { DocRateLimited } from './DocRateLimited'\nexport { DocReferences } from './DocReferences'\nexport { DocResponses } from './DocResponses'\nexport { DocSDKs } from './DocSDKs'\nexport { DocSdkUsage } from './DocSdkUsage'\nexport { DocSource } from './DocSource'\nexport { DocStatus } from './DocStatus'\nexport { DocTitle } from './DocTitle'\nexport { Header, HEADER_TOGGLE_LABEL } from './Header'\nexport { SideNav } from './SideNav'\nexport { ExploreType, ExploreProperty } from './ExploreType'\nexport { DocSchema } from './DocSchema'\nexport { DocTypeSummary } from './DocTypeSummary'\nexport { Link } from './Link'\nexport { ErrorBoundary } from './ErrorBoundary'\nexport { SelectorContainer } from './SelectorContainer'\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nexport { ApixSection, Loader } from './common'\nexport { DocActivityType } from './DocActivityType'\nexport { DocCode } from './DocCode'\nexport { DocMethodSummary, DocSummaryStatus } from './DocMethodSummary'\nexport { DocMarkdown } from './DocMarkdown'\nexport { DocPseudo } from './DocPseudo'\nexport { DocRateLimited } from './DocRateLimited'\nexport { DocReferences } from './DocReferences'\nexport { DocResponses } from './DocResponses'\nexport { DocSDKs } from './DocSDKs'\nexport { DocSdkUsage } from './DocSdkUsage'\nexport { DocSource } from './DocSource'\nexport { DocStatus } from './DocStatus'\nexport { DocTitle } from './DocTitle'\nexport { Header, HEADER_TOGGLE_LABEL } from './Header'\nexport { SideNav } from './SideNav'\nexport { ExploreType, ExploreProperty } from './ExploreType'\nexport { DocSchema } from './DocSchema'\nexport { DocTypeSummary } from './DocTypeSummary'\nexport { Link } from './Link'\nexport { ErrorBoundary } from './ErrorBoundary'\nexport { SelectorContainer } from './SelectorContainer'\nexport { Banner } from './Banner'\n"],"file":"index.js"}

package/lib/esm/ApiExplorer.js

@@ -1,55 +1,49 @@
 var _templateObject;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-import React, { useReducer, useState, useEffect, useCallback } from 'react';
-import { useLocation } from 'react-router';
+import React, { useState, useEffect, useCallback } from 'react';
 import styled, { createGlobalStyle } from 'styled-components';
 import { Aside, ComponentsProvider, Divider, Heading, IconButton, Layout, Page, Space } from '@looker/components';
-import { funFetch, fallbackFetch, OAuthScene } from '@looker/run-it';
 import { FirstPage } from '@styled-icons/material/FirstPage';
 import { LastPage } from '@styled-icons/material/LastPage';
-import { LodeContext, defaultLodeContextValue } from './context';
-import { getLoded, oAuthPath, registerEnvAdaptor, unregisterEnvAdaptor } from './utils';
-import { Header, SideNav, ErrorBoundary, Loader, SelectorContainer, HEADER_TOGGLE_LABEL } from './components';
-import { specReducer, initDefaultSpecState, updateSpecApi } from './reducers';
+import { registerEnvAdaptor, unregisterEnvAdaptor } from '@looker/extension-utils';
+import { useSelector } from 'react-redux';
+import { useLocation } from 'react-router-dom';
+import { Header, SideNav, ErrorBoundary, SelectorContainer, HEADER_TOGGLE_LABEL, Loader, Banner } from './components';
 import { AppRouter } from './routes';
 import { apixFilesHost } from './utils/lodeUtils';
-import { useActions, useSettingsStoreState } from './state';
-export var BodyOverride = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral([" html { height: 100%; overflow: hidden; } "])));
+import { useSettingActions, useSettingStoreState, useLodeActions, useLodesStoreState, useSpecActions, useSpecStoreState, selectSpecs, selectCurrentSpec } from './state';
+import { getSpecKey, diffPath } from './utils';
+var BodyOverride = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral([" html { height: 100%; overflow: hidden; } "])));
+export var ApiExplorer = _ref => {
+  var _location$pathname2;
 
-var ApiExplorer = _ref => {
   var {
-    specs,
-    envAdaptor,
-    setVersionsUrl,
-    exampleLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',
+    adaptor,
+    examplesLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',
     declarationsLodeUrl = "".concat(apixFilesHost, "/declarationsIndex.json"),
     headless = false
   } = _ref;
+  useSettingStoreState();
+  useLodesStoreState();
   var {
-    initialized
-  } = useSettingsStoreState();
+    working,
+    description
+  } = useSpecStoreState();
+  var specs = useSelector(selectSpecs);
+  var spec = useSelector(selectCurrentSpec);
   var {
-    initAction
-  } = useActions();
-  var location = useLocation();
-  var oauthReturn = location.pathname === "/".concat(oAuthPath);
-  var [specState, specDispatch] = useReducer(specReducer, initDefaultSpecState(specs, location));
+    initLodesAction
+  } = useLodeActions();
   var {
-    spec
-  } = specState;
-  var [lode, setLode] = useState(defaultLodeContextValue);
+    initSettingsAction
+  } = useSettingActions();
+  var {
+    initSpecsAction,
+    setCurrentSpecAction
+  } = useSpecActions();
+  var location = useLocation();
   var [hasNavigation, setHasNavigation] = useState(true);
 
   var toggleNavigation = target => setHasNavigation(target || !hasNavigation);
@@ -59,11 +53,30 @@ var ApiExplorer = _ref => {
       setHasNavigation(currentHasNavigation => !currentHasNavigation);
     }
   }, []);
+  registerEnvAdaptor(adaptor);
   useEffect(() => {
-    registerEnvAdaptor(envAdaptor);
-    initAction();
+    initSettingsAction();
+    initLodesAction({
+      examplesLodeUrl,
+      declarationsLodeUrl
+    });
+    var specKey = getSpecKey(location);
+    initSpecsAction({
+      specKey
+    });
     return () => unregisterEnvAdaptor();
   }, []);
+  useEffect(() => {
+    var _location$pathname;
+
+    var maybeSpec = (_location$pathname = location.pathname) === null || _location$pathname === void 0 ? void 0 : _location$pathname.split('/')[1];
+
+    if (spec && maybeSpec && maybeSpec !== diffPath && maybeSpec !== spec.key) {
+      setCurrentSpecAction({
+        currentSpecKey: maybeSpec
+      });
+    }
+  }, [location.pathname, spec]);
   useEffect(() => {
     if (headless) {
       window.addEventListener('message', hasNavigationToggle);
@@ -75,56 +88,30 @@ var ApiExplorer = _ref => {
       }
     };
   }, [headless, hasNavigationToggle]);
-  useEffect(() => {
-    var loadSpec = function () {
-      var _ref2 = _asyncToGenerator(function* () {
-        if (!spec.api) {
-          try {
-            var newSpec = _objectSpread({}, spec);
+  var themeOverrides = adaptor.themeOverrides();
+  var neededSpec = (_location$pathname2 = location.pathname) === null || _location$pathname2 === void 0 ? void 0 : _location$pathname2.split('/')[1];
 
-            var api = yield fallbackFetch(newSpec, funFetch);
+  if (!neededSpec || neededSpec === diffPath) {
+    neededSpec = spec === null || spec === void 0 ? void 0 : spec.key;
+  }
 
-            if (api) {
-              spec.api = api;
-              specDispatch(updateSpecApi(spec.key, api));
-            }
-          } catch (error) {
-            console.error(error);
-          }
-        }
-      });
-
-      return function loadSpec() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
-    if (!oauthReturn) {
-      loadSpec();
-    }
-  }, [spec, location]);
-  useEffect(() => {
-    getLoded(exampleLodeUrl, declarationsLodeUrl).then(resp => setLode(resp));
-  }, [exampleLodeUrl, declarationsLodeUrl]);
-  var themeOverrides = envAdaptor.themeOverrides();
   return React.createElement(React.Fragment, null, React.createElement(ComponentsProvider, {
     loadGoogleFonts: themeOverrides.loadGoogleFonts,
     themeCustomizations: themeOverrides.themeCustomizations
-  }, !initialized ? React.createElement(Loader, {
-    message: "Initializing",
+  }, working || !neededSpec || neededSpec !== spec.key ? React.createElement(Loader, {
+    message: description,
     themeOverrides: themeOverrides
   }) : React.createElement(ErrorBoundary, {
-    logError: envAdaptor.logError.bind(envAdaptor)
-  }, React.createElement(LodeContext.Provider, {
-    value: _objectSpread({}, lode)
-  }, React.createElement(Page, {
+    logError: adaptor.logError.bind(adaptor)
+  }, React.createElement(Banner, {
+    adaptor: adaptor,
+    specs: specs
+  }), React.createElement(Page, {
     style: {
       overflow: 'hidden'
     }
   }, !headless && React.createElement(Header, {
-    specs: specs,
     spec: spec,
-    specDispatch: specDispatch,
     toggleNavigation: toggleNavigation
   }), React.createElement(Layout, {
     hasAside: true,
@@ -153,35 +140,27 @@ var ApiExplorer = _ref => {
     mb: "u3",
     appearance: "light"
   }), React.createElement(SelectorContainer, {
-    ml: "large",
-    mr: "large",
-    specs: specs,
     spec: spec,
-    specDispatch: specDispatch
+    ml: "large",
+    mr: "large"
   }))), hasNavigation && React.createElement(SideNav, {
     headless: headless,
-    specs: specs,
-    spec: spec,
-    specDispatch: specDispatch
-  })), oauthReturn && React.createElement(OAuthScene, null), !oauthReturn && spec.api && React.createElement(AppRouter, {
-    api: spec.api,
+    spec: spec
+  })), React.createElement(AppRouter, {
     specKey: spec.key,
+    api: spec.api,
     specs: specs,
-    toggleNavigation: toggleNavigation,
-    envAdaptor: envAdaptor,
-    setVersionsUrl: setVersionsUrl
-  })))))), !headless && React.createElement(BodyOverride, null));
+    toggleNavigation: toggleNavigation
+  }))))), !headless && React.createElement(BodyOverride, null));
 };
-
-export var AsideBorder = styled(Aside).withConfig({
+var AsideBorder = styled(Aside).withConfig({
   displayName: "ApiExplorer__AsideBorder",
   componentId: "sc-1ynh530-0"
-})(["width:", ";"], _ref3 => {
+})(["width:", ";"], _ref2 => {
   var {
     isOpen,
     headless
-  } = _ref3;
+  } = _ref2;
   return isOpen ? '20rem' : headless ? '2.75rem' : '0rem';
 });
-export default ApiExplorer;
 //# sourceMappingURL=ApiExplorer.js.map

package/lib/esm/ApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ApiExplorer.tsx"],"names":["React","useReducer","useState","useEffect","useCallback","useLocation","styled","createGlobalStyle","Aside","ComponentsProvider","Divider","Heading","IconButton","Layout","Page","Space","funFetch","fallbackFetch","OAuthScene","FirstPage","LastPage","LodeContext","defaultLodeContextValue","getLoded","oAuthPath","registerEnvAdaptor","unregisterEnvAdaptor","Header","SideNav","ErrorBoundary","Loader","SelectorContainer","HEADER_TOGGLE_LABEL","specReducer","initDefaultSpecState","updateSpecApi","AppRouter","apixFilesHost","useActions","useSettingsStoreState","BodyOverride","ApiExplorer","specs","envAdaptor","setVersionsUrl","exampleLodeUrl","declarationsLodeUrl","headless","initialized","initAction","location","oauthReturn","pathname","specState","specDispatch","spec","lode","setLode","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","addEventListener","removeEventListener","loadSpec","api","newSpec","key","error","console","then","resp","themeOverrides","loadGoogleFonts","themeCustomizations","logError","bind","overflow","AsideBorder","isOpen"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useReducer, useState, useEffect, useCallback } from 'react'\nimport { useLocation } from 'react-router'\nimport styled, { createGlobalStyle } from 'styled-components'\nimport {\n  Aside,\n  ComponentsProvider,\n  Divider,\n  Heading,\n  IconButton,\n  Layout,\n  Page,\n  Space,\n} from '@looker/components'\nimport type { SpecList } from '@looker/sdk-codegen'\nimport type { RunItSetter } from '@looker/run-it'\nimport { funFetch, fallbackFetch, OAuthScene } from '@looker/run-it'\nimport { FirstPage } from '@styled-icons/material/FirstPage'\nimport { LastPage } from '@styled-icons/material/LastPage'\n\nimport { LodeContext, defaultLodeContextValue } from './context'\nimport type { IApixEnvAdaptor } from './utils'\nimport {\n  getLoded,\n  oAuthPath,\n  registerEnvAdaptor,\n  unregisterEnvAdaptor,\n} from './utils'\nimport {\n  Header,\n  SideNav,\n  ErrorBoundary,\n  Loader,\n  SelectorContainer,\n  HEADER_TOGGLE_LABEL,\n} from './components'\nimport { specReducer, initDefaultSpecState, updateSpecApi } from './reducers'\nimport { AppRouter } from './routes'\nimport { apixFilesHost } from './utils/lodeUtils'\nimport { useActions, useSettingsStoreState } from './state'\n\nexport interface ApiExplorerProps {\n  specs: SpecList\n  envAdaptor: IApixEnvAdaptor\n  setVersionsUrl: RunItSetter\n  exampleLodeUrl?: string\n  declarationsLodeUrl?: string\n  headless?: boolean\n}\n\nexport const BodyOverride = createGlobalStyle` html { height: 100%; overflow: hidden; } `\n\nconst ApiExplorer: FC<ApiExplorerProps> = ({\n  specs,\n  envAdaptor,\n  setVersionsUrl,\n  exampleLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',\n  declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,\n  headless = false,\n}) => {\n  const { initialized } = useSettingsStoreState()\n  const { initAction } = useActions()\n  const location = useLocation()\n  const oauthReturn = location.pathname === `/${oAuthPath}`\n  const [specState, specDispatch] = useReducer(\n    specReducer,\n    initDefaultSpecState(specs, location)\n  )\n  const { spec } = specState\n\n  const [lode, setLode] = useState(defaultLodeContextValue)\n\n  const [hasNavigation, setHasNavigation] = useState(true)\n  const toggleNavigation = (target?: boolean) =>\n    setHasNavigation(target || !hasNavigation)\n\n  const hasNavigationToggle = useCallback((e: MessageEvent<any>) => {\n    if (e.origin === window.origin && e.data.action === 'toggle_sidebar') {\n      setHasNavigation((currentHasNavigation) => !currentHasNavigation)\n    }\n  }, [])\n\n  useEffect(() => {\n    registerEnvAdaptor(envAdaptor)\n    initAction()\n\n    return () => unregisterEnvAdaptor()\n  }, [])\n\n  useEffect(() => {\n    if (headless) {\n      window.addEventListener('message', hasNavigationToggle)\n    }\n    return () => {\n      if (headless) {\n        window.removeEventListener('message', hasNavigationToggle)\n      }\n    }\n  }, [headless, hasNavigationToggle])\n\n  useEffect(() => {\n    const loadSpec = async () => {\n      if (!spec.api) {\n        try {\n          const newSpec = { ...spec }\n          const api = await fallbackFetch(newSpec, funFetch)\n          if (api) {\n            spec.api = api\n            specDispatch(updateSpecApi(spec.key, api))\n          }\n        } catch (error) {\n          console.error(error)\n        }\n      }\n    }\n    if (!oauthReturn) {\n      loadSpec()\n    }\n  }, [spec, location])\n\n  useEffect(() => {\n    getLoded(exampleLodeUrl, declarationsLodeUrl).then((resp) => setLode(resp))\n  }, [exampleLodeUrl, declarationsLodeUrl])\n\n  const themeOverrides = envAdaptor.themeOverrides()\n\n  return (\n    <>\n      <ComponentsProvider\n        loadGoogleFonts={themeOverrides.loadGoogleFonts}\n        themeCustomizations={themeOverrides.themeCustomizations}\n      >\n        {!initialized ? (\n          <Loader message=\"Initializing\" themeOverrides={themeOverrides} />\n        ) : (\n          <ErrorBoundary logError={envAdaptor.logError.bind(envAdaptor)}>\n            <LodeContext.Provider value={{ ...lode }}>\n              <Page style={{ overflow: 'hidden' }}>\n                {!headless && (\n                  <Header\n                    specs={specs}\n                    spec={spec}\n                    specDispatch={specDispatch}\n                    toggleNavigation={toggleNavigation}\n                  />\n                )}\n                <Layout hasAside height=\"100%\">\n                  <AsideBorder\n                    borderRight\n                    isOpen={hasNavigation}\n                    headless={headless}\n                  >\n                    {headless && (\n                      <>\n                        <Space\n                          alignItems=\"center\"\n                          py=\"u3\"\n                          px={hasNavigation ? 'u5' : '0'}\n                          justifyContent={\n                            hasNavigation ? 'space-between' : 'center'\n                          }\n                        >\n                          {hasNavigation && (\n                            <Heading\n                              as=\"h2\"\n                              fontSize=\"xsmall\"\n                              fontWeight=\"bold\"\n                              color=\"text2\"\n                            >\n                              API DOCUMENTATION\n                            </Heading>\n                          )}\n                          <IconButton\n                            size=\"xsmall\"\n                            shape=\"round\"\n                            icon={hasNavigation ? <FirstPage /> : <LastPage />}\n                            label={HEADER_TOGGLE_LABEL}\n                            onClick={() => toggleNavigation()}\n                          />\n                        </Space>\n                        {hasNavigation && (\n                          <>\n                            <Divider mb=\"u3\" appearance=\"light\" />\n                            <SelectorContainer\n                              ml=\"large\"\n                              mr=\"large\"\n                              specs={specs}\n                              spec={spec}\n                              specDispatch={specDispatch}\n                            />\n                          </>\n                        )}\n                      </>\n                    )}\n                    {hasNavigation && (\n                      <SideNav\n                        headless={headless}\n                        specs={specs}\n                        spec={spec}\n                        specDispatch={specDispatch}\n                      />\n                    )}\n                  </AsideBorder>\n                  {oauthReturn && <OAuthScene />}\n                  {!oauthReturn && spec.api && (\n                    <AppRouter\n                      api={spec.api}\n                      specKey={spec.key}\n                      specs={specs}\n                      toggleNavigation={toggleNavigation}\n                      envAdaptor={envAdaptor}\n                      setVersionsUrl={setVersionsUrl}\n                    />\n                  )}\n                </Layout>\n              </Page>\n            </LodeContext.Provider>\n          </ErrorBoundary>\n        )}\n      </ComponentsProvider>\n      {!headless && <BodyOverride />}\n    </>\n  )\n}\n\nexport const AsideBorder = styled(Aside)<{\n  isOpen: boolean\n  headless: boolean\n}>`\n  width: ${({ isOpen, headless }) =>\n    isOpen ? '20rem' : headless ? '2.75rem' : '0rem'};\n`\nexport default ApiExplorer\n"],"file":"ApiExplorer.js"}
+{"version":3,"sources":["../../src/ApiExplorer.tsx"],"names":["React","useState","useEffect","useCallback","styled","createGlobalStyle","Aside","ComponentsProvider","Divider","Heading","IconButton","Layout","Page","Space","FirstPage","LastPage","registerEnvAdaptor","unregisterEnvAdaptor","useSelector","useLocation","Header","SideNav","ErrorBoundary","SelectorContainer","HEADER_TOGGLE_LABEL","Loader","Banner","AppRouter","apixFilesHost","useSettingActions","useSettingStoreState","useLodeActions","useLodesStoreState","useSpecActions","useSpecStoreState","selectSpecs","selectCurrentSpec","getSpecKey","diffPath","BodyOverride","ApiExplorer","adaptor","examplesLodeUrl","declarationsLodeUrl","headless","working","description","specs","spec","initLodesAction","initSettingsAction","initSpecsAction","setCurrentSpecAction","location","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","specKey","maybeSpec","pathname","split","key","currentSpecKey","addEventListener","removeEventListener","themeOverrides","neededSpec","loadGoogleFonts","themeCustomizations","logError","bind","overflow","api","AsideBorder","isOpen"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState, useEffect, useCallback } from 'react'\nimport styled, { createGlobalStyle } from 'styled-components'\nimport {\n  Aside,\n  ComponentsProvider,\n  Divider,\n  Heading,\n  IconButton,\n  Layout,\n  Page,\n  Space,\n} from '@looker/components'\nimport { FirstPage } from '@styled-icons/material/FirstPage'\nimport { LastPage } from '@styled-icons/material/LastPage'\nimport {\n  registerEnvAdaptor,\n  unregisterEnvAdaptor,\n} from '@looker/extension-utils'\nimport { useSelector } from 'react-redux'\nimport { useLocation } from 'react-router-dom'\n\nimport type { IApixAdaptor } from './utils'\nimport {\n  Header,\n  SideNav,\n  ErrorBoundary,\n  SelectorContainer,\n  HEADER_TOGGLE_LABEL,\n  Loader,\n  Banner,\n} from './components'\nimport { AppRouter } from './routes'\nimport { apixFilesHost } from './utils/lodeUtils'\nimport {\n  useSettingActions,\n  useSettingStoreState,\n  useLodeActions,\n  useLodesStoreState,\n  useSpecActions,\n  useSpecStoreState,\n  selectSpecs,\n  selectCurrentSpec,\n} from './state'\nimport { getSpecKey, diffPath } from './utils'\n\nexport interface ApiExplorerProps {\n  adaptor: IApixAdaptor\n  examplesLodeUrl?: string\n  declarationsLodeUrl?: string\n  headless?: boolean\n}\n\nconst BodyOverride = createGlobalStyle` html { height: 100%; overflow: hidden; } `\n\nexport const ApiExplorer: FC<ApiExplorerProps> = ({\n  adaptor,\n  examplesLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',\n  declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,\n  headless = false,\n}) => {\n  useSettingStoreState()\n  useLodesStoreState()\n  const { working, description } = useSpecStoreState()\n  const specs = useSelector(selectSpecs)\n  const spec = useSelector(selectCurrentSpec)\n  const { initLodesAction } = useLodeActions()\n  const { initSettingsAction } = useSettingActions()\n  const { initSpecsAction, setCurrentSpecAction } = useSpecActions()\n\n  const location = useLocation()\n  const [hasNavigation, setHasNavigation] = useState(true)\n  const toggleNavigation = (target?: boolean) =>\n    setHasNavigation(target || !hasNavigation)\n\n  const hasNavigationToggle = useCallback((e: MessageEvent<any>) => {\n    if (e.origin === window.origin && e.data.action === 'toggle_sidebar') {\n      setHasNavigation((currentHasNavigation) => !currentHasNavigation)\n    }\n  }, [])\n\n  registerEnvAdaptor(adaptor)\n\n  useEffect(() => {\n    initSettingsAction()\n    initLodesAction({ examplesLodeUrl, declarationsLodeUrl })\n\n    const specKey = getSpecKey(location)\n    initSpecsAction({ specKey })\n    return () => unregisterEnvAdaptor()\n  }, [])\n\n  useEffect(() => {\n    const maybeSpec = location.pathname?.split('/')[1]\n    if (spec && maybeSpec && maybeSpec !== diffPath && maybeSpec !== spec.key) {\n      setCurrentSpecAction({ currentSpecKey: maybeSpec })\n    }\n  }, [location.pathname, spec])\n\n  useEffect(() => {\n    if (headless) {\n      window.addEventListener('message', hasNavigationToggle)\n    }\n    return () => {\n      if (headless) {\n        window.removeEventListener('message', hasNavigationToggle)\n      }\n    }\n  }, [headless, hasNavigationToggle])\n\n  const themeOverrides = adaptor.themeOverrides()\n\n  let neededSpec = location.pathname?.split('/')[1]\n  if (!neededSpec || neededSpec === diffPath) {\n    neededSpec = spec?.key\n  }\n\n  return (\n    <>\n      <ComponentsProvider\n        loadGoogleFonts={themeOverrides.loadGoogleFonts}\n        themeCustomizations={themeOverrides.themeCustomizations}\n      >\n        {working || !neededSpec || neededSpec !== spec.key ? (\n          <Loader message={description} themeOverrides={themeOverrides} />\n        ) : (\n          <ErrorBoundary logError={adaptor.logError.bind(adaptor)}>\n            <Banner adaptor={adaptor} specs={specs} />\n            <Page style={{ overflow: 'hidden' }}>\n              {!headless && (\n                <Header spec={spec} toggleNavigation={toggleNavigation} />\n              )}\n              <Layout hasAside height=\"100%\">\n                <AsideBorder\n                  borderRight\n                  isOpen={hasNavigation}\n                  headless={headless}\n                >\n                  {headless && (\n                    <>\n                      <Space\n                        alignItems=\"center\"\n                        py=\"u3\"\n                        px={hasNavigation ? 'u5' : '0'}\n                        justifyContent={\n                          hasNavigation ? 'space-between' : 'center'\n                        }\n                      >\n                        {hasNavigation && (\n                          <Heading\n                            as=\"h2\"\n                            fontSize=\"xsmall\"\n                            fontWeight=\"bold\"\n                            color=\"text2\"\n                          >\n                            API DOCUMENTATION\n                          </Heading>\n                        )}\n                        <IconButton\n                          size=\"xsmall\"\n                          shape=\"round\"\n                          icon={hasNavigation ? <FirstPage /> : <LastPage />}\n                          label={HEADER_TOGGLE_LABEL}\n                          onClick={() => toggleNavigation()}\n                        />\n                      </Space>\n                      {hasNavigation && (\n                        <>\n                          <Divider mb=\"u3\" appearance=\"light\" />\n                          <SelectorContainer\n                            spec={spec}\n                            ml=\"large\"\n                            mr=\"large\"\n                          />\n                        </>\n                      )}\n                    </>\n                  )}\n                  {hasNavigation && <SideNav headless={headless} spec={spec} />}\n                </AsideBorder>\n                <AppRouter\n                  specKey={spec.key}\n                  api={spec.api!}\n                  specs={specs}\n                  toggleNavigation={toggleNavigation}\n                />\n              </Layout>\n            </Page>\n          </ErrorBoundary>\n        )}\n      </ComponentsProvider>\n      {!headless && <BodyOverride />}\n    </>\n  )\n}\n\nconst AsideBorder = styled(Aside)<{\n  isOpen: boolean\n  headless: boolean\n}>`\n  width: ${({ isOpen, headless }) =>\n    isOpen ? '20rem' : headless ? '2.75rem' : '0rem'};\n`\n"],"file":"ApiExplorer.js"}

package/lib/esm/App.js

@@ -0,0 +1,19 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import React from 'react';
+import { BrowserRouter as Router } from 'react-router-dom';
+import ReactDOM from 'react-dom';
+import { createGlobalStyle } from 'styled-components';
+import { StandaloneApiExplorer } from './StandaloneApiExplorer';
+var BodyReset = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    margin: 0;\n  }\n"])));
+var basename = window.LOOKER_DEV_PORTAL ? window.LOOKER_DEV_PORTAL.basename : undefined;
+var versionsUrl = new URL('versions.json', window.location.origin).toString();
+ReactDOM.render(React.createElement(Router, {
+  basename: basename
+}, React.createElement(StandaloneApiExplorer, {
+  versionsUrl: versionsUrl,
+  headless: !!basename
+}), React.createElement(BodyReset, null)), document.getElementById('container'));
+//# sourceMappingURL=App.js.map

package/lib/esm/App.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/App.tsx"],"names":["React","BrowserRouter","Router","ReactDOM","createGlobalStyle","StandaloneApiExplorer","BodyReset","basename","window","LOOKER_DEV_PORTAL","undefined","versionsUrl","URL","location","origin","toString","render","document","getElementById"],"mappings":";;;;AA0BA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAa,IAAIC,MAA1B,QAAwC,kBAAxC;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,SAASC,iBAAT,QAAkC,mBAAlC;AACA,SAASC,qBAAT,QAAsC,yBAAtC;AAEA,IAAMC,SAAS,GAAGF,iBAAH,sGAAf;AAMA,IAAMG,QAAQ,GAAIC,MAAD,CAAgBC,iBAAhB,GACZD,MAAD,CAAgBC,iBAAhB,CAAkCF,QADrB,GAEbG,SAFJ;AAIA,IAAMC,WAAW,GAAG,IAAIC,GAAJ,CAClB,eADkB,EAEjBJ,MAAD,CAAgBK,QAAhB,CAAyBC,MAFP,EAGlBC,QAHkB,EAApB;AAKAZ,QAAQ,CAACa,MAAT,CACE,oBAAC,MAAD;AAAQ,EAAA,QAAQ,EAAET;AAAlB,GACE,oBAAC,qBAAD;AAAuB,EAAA,WAAW,EAAEI,WAApC;AAAiD,EAAA,QAAQ,EAAE,CAAC,CAACJ;AAA7D,EADF,EAEE,oBAAC,SAAD,OAFF,CADF,EAKEU,QAAQ,CAACC,cAAT,CAAwB,WAAxB,CALF","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport React from 'react'\nimport { BrowserRouter as Router } from 'react-router-dom'\nimport ReactDOM from 'react-dom'\nimport { createGlobalStyle } from 'styled-components'\nimport { StandaloneApiExplorer } from './StandaloneApiExplorer'\n\nconst BodyReset = createGlobalStyle`\n  body {\n    margin: 0;\n  }\n`\n\nconst basename = (window as any).LOOKER_DEV_PORTAL\n  ? (window as any).LOOKER_DEV_PORTAL.basename\n  : undefined\n\nconst versionsUrl = new URL(\n  'versions.json',\n  (window as any).location.origin\n).toString()\n\nReactDOM.render(\n  <Router basename={basename}>\n    <StandaloneApiExplorer versionsUrl={versionsUrl} headless={!!basename} />\n    <BodyReset />\n  </Router>,\n  document.getElementById('container')\n)\n"],"file":"App.js"}

package/lib/esm/StandaloneApiExplorer.js

@@ -3,70 +3,53 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
 import React, { useEffect, useState } from 'react';
-import { RunItProvider, defaultConfigurator, initRunItSdk, loadSpecsFromVersions, RunItConfigKey, RunItNoConfig } from '@looker/run-it';
+import { initRunItSdk, RunItProvider } from '@looker/run-it';
+import { OAuthScene } from '@looker/extension-utils';
 import { Provider } from 'react-redux';
-import ApiExplorer from './ApiExplorer';
+import { useLocation } from 'react-router';
+import { ApiExplorer } from './ApiExplorer';
 import { store } from './state';
-import { StandaloneEnvAdaptor } from './utils';
+import { oAuthPath, ApixAdaptor } from './utils';
 import { Loader } from './components';
-var standaloneEnvAdaptor = new StandaloneEnvAdaptor();
-
-var loadVersions = function () {
-  var _ref = _asyncToGenerator(function* (current) {
-    var data = yield standaloneEnvAdaptor.localStorageGetItem(RunItConfigKey);
-    var config = data ? JSON.parse(data) : RunItNoConfig;
-    var url = config.base_url ? "".concat(config.base_url, "/versions") : current;
-    var response = yield loadSpecsFromVersions(url);
-
-    if (response.fetchResult) {
-      console.error("Reverting to ".concat(current, " due to ").concat(url, " error: ").concat(response.fetchResult));
-      url = current;
-      response = yield loadSpecsFromVersions(url);
-    }
-
-    return {
-      url,
-      response
-    };
-  });
-
-  return function loadVersions(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-export var StandaloneApiExplorer = _ref2 => {
+export var StandaloneApiExplorer = _ref => {
   var {
-    headless = false,
-    versionsUrl = ''
-  } = _ref2;
-  var [specs, setSpecs] = useState();
-  var [currentVersionsUrl, setCurrentVersionsUrl] = useState(versionsUrl);
+    headless = false
+  } = _ref;
+  var [browserAdaptor] = useState(new ApixAdaptor(initRunItSdk(), window.origin));
+  var location = useLocation();
+  var oauthReturn = location.pathname === "/".concat(oAuthPath);
+  var sdk = browserAdaptor.sdk;
+  var canLogin = sdk.authSession.settings.authIsConfigured() && !sdk.authSession.isAuthenticated() && !oauthReturn;
   useEffect(() => {
-    if (currentVersionsUrl) {
-      loadVersions(currentVersionsUrl).then(result => {
-        setCurrentVersionsUrl(result.url);
-        var response = result.response;
-        setSpecs(response.specs);
+    var login = function () {
+      var _ref2 = _asyncToGenerator(function* () {
+        return yield browserAdaptor.login();
       });
-    } else {
-      setSpecs(undefined);
+
+      return function login() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    if (canLogin) {
+      login();
     }
-  }, [versionsUrl, currentVersionsUrl]);
-  var chosenSdk = initRunItSdk(defaultConfigurator);
+  }, []);
+  var {
+    looker_url
+  } = sdk.authSession.settings.getStoredConfig();
   return React.createElement(Provider, {
     store: store
   }, React.createElement(RunItProvider, {
-    sdk: chosenSdk,
-    configurator: defaultConfigurator,
     basePath: "/api/4.0"
-  }, React.createElement(React.Fragment, null, specs ? React.createElement(ApiExplorer, {
-    specs: specs,
-    envAdaptor: standaloneEnvAdaptor,
-    headless: headless,
-    setVersionsUrl: setCurrentVersionsUrl
-  }) : React.createElement(Loader, {
-    themeOverrides: standaloneEnvAdaptor.themeOverrides()
+  }, canLogin ? React.createElement(Loader, {
+    themeOverrides: browserAdaptor.themeOverrides(),
+    message: "Configuration found. Logging into ".concat(looker_url)
+  }) : React.createElement(React.Fragment, null, oauthReturn ? React.createElement(OAuthScene, {
+    adaptor: browserAdaptor
+  }) : React.createElement(ApiExplorer, {
+    adaptor: browserAdaptor,
+    headless: headless
   }))));
 };
 //# sourceMappingURL=StandaloneApiExplorer.js.map