@looker/api-explorer 0.9.82 → 0.9.83

package/CHANGELOG.md

@@ -414,6 +414,28 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
     * @looker/sdk-codegen-scripts bumped from 21.5.38 to 21.5.39
     * @looker/sdk-node bumped from 26.0.0 to 26.2.0
 
+## [0.9.83](https://github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.82...api-explorer-v0.9.83) (2026-03-11)
+
+
+### Features
+
+* **api-explorer-test:** allow some api-explorer e2e tests to run remotely - phase 1 ([#1641](https://github.com/looker-open-source/sdk-codegen/issues/1641)) ([25a5335](https://github.com/looker-open-source/sdk-codegen/commit/25a53355a3abf2066aa06a7a3a20f35be0e61028)), closes [#1640](https://github.com/looker-open-source/sdk-codegen/issues/1640)
+* **api-explorer:** render and format form-urlencoded queries as body parameters ([#1648](https://github.com/looker-open-source/sdk-codegen/issues/1648)) ([46eb5c9](https://github.com/looker-open-source/sdk-codegen/commit/46eb5c968098417fe3cfb6cce3adf8bffd21d663))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/code-editor bumped from 0.1.49 to 0.1.50
+    * @looker/extension-utils bumped from 0.1.59 to 0.1.60
+    * @looker/run-it bumped from 0.9.82 to 0.9.83
+    * @looker/sdk bumped from 26.2.0 to 26.4.0
+    * @looker/sdk-codegen bumped from 21.10.4 to 21.11.0
+  * devDependencies
+    * @looker/sdk-codegen-scripts bumped from 21.5.39 to 21.5.40
+    * @looker/sdk-node bumped from 26.2.0 to 26.4.0
+
 ## [0.9.74](https://github.com/looker-open-source/sdk-codegen/compare/api-explorer-v0.9.73...api-explorer-v0.9.74) (2025-03-11)
 
 

package/README.md

@@ -31,3 +31,29 @@ To see the other scripts supported by the package, do
 ```sh
 yarn workspace @looker/api-explorer run
 ```
+
+## Running E2E Tests
+
+The API Explorer includes end-to-end tests using Puppeteer.
+
+### Run Local Tests
+
+This command will automatically start the development server (`yarn develop`) and run the tests against it.
+
+```sh
+yarn workspace @looker/api-explorer run test:e2e
+```
+
+### E2E Testing
+
+To run the E2E tests against a remote Looker instance, you must provide your API client credentials.
+
+#### Run Remote E2E Tests
+This runs the local development server (with your code changes) but proxies API requests to the remote Looker instance.
+
+```bash
+API_PROXY_TARGET=https://<your-looker-instance> \
+LOOKER_CLIENT_ID=<your-client-id> \
+LOOKER_CLIENT_SECRET=<your-client-secret> \
+yarn workspace @looker/api-explorer run test:e2e
+```

package/e2e/MethodScene.spec.ts

@@ -23,7 +23,14 @@
  SOFTWARE.
 
  */
-import { goToPage, v40Url as v40, v40Url } from './helpers';
+import {
+  goToPage,
+  v40Url as v40,
+  v40Url,
+  injectToken,
+  ensureSdkSelected,
+  mockExternalResources,
+} from './helpers';
 
 jest.setTimeout(120000);
 
@@ -31,6 +38,9 @@ describe('MethodScene', () => {
   beforeEach(async () => {
     await jestPuppeteer.resetBrowser();
     await page.setDefaultNavigationTimeout(120000);
+    await injectToken();
+    await mockExternalResources();
+    await ensureSdkSelected('Python');
   });
 
   afterEach(async () => {

package/e2e/e2e.spec.ts

@@ -25,7 +25,14 @@
  */
 import '@testing-library/jest-dom';
 
-import { goToPage, pageReload, v40Url as v40 } from './helpers';
+import {
+  injectToken,
+  pageReload,
+  goToPage,
+  ensureSdkSelected,
+  mockExternalResources,
+  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
@@ -36,6 +43,10 @@ describe('API Explorer', () => {
   beforeEach(async () => {
     await jestPuppeteer.resetBrowser();
     await page.setDefaultNavigationTimeout(120000);
+    // Inject token if remote
+    await injectToken();
+    await mockExternalResources();
+    await ensureSdkSelected('Python');
   });
 
   afterEach(async () => {
@@ -58,6 +69,7 @@ describe('API Explorer', () => {
         page.waitForNavigation(),
         expect(page).toClick('h3', { text: 'Get All Dashboards' }),
       ]);
+
       await expect(page.url()).toEqual(
         `${v40}/methods/Dashboard/all_dashboards?sdk=py`
       );

package/e2e/helpers.ts

@@ -31,6 +31,83 @@ export const BASE_URL = 'https://localhost:8080';
 export const v31Url = `${BASE_URL}/3.1`;
 export const v40Url = `${BASE_URL}/4.0`;
 
+export const mockExternalResources = async (): Promise<void> => {
+  await page.setRequestInterception(true);
+  page.on('request', request => {
+    if (request.url().includes('examplesIndex.json')) {
+      request.respond({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify({
+          commitHash: 'hash',
+          remoteOrigin: 'https://github.com/looker-open-source/sdk-codegen',
+          summaries: {
+            'examples/python/all_dashboards.py': {
+              sourceFile: 'examples/python/all_dashboards.py',
+              summary: 'Get All Dashboards',
+            },
+            'examples/python/me.py': {
+              sourceFile: 'examples/python/me.py',
+              summary: 'Get Current User',
+            },
+          },
+          nuggets: {
+            all_dashboards: {
+              operationId: 'all_dashboards',
+              calls: {
+                '.py': [
+                  {
+                    sourceFile: 'examples/python/all_dashboards.py',
+                    line: 10,
+                  },
+                ],
+              },
+            },
+            me: {
+              operationId: 'me',
+              calls: {
+                '.py': [
+                  {
+                    sourceFile: 'examples/python/me.py',
+                    line: 5,
+                  },
+                ],
+              },
+            },
+            content_metadata: {
+              operationId: 'content_metadata',
+              calls: {
+                '.py': [
+                  {
+                    sourceFile: 'examples/python/content_metadata.py',
+                    line: 5,
+                  },
+                ],
+              },
+            },
+          },
+        }),
+        headers: {
+          'Access-Control-Allow-Origin': '*',
+        },
+      });
+    } else if (request.url().includes('/err/')) {
+      const urlParts = request.url().split('/');
+      const errorCode = urlParts.find(part => /^\d{3}$/.test(part)) || '400';
+      request.respond({
+        status: 200,
+        contentType: 'text/markdown',
+        body: `## API Response ${errorCode} for `,
+        headers: {
+          'Access-Control-Allow-Origin': '*',
+        },
+      });
+    } else {
+      request.continue();
+    }
+  });
+};
+
 /**
  * Reloads the page, waiting for for the DomContentLoaded event before resolving
  */
@@ -52,8 +129,123 @@ export const goToPage = async (url: string): Promise<void> => {
 /**
  * Gets the key of the selected spec
  */
+export const injectToken = async (): Promise<void> => {
+  const clientId = process.env.LOOKER_CLIENT_ID;
+  const clientSecret = process.env.LOOKER_CLIENT_SECRET;
+
+  if (!clientId || !clientSecret) {
+    // eslint-disable-next-line no-console
+    console.warn(
+      'LOOKER_CLIENT_ID or LOOKER_CLIENT_SECRET not set. Skipping token injection.'
+    );
+    return;
+  }
+
+  // Go to the base URL (or login page) to ensure we are on the correct origin
+  await goToPage(BASE_URL);
+
+  try {
+    await page.evaluate(
+      (clientId, clientSecret, baseUrl) => {
+        return fetch(`${baseUrl}/api/4.0/login`, {
+          method: 'POST',
+          body: new URLSearchParams({
+            client_id: clientId,
+            client_secret: clientSecret,
+          }),
+        })
+          .then(response => {
+            if (!response.ok) {
+              return response.text().then(text => {
+                throw new Error(
+                  `Token fetch failed: ${response.status} ${response.statusText} - ${text}`
+                );
+              });
+            }
+            return response.json();
+          })
+          .then(token => {
+            sessionStorage.setItem('LOOKER_TEST_TOKEN', JSON.stringify(token));
+            return token;
+          });
+      },
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      process.env.LOOKER_CLIENT_ID!,
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      process.env.LOOKER_CLIENT_SECRET!,
+      BASE_URL
+    );
+
+    const token = await page.evaluate(() => {
+      return JSON.parse(sessionStorage.getItem('LOOKER_TEST_TOKEN') || 'null');
+    });
+
+    if (token) {
+      await page.setExtraHTTPHeaders({
+        Authorization: `Bearer ${token.access_token}`,
+      });
+    } else {
+      throw new Error('Token injection failed: Session storage empty');
+    }
+
+    // Reload to pick up the token and headers
+    await page.reload({ waitUntil: ['domcontentloaded', 'networkidle0'] });
+
+    // Wait for app to load
+    try {
+      await page.waitForSelector('input[aria-label="sdk language selector"]', {
+        timeout: 30000,
+      });
+    } catch (e) {
+      const title = await page.title();
+      const url = await page.url();
+      // eslint-disable-next-line no-console
+      console.warn(`App not found.\nURL: ${url}\nTitle: ${title}`);
+    }
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error('Failed to inject token:', error);
+  }
+};
+
 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;
 };
+
+export const ensureSdkSelected = async (language: string): Promise<void> => {
+  const selector = `input[aria-label="sdk language selector"][value="${language}"]`;
+  const isSelected = await page.$(selector);
+  if (!isSelected) {
+    const input = await page.$('input[aria-label="sdk language selector"]');
+    if (input) {
+      await input.click();
+      try {
+        const option = await page.waitForXPath(
+          `//li[contains(., "${language}")]`,
+          { timeout: 5000 }
+        );
+        if (option) {
+          await option.click();
+        }
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error(`Failed to find SDK option for ${language}`, e);
+      }
+      // Wait for selection to apply
+      await page.waitForFunction(
+        (selector: string, lang: string) => {
+          const input = document.querySelector(selector) as HTMLInputElement;
+          return input?.value === lang;
+        },
+        {},
+        'input[aria-label="sdk language selector"]',
+        language
+      );
+    } else {
+      // eslint-disable-next-line no-console
+      console.error('SDK selector input not found');
+    }
+  }
+};

package/jest-puppeteer.config.js

@@ -29,7 +29,8 @@ module.exports = {
   ...base,
   rootDir: '../..',
   preset: 'jest-puppeteer',
-  setupFilesAfterEnv: ['expect-puppeteer'],
+  testEnvironment: 'jest-environment-puppeteer',
+  setupFilesAfterEnv: [...base.setupFilesAfterEnv, 'expect-puppeteer'],
   launch: {
     // `headless:false` and `slowMo:250` can be useful for "test-watch" usage
     headless: true,

package/lib/StandaloneApiExplorer.js

@@ -25,20 +25,29 @@ var StandaloneApiExplorer = _ref => {
   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;
+  var [hasToken, setHasToken] = (0, _react.useState)(sdk.authSession.isAuthenticated());
+  var canLogin = sdk.authSession.settings.authIsConfigured() && !sdk.authSession.isAuthenticated() && !oauthReturn && !hasToken;
   (0, _react.useEffect)(() => {
-    var login = function () {
-      var _ref2 = _asyncToGenerator(function* () {
-        return yield browserAdaptor.login();
-      });
-      return function login() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    if (canLogin) {
-      login();
+    var token = sessionStorage.getItem('LOOKER_TEST_TOKEN');
+    if (token) {
+      var session = sdk.authSession;
+      var tokenObj = JSON.parse(token);
+      session.activeToken.setToken(tokenObj);
+      setHasToken(true);
+    } else {
+      var login = function () {
+        var _ref2 = _asyncToGenerator(function* () {
+          return yield browserAdaptor.login();
+        });
+        return function login() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      if (canLogin) {
+        login();
+      }
     }
-  }, []);
+  }, [browserAdaptor, canLogin, sdk.authSession]);
   var {
     looker_url
   } = sdk.authSession.settings.getStoredConfig();

package/lib/StandaloneApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandaloneApiExplorer.js","names":["_react","_interopRequireWildcard","require","_runIt","_extensionUtils","_reactRedux","_reactRouter","_ApiExplorer","_state","_utils","_components","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","asyncGeneratorStep","gen","resolve","reject","_next","_throw","key","arg","info","value","error","done","Promise","then","_asyncToGenerator","fn","self","args","arguments","apply","err","undefined","StandaloneApiExplorer","_ref","headless","browserAdaptor","useState","ApixAdaptor","initRunItSdk","window","origin","location","useLocation","oauthReturn","pathname","concat","oAuthPath","sdk","canLogin","authSession","settings","authIsConfigured","isAuthenticated","useEffect","login","_ref2","looker_url","getStoredConfig","createElement","Provider","store","RunItProvider","basePath","Loader","themeOverrides","message","Fragment","OAuthScene","adaptor","ApiExplorer","exports"],"sources":["../src/StandaloneApiExplorer.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, { useEffect, useState } from 'react';\nimport { RunItProvider, initRunItSdk } 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 { ApixAdaptor, oAuthPath } 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"],"mappings":"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"}
+{"version":3,"file":"StandaloneApiExplorer.js","names":["_react","_interopRequireWildcard","require","_runIt","_extensionUtils","_reactRedux","_reactRouter","_ApiExplorer","_state","_utils","_components","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","asyncGeneratorStep","gen","resolve","reject","_next","_throw","key","arg","info","value","error","done","Promise","then","_asyncToGenerator","fn","self","args","arguments","apply","err","undefined","StandaloneApiExplorer","_ref","headless","browserAdaptor","useState","ApixAdaptor","initRunItSdk","window","origin","location","useLocation","oauthReturn","pathname","concat","oAuthPath","sdk","hasToken","setHasToken","authSession","isAuthenticated","canLogin","settings","authIsConfigured","useEffect","token","sessionStorage","getItem","session","tokenObj","JSON","parse","activeToken","setToken","login","_ref2","looker_url","getStoredConfig","createElement","Provider","store","RunItProvider","basePath","Loader","themeOverrides","message","Fragment","OAuthScene","adaptor","ApiExplorer","exports"],"sources":["../src/StandaloneApiExplorer.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, { useEffect, useState } from 'react';\nimport { RunItProvider, initRunItSdk } 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 { ApixAdaptor, oAuthPath } 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 [hasToken, setHasToken] = useState(sdk.authSession.isAuthenticated());\n\n  const canLogin =\n    (sdk.authSession.settings as OAuthConfigProvider).authIsConfigured() &&\n    !sdk.authSession.isAuthenticated() &&\n    !oauthReturn &&\n    !hasToken;\n\n  useEffect(() => {\n    const token = sessionStorage.getItem('LOOKER_TEST_TOKEN');\n    if (token) {\n      const session = sdk.authSession as any;\n      const tokenObj = JSON.parse(token);\n      session.activeToken.setToken(tokenObj);\n      setHasToken(true);\n    } else {\n      const login = async () => await browserAdaptor.login();\n      if (canLogin) {\n        login();\n      }\n    }\n  }, [browserAdaptor, canLogin, sdk.authSession]);\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"],"mappings":"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"}

package/lib/esm/StandaloneApiExplorer.js

@@ -17,20 +17,29 @@ export var StandaloneApiExplorer = _ref => {
   var location = useLocation();
   var oauthReturn = location.pathname === "/".concat(oAuthPath);
   var sdk = browserAdaptor.sdk;
-  var canLogin = sdk.authSession.settings.authIsConfigured() && !sdk.authSession.isAuthenticated() && !oauthReturn;
+  var [hasToken, setHasToken] = useState(sdk.authSession.isAuthenticated());
+  var canLogin = sdk.authSession.settings.authIsConfigured() && !sdk.authSession.isAuthenticated() && !oauthReturn && !hasToken;
   useEffect(() => {
-    var login = function () {
-      var _ref2 = _asyncToGenerator(function* () {
-        return yield browserAdaptor.login();
-      });
-      return function login() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    if (canLogin) {
-      login();
+    var token = sessionStorage.getItem('LOOKER_TEST_TOKEN');
+    if (token) {
+      var session = sdk.authSession;
+      var tokenObj = JSON.parse(token);
+      session.activeToken.setToken(tokenObj);
+      setHasToken(true);
+    } else {
+      var login = function () {
+        var _ref2 = _asyncToGenerator(function* () {
+          return yield browserAdaptor.login();
+        });
+        return function login() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      if (canLogin) {
+        login();
+      }
     }
-  }, []);
+  }, [browserAdaptor, canLogin, sdk.authSession]);
   var {
     looker_url
   } = sdk.authSession.settings.getStoredConfig();

package/lib/esm/StandaloneApiExplorer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandaloneApiExplorer.js","names":["React","useEffect","useState","RunItProvider","initRunItSdk","OAuthScene","Provider","useLocation","ApiExplorer","store","ApixAdaptor","oAuthPath","Loader","StandaloneApiExplorer","_ref","headless","browserAdaptor","window","origin","location","oauthReturn","pathname","concat","sdk","canLogin","authSession","settings","authIsConfigured","isAuthenticated","login","_ref2","_asyncToGenerator","apply","arguments","looker_url","getStoredConfig","createElement","basePath","themeOverrides","message","Fragment","adaptor"],"sources":["../../src/StandaloneApiExplorer.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, { useEffect, useState } from 'react';\nimport { RunItProvider, initRunItSdk } 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 { ApixAdaptor, oAuthPath } 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"],"mappings":";;AA2BA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,aAAa,EAAEC,YAAY,QAAQ,gBAAgB;AAE5D,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,WAAW,QAAQ,cAAc;AAE1C,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,EAAEC,SAAS,QAAQ,SAAS;AAChD,SAASC,MAAM,QAAQ,cAAc;AAOrC,OAAO,IAAMC,qBAAqD,GAAGC,IAAA,IAE/D;EAAA,IAFgE;IACpEC,QAAQ,GAAG;EACb,CAAC,GAAAD,IAAA;EACC,IAAM,CAACE,cAAc,CAAC,GAAGd,QAAQ,CAC/B,IAAIQ,WAAW,CAACN,YAAY,CAAC,CAAC,EAAEa,MAAM,CAACC,MAAM,CAC/C,CAAC;EACD,IAAMC,QAAQ,GAAGZ,WAAW,CAAC,CAAC;EAC9B,IAAMa,WAAW,GAAGD,QAAQ,CAACE,QAAQ,SAAAC,MAAA,CAASX,SAAS,CAAE;EACzD,IAAMY,GAAG,GAAGP,cAAc,CAACO,GAAG;EAC9B,IAAMC,QAAQ,GACXD,GAAG,CAACE,WAAW,CAACC,QAAQ,CAAyBC,gBAAgB,CAAC,CAAC,IACpE,CAACJ,GAAG,CAACE,WAAW,CAACG,eAAe,CAAC,CAAC,IAClC,CAACR,WAAW;EAEdnB,SAAS,CAAC,MAAM;IACd,IAAM4B,KAAK;MAAA,IAAAC,KAAA,GAAAC,iBAAA,CAAG;QAAA,aAAkBf,cAAc,CAACa,KAAK,CAAC,CAAC;MAAA;MAAA,gBAAhDA,KAAKA,CAAA;QAAA,OAAAC,KAAA,CAAAE,KAAA,OAAAC,SAAA;MAAA;IAAA,GAA2C;IACtD,IAAIT,QAAQ,EAAE;MACZK,KAAK,CAAC,CAAC;IACT;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM;IAAEK;EAAW,CAAC,GAClBX,GAAG,CAACE,WAAW,CAACC,QAAQ,CACxBS,eAAe,CAAC,CAAC;EAEnB,OACEnC,KAAA,CAAAoC,aAAA,CAAC9B,QAAQ;IAACG,KAAK,EAAEA;EAAM,GACrBT,KAAA,CAAAoC,aAAA,CAACjC,aAAa;IAACkC,QAAQ,EAAC;EAAU,GAC/Bb,QAAQ,GACPxB,KAAA,CAAAoC,aAAA,CAACxB,MAAM;IACL0B,cAAc,EAAEtB,cAAc,CAACsB,cAAc,CAAC,CAAE;IAChDC,OAAO,uCAAAjB,MAAA,CAAuCY,UAAU;EAAG,CAC5D,CAAC,GAEFlC,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAAwC,QAAA,QACGpB,WAAW,GACVpB,KAAA,CAAAoC,aAAA,CAAC/B,UAAU;IAACoC,OAAO,EAAEzB;EAAe,CAAE,CAAC,GAEvChB,KAAA,CAAAoC,aAAA,CAAC5B,WAAW;IAACiC,OAAO,EAAEzB,cAAe;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAE7D,CAES,CACP,CAAC;AAEf,CAAC"}
+{"version":3,"file":"StandaloneApiExplorer.js","names":["React","useEffect","useState","RunItProvider","initRunItSdk","OAuthScene","Provider","useLocation","ApiExplorer","store","ApixAdaptor","oAuthPath","Loader","StandaloneApiExplorer","_ref","headless","browserAdaptor","window","origin","location","oauthReturn","pathname","concat","sdk","hasToken","setHasToken","authSession","isAuthenticated","canLogin","settings","authIsConfigured","token","sessionStorage","getItem","session","tokenObj","JSON","parse","activeToken","setToken","login","_ref2","_asyncToGenerator","apply","arguments","looker_url","getStoredConfig","createElement","basePath","themeOverrides","message","Fragment","adaptor"],"sources":["../../src/StandaloneApiExplorer.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, { useEffect, useState } from 'react';\nimport { RunItProvider, initRunItSdk } 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 { ApixAdaptor, oAuthPath } 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 [hasToken, setHasToken] = useState(sdk.authSession.isAuthenticated());\n\n  const canLogin =\n    (sdk.authSession.settings as OAuthConfigProvider).authIsConfigured() &&\n    !sdk.authSession.isAuthenticated() &&\n    !oauthReturn &&\n    !hasToken;\n\n  useEffect(() => {\n    const token = sessionStorage.getItem('LOOKER_TEST_TOKEN');\n    if (token) {\n      const session = sdk.authSession as any;\n      const tokenObj = JSON.parse(token);\n      session.activeToken.setToken(tokenObj);\n      setHasToken(true);\n    } else {\n      const login = async () => await browserAdaptor.login();\n      if (canLogin) {\n        login();\n      }\n    }\n  }, [browserAdaptor, canLogin, sdk.authSession]);\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"],"mappings":"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"}

package/lib/esm/scenes/MethodScene/components/DocRequestBody.js

@@ -6,13 +6,18 @@ export var DocRequestBody = _ref => {
     method,
     api
   } = _ref;
-  var bodies = method.bodyParams;
+  var bodies = method.isFormUrlEncoded ? method.queryParams : method.bodyParams;
   if (bodies.length === 0) return React.createElement(React.Fragment, null);
-  var header = bodies.length > 1 ? 'Request bodies' : 'Request body';
+  var header = method.isFormUrlEncoded ? 'Form parameters' : bodies.length > 1 ? 'Request bodies' : 'Request body';
   return React.createElement(CollapserCard, {
     id: "bodies",
     heading: header
-  }, React.createElement(React.Fragment, null, bodies.map(body => React.createElement(ExploreType, {
+  }, React.createElement(React.Fragment, null, method.isFormUrlEncoded ? React.createElement("div", {
+    style: {
+      paddingBottom: '0.5rem',
+      color: '#666'
+    }
+  }, "application/x-www-form-urlencoded") : null, bodies.map(body => React.createElement(ExploreType, {
     api: api,
     type: body.type,
     open: false,

package/lib/esm/scenes/MethodScene/components/DocRequestBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocRequestBody.js","names":["React","CollapserCard","ExploreType","DocRequestBody","_ref","method","api","bodies","bodyParams","length","createElement","Fragment","header","id","heading","map","body","type","open","key","concat","name"],"sources":["../../../../../src/scenes/MethodScene/components/DocRequestBody.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 */\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { ApiModel, IMethod } from '@looker/sdk-codegen';\nimport { CollapserCard } from '@looker/run-it';\nimport { ExploreType } from '../../../components';\n\ninterface DocRequestBodyProps {\n  method: IMethod;\n  api: ApiModel;\n}\n\n/**\n * If a method has request body parameters, display them\n * @param method to document\n */\nexport const DocRequestBody: FC<DocRequestBodyProps> = ({ method, api }) => {\n  const bodies = method.bodyParams;\n  if (bodies.length === 0) return <></>;\n  const header = bodies.length > 1 ? 'Request bodies' : 'Request body';\n\n  return (\n    <CollapserCard id=\"bodies\" heading={header}>\n      <>\n        {bodies.map(body => (\n          <ExploreType\n            api={api}\n            type={body.type}\n            open={false}\n            key={`body.${body.name}`}\n          />\n        ))}\n      </>\n    </CollapserCard>\n  );\n};\n"],"mappings":"AA0BA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,WAAW,QAAQ,qBAAqB;AAWjD,OAAO,IAAMC,cAAuC,GAAGC,IAAA,IAAqB;EAAA,IAApB;IAAEC,MAAM;IAAEC;EAAI,CAAC,GAAAF,IAAA;EACrE,IAAMG,MAAM,GAAGF,MAAM,CAACG,UAAU;EAChC,IAAID,MAAM,CAACE,MAAM,KAAK,CAAC,EAAE,OAAOT,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,MAAI,CAAC;EACrC,IAAMC,MAAM,GAAGL,MAAM,CAACE,MAAM,GAAG,CAAC,GAAG,gBAAgB,GAAG,cAAc;EAEpE,OACET,KAAA,CAAAU,aAAA,CAACT,aAAa;IAACY,EAAE,EAAC,QAAQ;IAACC,OAAO,EAAEF;EAAO,GACzCZ,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACGJ,MAAM,CAACQ,GAAG,CAACC,IAAI,IACdhB,KAAA,CAAAU,aAAA,CAACR,WAAW;IACVI,GAAG,EAAEA,GAAI;IACTW,IAAI,EAAED,IAAI,CAACC,IAAK;IAChBC,IAAI,EAAE,KAAM;IACZC,GAAG,UAAAC,MAAA,CAAUJ,IAAI,CAACK,IAAI;EAAG,CAC1B,CACF,CACD,CACW,CAAC;AAEpB,CAAC"}
+{"version":3,"file":"DocRequestBody.js","names":["React","CollapserCard","ExploreType","DocRequestBody","_ref","method","api","bodies","isFormUrlEncoded","queryParams","bodyParams","length","createElement","Fragment","header","id","heading","style","paddingBottom","color","map","body","type","open","key","concat","name"],"sources":["../../../../../src/scenes/MethodScene/components/DocRequestBody.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 */\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { ApiModel, IMethod } from '@looker/sdk-codegen';\nimport { CollapserCard } from '@looker/run-it';\nimport { ExploreType } from '../../../components';\n\ninterface DocRequestBodyProps {\n  method: IMethod;\n  api: ApiModel;\n}\n\n/**\n * If a method has request body parameters, display them\n * @param method to document\n */\nexport const DocRequestBody: FC<DocRequestBodyProps> = ({ method, api }) => {\n  const bodies = method.isFormUrlEncoded\n    ? method.queryParams\n    : method.bodyParams;\n  if (bodies.length === 0) return <></>;\n  const header = method.isFormUrlEncoded\n    ? 'Form parameters'\n    : bodies.length > 1\n    ? 'Request bodies'\n    : 'Request body';\n\n  return (\n    <CollapserCard id=\"bodies\" heading={header}>\n      <>\n        {method.isFormUrlEncoded ? (\n          <div style={{ paddingBottom: '0.5rem', color: '#666' }}>\n            application/x-www-form-urlencoded\n          </div>\n        ) : null}\n        {bodies.map(body => (\n          <ExploreType\n            api={api}\n            type={body.type}\n            open={false}\n            key={`body.${body.name}`}\n          />\n        ))}\n      </>\n    </CollapserCard>\n  );\n};\n"],"mappings":"AA0BA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,WAAW,QAAQ,qBAAqB;AAWjD,OAAO,IAAMC,cAAuC,GAAGC,IAAA,IAAqB;EAAA,IAApB;IAAEC,MAAM;IAAEC;EAAI,CAAC,GAAAF,IAAA;EACrE,IAAMG,MAAM,GAAGF,MAAM,CAACG,gBAAgB,GAClCH,MAAM,CAACI,WAAW,GAClBJ,MAAM,CAACK,UAAU;EACrB,IAAIH,MAAM,CAACI,MAAM,KAAK,CAAC,EAAE,OAAOX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,MAAI,CAAC;EACrC,IAAMC,MAAM,GAAGT,MAAM,CAACG,gBAAgB,GAClC,iBAAiB,GACjBD,MAAM,CAACI,MAAM,GAAG,CAAC,GACjB,gBAAgB,GAChB,cAAc;EAElB,OACEX,KAAA,CAAAY,aAAA,CAACX,aAAa;IAACc,EAAE,EAAC,QAAQ;IAACC,OAAO,EAAEF;EAAO,GACzCd,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QACGR,MAAM,CAACG,gBAAgB,GACtBR,KAAA,CAAAY,aAAA;IAAKK,KAAK,EAAE;MAAEC,aAAa,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO;EAAE,GAAC,mCAEnD,CAAC,GACJ,IAAI,EACPZ,MAAM,CAACa,GAAG,CAACC,IAAI,IACdrB,KAAA,CAAAY,aAAA,CAACV,WAAW;IACVI,GAAG,EAAEA,GAAI;IACTgB,IAAI,EAAED,IAAI,CAACC,IAAK;IAChBC,IAAI,EAAE,KAAM;IACZC,GAAG,UAAAC,MAAA,CAAUJ,IAAI,CAACK,IAAI;EAAG,CAC1B,CACF,CACD,CACW,CAAC;AAEpB,CAAC"}

package/lib/scenes/MethodScene/components/DocRequestBody.js

@@ -13,13 +13,18 @@ var DocRequestBody = _ref => {
     method,
     api
   } = _ref;
-  var bodies = method.bodyParams;
+  var bodies = method.isFormUrlEncoded ? method.queryParams : method.bodyParams;
   if (bodies.length === 0) return _react.default.createElement(_react.default.Fragment, null);
-  var header = bodies.length > 1 ? 'Request bodies' : 'Request body';
+  var header = method.isFormUrlEncoded ? 'Form parameters' : bodies.length > 1 ? 'Request bodies' : 'Request body';
   return _react.default.createElement(_runIt.CollapserCard, {
     id: "bodies",
     heading: header
-  }, _react.default.createElement(_react.default.Fragment, null, bodies.map(body => _react.default.createElement(_components.ExploreType, {
+  }, _react.default.createElement(_react.default.Fragment, null, method.isFormUrlEncoded ? _react.default.createElement("div", {
+    style: {
+      paddingBottom: '0.5rem',
+      color: '#666'
+    }
+  }, "application/x-www-form-urlencoded") : null, bodies.map(body => _react.default.createElement(_components.ExploreType, {
     api: api,
     type: body.type,
     open: false,

package/lib/scenes/MethodScene/components/DocRequestBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocRequestBody.js","names":["_react","_interopRequireDefault","require","_runIt","_components","obj","__esModule","default","DocRequestBody","_ref","method","api","bodies","bodyParams","length","createElement","Fragment","header","CollapserCard","id","heading","map","body","ExploreType","type","open","key","concat","name","exports"],"sources":["../../../../src/scenes/MethodScene/components/DocRequestBody.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 */\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { ApiModel, IMethod } from '@looker/sdk-codegen';\nimport { CollapserCard } from '@looker/run-it';\nimport { ExploreType } from '../../../components';\n\ninterface DocRequestBodyProps {\n  method: IMethod;\n  api: ApiModel;\n}\n\n/**\n * If a method has request body parameters, display them\n * @param method to document\n */\nexport const DocRequestBody: FC<DocRequestBodyProps> = ({ method, api }) => {\n  const bodies = method.bodyParams;\n  if (bodies.length === 0) return <></>;\n  const header = bodies.length > 1 ? 'Request bodies' : 'Request body';\n\n  return (\n    <CollapserCard id=\"bodies\" heading={header}>\n      <>\n        {bodies.map(body => (\n          <ExploreType\n            api={api}\n            type={body.type}\n            open={false}\n            key={`body.${body.name}`}\n          />\n        ))}\n      </>\n    </CollapserCard>\n  );\n};\n"],"mappings":";;;;;;AA0BA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAkD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAW3C,IAAMG,cAAuC,GAAGC,IAAA,IAAqB;EAAA,IAApB;IAAEC,MAAM;IAAEC;EAAI,CAAC,GAAAF,IAAA;EACrE,IAAMG,MAAM,GAAGF,MAAM,CAACG,UAAU;EAChC,IAAID,MAAM,CAACE,MAAM,KAAK,CAAC,EAAE,OAAOd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAAAf,MAAA,CAAAO,OAAA,CAAAS,QAAA,MAAI,CAAC;EACrC,IAAMC,MAAM,GAAGL,MAAM,CAACE,MAAM,GAAG,CAAC,GAAG,gBAAgB,GAAG,cAAc;EAEpE,OACEd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,MAAA,CAAAe,aAAa;IAACC,EAAE,EAAC,QAAQ;IAACC,OAAO,EAAEH;EAAO,GACzCjB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAAAf,MAAA,CAAAO,OAAA,CAAAS,QAAA,QACGJ,MAAM,CAACS,GAAG,CAACC,IAAI,IACdtB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,WAAA,CAAAmB,WAAW;IACVZ,GAAG,EAAEA,GAAI;IACTa,IAAI,EAAEF,IAAI,CAACE,IAAK;IAChBC,IAAI,EAAE,KAAM;IACZC,GAAG,UAAAC,MAAA,CAAUL,IAAI,CAACM,IAAI;EAAG,CAC1B,CACF,CACD,CACW,CAAC;AAEpB,CAAC;AAACC,OAAA,CAAArB,cAAA,GAAAA,cAAA"}
+{"version":3,"file":"DocRequestBody.js","names":["_react","_interopRequireDefault","require","_runIt","_components","obj","__esModule","default","DocRequestBody","_ref","method","api","bodies","isFormUrlEncoded","queryParams","bodyParams","length","createElement","Fragment","header","CollapserCard","id","heading","style","paddingBottom","color","map","body","ExploreType","type","open","key","concat","name","exports"],"sources":["../../../../src/scenes/MethodScene/components/DocRequestBody.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 */\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { ApiModel, IMethod } from '@looker/sdk-codegen';\nimport { CollapserCard } from '@looker/run-it';\nimport { ExploreType } from '../../../components';\n\ninterface DocRequestBodyProps {\n  method: IMethod;\n  api: ApiModel;\n}\n\n/**\n * If a method has request body parameters, display them\n * @param method to document\n */\nexport const DocRequestBody: FC<DocRequestBodyProps> = ({ method, api }) => {\n  const bodies = method.isFormUrlEncoded\n    ? method.queryParams\n    : method.bodyParams;\n  if (bodies.length === 0) return <></>;\n  const header = method.isFormUrlEncoded\n    ? 'Form parameters'\n    : bodies.length > 1\n    ? 'Request bodies'\n    : 'Request body';\n\n  return (\n    <CollapserCard id=\"bodies\" heading={header}>\n      <>\n        {method.isFormUrlEncoded ? (\n          <div style={{ paddingBottom: '0.5rem', color: '#666' }}>\n            application/x-www-form-urlencoded\n          </div>\n        ) : null}\n        {bodies.map(body => (\n          <ExploreType\n            api={api}\n            type={body.type}\n            open={false}\n            key={`body.${body.name}`}\n          />\n        ))}\n      </>\n    </CollapserCard>\n  );\n};\n"],"mappings":";;;;;;AA0BA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAkD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAW3C,IAAMG,cAAuC,GAAGC,IAAA,IAAqB;EAAA,IAApB;IAAEC,MAAM;IAAEC;EAAI,CAAC,GAAAF,IAAA;EACrE,IAAMG,MAAM,GAAGF,MAAM,CAACG,gBAAgB,GAClCH,MAAM,CAACI,WAAW,GAClBJ,MAAM,CAACK,UAAU;EACrB,IAAIH,MAAM,CAACI,MAAM,KAAK,CAAC,EAAE,OAAOhB,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAAAjB,MAAA,CAAAO,OAAA,CAAAW,QAAA,MAAI,CAAC;EACrC,IAAMC,MAAM,GAAGT,MAAM,CAACG,gBAAgB,GAClC,iBAAiB,GACjBD,MAAM,CAACI,MAAM,GAAG,CAAC,GACjB,gBAAgB,GAChB,cAAc;EAElB,OACEhB,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,MAAA,CAAAiB,aAAa;IAACC,EAAE,EAAC,QAAQ;IAACC,OAAO,EAAEH;EAAO,GACzCnB,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAAAjB,MAAA,CAAAO,OAAA,CAAAW,QAAA,QACGR,MAAM,CAACG,gBAAgB,GACtBb,MAAA,CAAAO,OAAA,CAAAU,aAAA;IAAKM,KAAK,EAAE;MAAEC,aAAa,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO;EAAE,GAAC,mCAEnD,CAAC,GACJ,IAAI,EACPb,MAAM,CAACc,GAAG,CAACC,IAAI,IACd3B,MAAA,CAAAO,OAAA,CAAAU,aAAA,CAACb,WAAA,CAAAwB,WAAW;IACVjB,GAAG,EAAEA,GAAI;IACTkB,IAAI,EAAEF,IAAI,CAACE,IAAK;IAChBC,IAAI,EAAE,KAAM;IACZC,GAAG,UAAAC,MAAA,CAAUL,IAAI,CAACM,IAAI;EAAG,CAC1B,CACF,CACD,CACW,CAAC;AAEpB,CAAC;AAACC,OAAA,CAAA1B,cAAA,GAAAA,cAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@looker/api-explorer",
-  "version": "0.9.82",
+  "version": "0.9.83",
   "description": "Looker API Explorer",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
@@ -33,8 +33,8 @@
   },
   "devDependencies": {
     "@looker/components-test-utils": "^1.5.27",
-    "@looker/sdk-codegen-scripts": "21.5.39",
-    "@looker/sdk-node": "26.2.0",
+    "@looker/sdk-codegen-scripts": "21.5.40",
+    "@looker/sdk-node": "26.4.0",
     "@styled-icons/styled-icon": "^10.6.3",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "12.1.5",
@@ -70,15 +70,15 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "@looker/code-editor": "0.1.49",
+    "@looker/code-editor": "0.1.50",
     "@looker/components": "^5.0.3",
     "@looker/design-tokens": "^3.1.3",
-    "@looker/extension-utils": "0.1.59",
+    "@looker/extension-utils": "0.1.60",
     "@looker/icons": "^1.5.21",
     "@looker/redux": "^0.0.1",
-    "@looker/run-it": "0.9.82",
-    "@looker/sdk": "26.2.0",
-    "@looker/sdk-codegen": "21.10.4",
+    "@looker/run-it": "0.9.83",
+    "@looker/sdk": "26.4.0",
+    "@looker/sdk-codegen": "21.11.0",
     "@looker/sdk-rtl": "21.6.4",
     "@reduxjs/toolkit": "^1.9.3",
     "@styled-icons/material": "^10.47.0",
@@ -97,5 +97,5 @@
     "styled-components": "^5.3.1",
     "typed-redux-saga": "^1.5.0"
   },
-  "gitHead": "f4ddaec4b892946cca2e077a42fcbcb49b356dc2"
+  "gitHead": "4ad57362107ab0ed2c865876921136b8b7d77db4"
 }

package/src/StandaloneApiExplorer.tsx

@@ -51,17 +51,28 @@ export const StandaloneApiExplorer: FC<StandaloneApiExplorerProps> = ({
   const location = useLocation();
   const oauthReturn = location.pathname === `/${oAuthPath}`;
   const sdk = browserAdaptor.sdk;
+  const [hasToken, setHasToken] = useState(sdk.authSession.isAuthenticated());
+
   const canLogin =
     (sdk.authSession.settings as OAuthConfigProvider).authIsConfigured() &&
     !sdk.authSession.isAuthenticated() &&
-    !oauthReturn;
+    !oauthReturn &&
+    !hasToken;
 
   useEffect(() => {
-    const login = async () => await browserAdaptor.login();
-    if (canLogin) {
-      login();
+    const token = sessionStorage.getItem('LOOKER_TEST_TOKEN');
+    if (token) {
+      const session = sdk.authSession as any;
+      const tokenObj = JSON.parse(token);
+      session.activeToken.setToken(tokenObj);
+      setHasToken(true);
+    } else {
+      const login = async () => await browserAdaptor.login();
+      if (canLogin) {
+        login();
+      }
     }
-  }, []);
+  }, [browserAdaptor, canLogin, sdk.authSession]);
 
   const { looker_url } = (
     sdk.authSession.settings as OAuthConfigProvider

package/src/scenes/MethodScene/components/DocRequestBody.tsx

@@ -39,13 +39,24 @@ interface DocRequestBodyProps {
  * @param method to document
  */
 export const DocRequestBody: FC<DocRequestBodyProps> = ({ method, api }) => {
-  const bodies = method.bodyParams;
+  const bodies = method.isFormUrlEncoded
+    ? method.queryParams
+    : method.bodyParams;
   if (bodies.length === 0) return <></>;
-  const header = bodies.length > 1 ? 'Request bodies' : 'Request body';
+  const header = method.isFormUrlEncoded
+    ? 'Form parameters'
+    : bodies.length > 1
+    ? 'Request bodies'
+    : 'Request body';
 
   return (
     <CollapserCard id="bodies" heading={header}>
       <>
+        {method.isFormUrlEncoded ? (
+          <div style={{ paddingBottom: '0.5rem', color: '#666' }}>
+            application/x-www-form-urlencoded
+          </div>
+        ) : null}
         {bodies.map(body => (
           <ExploreType
             api={api}

package/webpack.dev.config.js

@@ -49,5 +49,30 @@ module.exports = merge(base, browser, {
       'Access-Control-Allow-Methods': '*',
       'Access-Control-Allow-Headers': '*',
     },
+    proxy: (() => {
+      const proxyTarget =
+        process.env.API_PROXY_TARGET ||
+        process.env.LOOKER_API_EXPLORER_URL ||
+        'http://localhost:19999';
+      return {
+        '/api': {
+          target: proxyTarget,
+          changeOrigin: true,
+          secure: false,
+          onProxyReq: proxyReq => {
+            proxyReq.removeHeader('Origin');
+            proxyReq.removeHeader('Referer');
+          },
+        },
+        '/login': {
+          target: proxyTarget,
+          changeOrigin: true,
+          secure: false,
+          onProxyReq: proxyReq => {
+            proxyReq.removeHeader('Origin');
+          },
+        },
+      };
+    })(),
   },
 });