@looker/api-explorer 0.9.22 → 0.9.27

package/CHANGELOG.md

@@ -5,6 +5,132 @@ 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)
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/extension-utils bumped from ^0.1.2 to ^0.1.3
+    * @looker/code-editor bumped from ^0.1.16 to ^0.1.17
+    * @looker/run-it bumped from ^0.9.25 to ^0.9.26
+    * @looker/sdk-codegen bumped from ^21.3.0 to ^21.3.1
+    * @looker/sdk-rtl bumped from ^21.3.0 to ^21.3.1
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.2.0 to ^21.2.1
+
+### [0.9.25](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.24...api-explorer-v0.9.25) (2021-12-16)
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/extension-utils bumped from ^0.1.1 to ^0.1.2
+    * @looker/code-editor bumped from ^0.1.15 to ^0.1.16
+    * @looker/run-it bumped from ^0.9.24 to ^0.9.25
+    * @looker/sdk-codegen bumped from ^21.2.1 to ^21.3.0
+    * @looker/sdk-rtl bumped from ^21.2.0 to ^21.3.0
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.1.4 to ^21.2.0
+
+### [0.9.24](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.23...api-explorer-v0.9.24) (2021-12-06)
+
+
+### 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/extension-utils bumped from ^0.1.0 to ^0.1.1
+    * @looker/code-editor bumped from ^0.1.14 to ^0.1.15
+    * @looker/run-it bumped from ^0.9.23 to ^0.9.24
+    * @looker/sdk-codegen bumped from ^21.2.0 to ^21.2.1
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.1.3 to ^21.1.4
+
+### [0.9.23](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.22...api-explorer-v0.9.23) (2021-11-10)
+
+
+### Features
+
+* create @looker/extension-utils ([#886](https://www.github.com/looker-open-source/sdk-codegen/issues/886)) ([9d1720d](https://www.github.com/looker-open-source/sdk-codegen/commit/9d1720d9a4cec00c45195dd9c716d9a2a929264f))
+
+
+### Bug Fixes
+
+* api explorer initialization  ([#885](https://www.github.com/looker-open-source/sdk-codegen/issues/885)) ([b08b08e](https://www.github.com/looker-open-source/sdk-codegen/commit/b08b08e9767725e19a573bac0385320bb903490d))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/code-editor bumped from ^0.1.13 to ^0.1.14
+    * @looker/run-it bumped from ^0.9.22 to ^0.9.23
+    * @looker/sdk bumped from ^21.18.1 to ^21.20.0
+    * @looker/sdk-codegen bumped from ^21.1.1 to ^21.2.0
+    * @looker/sdk-rtl bumped from ^21.1.1 to ^21.2.0
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from ^21.1.2 to ^21.1.3
+    * @looker/sdk-node bumped from ^21.18.1 to ^21.20.0
+
 ### [0.9.22](https://www.github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.21...api-explorer-v0.9.22) (2021-10-27)
 
 

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,48 +1,9 @@
 import type { FC } from 'react';
-import React from 'react';
-import type { SpecList } from '@looker/sdk-codegen';
-import type { RunItSetter } from '@looker/run-it';
-import type { IApixEnvAdaptor } from './utils';
+import type { IApixAdaptor } from './utils';
 export interface ApiExplorerProps {
-    specs: SpecList;
-    envAdaptor: IApixEnvAdaptor;
-    setVersionsUrl: RunItSetter;
-    exampleLodeUrl?: string;
+    adaptor: IApixAdaptor;
+    examplesLodeUrl?: string;
     declarationsLodeUrl?: string;
     headless?: boolean;
 }
-export declare const BodyOverride: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-declare const ApiExplorer: FC<ApiExplorerProps>;
-export declare const AsideBorder: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("@looker/components").SimpleLayoutProps & import("styled-system").BorderRadiusProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    border?: string | boolean | undefined;
-    borderBottom?: string | boolean | undefined;
-    borderLeft?: string | boolean | undefined;
-    borderRight?: string | boolean | undefined;
-    borderTop?: string | boolean | undefined;
-    borderX?: string | boolean | undefined;
-    borderY?: string | boolean | undefined;
-} & import("@looker/design-tokens").TypographyProps & {
-    color?: any;
-} & import("@looker/design-tokens").CompatibleHTMLProps<HTMLElement> & {
-    collapse?: boolean | undefined;
-    scrollWithin?: boolean | undefined;
-    width?: import("styled-system").ResponsiveValue<string | import("@looker/components/Layout/Semantics/Aside/asideWidth").AsideSizeRamp, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("@looker/components").SimpleLayoutProps & import("styled-system").BorderRadiusProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
-    border?: string | boolean | undefined;
-    borderBottom?: string | boolean | undefined;
-    borderLeft?: string | boolean | undefined;
-    borderRight?: string | boolean | undefined;
-    borderTop?: string | boolean | undefined;
-    borderX?: string | boolean | undefined;
-    borderY?: string | boolean | undefined;
-} & import("@looker/design-tokens").TypographyProps & {
-    color?: any;
-} & import("@looker/design-tokens").CompatibleHTMLProps<HTMLElement> & {
-    collapse?: boolean | undefined;
-    scrollWithin?: boolean | undefined;
-    width?: import("styled-system").ResponsiveValue<string | import("@looker/components/Layout/Semantics/Aside/asideWidth").AsideSizeRamp, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-} & {
-    isOpen: boolean;
-    headless: boolean;
-}, never>;
-export default ApiExplorer;
+export declare const ApiExplorer: FC<ApiExplorerProps>;

package/lib/ApiExplorer.js

@@ -3,29 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AsideBorder = exports.BodyOverride = void 0;
+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 _context = require("./context");
+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,49 +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; } "])));
-exports.BodyOverride = BodyOverride;
 
 var ApiExplorer = _ref => {
+  var _location$pathname2;
+
   var {
-    specs,
-    envAdaptor,
-    setVersionsUrl,
-    exampleLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',
+    adaptor,
+    examplesLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',
     declarationsLodeUrl = "".concat(_lodeUtils.apixFilesHost, "/declarationsIndex.json"),
     headless = false
   } = _ref;
+  (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 {
-    initialized
-  } = (0, _state.useSettingsStoreState)();
+    initLodesAction
+  } = (0, _state.useLodeActions)();
   var {
-    initAction
-  } = (0, _state.useActions)();
-  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));
+    initSettingsAction
+  } = (0, _state.useSettingActions)();
   var {
-    spec
-  } = specState;
-  var [lode, setLode] = (0, _react.useState)(_context.defaultLodeContextValue);
+    initSpecsAction,
+    setCurrentSpecAction
+  } = (0, _state.useSpecActions)();
+  var location = (0, _reactRouterDom.useLocation)();
   var [hasNavigation, setHasNavigation] = (0, _react.useState)(true);
 
   var toggleNavigation = target => setHasNavigation(target || !hasNavigation);
