@looker/api-explorer 0.9.26 → 0.9.27

package/lib/esm/ApiExplorer.js

@@ -1,57 +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 { registerEnvAdaptor, unregisterEnvAdaptor } from '@looker/extension-utils';
-import { oAuthPath } from './utils';
-import { Header, SideNav, ErrorBoundary, Loader, SelectorContainer, HEADER_TOGGLE_LABEL } from './components';
-import { specReducer, initDefaultSpecState, updateSpecApi } from './reducers';
+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 { useSettingActions, useSettingStoreState, useLodeActions, useLodesStoreState } from './state';
+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 {
-    specs,
     adaptor,
-    setVersionsUrl,
     examplesLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',
     declarationsLodeUrl = "".concat(apixFilesHost, "/declarationsIndex.json"),
     headless = false
   } = _ref;
-  var {
-    initialized
-  } = useSettingStoreState();
+  useSettingStoreState();
   useLodesStoreState();
+  var {
+    working,
+    description
+  } = useSpecStoreState();
+  var specs = useSelector(selectSpecs);
+  var spec = useSelector(selectCurrentSpec);
   var {
     initLodesAction
   } = useLodeActions();
   var {
     initSettingsAction
   } = useSettingActions();
-  var location = useLocation();
-  var oauthReturn = location.pathname === "/".concat(oAuthPath);
-  var [specState, specDispatch] = useReducer(specReducer, initDefaultSpecState(specs, location));
   var {
-    spec
-  } = specState;
+    initSpecsAction,
+    setCurrentSpecAction
+  } = useSpecActions();
+  var location = useLocation();
   var [hasNavigation, setHasNavigation] = useState(true);
 
   var toggleNavigation = target => setHasNavigation(target || !hasNavigation);
@@ -61,15 +53,30 @@ export var ApiExplorer = _ref => {
       setHasNavigation(currentHasNavigation => !currentHasNavigation);
     }
   }, []);
+  registerEnvAdaptor(adaptor);
   useEffect(() => {
-    registerEnvAdaptor(adaptor);
     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);
@@ -81,51 +88,30 @@ export var ApiExplorer = _ref => {
       }
     };
   }, [headless, hasNavigationToggle]);
-  useEffect(() => {
-    var loadSpec = function () {
-      var _ref2 = _asyncToGenerator(function* () {
-        if (!spec.api) {
-          try {
-            var newSpec = _objectSpread({}, spec);
-
-            var api = yield fallbackFetch(newSpec, funFetch);
-
-            if (api) {
-              spec.api = api;
-              specDispatch(updateSpecApi(spec.key, api));
-            }
-          } catch (error) {
-            console.error(error);
-          }
-        }
-      });
+  var themeOverrides = adaptor.themeOverrides();
+  var neededSpec = (_location$pathname2 = location.pathname) === null || _location$pathname2 === void 0 ? void 0 : _location$pathname2.split('/')[1];
 
-      return function loadSpec() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
+  if (!neededSpec || neededSpec === diffPath) {
+    neededSpec = spec === null || spec === void 0 ? void 0 : spec.key;
+  }
 
-    if (!oauthReturn) {
-      loadSpec();
-    }
-  }, [spec, location]);
-  var themeOverrides = adaptor.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: adaptor.logError.bind(adaptor)
-  }, React.createElement(Page, {
+  }, 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,
@@ -154,33 +140,27 @@ export 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,
-    adaptor: adaptor,
-    setVersionsUrl: setVersionsUrl
+    toggleNavigation: toggleNavigation
   }))))), !headless && React.createElement(BodyOverride, null));
 };
 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';
 });
 //# 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","registerEnvAdaptor","unregisterEnvAdaptor","oAuthPath","Header","SideNav","ErrorBoundary","Loader","SelectorContainer","HEADER_TOGGLE_LABEL","specReducer","initDefaultSpecState","updateSpecApi","AppRouter","apixFilesHost","useSettingActions","useSettingStoreState","useLodeActions","useLodesStoreState","BodyOverride","ApiExplorer","specs","adaptor","setVersionsUrl","examplesLodeUrl","declarationsLodeUrl","headless","initialized","initLodesAction","initSettingsAction","location","oauthReturn","pathname","specState","specDispatch","spec","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","addEventListener","removeEventListener","loadSpec","api","newSpec","key","error","console","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 type { IEnvironmentAdaptor } from '@looker/extension-utils'\nimport {\n  registerEnvAdaptor,\n  unregisterEnvAdaptor,\n} from '@looker/extension-utils'\nimport { oAuthPath } 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 {\n  useSettingActions,\n  useSettingStoreState,\n  useLodeActions,\n  useLodesStoreState,\n} from './state'\n\nexport interface ApiExplorerProps {\n  specs: SpecList\n  adaptor: IEnvironmentAdaptor\n  setVersionsUrl: RunItSetter\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  specs,\n  adaptor,\n  setVersionsUrl,\n  examplesLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',\n  declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,\n  headless = false,\n}) => {\n  const { initialized } = useSettingStoreState()\n  useLodesStoreState()\n  const { initLodesAction } = useLodeActions()\n  const { initSettingsAction } = useSettingActions()\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 [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(adaptor)\n    initSettingsAction()\n    initLodesAction({ examplesLodeUrl, declarationsLodeUrl })\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  const themeOverrides = adaptor.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={adaptor.logError.bind(adaptor)}>\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                    adaptor={adaptor}\n                    setVersionsUrl={setVersionsUrl}\n                  />\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"}
