@looker/api-explorer 0.9.26 → 0.9.27

package/CHANGELOG.md

@@ -5,6 +5,52 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+### [0.9.27](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.26...api-explorer-v0.9.27) (2022-02-14)
+
+
+### Features
+
+* Added 4.0 GA stable banner to api explorer ([#956](https://www.github.com/looker-open-source/sdk-codegen/issues/956)) ([c59b5d4](https://www.github.com/looker-open-source/sdk-codegen/commit/c59b5d4d14189329fd9d95b31d3801dd27bd1c08))
+
+
+### Bug Fixes
+
+* Fix broken apix test because of 22.0 build ([#968](https://www.github.com/looker-open-source/sdk-codegen/issues/968)) ([45a9a69](https://www.github.com/looker-open-source/sdk-codegen/commit/45a9a6915be0fbcfdbd3ee6152a59d9d8728b3ca))
+* runtime error for API Explorer ([#973](https://www.github.com/looker-open-source/sdk-codegen/issues/973)) ([4823fcb](https://www.github.com/looker-open-source/sdk-codegen/commit/4823fcb56d38bde5ae2f80d02a946b5bd3eeb834))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/extension-utils bumped from ^0.1.3 to ^0.1.4
+    * @looker/code-editor bumped from ^0.1.17 to ^0.1.18
+    * @looker/run-it bumped from ^0.9.26 to ^0.9.27
+    * @looker/sdk-codegen bumped from ^21.3.2 to ^21.4.0
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.2.1 to ^21.2.2
+
+### [0.9.26](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.23...api-explorer-v0.9.26) (2022-01-27)
+
+
+### Features
+
+* OAuthConfigProvider ([209f399](https://www.github.com/looker-open-source/sdk-codegen/commit/209f399a089beb28405a178d3dc8f769478ae97b))
+
+
+### Bug Fixes
+
+* enum naming and registration ([#918](https://www.github.com/looker-open-source/sdk-codegen/issues/918)) ([9d4a6cb](https://www.github.com/looker-open-source/sdk-codegen/commit/9d4a6cbfac5defad3a35389e2d46947d2135d349))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/sdk bumped from ^21.20.0 to ^21.20.1
+  * devDependencies
+    * @looker/sdk-node bumped from ^21.20.0 to ^21.20.1
+
 ### [0.9.26](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.25...api-explorer-v0.9.26) (2021-12-20)
 
 
@@ -539,4 +585,4 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Response types now have nested types correctly documented
 - The response type processing functions now have arguments for the number of levels to expand nested types
 - API explorer's default expansion depth is one level deep
-- Added [`ExploreType`](src/components/ExploreType/ExploreType.tsx) and [`ExploreProperty`](src/components/ExploreType/ExploreProperty.tsx) components used to display responses and explore the type on the type page
+- Added [`ExploreType`](src/components/ExploreType/ExploreType.tsx) and [`ExploreProperty`](src/components/ExploreType/ExploreProperty.tsx) components used to display responses and explore the type on the type page

package/e2e/e2e.spec.ts

@@ -173,7 +173,7 @@ describe('API Explorer', () => {
         'ul[aria-label="spec selector"] > li:last-child'
       )
       await expect(page).toMatchElement('h2', {
-        text: 'Looker API 4.0 (Experimental) Reference',
+        text: 'Looker API 4.0 (Beta) Reference',
       })
     })
   })

package/lib/ApiExplorer.d.ts

@@ -1,11 +1,7 @@
 import type { FC } from 'react';
-import type { SpecList } from '@looker/sdk-codegen';
-import type { RunItSetter } from '@looker/run-it';
-import type { IEnvironmentAdaptor } from '@looker/extension-utils';
+import type { IApixAdaptor } from './utils';
 export interface ApiExplorerProps {
-    specs: SpecList;
-    adaptor: IEnvironmentAdaptor;
-    setVersionsUrl: RunItSetter;
+    adaptor: IApixAdaptor;
     examplesLodeUrl?: string;
     declarationsLodeUrl?: string;
     headless?: boolean;

package/lib/ApiExplorer.js

@@ -7,25 +7,21 @@ exports.ApiExplorer = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactRouter = require("react-router");
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _components = require("@looker/components");
 
-var _runIt = require("@looker/run-it");
-
 var _FirstPage = require("@styled-icons/material/FirstPage");
 
 var _LastPage = require("@styled-icons/material/LastPage");
 
 var _extensionUtils = require("@looker/extension-utils");
 
-var _utils = require("./utils");
+var _reactRedux = require("react-redux");
 
-var _components2 = require("./components");
+var _reactRouterDom = require("react-router-dom");
 
-var _reducers = require("./reducers");
+var _components2 = require("./components");
 
 var _routes = require("./routes");
 
@@ -33,51 +29,46 @@ var _lodeUtils = require("./utils/lodeUtils");
 
 var _state = require("./state");
 
+var _utils = require("./utils");
+
 var _templateObject;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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) } })); }
 
 var BodyOverride = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral([" html { height: 100%; overflow: hidden; } "])));
 
 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(_lodeUtils.apixFilesHost, "/declarationsIndex.json"),
     headless = false
   } = _ref;
