@looker/api-explorer 0.9.54 → 0.9.57

package/e2e/e2e.spec.ts

@@ -23,152 +23,152 @@
  SOFTWARE.
 
  */
-import '@testing-library/jest-dom'
+import '@testing-library/jest-dom';
 
-import { goToPage, pageReload, v40Url as v40 } from './helpers'
+import { goToPage, pageReload, v40Url as v40 } from './helpers';
 
 // https://github.com/smooth-code/jest-puppeteer/tree/master/packages/expect-puppeteer
 // https://github.com/puppeteer/puppeteer/blob/main/docs/api.md
 
-jest.setTimeout(120000)
+jest.setTimeout(120000);
 
 describe('API Explorer', () => {
   beforeEach(async () => {
-    await jestPuppeteer.resetBrowser()
-    await page.setDefaultNavigationTimeout(120000)
-  })
+    await jestPuppeteer.resetBrowser();
+    await page.setDefaultNavigationTimeout(120000);
+  });
 
   afterEach(async () => {
     await page.evaluate(() => {
-      localStorage.clear()
-    })
-  })
+      localStorage.clear();
+    });
+  });
 
   describe('general', () => {
     beforeEach(async () => {
-      await goToPage(v40)
-    })
+      await goToPage(v40);
+    });
 
     it('renders a method page', async () => {
       await Promise.all([
         page.waitForNavigation(),
         expect(page).toClick('h4', { text: 'Dashboard' }),
-      ])
+      ]);
       await Promise.all([
         page.waitForNavigation(),
         expect(page).toClick('h3', { text: 'Get All Dashboards' }),
-      ])
+      ]);
       await expect(page.url()).toEqual(
         `${v40}/methods/Dashboard/all_dashboards?sdk=py`
-      )
+      );
 
       // title
-      await expect(page).toMatchElement('h2', { text: 'Get All Dashboards' })
+      await expect(page).toMatchElement('h2', { text: 'Get All Dashboards' });
 
       // markdown
       await expect(page).toMatchElement('h3', {
         text: 'Get information about all active dashboards',
-      })
+      });
 
       // sdk declaration
-      await expect(page).toMatchElement('h3', { text: 'Python Declaration' })
+      await expect(page).toMatchElement('h3', { text: 'Python Declaration' });
 
       // sdk examples
-      await expect(page).toMatchElement('h3', { text: 'SDK Examples' })
+      await expect(page).toMatchElement('h3', { text: 'SDK Examples' });
       const examples = await page.$$(
         'table[aria-label="SDK Examples"] > tbody > tr'
-      )
-      expect(examples.length).toBeGreaterThan(0)
+      );
+      expect(examples.length).toBeGreaterThan(0);
 
       // type references
-      await expect(page).toMatchElement('h3', { text: 'References' })
-      const docLinks = await page.$$('.doc-link')
-      expect(docLinks.length).toBeGreaterThan(0)
-      await docLinks[0].click()
-      const typeName = await page.evaluate((e) => e.innerText, docLinks[0])
-      await expect(page).toMatchElement('h2', { text: typeName })
-      await page.goBack()
+      await expect(page).toMatchElement('h3', { text: 'References' });
+      const docLinks = await page.$$('.doc-link');
+      expect(docLinks.length).toBeGreaterThan(0);
+      await docLinks[0].click();
+      const typeName = await page.evaluate((e) => e.innerText, docLinks[0]);
+      await expect(page).toMatchElement('h2', { text: typeName });
+      await page.goBack();
 
       // response models
-      await expect(page).toMatchElement('h3', { text: 'Response Models' })
+      await expect(page).toMatchElement('h3', { text: 'Response Models' });
 
       // original schema