+{"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/StandaloneApiExplorer.js

@@ -3,67 +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, loadSpecsFromVersions, RunItConfigKey, RunItNoConfig, initRunItSdk } from '@looker/run-it';
+import { initRunItSdk, RunItProvider } from '@looker/run-it';
+import { OAuthScene } from '@looker/extension-utils';
 import { Provider } from 'react-redux';
-import { BrowserAdaptor } from '@looker/extension-utils';
+import { useLocation } from 'react-router';
 import { ApiExplorer } from './ApiExplorer';
 import { store } from './state';
+import { oAuthPath, ApixAdaptor } from './utils';
 import { Loader } from './components';
-var browserAdaptor = new BrowserAdaptor(initRunItSdk());
-
-var loadVersions = function () {
-  var _ref = _asyncToGenerator(function* (current) {
-    var data = yield browserAdaptor.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 {
+    looker_url
+  } = sdk.authSession.settings.getStoredConfig();
   return React.createElement(Provider, {
     store: store
   }, React.createElement(RunItProvider, {
     basePath: "/api/4.0"
-  }, React.createElement(React.Fragment, null, specs ? React.createElement(ApiExplorer, {
-    specs: specs,
+  }, 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,
-    setVersionsUrl: setCurrentVersionsUrl
-  }) : React.createElement(Loader, {
-    themeOverrides: browserAdaptor.themeOverrides()
+    headless: headless
   }))));
 };
 //# sourceMappingURL=StandaloneApiExplorer.js.map

package/lib/esm/StandaloneApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/StandaloneApiExplorer.tsx"],"names":["React","useEffect","useState","RunItProvider","loadSpecsFromVersions","RunItConfigKey","RunItNoConfig","initRunItSdk","Provider","BrowserAdaptor","ApiExplorer","store","Loader","browserAdaptor","loadVersions","current","data","localStorageGetItem","config","JSON","parse","url","base_url","response","fetchResult","console","error","StandaloneApiExplorer","headless","versionsUrl","specs","setSpecs","currentVersionsUrl","setCurrentVersionsUrl","then","result","undefined","themeOverrides"],"mappings":";;;;AA2BA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,SACEC,aADF,EAEEC,qBAFF,EAGEC,cAHF,EAIEC,aAJF,EAKEC,YALF,QAMO,gBANP;AAQA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,cAAT,QAA+B,yBAA/B;AAEA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,KAAT,QAAsB,SAAtB;AACA,SAASC,MAAT,QAAuB,cAAvB;AAOA,IAAMC,cAAc,GAAG,IAAIJ,cAAJ,CAAmBF,YAAY,EAA/B,CAAvB;;AAEA,IAAMO,YAAY;AAAA,+BAAG,WAAOC,OAAP,EAA2B;AAC9C,QAAMC,IAAI,SAASH,cAAc,CAACI,mBAAf,CAAmCZ,cAAnC,CAAnB;AACA,QAAMa,MAAM,GAAGF,IAAI,GAAGG,IAAI,CAACC,KAAL,CAAWJ,IAAX,CAAH,GAAsBV,aAAzC;AACA,QAAIe,GAAG,GAAGH,MAAM,CAACI,QAAP,aAAqBJ,MAAM,CAACI,QAA5B,iBAAkDP,OAA5D;AACA,QAAIQ,QAAQ,SAASnB,qBAAqB,CAACiB,GAAD,CAA1C;;AACA,QAAIE,QAAQ,CAACC,WAAb,EAA0B;AACxBC,MAAAA,OAAO,CAACC,KAAR,wBACkBX,OADlB,qBACoCM,GADpC,qBACkDE,QAAQ,CAACC,WAD3D;AAIAH,MAAAA,GAAG,GAAGN,OAAN;AACAQ,MAAAA,QAAQ,SAASnB,qBAAqB,CAACiB,GAAD,CAAtC;AACD;;AACD,WAAO;AAAEA,MAAAA,GAAF;AAAOE,MAAAA;AAAP,KAAP;AACD,GAdiB;;AAAA,kBAAZT,YAAY;AAAA;AAAA;AAAA,GAAlB;;AAgBA,OAAO,IAAMa,qBAAqD,GAAG,SAG/D;AAAA,MAHgE;AACpEC,IAAAA,QAAQ,GAAG,KADyD;AAEpEC,IAAAA,WAAW,GAAG;AAFsD,GAGhE;AACJ,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB7B,QAAQ,EAAlC;AACA,MAAM,CAAC8B,kBAAD,EAAqBC,qBAArB,IACJ/B,QAAQ,CAAS2B,WAAT,CADV;AAGA5B,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI+B,kBAAJ,EAAwB;AACtBlB,MAAAA,YAAY,CAACkB,kBAAD,CAAZ,CAAiCE,IAAjC,CAAuCC,MAAD,IAAY;AAChDF,QAAAA,qBAAqB,CAACE,MAAM,CAACd,GAAR,CAArB;AACA,YAAME,QAAQ,GAAGY,MAAM,CAACZ,QAAxB;AACAQ,QAAAA,QAAQ,CAACR,QAAQ,CAACO,KAAV,CAAR;AACD,OAJD;AAKD,KAND,MAMO;AACLC,MAAAA,QAAQ,CAACK,SAAD,CAAR;AACD;AACF,GAVQ,EAUN,CAACP,WAAD,EAAcG,kBAAd,CAVM,CAAT;AAYA,SACE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAErB;AAAjB,KACE,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAC;AAAxB,KACE,0CACGmB,KAAK,GACJ,oBAAC,WAAD;AACE,IAAA,KAAK,EAAEA,KADT;AAEE,IAAA,OAAO,EAAEjB,cAFX;AAGE,IAAA,QAAQ,EAAEe,QAHZ;AAIE,IAAA,cAAc,EAAEK;AAJlB,IADI,GAQJ,oBAAC,MAAD;AAAQ,IAAA,cAAc,EAAEpB,cAAc,CAACwB,cAAf;AAAxB,IATJ,CADF,CADF,CADF;AAkBD,CAtCM","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 {\n  RunItProvider,\n  loadSpecsFromVersions,\n  RunItConfigKey,\n  RunItNoConfig,\n  initRunItSdk,\n} from '@looker/run-it'\nimport type { SpecList } from '@looker/sdk-codegen'\nimport { Provider } from 'react-redux'\nimport { BrowserAdaptor } from '@looker/extension-utils'\n\nimport { ApiExplorer } from './ApiExplorer'\nimport { store } from './state'\nimport { Loader } from './components'\n\nexport interface StandaloneApiExplorerProps {\n  headless?: boolean\n  versionsUrl: string\n}\n\nconst browserAdaptor = new BrowserAdaptor(initRunItSdk())\n\nconst loadVersions = async (current: string) => {\n  const data = await browserAdaptor.localStorageGetItem(RunItConfigKey)\n  const config = data ? JSON.parse(data) : RunItNoConfig\n  let url = config.base_url ? `${config.base_url}/versions` : current\n  let response = await loadSpecsFromVersions(url)\n  if (response.fetchResult) {\n    console.error(\n      `Reverting to ${current} due to ${url} error: ${response.fetchResult}`\n    )\n    // The stored server location has an error so default to current\n    url = current\n    response = await loadSpecsFromVersions(url)\n  }\n  return { url, response }\n}\n\nexport const StandaloneApiExplorer: FC<StandaloneApiExplorerProps> = ({\n  headless = false,\n  versionsUrl = '',\n}) => {\n  const [specs, setSpecs] = useState<SpecList | undefined>()\n  const [currentVersionsUrl, setCurrentVersionsUrl] =\n    useState<string>(versionsUrl)\n\n  useEffect(() => {\n    if (currentVersionsUrl) {\n      loadVersions(currentVersionsUrl).then((result) => {\n        setCurrentVersionsUrl(result.url)\n        const response = result.response\n        setSpecs(response.specs)\n      })\n    } else {\n      setSpecs(undefined)\n    }\n  }, [versionsUrl, currentVersionsUrl])\n\n  return (\n    <Provider store={store}>\n      <RunItProvider basePath=\"/api/4.0\">\n        <>\n          {specs ? (\n            <ApiExplorer\n              specs={specs}\n              adaptor={browserAdaptor}\n              headless={headless}\n              setVersionsUrl={setCurrentVersionsUrl}\n            />\n          ) : (\n            <Loader themeOverrides={browserAdaptor.themeOverrides()} />\n          )}\n        </>\n      </RunItProvider>\n    </Provider>\n  )\n}\n"],"file":"StandaloneApiExplorer.js"}
+{"version":3,"sources":["../../src/StandaloneApiExplorer.tsx"],"names":["React","useEffect","useState","initRunItSdk","RunItProvider","OAuthScene","Provider","useLocation","ApiExplorer","store","oAuthPath","ApixAdaptor","Loader","StandaloneApiExplorer","headless","browserAdaptor","window","origin","location","oauthReturn","pathname","sdk","canLogin","authSession","settings","authIsConfigured","isAuthenticated","login","looker_url","getStoredConfig","themeOverrides"],"mappings":";;;;AA2BA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,SAASC,YAAT,EAAuBC,aAAvB,QAA4C,gBAA5C;AAEA,SAASC,UAAT,QAA2B,yBAA3B;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,WAAT,QAA4B,cAA5B;AAEA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,KAAT,QAAsB,SAAtB;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,SAAvC;AACA,SAASC,MAAT,QAAuB,cAAvB;AAOA,OAAO,IAAMC,qBAAqD,GAAG,QAE/D;AAAA,MAFgE;AACpEC,IAAAA,QAAQ,GAAG;AADyD,GAEhE;AACJ,MAAM,CAACC,cAAD,IAAmBb,QAAQ,CAC/B,IAAIS,WAAJ,CAAgBR,YAAY,EAA5B,EAAgCa,MAAM,CAACC,MAAvC,CAD+B,CAAjC;AAGA,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;AACA,MAAMY,WAAW,GAAGD,QAAQ,CAACE,QAAT,gBAA0BV,SAA1B,CAApB;AACA,MAAMW,GAAG,GAAGN,cAAc,CAACM,GAA3B;AACA,MAAMC,QAAQ,GACXD,GAAG,CAACE,WAAJ,CAAgBC,QAAjB,CAAkDC,gBAAlD,MACA,CAACJ,GAAG,CAACE,WAAJ,CAAgBG,eAAhB,EADD,IAEA,CAACP,WAHH;AAKAlB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAM0B,KAAK;AAAA,oCAAG;AAAA,qBAAkBZ,cAAc,CAACY,KAAf,EAAlB;AAAA,OAAH;;AAAA,sBAALA,KAAK;AAAA;AAAA;AAAA,OAAX;;AACA,QAAIL,QAAJ,EAAc;AACZK,MAAAA,KAAK;AACN;AACF,GALQ,EAKN,EALM,CAAT;AAOA,MAAM;AAAEC,IAAAA;AAAF,MACJP,GAAG,CAACE,WAAJ,CAAgBC,QADK,CAErBK,eAFqB,EAAvB;AAIA,SACE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAEpB;AAAjB,KACE,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAC;AAAxB,KACGa,QAAQ,GACP,oBAAC,MAAD;AACE,IAAA,cAAc,EAAEP,cAAc,CAACe,cAAf,EADlB;AAEE,IAAA,OAAO,8CAAuCF,UAAvC;AAFT,IADO,GAMP,0CACGT,WAAW,GACV,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAEJ;AAArB,IADU,GAGV,oBAAC,WAAD;AAAa,IAAA,OAAO,EAAEA,cAAtB;AAAsC,IAAA,QAAQ,EAAED;AAAhD,IAJJ,CAPJ,CADF,CADF;AAoBD,CA7CM","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 { initRunItSdk, RunItProvider } from '@looker/run-it'\nimport type { OAuthConfigProvider } from '@looker/extension-utils'\nimport { OAuthScene } from '@looker/extension-utils'\nimport { Provider } from 'react-redux'\nimport { useLocation } from 'react-router'\n\nimport { ApiExplorer } from './ApiExplorer'\nimport { store } from './state'\nimport { oAuthPath, ApixAdaptor } from './utils'\nimport { Loader } from './components'\n\nexport interface StandaloneApiExplorerProps {\n  headless?: boolean\n  versionsUrl: string\n}\n\nexport const StandaloneApiExplorer: FC<StandaloneApiExplorerProps> = ({\n  headless = false,\n}) => {\n  const [browserAdaptor] = useState(\n    new ApixAdaptor(initRunItSdk(), window.origin)\n  )\n  const location = useLocation()\n  const oauthReturn = location.pathname === `/${oAuthPath}`\n  const sdk = browserAdaptor.sdk\n  const canLogin =\n    (sdk.authSession.settings as OAuthConfigProvider).authIsConfigured() &&\n    !sdk.authSession.isAuthenticated() &&\n    !oauthReturn\n\n  useEffect(() => {\n    const login = async () => await browserAdaptor.login()\n    if (canLogin) {\n      login()\n    }\n  }, [])\n\n  const { looker_url } = (\n    sdk.authSession.settings as OAuthConfigProvider\n  ).getStoredConfig()\n\n  return (\n    <Provider store={store}>\n      <RunItProvider basePath=\"/api/4.0\">\n        {canLogin ? (\n          <Loader\n            themeOverrides={browserAdaptor.themeOverrides()}\n            message={`Configuration found. Logging into ${looker_url}`}\n          />\n        ) : (\n          <>\n            {oauthReturn ? (\n              <OAuthScene adaptor={browserAdaptor} />\n            ) : (\n              <ApiExplorer adaptor={browserAdaptor} headless={headless} />\n            )}\n          </>\n        )}\n      </RunItProvider>\n    </Provider>\n  )\n}\n"],"file":"StandaloneApiExplorer.js"}

package/lib/esm/components/Banner/Banner.js

@@ -0,0 +1,54 @@
+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); }); }; }
+
+import { ButtonOutline, Link, MessageBar } from '@looker/components';
+import React, { useState, useEffect } from 'react';
+var LOCAL_STORAGE_KEY = 'api-40-ga-apix-banner';
+var LOCAL_STORAGE_VALUE = 'dismissed';
+export var Banner = _ref => {
+  var {
+    adaptor,
+    specs
+  } = _ref;
+  var [isOpen, setOpen] = useState(false);
+  useEffect(onLoad, []);
+
+  if (isOpen) {
+    return React.createElement(MessageBar, {
+      intent: "inform",
+      onPrimaryClick: onClose,
+      secondaryAction: React.createElement(Link, {
+        href: "https://developers.looker.com/api/advanced-usage/version-4-ga",
+        target: "_blank"
+      }, React.createElement(ButtonOutline, {
+        size: "small"
+      }, "Announcement"))
+    }, "API 4.0 moves from Beta to General Availability in Looker 22.4 with additions and possible breaking changes. Read the announcement to see how this affects you.");
+  } else {
+    return null;
+  }
+
+  function onLoad() {
+    function innerOnLoad() {
+      return _innerOnLoad.apply(this, arguments);
+    }
+
+    function _innerOnLoad() {
+      _innerOnLoad = _asyncToGenerator(function* () {
+        var is40Stable = specs['4.0'].status === 'stable' || specs['4.0'].status === 'current';
+        var wasDismissed = (yield adaptor.localStorageGetItem(LOCAL_STORAGE_KEY)) === LOCAL_STORAGE_VALUE;
+        setOpen(!is40Stable && !wasDismissed && adaptor.isExtension());
+      });
+      return _innerOnLoad.apply(this, arguments);
+    }
+
+    innerOnLoad();
+  }
+
+  function onClose() {
+    adaptor.localStorageSetItem(LOCAL_STORAGE_KEY, LOCAL_STORAGE_VALUE);
+    setOpen(false);
+  }
+};
+//# sourceMappingURL=Banner.js.map