-  var {
-    initialized
-  } = (0, _state.useSettingStoreState)();
+  (0, _state.useSettingStoreState)();
   (0, _state.useLodesStoreState)();
+  var {
+    working,
+    description
+  } = (0, _state.useSpecStoreState)();
+  var specs = (0, _reactRedux.useSelector)(_state.selectSpecs);
+  var spec = (0, _reactRedux.useSelector)(_state.selectCurrentSpec);
   var {
     initLodesAction
   } = (0, _state.useLodeActions)();
   var {
     initSettingsAction
   } = (0, _state.useSettingActions)();
-  var location = (0, _reactRouter.useLocation)();
-  var oauthReturn = location.pathname === "/".concat(_utils.oAuthPath);
-  var [specState, specDispatch] = (0, _react.useReducer)(_reducers.specReducer, (0, _reducers.initDefaultSpecState)(specs, location));
   var {
-    spec
-  } = specState;
+    initSpecsAction,
+    setCurrentSpecAction
+  } = (0, _state.useSpecActions)();
+  var location = (0, _reactRouterDom.useLocation)();
   var [hasNavigation, setHasNavigation] = (0, _react.useState)(true);
 
   var toggleNavigation = target => setHasNavigation(target || !hasNavigation);
@@ -87,15 +78,30 @@ var ApiExplorer = _ref => {
       setHasNavigation(currentHasNavigation => !currentHasNavigation);
     }
   }, []);
+  (0, _extensionUtils.registerEnvAdaptor)(adaptor);
   (0, _react.useEffect)(() => {
-    (0, _extensionUtils.registerEnvAdaptor)(adaptor);
     initSettingsAction();
     initLodesAction({
       examplesLodeUrl,
       declarationsLodeUrl
     });
+    var specKey = (0, _utils.getSpecKey)(location);
+    initSpecsAction({
+      specKey
+    });
     return () => (0, _extensionUtils.unregisterEnvAdaptor)();
   }, []);
+  (0, _react.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 !== _utils.diffPath && maybeSpec !== spec.key) {
+      setCurrentSpecAction({
+        currentSpecKey: maybeSpec
+      });
+    }
+  }, [location.pathname, spec]);
   (0, _react.useEffect)(() => {
     if (headless) {
       window.addEventListener('message', hasNavigationToggle);
@@ -107,51 +113,30 @@ var ApiExplorer = _ref => {
       }
     };
   }, [headless, hasNavigationToggle]);