-      await expect(page).toMatchElement('h3', { text: 'Original Schema' })
-    })
+      await expect(page).toMatchElement('h3', { text: 'Original Schema' });
+    });
 
     it('renders a type page', async () => {
-      await expect(page).toClick('button', { text: /^Types/ })
-      await expect(page).toClick('h4', { text: 'ApiAuth' })
-      await expect(page).toClick('a', { text: 'AccessToken' })
+      await expect(page).toClick('button', { text: /^Types/ });
+      await expect(page).toClick('h4', { text: 'ApiAuth' });
+      await expect(page).toClick('a', { text: 'AccessToken' });
 
       // title
-      await expect(page).toMatchElement('h2', { text: 'AccessToken' })
+      await expect(page).toMatchElement('h2', { text: 'AccessToken' });
 
       // references
-      await expect(page).toMatchElement('h3', { text: 'References' })
-      const docLinks = await page.$$('.doc-link')
-      expect(docLinks.length).toBeGreaterThan(0)
+      await expect(page).toMatchElement('h3', { text: 'References' });
+      const docLinks = await page.$$('.doc-link');
+      expect(docLinks.length).toBeGreaterThan(0);
 
       // sdk declaration
-      await expect(page).toMatchElement('h3', { text: 'Python Declaration' })
+      await expect(page).toMatchElement('h3', { text: 'Python Declaration' });
 
       // original schema
-      await expect(page).toMatchElement('h3', { text: 'Original Schema' })
-    })
+      await expect(page).toMatchElement('h3', { text: 'Original Schema' });
+    });
 
     it('renders a tag scene and filters by operation', async () => {
-      await expect(page).toClick('h4', { text: 'ApiAuth' })
+      await expect(page).toClick('h4', { text: 'ApiAuth' });
       await expect(page).toMatchElement('h2', {
         text: 'ApiAuth: API Authentication',
-      })
-      await expect(page.url()).toMatch(`${v40}/methods/ApiAuth`)
+      });
+      await expect(page.url()).toMatch(`${v40}/methods/ApiAuth`);
 
       await expect(page).toMatchElement(
         'button[value="ALL"][aria-pressed=true]'
-      )
-      await expect(page).toMatchElement('div[type="DELETE"]')
-      await expect(page).toMatchElement('div[type="POST"]')
+      );
+      await expect(page).toMatchElement('div[type="DELETE"]');
+      await expect(page).toMatchElement('div[type="POST"]');
 
-      await page.click('button[value="POST"]')
-      await expect(page).not.toMatchElement('div[type="DELETE"]')
-      await expect(page).toMatchElement('div[type="POST"]')
+      await page.click('button[value="POST"]');
+      await expect(page).not.toMatchElement('div[type="DELETE"]');
+      await expect(page).toMatchElement('div[type="POST"]');
 