@@ -85,11 +78,30 @@ var ApiExplorer = _ref => {
       setHasNavigation(currentHasNavigation => !currentHasNavigation);
     }
   }, []);
+  (0, _extensionUtils.registerEnvAdaptor)(adaptor);
   (0, _react.useEffect)(() => {
-    (0, _utils.registerEnvAdaptor)(envAdaptor);
-    initAction();
-    return () => (0, _utils.unregisterEnvAdaptor)();
+    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);
@@ -101,56 +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]);
-  (0, _react.useEffect)(() => {
-    (0, _utils.getLoded)(exampleLodeUrl, declarationsLodeUrl).then(resp => setLode(resp));
-  }, [exampleLodeUrl, declarationsLodeUrl]);
-  var themeOverrides = envAdaptor.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: envAdaptor.logError.bind(envAdaptor)
-  }, _react.default.createElement(_context.LodeContext.Provider, {
-    value: _objectSpread({}, lode)
-  }, _react.default.createElement(_components.Page, {
+    logError: adaptor.logError.bind(adaptor)
+  }, _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,
@@ -179,37 +165,29 @@ 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,
-    envAdaptor: envAdaptor,
-    setVersionsUrl: setVersionsUrl
-  })))))), !headless && _react.default.createElement(BodyOverride, null));
+    toggleNavigation: toggleNavigation
+  }))))), !headless && _react.default.createElement(BodyOverride, null));
 };
 
+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';
 });
-exports.AsideBorder = AsideBorder;
-var _default = ApiExplorer;
-exports.default = _default;
 //# sourceMappingURL=ApiExplorer.js.map