package/lib/esm/components/Banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Banner/Banner.tsx"],"names":["ButtonOutline","Link","MessageBar","React","useState","useEffect","LOCAL_STORAGE_KEY","LOCAL_STORAGE_VALUE","Banner","adaptor","specs","isOpen","setOpen","onLoad","onClose","innerOnLoad","is40Stable","status","wasDismissed","localStorageGetItem","isExtension","localStorageSetItem"],"mappings":";;;;AAyBA,SAASA,aAAT,EAAwBC,IAAxB,EAA8BC,UAA9B,QAAgD,oBAAhD;AAIA,OAAOC,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AAEA,IAAMC,iBAAiB,GAAG,uBAA1B;AACA,IAAMC,mBAAmB,GAAG,WAA5B;AAOA,OAAO,IAAMC,MAAuB,GAAG,QAAwB;AAAA,MAAvB;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GAAuB;AAC7D,MAAM,CAACC,MAAD,EAASC,OAAT,IAAoBR,QAAQ,CAAC,KAAD,CAAlC;AACAC,EAAAA,SAAS,CAACQ,MAAD,EAAS,EAAT,CAAT;;AAEA,MAAIF,MAAJ,EAAY;AACV,WACE,oBAAC,UAAD;AACE,MAAA,MAAM,EAAC,QADT;AAEE,MAAA,cAAc,EAAEG,OAFlB;AAGE,MAAA,eAAe,EACb,oBAAC,IAAD;AACE,QAAA,IAAI,EAAC,+DADP;AAEE,QAAA,MAAM,EAAC;AAFT,SAIE,oBAAC,aAAD;AAAe,QAAA,IAAI,EAAC;AAApB,wBAJF;AAJJ,yKADF;AAkBD,GAnBD,MAmBO;AACL,WAAO,IAAP;AACD;;AAED,WAASD,MAAT,GAAkB;AAAA,aAGDE,WAHC;AAAA;AAAA;;AAAA;AAAA,uCAGhB,aAA6B;AAG3B,YAAMC,UAAU,GACdN,KAAK,CAAC,KAAD,CAAL,CAAaO,MAAb,KAAwB,QAAxB,IAAoCP,KAAK,CAAC,KAAD,CAAL,CAAaO,MAAb,KAAwB,SAD9D;AAEA,YAAMC,YAAY,GAChB,OAAOT,OAAO,CAACU,mBAAR,CAA4Bb,iBAA5B,CAAP,MACAC,mBAFF;AAGAK,QAAAA,OAAO,CAAC,CAACI,UAAD,IAAe,CAACE,YAAhB,IAAgCT,OAAO,CAACW,WAAR,EAAjC,CAAP;AACD,OAZe;AAAA;AAAA;;AAahBL,IAAAA,WAAW;AACZ;;AAED,WAASD,OAAT,GAAmB;AACjBL,IAAAA,OAAO,CAACY,mBAAR,CAA4Bf,iBAA5B,EAA+CC,mBAA/C;AACAK,IAAAA,OAAO,CAAC,KAAD,CAAP;AACD;AACF,CA/CM","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 { ButtonOutline, Link, MessageBar } from '@looker/components'\nimport type { IEnvironmentAdaptor } from '@looker/extension-utils'\nimport type { SpecList } from '@looker/sdk-codegen'\nimport type { FC } from 'react'\nimport React, { useState, useEffect } from 'react'\n\nconst LOCAL_STORAGE_KEY = 'api-40-ga-apix-banner'\nconst LOCAL_STORAGE_VALUE = 'dismissed'\n\nexport interface BannerProps {\n  adaptor: IEnvironmentAdaptor\n  specs: SpecList\n}\n\nexport const Banner: FC<BannerProps> = ({ adaptor, specs }) => {\n  const [isOpen, setOpen] = useState(false)\n  useEffect(onLoad, [])\n\n  if (isOpen) {\n    return (\n      <MessageBar\n        intent=\"inform\"\n        onPrimaryClick={onClose}\n        secondaryAction={\n          <Link\n            href=\"https://developers.looker.com/api/advanced-usage/version-4-ga\"\n            target=\"_blank\"\n          >\n            <ButtonOutline size=\"small\">Announcement</ButtonOutline>\n          </Link>\n        }\n      >\n        API 4.0 moves from Beta to General Availability in Looker 22.4 with\n        additions and possible breaking changes. Read the announcement to see\n        how this affects you.\n      </MessageBar>\n    )\n  } else {\n    return null\n  }\n\n  function onLoad() {\n    // Following best practice with inner async function\n    // https://github.com/facebook/react/issues/14326\n    async function innerOnLoad() {\n      // 4.0 is stable in Looker 22.4+. 4.0 is default or `current` in 22.4+.\n      // Still check for `stable` just in case new version comes along.\n      const is40Stable =\n        specs['4.0'].status === 'stable' || specs['4.0'].status === 'current'\n      const wasDismissed =\n        (await adaptor.localStorageGetItem(LOCAL_STORAGE_KEY)) ===\n        LOCAL_STORAGE_VALUE\n      setOpen(!is40Stable && !wasDismissed && adaptor.isExtension())\n    }\n    innerOnLoad()\n  }\n\n  function onClose() {\n    adaptor.localStorageSetItem(LOCAL_STORAGE_KEY, LOCAL_STORAGE_VALUE)\n    setOpen(false)\n  }\n}\n"],"file":"Banner.js"}

package/lib/esm/components/Banner/index.js

@@ -0,0 +1,2 @@
+export { Banner } from './Banner';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Banner/index.ts"],"names":["Banner"],"mappings":"AAyBA,SAASA,MAAT,QAAuB,UAAvB","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 { Banner } from './Banner'\n"],"file":"index.js"}

package/lib/esm/components/DocSDKs/DocSDKs.js

@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from 'react';
 import { useSelector } from 'react-redux';
-import { Method } from '@looker/sdk-codegen';
 import { CollapserCard, getGenerators } from '@looker/run-it';
 import { DocCode } from '../DocCode';
 import { selectSdkLanguage } from '../../state';
+import { isMethod } from '../../utils/path';
 import { noComment } from './utils';
 import { DocDeclarations } from './DocDeclarations';
 
@@ -13,7 +13,7 @@ var getDeclarations = (generators, sdkLanguage, item) => {
     var [language, gen] = _ref;
 
     if (sdkLanguage === 'All' || language === sdkLanguage) {
-      var code = item instanceof Method ? gen.declareMethod('', item) : gen.declareType('', item);
+      var code = isMethod(item) ? gen.declareMethod('', item) : gen.declareType('', item);
       declarations[language] = code;
     }
   });