-      await page.click('button[value="DELETE"]')
-      await expect(page).toMatchElement('div[type="DELETE"]')
-      await expect(page).not.toMatchElement('div[type="POST"]')
-    })
+      await page.click('button[value="DELETE"]');
+      await expect(page).toMatchElement('div[type="DELETE"]');
+      await expect(page).not.toMatchElement('div[type="POST"]');
+    });
 
     it('toggles sidenav', async () => {
-      const searchSelector = 'input[aria-label="Search"]'
-      const navToggleSelector = 'button[aria-label="nav toggle"]'
-      await expect(page).toMatchElement(searchSelector)
-      await expect(page).toClick(navToggleSelector)
-      await expect(page).not.toMatchElement(searchSelector)
-      await expect(page).toClick(navToggleSelector)
-      await expect(page).toMatchElement(searchSelector)
-    })
+      const searchSelector = 'input[aria-label="Search"]';
+      const navToggleSelector = 'button[aria-label="nav toggle"]';
+      await expect(page).toMatchElement(searchSelector);
+      await expect(page).toClick(navToggleSelector);
+      await expect(page).not.toMatchElement(searchSelector);
+      await expect(page).toClick(navToggleSelector);
+      await expect(page).toMatchElement(searchSelector);
+    });
 
     it('remembers the chosen language', async () => {
-      const selector = 'input[aria-label="sdk language selector"]'
-      let languageHandle = await page.$(`${selector}[value="Python"]`)
-      expect(languageHandle).not.toBeNull()
+      const selector = 'input[aria-label="sdk language selector"]';
+      let languageHandle = await page.$(`${selector}[value="Python"]`);
+      expect(languageHandle).not.toBeNull();
       expect(await page.evaluate((x) => x.value, languageHandle)).toEqual(
         'Python'
-      )
-      await expect(page).toClick('h4', { text: 'Dashboard' })
-      await expect(page).toClick('a', { text: 'Get All Dashboards' })
-      await expect(page).toMatchElement('h3', { text: 'Python Declaration' })
-
-      await languageHandle?.click()
-      await expect(page).toClick('li', { text: 'Kotlin' })
-      await pageReload()
-      languageHandle = await page.$(`${selector}[value="Kotlin"]`)
-      expect(languageHandle).not.toBeNull()
+      );
+      await expect(page).toClick('h4', { text: 'Dashboard' });
+      await expect(page).toClick('a', { text: 'Get All Dashboards' });
+      await expect(page).toMatchElement('h3', { text: 'Python Declaration' });
+
+      await languageHandle?.click();
+      await expect(page).toClick('li', { text: 'Kotlin' });
+      await pageReload();
+      languageHandle = await page.$(`${selector}[value="Kotlin"]`);
+      expect(languageHandle).not.toBeNull();
       expect(await page.evaluate((x) => x.value, languageHandle)).toEqual(
         'Kotlin'
-      )
-      await expect(page).toMatchElement('h3', { text: 'Kotlin Declaration' })
-    })
+      );
+      await expect(page).toMatchElement('h3', { text: 'Kotlin Declaration' });
+    });
 
     // This test was broken during the 4.0 GA spec changes, and needs to be fixed
     // it('changes specs', async () => {