-  (0, _react.useEffect)(() => {
-    var loadSpec = function () {
-      var _ref2 = _asyncToGenerator(function* () {
-        if (!spec.api) {
-          try {
-            var newSpec = _objectSpread({}, spec);
-
-            var api = yield (0, _runIt.fallbackFetch)(newSpec, _runIt.funFetch);
-
-            if (api) {
-              spec.api = api;
-              specDispatch((0, _reducers.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 === _utils.diffPath) {
+    neededSpec = spec === null || spec === void 0 ? void 0 : spec.key;
+  }
 
-    if (!oauthReturn) {
-      loadSpec();
-    }
-  }, [spec, location]);
-  var themeOverrides = adaptor.themeOverrides();
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.ComponentsProvider, {
     loadGoogleFonts: themeOverrides.loadGoogleFonts,
     themeCustomizations: themeOverrides.themeCustomizations
-  }, !initialized ? _react.default.createElement(_components2.Loader, {
-    message: "Initializing",
+  }, working || !neededSpec || neededSpec !== spec.key ? _react.default.createElement(_components2.Loader, {
+    message: description,
     themeOverrides: themeOverrides
   }) : _react.default.createElement(_components2.ErrorBoundary, {
     logError: adaptor.logError.bind(adaptor)
-  }, _react.default.createElement(_components.Page, {
+  }, _react.default.createElement(_components2.Banner, {
+    adaptor: adaptor,
+    specs: specs
+  }), _react.default.createElement(_components.Page, {
     style: {
       overflow: 'hidden'
     }
   }, !headless && _react.default.createElement(_components2.Header, {
-    specs: specs,
     spec: spec,
-    specDispatch: specDispatch,
     toggleNavigation: toggleNavigation
   }), _react.default.createElement(_components.Layout, {
     hasAside: true,
@@ -180,23 +165,17 @@ var ApiExplorer = _ref => {
     mb: "u3",
     appearance: "light"
   }), _react.default.createElement(_components2.SelectorContainer, {
-    ml: "large",
-    mr: "large",
-    specs: specs,
     spec: spec,
-    specDispatch: specDispatch
+    ml: "large",
+    mr: "large"
   }))), hasNavigation && _react.default.createElement(_components2.SideNav, {
     headless: headless,
-    specs: specs,
-    spec: spec,
-    specDispatch: specDispatch
-  })), oauthReturn && _react.default.createElement(_runIt.OAuthScene, null), !oauthReturn && spec.api && _react.default.createElement(_routes.AppRouter, {
-    api: spec.api,
+    spec: spec
+  })), _react.default.createElement(_routes.AppRouter, {
     specKey: spec.key,
+    api: spec.api,
     specs: specs,
-    toggleNavigation: toggleNavigation,
-    adaptor: adaptor,
-    setVersionsUrl: setVersionsUrl
+    toggleNavigation: toggleNavigation
   }))))), !headless && _react.default.createElement(BodyOverride, null));
 };
 
@@ -204,11 +183,11 @@ exports.ApiExplorer = ApiExplorer;
 var AsideBorder = (0, _styledComponents.default)(_components.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/ApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ApiExplorer.tsx"],"names":["BodyOverride","createGlobalStyle","ApiExplorer","specs","adaptor","setVersionsUrl","examplesLodeUrl","declarationsLodeUrl","apixFilesHost","headless","initialized","initLodesAction","initSettingsAction","location","oauthReturn","pathname","oAuthPath","specState","specDispatch","specReducer","spec","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","addEventListener","removeEventListener","loadSpec","api","newSpec","funFetch","key","error","console","themeOverrides","loadGoogleFonts","themeCustomizations","logError","bind","overflow","HEADER_TOGGLE_LABEL","AsideBorder","Aside","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":["BodyOverride","createGlobalStyle","ApiExplorer","adaptor","examplesLodeUrl","declarationsLodeUrl","apixFilesHost","headless","working","description","specs","selectSpecs","spec","selectCurrentSpec","initLodesAction","initSettingsAction","initSpecsAction","setCurrentSpecAction","location","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","specKey","maybeSpec","pathname","split","diffPath","key","currentSpecKey","addEventListener","removeEventListener","themeOverrides","neededSpec","loadGoogleFonts","themeCustomizations","logError","bind","overflow","HEADER_TOGGLE_LABEL","api","AsideBorder","Aside","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/StandaloneApiExplorer.js

@@ -9,14 +9,18 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _runIt = require("@looker/run-it");
 
+var _extensionUtils = require("@looker/extension-utils");
+
 var _reactRedux = require("react-redux");
 
-var _extensionUtils = require("@looker/extension-utils");
+var _reactRouter = require("react-router");
 
 var _ApiExplorer = require("./ApiExplorer");
 
 var _state = require("./state");
 
+var _utils = require("./utils");
+
 var _components = require("./components");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -27,61 +31,45 @@ 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); }); }; }
 