package/lib/esm/components/DocSDKs/DocSDKs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DocSDKs/DocSDKs.tsx"],"names":["React","useState","useEffect","useSelector","Method","CollapserCard","getGenerators","DocCode","selectSdkLanguage","noComment","DocDeclarations","getDeclarations","generators","sdkLanguage","item","declarations","Object","entries","forEach","language","gen","code","declareMethod","declareType","DocSDKs","api","method","type","setItem","setDeclarations","header","setHeader","languages","keys","length","values"],"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 } from 'react'\nimport { useSelector } from 'react-redux'\nimport type {\n  IMethod,\n  IType,\n  ApiModel,\n  KeyedCollection,\n  CodeGen,\n} from '@looker/sdk-codegen'\nimport { Method } from '@looker/sdk-codegen'\nimport { CollapserCard, getGenerators } from '@looker/run-it'\n\nimport { DocCode } from '../DocCode'\nimport { selectSdkLanguage } from '../../state'\nimport { noComment } from './utils'\nimport { DocDeclarations } from './DocDeclarations'\n\ninterface LanguageSDKProps {\n  /** API spec */\n  api: ApiModel\n  /** An SDK method */\n  method?: IMethod\n  /** An SDK type */\n  type?: IType\n}\n\nconst getDeclarations = (\n  generators: KeyedCollection<CodeGen>,\n  sdkLanguage: string,\n  item: IMethod | IType\n) => {\n  const declarations: KeyedCollection<string> = {}\n  Object.entries(generators).forEach(([language, gen]) => {\n    if (sdkLanguage === 'All' || language === sdkLanguage) {\n      const code =\n        item instanceof Method\n          ? gen.declareMethod('', item as IMethod)\n          : gen.declareType('', item as IType)\n      declarations[language] = code\n    }\n  })\n  return declarations\n}\n\n/**\n * Given a method or a type, it renders its SDK declaration in all supported languages.\n */\nexport const DocSDKs: FC<LanguageSDKProps> = ({ api, method, type }) => {\n  const sdkLanguage = useSelector(selectSdkLanguage)\n  const generators = getGenerators(api)\n  const [item, setItem] = useState(method ? noComment(method) : type!)\n  const [declarations, setDeclarations] = useState(\n    getDeclarations(generators, sdkLanguage, item)\n  )\n  const [header, setHeader] = useState(`${sdkLanguage} Declaration`)\n\n  useEffect(() => {\n    setItem(method ? noComment(method) : type!)\n  }, [method, type])\n\n  useEffect(() => {\n    const declarations = getDeclarations(generators, sdkLanguage, item)\n    setDeclarations(declarations)\n    const languages = Object.keys(declarations)\n    if (languages.length > 1) {\n      setHeader('Declarations')\n    } else {\n      setHeader(`${languages[0]} Declaration`)\n    }\n  }, [sdkLanguage, item])\n\n  return (\n    <CollapserCard heading={header} id=\"sdk declarations\">\n      {Object.keys(declarations).length > 1 ? (\n        <DocDeclarations declarations={declarations} />\n      ) : (\n        <DocCode\n          language={Object.keys(declarations)[0]}\n          code={Object.values(declarations)[0]}\n        />\n      )}\n    </CollapserCard>\n  )\n}\n"],"file":"DocSDKs.js"}
+{"version":3,"sources":["../../../../src/components/DocSDKs/DocSDKs.tsx"],"names":["React","useState","useEffect","useSelector","CollapserCard","getGenerators","DocCode","selectSdkLanguage","isMethod","noComment","DocDeclarations","getDeclarations","generators","sdkLanguage","item","declarations","Object","entries","forEach","language","gen","code","declareMethod","declareType","DocSDKs","api","method","type","setItem","setDeclarations","header","setHeader","languages","keys","length","values"],"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 } from 'react'\nimport { useSelector } from 'react-redux'\nimport type {\n  IMethod,\n  IType,\n  ApiModel,\n  KeyedCollection,\n  CodeGen,\n} from '@looker/sdk-codegen'\nimport { CollapserCard, getGenerators } from '@looker/run-it'\n\nimport { DocCode } from '../DocCode'\nimport { selectSdkLanguage } from '../../state'\nimport { isMethod } from '../../utils/path'\nimport { noComment } from './utils'\nimport { DocDeclarations } from './DocDeclarations'\n\ninterface LanguageSDKProps {\n  /** API spec */\n  api: ApiModel\n  /** An SDK method */\n  method?: IMethod\n  /** An SDK type */\n  type?: IType\n}\n\nconst getDeclarations = (\n  generators: KeyedCollection<CodeGen>,\n  sdkLanguage: string,\n  item: IMethod | IType\n) => {\n  const declarations: KeyedCollection<string> = {}\n  Object.entries(generators).forEach(([language, gen]) => {\n    if (sdkLanguage === 'All' || language === sdkLanguage) {\n      const code = isMethod(item)\n        ? gen.declareMethod('', item as IMethod)\n        : gen.declareType('', item as IType)\n      declarations[language] = code\n    }\n  })\n  return declarations\n}\n\n/**\n * Given a method or a type, it renders its SDK declaration in all supported languages.\n */\nexport const DocSDKs: FC<LanguageSDKProps> = ({ api, method, type }) => {\n  const sdkLanguage = useSelector(selectSdkLanguage)\n  const generators = getGenerators(api)\n  const [item, setItem] = useState(method ? noComment(method) : type!)\n  const [declarations, setDeclarations] = useState(\n    getDeclarations(generators, sdkLanguage, item)\n  )\n  const [header, setHeader] = useState(`${sdkLanguage} Declaration`)\n\n  useEffect(() => {\n    setItem(method ? noComment(method) : type!)\n  }, [method, type])\n\n  useEffect(() => {\n    const declarations = getDeclarations(generators, sdkLanguage, item)\n    setDeclarations(declarations)\n    const languages = Object.keys(declarations)\n    if (languages.length > 1) {\n      setHeader('Declarations')\n    } else {\n      setHeader(`${languages[0]} Declaration`)\n    }\n  }, [sdkLanguage, item])\n\n  return (\n    <CollapserCard heading={header} id=\"sdk declarations\">\n      {Object.keys(declarations).length > 1 ? (\n        <DocDeclarations declarations={declarations} />\n      ) : (\n        <DocCode\n          language={Object.keys(declarations)[0]}\n          code={Object.values(declarations)[0]}\n        />\n      )}\n    </CollapserCard>\n  )\n}\n"],"file":"DocSDKs.js"}