@@ -186,126 +186,126 @@ describe('API Explorer', () => {
     //   await page.waitForTimeout(150)
     //   await expect(page.url()).toEqual(v31)
     // })
-  })
+  });
 
   describe('navigation', () => {
     it('should be able to navigate directly to a spec home', async () => {
-      await goToPage(v40)
+      await goToPage(v40);
       await expect(page).toMatchElement('h2', {
         text: 'Looker API 4.0 Reference',
-      })
-      await expect(page).toMatchElement('input[value="4.0"]')
-    })
+      });
+      await expect(page).toMatchElement('input[value="4.0"]');
+    });
 
     it('should be able to navigate directly to a tag scene', async () => {
-      await goToPage(`${v40}/methods/Dashboard`)
+      await goToPage(`${v40}/methods/Dashboard`);
       await expect(page).toMatchElement('h2', {
         text: 'Dashboard: Manage Dashboards',
-      })
-    })
+      });
+    });
 
     it('should be able to navigate directly to a method', async () => {
-      await goToPage(`${v40}/methods/Dashboard/all_dashboards`)
-      await expect(page).toMatchElement('h2', { text: 'Get All Dashboards' })
+      await goToPage(`${v40}/methods/Dashboard/all_dashboards`);
+      await expect(page).toMatchElement('h2', { text: 'Get All Dashboards' });
       await expect(page).toMatchElement('div', {
         text: 'Get information about all active dashboards',
-      })
-    })
+      });
+    });
 
     it('should be able to navigate directly to a type', async () => {
-      await goToPage(`${v40}/types/Query/Query`)
-      await expect(page).toMatchElement('h2', { text: 'Query' })
-      await expect(page).toMatchElement('button', { text: 'Query' })
-    })
+      await goToPage(`${v40}/types/Query/Query`);
+      await expect(page).toMatchElement('h2', { text: 'Query' });
+      await expect(page).toMatchElement('button', { text: 'Query' });
+    });
 
     it('redirects error routes to the correct method page', async () => {
-      const errorCode = 400
+      const errorCode = 400;
       await goToPage(
         `${v40}/err/${errorCode}/get/content_metadata/:content_metadata_id`
-      )
+      );
 
       // confirm method scene loaded
-      await expect(page).toMatchElement('h2', { text: 'Get Content Metadata' })
+      await expect(page).toMatchElement('h2', { text: 'Get Content Metadata' });
 
       // confirm url and query param are set correctly
       await expect(page.url()).toEqual(
         `${v40}/methods/Content/content_metadata?sdk=py&e=${errorCode}`
-      )
+      );
 
       // confirm correct response tab is selected
       await expect(page).toMatchElement('button[aria-selected=true]', {
         text: '400: Bad Request',
-      })
+      });
       // confirm error detail md file was fetched
       await expect(page).toMatchElement('h2', {
         text: `API Response ${errorCode} for `,
-      })
-    })
-  })
+      });
+    });
+  });
 
   describe('outbound navigation', () => {
     it('should be able to navigate from a method to Github', async () => {
-      await goToPage(`${v40}/methods/Dashboard/all_dashboards`)
+      await goToPage(`${v40}/methods/Dashboard/all_dashboards`);
       const exampleLink = await page.$(
         'table[aria-label="SDK Examples"] a[class*=Link][target=_blank'
-      )
-      expect(exampleLink).not.toBeNull()
+      );
+      expect(exampleLink).not.toBeNull();
 
       // Suggested/intuitive method of waiting for navigation does not seem to be working and just waits indefinitely on the target page
       // await Promise.all([
       //   page.waitForNavigation({timeout:5000}),
       //   exampleLink.click()
       //   ])
-      await exampleLink?.click()
-      await page.waitForTimeout(150)
+      await exampleLink?.click();
+      await page.waitForTimeout(150);
 
-      const body = await page.$('body')
+      const body = await page.$('body');
       const codeMatch = await page.evaluate(
         (e) => e.innerText.match('all_dashboards\\('),
         body
-      )
-      expect(codeMatch).not.toBeNull()
-    })
-  })
+      );
+      expect(codeMatch).not.toBeNull();
+    });
+  });
 
   describe('search', () => {
     beforeEach(async () => {
-      await goToPage(v40)
-    })
+      await goToPage(v40);
+    });
 
     afterEach(async () => {
       await page.evaluate(() => {
-        localStorage.clear()
-      })
-    })
+        localStorage.clear();
+      });
+    });
 
     it('searches methods', async () => {
-      await expect(page).toFill('input[aria-label="Search"]', 'get workspace')
+      await expect(page).toFill('input[aria-label="Search"]', 'get workspace');
       // TODO: find a better way to avoid the scenario where L215 executes before search returns
-      await page.waitForTimeout(250)
+      await page.waitForTimeout(250);
       await expect(page).toMatchElement('button', {
         text: 'Methods (1)',
-      })
-      await expect(page).toMatchElement('button', { text: 'Types (0)' })
-      await expect(page).toClick('a', { text: 'Get Workspace' })
-      await expect(page).toMatchElement('h2', { text: 'Get Workspace' })
+      });
+      await expect(page).toMatchElement('button', { text: 'Types (0)' });
+      await expect(page).toClick('a', { text: 'Get Workspace' });
+      await expect(page).toMatchElement('h2', { text: 'Get Workspace' });
       await expect(page.url()).toEqual(
         `${v40}/methods/Workspace/workspace?sdk=py&s=get+workspace`
-      )
-    })
+      );
+    });
 
     it('searches types', async () => {
-      await expect(page).toFill('input[aria-label="Search"]', 'writetheme')
-      await page.waitForTimeout(250)
+      await expect(page).toFill('input[aria-label="Search"]', 'writetheme');
+      await page.waitForTimeout(250);
       await expect(page).toMatchElement('button', {
         text: 'Methods (0)',
-      })
-      await expect(page).toClick('button', { text: 'Types (1)' })
-      await expect(page).toClick('a', { text: 'WriteTheme' })
-      await expect(page).toMatchElement('h2', { text: 'WriteTheme' })
+      });
+      await expect(page).toClick('button', { text: 'Types (1)' });
+      await expect(page).toClick('a', { text: 'WriteTheme' });
+      await expect(page).toMatchElement('h2', { text: 'WriteTheme' });
       await expect(page.url()).toEqual(
         `${v40}/types/Theme/WriteTheme?sdk=py&s=writetheme`
-      )
-    })
-  })
-})
+      );
+    });
+  });
+});