-var browserAdaptor = new _extensionUtils.BrowserAdaptor((0, _runIt.initRunItSdk)());
-
-var loadVersions = function () {
-  var _ref = _asyncToGenerator(function* (current) {
-    var data = yield browserAdaptor.localStorageGetItem(_runIt.RunItConfigKey);
-    var config = data ? JSON.parse(data) : _runIt.RunItNoConfig;
-    var url = config.base_url ? "".concat(config.base_url, "/versions") : current;
-    var response = yield (0, _runIt.loadSpecsFromVersions)(url);
-
-    if (response.fetchResult) {
-      console.error("Reverting to ".concat(current, " due to ").concat(url, " error: ").concat(response.fetchResult));
-      url = current;
-      response = yield (0, _runIt.loadSpecsFromVersions)(url);
-    }
-
-    return {
-      url,
-      response
-    };
-  });
-
-  return function loadVersions(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var StandaloneApiExplorer = _ref2 => {
+var StandaloneApiExplorer = _ref => {
   var {
-    headless = false,
-    versionsUrl = ''
-  } = _ref2;
-  var [specs, setSpecs] = (0, _react.useState)();
-  var [currentVersionsUrl, setCurrentVersionsUrl] = (0, _react.useState)(versionsUrl);
+    headless = false
+  } = _ref;
+  var [browserAdaptor] = (0, _react.useState)(new _utils.ApixAdaptor((0, _runIt.initRunItSdk)(), window.origin));
+  var location = (0, _reactRouter.useLocation)();
+  var oauthReturn = location.pathname === "/".concat(_utils.oAuthPath);
+  var sdk = browserAdaptor.sdk;
+  var canLogin = sdk.authSession.settings.authIsConfigured() && !sdk.authSession.isAuthenticated() && !oauthReturn;
   (0, _react.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.default.createElement(_reactRedux.Provider, {
     store: _state.store
   }, _react.default.createElement(_runIt.RunItProvider, {
     basePath: "/api/4.0"
-  }, _react.default.createElement(_react.default.Fragment, null, specs ? _react.default.createElement(_ApiExplorer.ApiExplorer, {
-    specs: specs,
+  }, canLogin ? _react.default.createElement(_components.Loader, {
+    themeOverrides: browserAdaptor.themeOverrides(),
+    message: "Configuration found. Logging into ".concat(looker_url)
+  }) : _react.default.createElement(_react.default.Fragment, null, oauthReturn ? _react.default.createElement(_extensionUtils.OAuthScene, {
+    adaptor: browserAdaptor
+  }) : _react.default.createElement(_ApiExplorer.ApiExplorer, {
     adaptor: browserAdaptor,
-    headless: headless,
-    setVersionsUrl: setCurrentVersionsUrl
-  }) : _react.default.createElement(_components.Loader, {
-    themeOverrides: browserAdaptor.themeOverrides()
+    headless: headless
   }))));
 };
 

package/lib/StandaloneApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/StandaloneApiExplorer.tsx"],"names":["browserAdaptor","BrowserAdaptor","loadVersions","current","data","localStorageGetItem","RunItConfigKey","config","JSON","parse","RunItNoConfig","url","base_url","response","fetchResult","console","error","StandaloneApiExplorer","headless","versionsUrl","specs","setSpecs","currentVersionsUrl","setCurrentVersionsUrl","then","result","undefined","store","themeOverrides"],"mappings":";;;;;;;AA2BA;;AACA;;AAQA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAOA,IAAMA,cAAc,GAAG,IAAIC,8BAAJ,CAAmB,0BAAnB,CAAvB;;AAEA,IAAMC,YAAY;AAAA,+BAAG,WAAOC,OAAP,EAA2B;AAC9C,QAAMC,IAAI,SAASJ,cAAc,CAACK,mBAAf,CAAmCC,qBAAnC,CAAnB;AACA,QAAMC,MAAM,GAAGH,IAAI,GAAGI,IAAI,CAACC,KAAL,CAAWL,IAAX,CAAH,GAAsBM,oBAAzC;AACA,QAAIC,GAAG,GAAGJ,MAAM,CAACK,QAAP,aAAqBL,MAAM,CAACK,QAA5B,iBAAkDT,OAA5D;AACA,QAAIU,QAAQ,SAAS,kCAAsBF,GAAtB,CAArB;;AACA,QAAIE,QAAQ,CAACC,WAAb,EAA0B;AACxBC,MAAAA,OAAO,CAACC,KAAR,wBACkBb,OADlB,qBACoCQ,GADpC,qBACkDE,QAAQ,CAACC,WAD3D;AAIAH,MAAAA,GAAG,GAAGR,OAAN;AACAU,MAAAA,QAAQ,SAAS,kCAAsBF,GAAtB,CAAjB;AACD;;AACD,WAAO;AAAEA,MAAAA,GAAF;AAAOE,MAAAA;AAAP,KAAP;AACD,GAdiB;;AAAA,kBAAZX,YAAY;AAAA;AAAA;AAAA,GAAlB;;AAgBO,IAAMe,qBAAqD,GAAG,SAG/D;AAAA,MAHgE;AACpEC,IAAAA,QAAQ,GAAG,KADyD;AAEpEC,IAAAA,WAAW,GAAG;AAFsD,GAGhE;AACJ,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,sBAA1B;AACA,MAAM,CAACC,kBAAD,EAAqBC,qBAArB,IACJ,qBAAiBJ,WAAjB,CADF;AAGA,wBAAU,MAAM;AACd,QAAIG,kBAAJ,EAAwB;AACtBpB,MAAAA,YAAY,CAACoB,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,GAVD,EAUG,CAACP,WAAD,EAAcG,kBAAd,CAVH;AAYA,SACE,6BAAC,oBAAD;AAAU,IAAA,KAAK,EAAEK;AAAjB,KACE,6BAAC,oBAAD;AAAe,IAAA,QAAQ,EAAC;AAAxB,KACE,4DACGP,KAAK,GACJ,6BAAC,wBAAD;AACE,IAAA,KAAK,EAAEA,KADT;AAEE,IAAA,OAAO,EAAEpB,cAFX;AAGE,IAAA,QAAQ,EAAEkB,QAHZ;AAIE,IAAA,cAAc,EAAEK;AAJlB,IADI,GAQJ,6BAAC,kBAAD;AAAQ,IAAA,cAAc,EAAEvB,cAAc,CAAC4B,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":["StandaloneApiExplorer","headless","browserAdaptor","ApixAdaptor","window","origin","location","oauthReturn","pathname","oAuthPath","sdk","canLogin","authSession","settings","authIsConfigured","isAuthenticated","login","looker_url","getStoredConfig","store","themeOverrides"],"mappings":";;;;;;;AA2BA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAOO,IAAMA,qBAAqD,GAAG,QAE/D;AAAA,MAFgE;AACpEC,IAAAA,QAAQ,GAAG;AADyD,GAEhE;AACJ,MAAM,CAACC,cAAD,IAAmB,qBACvB,IAAIC,kBAAJ,CAAgB,0BAAhB,EAAgCC,MAAM,CAACC,MAAvC,CADuB,CAAzB;AAGA,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,WAAW,GAAGD,QAAQ,CAACE,QAAT,gBAA0BC,gBAA1B,CAApB;AACA,MAAMC,GAAG,GAAGR,cAAc,CAACQ,GAA3B;AACA,MAAMC,QAAQ,GACXD,GAAG,CAACE,WAAJ,CAAgBC,QAAjB,CAAkDC,gBAAlD,MACA,CAACJ,GAAG,CAACE,WAAJ,CAAgBG,eAAhB,EADD,IAEA,CAACR,WAHH;AAKA,wBAAU,MAAM;AACd,QAAMS,KAAK;AAAA,oCAAG;AAAA,qBAAkBd,cAAc,CAACc,KAAf,EAAlB;AAAA,OAAH;;AAAA,sBAALA,KAAK;AAAA;AAAA;AAAA,OAAX;;AACA,QAAIL,QAAJ,EAAc;AACZK,MAAAA,KAAK;AACN;AACF,GALD,EAKG,EALH;AAOA,MAAM;AAAEC,IAAAA;AAAF,MACJP,GAAG,CAACE,WAAJ,CAAgBC,QADK,CAErBK,eAFqB,EAAvB;AAIA,SACE,6BAAC,oBAAD;AAAU,IAAA,KAAK,EAAEC;AAAjB,KACE,6BAAC,oBAAD;AAAe,IAAA,QAAQ,EAAC;AAAxB,KACGR,QAAQ,GACP,6BAAC,kBAAD;AACE,IAAA,cAAc,EAAET,cAAc,CAACkB,cAAf,EADlB;AAEE,IAAA,OAAO,8CAAuCH,UAAvC;AAFT,IADO,GAMP,4DACGV,WAAW,GACV,6BAAC,0BAAD;AAAY,IAAA,OAAO,EAAEL;AAArB,IADU,GAGV,6BAAC,wBAAD;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/components/Banner/Banner.d.ts

@@ -0,0 +1,8 @@
+import type { IEnvironmentAdaptor } from '@looker/extension-utils';
+import type { SpecList } from '@looker/sdk-codegen';
+import type { FC } from 'react';
+export interface BannerProps {
+    adaptor: IEnvironmentAdaptor;
+    specs: SpecList;
+}
+export declare const Banner: FC<BannerProps>;

package/lib/components/Banner/Banner.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Banner = void 0;
+
+var _components = require("@looker/components");
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }); }; }
+
+var LOCAL_STORAGE_KEY = 'api-40-ga-apix-banner';
+var LOCAL_STORAGE_VALUE = 'dismissed';
+
+var Banner = _ref => {
+  var {
+    adaptor,
+    specs
+  } = _ref;
+  var [isOpen, setOpen] = (0, _react.useState)(false);
+  (0, _react.useEffect)(onLoad, []);
+
+  if (isOpen) {
+    return _react.default.createElement(_components.MessageBar, {
+      intent: "inform",
+      onPrimaryClick: onClose,
+      secondaryAction: _react.default.createElement(_components.Link, {
+        href: "https://developers.looker.com/api/advanced-usage/version-4-ga",
+        target: "_blank"
+      }, _react.default.createElement(_components.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);
+  }
+};
+
+exports.Banner = Banner;
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Banner/Banner.tsx"],"names":["LOCAL_STORAGE_KEY","LOCAL_STORAGE_VALUE","Banner","adaptor","specs","isOpen","setOpen","onLoad","onClose","innerOnLoad","is40Stable","status","wasDismissed","localStorageGetItem","isExtension","localStorageSetItem"],"mappings":";;;;;;;AAyBA;;AAIA;;;;;;;;;;AAEA,IAAMA,iBAAiB,GAAG,uBAA1B;AACA,IAAMC,mBAAmB,GAAG,WAA5B;;AAOO,IAAMC,MAAuB,GAAG,QAAwB;AAAA,MAAvB;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GAAuB;AAC7D,MAAM,CAACC,MAAD,EAASC,OAAT,IAAoB,qBAAS,KAAT,CAA1B;AACA,wBAAUC,MAAV,EAAkB,EAAlB;;AAEA,MAAIF,MAAJ,EAAY;AACV,WACE,6BAAC,sBAAD;AACE,MAAA,MAAM,EAAC,QADT;AAEE,MAAA,cAAc,EAAEG,OAFlB;AAGE,MAAA,eAAe,EACb,6BAAC,gBAAD;AACE,QAAA,IAAI,EAAC,+DADP;AAEE,QAAA,MAAM,EAAC;AAFT,SAIE,6BAAC,yBAAD;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/components/Banner/index.d.ts

@@ -0,0 +1 @@
+export { Banner } from './Banner';