package/lib/ApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ApiExplorer.tsx"],"names":["BodyOverride","createGlobalStyle","ApiExplorer","specs","envAdaptor","setVersionsUrl","exampleLodeUrl","declarationsLodeUrl","apixFilesHost","headless","initialized","initAction","location","oauthReturn","pathname","oAuthPath","specState","specDispatch","specReducer","spec","lode","setLode","defaultLodeContextValue","hasNavigation","setHasNavigation","toggleNavigation","target","hasNavigationToggle","e","origin","window","data","action","currentHasNavigation","addEventListener","removeEventListener","loadSpec","api","newSpec","funFetch","key","error","console","then","resp","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 { LodeContext, defaultLodeContextValue } from './context'\nimport type { IApixEnvAdaptor } from './utils'\nimport {\n  getLoded,\n  oAuthPath,\n  registerEnvAdaptor,\n  unregisterEnvAdaptor,\n} from './utils'\nimport {\n  Header,\n  SideNav,\n  ErrorBoundary,\n  Loader,\n  SelectorContainer,\n  HEADER_TOGGLE_LABEL,\n} from './components'\nimport { specReducer, initDefaultSpecState, updateSpecApi } from './reducers'\nimport { AppRouter } from './routes'\nimport { apixFilesHost } from './utils/lodeUtils'\nimport { useActions, useSettingsStoreState } from './state'\n\nexport interface ApiExplorerProps {\n  specs: SpecList\n  envAdaptor: IApixEnvAdaptor\n  setVersionsUrl: RunItSetter\n  exampleLodeUrl?: string\n  declarationsLodeUrl?: string\n  headless?: boolean\n}\n\nexport const BodyOverride = createGlobalStyle` html { height: 100%; overflow: hidden; } `\n\nconst ApiExplorer: FC<ApiExplorerProps> = ({\n  specs,\n  envAdaptor,\n  setVersionsUrl,\n  exampleLodeUrl = 'https://raw.githubusercontent.com/looker-open-source/sdk-codegen/main/examplesIndex.json',\n  declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,\n  headless = false,\n}) => {\n  const { initialized } = useSettingsStoreState()\n  const { initAction } = useActions()\n  const location = useLocation()\n  const oauthReturn = location.pathname === `/${oAuthPath}`\n  const [specState, specDispatch] = useReducer(\n    specReducer,\n    initDefaultSpecState(specs, location)\n  )\n  const { spec } = specState\n\n  const [lode, setLode] = useState(defaultLodeContextValue)\n\n  const [hasNavigation, setHasNavigation] = useState(true)\n  const toggleNavigation = (target?: boolean) =>\n    setHasNavigation(target || !hasNavigation)\n\n  const hasNavigationToggle = useCallback((e: MessageEvent<any>) => {\n    if (e.origin === window.origin && e.data.action === 'toggle_sidebar') {\n      setHasNavigation((currentHasNavigation) => !currentHasNavigation)\n    }\n  }, [])\n\n  useEffect(() => {\n    registerEnvAdaptor(envAdaptor)\n    initAction()\n\n    return () => unregisterEnvAdaptor()\n  }, [])\n\n  useEffect(() => {\n    if (headless) {\n      window.addEventListener('message', hasNavigationToggle)\n    }\n    return () => {\n      if (headless) {\n        window.removeEventListener('message', hasNavigationToggle)\n      }\n    }\n  }, [headless, hasNavigationToggle])\n\n  useEffect(() => {\n    const loadSpec = async () => {\n      if (!spec.api) {\n        try {\n          const newSpec = { ...spec }\n          const api = await fallbackFetch(newSpec, funFetch)\n          if (api) {\n            spec.api = api\n            specDispatch(updateSpecApi(spec.key, api))\n          }\n        } catch (error) {\n          console.error(error)\n        }\n      }\n    }\n    if (!oauthReturn) {\n      loadSpec()\n    }\n  }, [spec, location])\n\n  useEffect(() => {\n    getLoded(exampleLodeUrl, declarationsLodeUrl).then((resp) => setLode(resp))\n  }, [exampleLodeUrl, declarationsLodeUrl])\n\n  const themeOverrides = envAdaptor.themeOverrides()\n\n  return (\n    <>\n      <ComponentsProvider\n        loadGoogleFonts={themeOverrides.loadGoogleFonts}\n        themeCustomizations={themeOverrides.themeCustomizations}\n      >\n        {!initialized ? (\n          <Loader message=\"Initializing\" themeOverrides={themeOverrides} />\n        ) : (\n          <ErrorBoundary logError={envAdaptor.logError.bind(envAdaptor)}>\n            <LodeContext.Provider value={{ ...lode }}>\n              <Page style={{ overflow: 'hidden' }}>\n                {!headless && (\n                  <Header\n                    specs={specs}\n                    spec={spec}\n                    specDispatch={specDispatch}\n                    toggleNavigation={toggleNavigation}\n                  />\n                )}\n                <Layout hasAside height=\"100%\">\n                  <AsideBorder\n                    borderRight\n                    isOpen={hasNavigation}\n                    headless={headless}\n                  >\n                    {headless && (\n                      <>\n                        <Space\n                          alignItems=\"center\"\n                          py=\"u3\"\n                          px={hasNavigation ? 'u5' : '0'}\n                          justifyContent={\n                            hasNavigation ? 'space-between' : 'center'\n                          }\n                        >\n                          {hasNavigation && (\n                            <Heading\n                              as=\"h2\"\n                              fontSize=\"xsmall\"\n                              fontWeight=\"bold\"\n                              color=\"text2\"\n                            >\n                              API DOCUMENTATION\n                            </Heading>\n                          )}\n                          <IconButton\n                            size=\"xsmall\"\n                            shape=\"round\"\n                            icon={hasNavigation ? <FirstPage /> : <LastPage />}\n                            label={HEADER_TOGGLE_LABEL}\n                            onClick={() => toggleNavigation()}\n                          />\n                        </Space>\n                        {hasNavigation && (\n                          <>\n                            <Divider mb=\"u3\" appearance=\"light\" />\n                            <SelectorContainer\n                              ml=\"large\"\n                              mr=\"large\"\n                              specs={specs}\n                              spec={spec}\n                              specDispatch={specDispatch}\n                            />\n                          </>\n                        )}\n                      </>\n                    )}\n                    {hasNavigation && (\n                      <SideNav\n                        headless={headless}\n                        specs={specs}\n                        spec={spec}\n                        specDispatch={specDispatch}\n                      />\n                    )}\n                  </AsideBorder>\n                  {oauthReturn && <OAuthScene />}\n                  {!oauthReturn && spec.api && (\n                    <AppRouter\n                      api={spec.api}\n                      specKey={spec.key}\n                      specs={specs}\n                      toggleNavigation={toggleNavigation}\n                      envAdaptor={envAdaptor}\n                      setVersionsUrl={setVersionsUrl}\n                    />\n                  )}\n                </Layout>\n              </Page>\n            </LodeContext.Provider>\n          </ErrorBoundary>\n        )}\n      </ComponentsProvider>\n      {!headless && <BodyOverride />}\n    </>\n  )\n}\n\nexport const AsideBorder = styled(Aside)<{\n  isOpen: boolean\n  headless: boolean\n}>`\n  width: ${({ isOpen, headless }) =>\n    isOpen ? '20rem' : headless ? '2.75rem' : '0rem'};\n`\nexport default ApiExplorer\n"],"file":"ApiExplorer.js"}
+{"version":3,"sources":["../src/ApiExplorer.tsx"],"names":["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":";;;;;;;AA2BA;;AACA;;AACA;;AAUA;;AACA;;AACA;;AAIA;;AACA;;AAGA;;AASA;;AACA;;AACA;;AAUA;;;;;;;;;;AASA,IAAMA,YAAY,OAAGC,mCAAH,gHAAlB;;AAEO,IAAMC,WAAiC,GAAG,QAK3C;AAAA;;AAAA,MAL4C;AAChDC,IAAAA,OADgD;AAEhDC,IAAAA,eAAe,GAAG,0FAF8B;AAGhDC,IAAAA,mBAAmB,aAAMC,wBAAN,4BAH6B;AAIhDC,IAAAA,QAAQ,GAAG;AAJqC,GAK5C;AACJ;AACA;AACA,MAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAA2B,+BAAjC;AACA,MAAMC,KAAK,GAAG,6BAAYC,kBAAZ,CAAd;AACA,MAAMC,IAAI,GAAG,6BAAYC,wBAAZ,CAAb;AACA,MAAM;AAAEC,IAAAA;AAAF,MAAsB,4BAA5B;AACA,MAAM;AAAEC,IAAAA;AAAF,MAAyB,+BAA/B;AACA,MAAM;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA;AAAnB,MAA4C,4BAAlD;AAEA,MAAMC,QAAQ,GAAG,kCAAjB;AACA,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoC,qBAAS,IAAT,CAA1C;;AACA,MAAMC,gBAAgB,GAAIC,MAAD,IACvBF,gBAAgB,CAACE,MAAM,IAAI,CAACH,aAAZ,CADlB;;AAGA,MAAMI,mBAAmB,GAAG,wBAAaC,CAAD,IAA0B;AAChE,QAAIA,CAAC,CAACC,MAAF,KAAaC,MAAM,CAACD,MAApB,IAA8BD,CAAC,CAACG,IAAF,CAAOC,MAAP,KAAkB,gBAApD,EAAsE;AACpER,MAAAA,gBAAgB,CAAES,oBAAD,IAA0B,CAACA,oBAA5B,CAAhB;AACD;AACF,GAJ2B,EAIzB,EAJyB,CAA5B;AAMA,0CAAmB1B,OAAnB;AAEA,wBAAU,MAAM;AACdY,IAAAA,kBAAkB;AAClBD,IAAAA,eAAe,CAAC;AAAEV,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,KAAD,CAAf;AAEA,QAAMyB,OAAO,GAAG,uBAAWZ,QAAX,CAAhB;AACAF,IAAAA,eAAe,CAAC;AAAEc,MAAAA;AAAF,KAAD,CAAf;AACA,WAAO,MAAM,2CAAb;AACD,GAPD,EAOG,EAPH;AASA,wBAAU,MAAM;AAAA;;AACd,QAAMC,SAAS,yBAAGb,QAAQ,CAACc,QAAZ,uDAAG,mBAAmBC,KAAnB,CAAyB,GAAzB,EAA8B,CAA9B,CAAlB;;AACA,QAAIrB,IAAI,IAAImB,SAAR,IAAqBA,SAAS,KAAKG,eAAnC,IAA+CH,SAAS,KAAKnB,IAAI,CAACuB,GAAtE,EAA2E;AACzElB,MAAAA,oBAAoB,CAAC;AAAEmB,QAAAA,cAAc,EAAEL;AAAlB,OAAD,CAApB;AACD;AACF,GALD,EAKG,CAACb,QAAQ,CAACc,QAAV,EAAoBpB,IAApB,CALH;AAOA,wBAAU,MAAM;AACd,QAAIL,QAAJ,EAAc;AACZmB,MAAAA,MAAM,CAACW,gBAAP,CAAwB,SAAxB,EAAmCd,mBAAnC;AACD;;AACD,WAAO,MAAM;AACX,UAAIhB,QAAJ,EAAc;AACZmB,QAAAA,MAAM,CAACY,mBAAP,CAA2B,SAA3B,EAAsCf,mBAAtC;AACD;AACF,KAJD;AAKD,GATD,EASG,CAAChB,QAAD,EAAWgB,mBAAX,CATH;AAWA,MAAMgB,cAAc,GAAGpC,OAAO,CAACoC,cAAR,EAAvB;AAEA,MAAIC,UAAU,0BAAGtB,QAAQ,CAACc,QAAZ,wDAAG,oBAAmBC,KAAnB,CAAyB,GAAzB,EAA8B,CAA9B,CAAjB;;AACA,MAAI,CAACO,UAAD,IAAeA,UAAU,KAAKN,eAAlC,EAA4C;AAC1CM,IAAAA,UAAU,GAAG5B,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEuB,GAAnB;AACD;;AAED,SACE,4DACE,6BAAC,8BAAD;AACE,IAAA,eAAe,EAAEI,cAAc,CAACE,eADlC;AAEE,IAAA,mBAAmB,EAAEF,cAAc,CAACG;AAFtC,KAIGlC,OAAO,IAAI,CAACgC,UAAZ,IAA0BA,UAAU,KAAK5B,IAAI,CAACuB,GAA9C,GACC,6BAAC,mBAAD;AAAQ,IAAA,OAAO,EAAE1B,WAAjB;AAA8B,IAAA,cAAc,EAAE8B;AAA9C,IADD,GAGC,6BAAC,0BAAD;AAAe,IAAA,QAAQ,EAAEpC,OAAO,CAACwC,QAAR,CAAiBC,IAAjB,CAAsBzC,OAAtB;AAAzB,KACE,6BAAC,mBAAD;AAAQ,IAAA,OAAO,EAAEA,OAAjB;AAA0B,IAAA,KAAK,EAAEO;AAAjC,IADF,EAEE,6BAAC,gBAAD;AAAM,IAAA,KAAK,EAAE;AAAEmC,MAAAA,QAAQ,EAAE;AAAZ;AAAb,KACG,CAACtC,QAAD,IACC,6BAAC,mBAAD;AAAQ,IAAA,IAAI,EAAEK,IAAd;AAAoB,IAAA,gBAAgB,EAAES;AAAtC,IAFJ,EAIE,6BAAC,kBAAD;AAAQ,IAAA,QAAQ,MAAhB;AAAiB,IAAA,MAAM,EAAC;AAAxB,KACE,6BAAC,WAAD;AACE,IAAA,WAAW,MADb;AAEE,IAAA,MAAM,EAAEF,aAFV;AAGE,IAAA,QAAQ,EAAEZ;AAHZ,KAKGA,QAAQ,IACP,4DACE,6BAAC,iBAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,EAAE,EAAC,IAFL;AAGE,IAAA,EAAE,EAAEY,aAAa,GAAG,IAAH,GAAU,GAH7B;AAIE,IAAA,cAAc,EACZA,aAAa,GAAG,eAAH,GAAqB;AALtC,KAQGA,aAAa,IACZ,6BAAC,mBAAD;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,QAAQ,EAAC,QAFX;AAGE,IAAA,UAAU,EAAC,MAHb;AAIE,IAAA,KAAK,EAAC;AAJR,yBATJ,EAkBE,6BAAC,sBAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,IAAI,EAAEA,aAAa,GAAG,6BAAC,oBAAD,OAAH,GAAmB,6BAAC,kBAAD,OAHxC;AAIE,IAAA,KAAK,EAAE2B,gCAJT;AAKE,IAAA,OAAO,EAAE,MAAMzB,gBAAgB;AALjC,IAlBF,CADF,EA2BGF,aAAa,IACZ,4DACE,6BAAC,mBAAD;AAAS,IAAA,EAAE,EAAC,IAAZ;AAAiB,IAAA,UAAU,EAAC;AAA5B,IADF,EAEE,6BAAC,8BAAD;AACE,IAAA,IAAI,EAAEP,IADR;AAEE,IAAA,EAAE,EAAC,OAFL;AAGE,IAAA,EAAE,EAAC;AAHL,IAFF,CA5BJ,CANJ,EA6CGO,aAAa,IAAI,6BAAC,oBAAD;AAAS,IAAA,QAAQ,EAAEZ,QAAnB;AAA6B,IAAA,IAAI,EAAEK;AAAnC,IA7CpB,CADF,EAgDE,6BAAC,iBAAD;AACE,IAAA,OAAO,EAAEA,IAAI,CAACuB,GADhB;AAEE,IAAA,GAAG,EAAEvB,IAAI,CAACmC,GAFZ;AAGE,IAAA,KAAK,EAAErC,KAHT;AAIE,IAAA,gBAAgB,EAAEW;AAJpB,IAhDF,CAJF,CAFF,CAPJ,CADF,EAyEG,CAACd,QAAD,IAAa,6BAAC,YAAD,OAzEhB,CADF;AA6ED,CA3IM;;;AA6IP,IAAMyC,WAAW,GAAG,+BAAOC,iBAAP,CAAH;AAAA;AAAA;AAAA,oBAIN;AAAA,MAAC;AAAEC,IAAAA,MAAF;AAAU3C,IAAAA;AAAV,GAAD;AAAA,SACP2C,MAAM,GAAG,OAAH,GAAa3C,QAAQ,GAAG,SAAH,GAAe,MADnC;AAAA,CAJM,CAAjB","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/App.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/App.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _styledComponents = require("styled-components");
+
+var _StandaloneApiExplorer = require("./StandaloneApiExplorer");
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var BodyReset = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    margin: 0;\n  }\n"])));
+var basename = window.LOOKER_DEV_PORTAL ? window.LOOKER_DEV_PORTAL.basename : undefined;
+var versionsUrl = new URL('versions.json', window.location.origin).toString();
+
+_reactDom.default.render(_react.default.createElement(_reactRouterDom.BrowserRouter, {
+  basename: basename
+}, _react.default.createElement(_StandaloneApiExplorer.StandaloneApiExplorer, {
+  versionsUrl: versionsUrl,
+  headless: !!basename
+}), _react.default.createElement(BodyReset, null)), document.getElementById('container'));
+//# sourceMappingURL=App.js.map

package/lib/App.js.map

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