package/e2e/helpers.ts

@@ -27,16 +27,16 @@
 /**
  * Constants
  */
-export const BASE_URL = 'https://localhost:8080'
-export const v31Url = `${BASE_URL}/3.1`
-export const v40Url = `${BASE_URL}/4.0`
+export const BASE_URL = 'https://localhost:8080';
+export const v31Url = `${BASE_URL}/3.1`;
+export const v40Url = `${BASE_URL}/4.0`;
 
 /**
  * Reloads the page, waiting for for the DomContentLoaded event before resolving
  */
 export const pageReload = async (): Promise<void> => {
-  await page.reload({ waitUntil: ['domcontentloaded', 'networkidle0'] })
-}
+  await page.reload({ waitUntil: ['domcontentloaded', 'networkidle0'] });
+};
 
 /**
  * Navigates to the given url, waiting for the DomContentLoaded event before resolving
@@ -46,14 +46,14 @@ export const goToPage = async (url: string): Promise<void> => {
   await page.goto(url, {
     waitUntil: ['domcontentloaded', 'networkidle0'],
     timeout: 120000,
-  })
-}
+  });
+};
 
 /**
  * Gets the key of the selected spec
  */
 export const getSpecKey = async (): Promise<string> => {
-  const specSelectorHandle = await page.$('input[aria-label="spec selector"]')
-  const specKey = await page.evaluate((e) => e.value, specSelectorHandle)
-  return specKey
-}
+  const specSelectorHandle = await page.$('input[aria-label="spec selector"]');
+  const specKey = await page.evaluate((e) => e.value, specSelectorHandle);
+  return specKey;
+};

package/jest-puppeteer.config.js

@@ -24,7 +24,7 @@
 
  */
 
-const base = require('../../jest.config')
+const base = require('../../jest.config');
 module.exports = {
   ...base,
   rootDir: '../..',
@@ -51,4 +51,4 @@ module.exports = {
     port: 8080,
     launchTimeout: 50000,
   },
-}
+};

package/jest.config.js

@@ -23,18 +23,15 @@
  SOFTWARE.
 
  */
-const base = require('../../jest.config')
-const packageName = require('./package.json').name.split('/')[1]
+const base = require('../../jest.config');
+const packageName = require('./package.json').name.split('/')[1];
 
 module.exports = {
   ...base,
   displayName: packageName,
   name: packageName,
   rootDir: '../..',
-  setupFilesAfterEnv: [
-    ...base.setupFilesAfterEnv,
-    '@testing-library/jest-dom/extend-expect',
-  ],
+  setupFilesAfterEnv: [...base.setupFilesAfterEnv, '@testing-library/jest-dom'],
   testMatch: [`<rootDir>/packages/${packageName}/**/*.(spec|test).(ts|js)?(x)`],
   testEnvironment: 'jsdom',
-}
+};

package/lib/ApiExplorer.js

@@ -17,9 +17,11 @@ var _routes = require("./routes");
 var _lodeUtils = require("./utils/lodeUtils");
 var _state = require("./state");
 var _utils = require("./utils");