package/lib/esm/components/ExploreType/ExploreType.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import { Code, Tree, TreeItem } from '@looker/components';
 import { TypeOfType, typeOfType } from '@looker/sdk-codegen';
-import { useLocation } from 'react-router';
+import { useRouteMatch } from 'react-router-dom';
 import { Link } from '../Link';
-import { getSpecKey } from '../../reducers';
 import { buildPath } from '../../utils';
 import { ExploreProperty, pickType, pickTypeProps, typeIcon, typeLinkPrefix, typeLinkSuffix } from '.';
 export var ExploreTypeLink = _ref => {
@@ -11,7 +10,8 @@ export var ExploreTypeLink = _ref => {
     type,
     api
   } = _ref;
-  var location = useLocation();
+  var match = useRouteMatch('/:specKey');
+  var specKey = match === null || match === void 0 ? void 0 : match.params.specKey;
   var picked = pickType(type);
   var name = picked.name;
   var prefix = typeLinkPrefix(type);
@@ -20,7 +20,6 @@ export var ExploreTypeLink = _ref => {
   if (typed === TypeOfType.Intrinsic) return React.createElement(Code, {
     fontSize: "small"
   }, type.jsonName);
-  var specKey = getSpecKey(location);
   return React.createElement(React.Fragment, null, prefix, React.createElement(Link, {
     key: type.fullName,
     to: buildPath(api, type, specKey)