-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; }
-var BodyOverride = (0, _styledComponents.createGlobalStyle)([" html{height:100%;overflow:hidden;}"]);
+var _templateObject;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 {

package/lib/ApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiExplorer.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_components","_FirstPage","_LastPage","_extensionUtils","_reactRedux","_reactRouterDom","_components2","_routes","_lodeUtils","_state","_utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BodyOverride","createGlobalStyle","ApiExplorer","_ref","_location$pathname2","adaptor","examplesLodeUrl","declarationsLodeUrl","concat","apixFilesHost","headless","useLodesStoreState","working","description","useSpecStoreState","specs","useSelector","selectSpecs","spec","selectCurrentSpec","initLodesAction","useLodeActions","initialized","useSettingStoreState","initSettingsAction","setSearchPatternAction","setSdkLanguageAction","useSettingActions","initSpecsAction","setCurrentSpecAction","useSpecActions","location","useLocation","useGlobalStoreSync","hasNavigation","setHasNavigation","useState","toggleNavigation","target","hasNavigationToggle","useCallback","e","origin","window","data","action","currentHasNavigation","registerEnvAdaptor","useEffect","specKey","getSpecKey","unregisterEnvAdaptor","_location$pathname","maybeSpec","pathname","split","currentSpecKey","searchParams","URLSearchParams","search","searchPattern","sdkParam","language","sdkLanguage","findSdk","addEventListener","removeEventListener","themeOverrides","neededSpec","createElement","Fragment","ComponentsProvider","loadGoogleFonts","themeCustomizations","Loader","message","ErrorBoundary","logError","bind","Banner","Page","style","overflow","Header","Layout","hasAside","height","AsideBorder","borderRight","isOpen","Space","align","py","px","justifyItems","Heading","as","fontSize","fontWeight","color","IconButton","size","shape","icon","FirstPage","LastPage","label","HEADER_TOGGLE_LABEL","onClick","Divider","mb","appearance","SelectorContainer","ml","mr","SideNav","AppRouter","api","exports","styled","Aside","withConfig","displayName","componentId","_ref2"],"sources":["../src/ApiExplorer.tsx"],"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  useLodeActions,\n  useLodesStoreState,\n  useSpecActions,\n  useSpecStoreState,\n  selectSpecs,\n  selectCurrentSpec,\n  useSettingStoreState,\n} from './state'\nimport { getSpecKey, findSdk, useGlobalStoreSync } 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  useLodesStoreState()\n  const { working, description } = useSpecStoreState()\n  const specs = useSelector(selectSpecs)\n  const spec = useSelector(selectCurrentSpec)\n  const { initLodesAction } = useLodeActions()\n  const { initialized } = useSettingStoreState()\n  const { initSettingsAction, setSearchPatternAction, setSdkLanguageAction } =\n    useSettingActions()\n  const { initSpecsAction, setCurrentSpecAction } = useSpecActions()\n\n  const location = useLocation()\n  useGlobalStoreSync()\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 !== spec.key) {\n      setCurrentSpecAction({ currentSpecKey: maybeSpec })\n    }\n  }, [location.pathname, spec])\n\n  useEffect(() => {\n    if (!initialized) return\n    const searchParams = new URLSearchParams(location.search)\n    const searchPattern = searchParams.get('s') || ''\n    const sdkParam = searchParams.get('sdk') || 'all'\n    const { language: sdkLanguage } = findSdk(sdkParam)\n    setSearchPatternAction({ searchPattern })\n    setSdkLanguageAction({ sdkLanguage })\n  }, [location.search])\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) {\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                        align=\"center\"\n                        py=\"u3\"\n                        px={hasNavigation ? 'u5' : '0'}\n                        justifyItems={\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                  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"],"mappings":"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"}
+{"version":3,"file":"ApiExplorer.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_components","_FirstPage","_LastPage","_extensionUtils","_reactRedux","_reactRouterDom","_components2","_routes","_lodeUtils","_state","_utils","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","BodyOverride","createGlobalStyle","ApiExplorer","_ref","_location$pathname2","adaptor","examplesLodeUrl","declarationsLodeUrl","concat","apixFilesHost","headless","useLodesStoreState","working","description","useSpecStoreState","specs","useSelector","selectSpecs","spec","selectCurrentSpec","initLodesAction","useLodeActions","initialized","useSettingStoreState","initSettingsAction","setSearchPatternAction","setSdkLanguageAction","useSettingActions","initSpecsAction","setCurrentSpecAction","useSpecActions","location","useLocation","useGlobalStoreSync","hasNavigation","setHasNavigation","useState","toggleNavigation","target","hasNavigationToggle","useCallback","origin","window","data","action","currentHasNavigation","registerEnvAdaptor","useEffect","specKey","getSpecKey","unregisterEnvAdaptor","_location$pathname","maybeSpec","pathname","split","key","currentSpecKey","searchParams","URLSearchParams","search","searchPattern","sdkParam","language","sdkLanguage","findSdk","addEventListener","removeEventListener","themeOverrides","neededSpec","createElement","Fragment","ComponentsProvider","loadGoogleFonts","themeCustomizations","Loader","message","ErrorBoundary","logError","bind","Banner","Page","style","overflow","Header","Layout","hasAside","height","AsideBorder","borderRight","isOpen","Space","align","py","px","justifyItems","Heading","as","fontSize","fontWeight","color","IconButton","size","shape","icon","FirstPage","LastPage","label","HEADER_TOGGLE_LABEL","onClick","Divider","mb","appearance","SelectorContainer","ml","mr","SideNav","AppRouter","api","exports","styled","Aside","withConfig","displayName","componentId","_ref2"],"sources":["../src/ApiExplorer.tsx"],"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, { useCallback, useEffect, useState } 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  Banner,\n  ErrorBoundary,\n  HEADER_TOGGLE_LABEL,\n  Header,\n  Loader,\n  SelectorContainer,\n  SideNav,\n} from './components';\nimport { AppRouter } from './routes';\nimport { apixFilesHost } from './utils/lodeUtils';\nimport {\n  selectCurrentSpec,\n  selectSpecs,\n  useLodeActions,\n  useLodesStoreState,\n  useSettingActions,\n  useSettingStoreState,\n  useSpecActions,\n  useSpecStoreState,\n} from './state';\nimport { findSdk, getSpecKey, useGlobalStoreSync } 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  useLodesStoreState();\n  const { working, description } = useSpecStoreState();\n  const specs = useSelector(selectSpecs);\n  const spec = useSelector(selectCurrentSpec);\n  const { initLodesAction } = useLodeActions();\n  const { initialized } = useSettingStoreState();\n  const { initSettingsAction, setSearchPatternAction, setSdkLanguageAction } =\n    useSettingActions();\n  const { initSpecsAction, setCurrentSpecAction } = useSpecActions();\n\n  const location = useLocation();\n  useGlobalStoreSync();\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 !== spec.key) {\n      setCurrentSpecAction({ currentSpecKey: maybeSpec });\n    }\n  }, [location.pathname, spec]);\n\n  useEffect(() => {\n    if (!initialized) return;\n    const searchParams = new URLSearchParams(location.search);\n    const searchPattern = searchParams.get('s') || '';\n    const sdkParam = searchParams.get('sdk') || 'all';\n    const { language: sdkLanguage } = findSdk(sdkParam);\n    setSearchPatternAction({ searchPattern });\n    setSdkLanguageAction({ sdkLanguage });\n  }, [location.search]);\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) {\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                        align=\"center\"\n                        py=\"u3\"\n                        px={hasNavigation ? 'u5' : '0'}\n                        justifyItems={\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                  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"],"mappings":"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"}

package/lib/App.js

@@ -5,8 +5,10 @@ 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 }; }
-var BodyReset = (0, _styledComponents.createGlobalStyle)(["body{margin:0;}"]);
+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, {