@looker/run-it 0.9.40 → 0.9.42

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # Changelog
 
+### [0.9.42](https://www.github.com/looker-open-source/sdk-codegen/compare/run-it-v0.9.41...run-it-v0.9.42) (2022-12-09)
+
+
+### Features
+
+* add request time tracking ([#1223](https://www.github.com/looker-open-source/sdk-codegen/issues/1223)) ([2aefe06](https://www.github.com/looker-open-source/sdk-codegen/commit/2aefe064d668e02f3af95202e4667036cba01979))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/code-editor bumped from ^0.1.26 to ^0.1.27
+    * @looker/extension-utils bumped from ^0.1.18 to ^0.1.19
+    * @looker/sdk bumped from ^22.20.0 to ^22.20.1
+    * @looker/sdk-codegen bumped from ^21.7.3 to ^21.7.4
+    * @looker/sdk-rtl bumped from ^21.4.0 to ^21.5.0
+
+### [0.9.41](https://www.github.com/looker-open-source/sdk-codegen/compare/run-it-v0.9.40...run-it-v0.9.41) (2022-11-10)
+
+
+### Bug Fixes
+
+* oauth support in APIX when embedded in another app ([#1198](https://www.github.com/looker-open-source/sdk-codegen/issues/1198)) ([c464d2f](https://www.github.com/looker-open-source/sdk-codegen/commit/c464d2f24c7f8e7d282208efd00feaaba216fe3e))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @looker/code-editor bumped from ^0.1.25 to ^0.1.26
+    * @looker/extension-utils bumped from ^0.1.17 to ^0.1.18
+    * @looker/sdk bumped from ^22.18.0 to ^22.20.0
+    * @looker/sdk-codegen bumped from ^21.7.2 to ^21.7.3
+
 ### [0.9.40](https://www.github.com/looker-open-source/sdk-codegen/compare/run-it-v0.9.39...run-it-v0.9.40) (2022-10-17)
 
 
@@ -583,4 +618,4 @@
     * @looker/sdk bumped from ^21.0.10 to ^21.4.0
     * @looker/sdk-codegen bumped from ^21.0.10 to ^21.0.11
     * @looker/sdk-codegen-utils bumped from ^21.0.10 to ^21.0.11
-    * @looker/sdk-rtl bumped from ^21.0.10 to ^21.0.11
+    * @looker/sdk-rtl bumped from ^21.0.10 to ^21.0.11

package/lib/components/ConfigForm/ConfigForm.js

@@ -13,6 +13,8 @@ var _codeEditor = require("@looker/code-editor");
 
 var _extensionUtils = require("@looker/extension-utils");
 
+var _reactRouterDom = require("react-router-dom");
+
 var _ = require("../..");
 
 var _utils = require("./utils");
@@ -45,12 +47,15 @@ var ConfigForm = _ref => {
     requestContent,
     setHasConfig
   } = _ref;
+  var location = (0, _reactRouterDom.useLocation)();
+  var redirect_uri = (0, _extensionUtils.appPath)(location, '/oauth');
+  var client_id = 'looker.api-explorer';
   var BASE_URL = 'baseUrl';
   var WEB_URL = 'webUrl';
   var FETCH_INTENT = 'fetchIntent';
   var FETCH_RESULT = 'fetchResult';
   var CRITICAL = 'critical';
-  var appConfig = "{\n  \"client_guid\": \"looker.api-explorer\",\n  \"redirect_uri\": \"".concat(window.location.origin, "/oauth\",\n  \"display_name\": \"CORS API Explorer\",\n  \"description\": \"Looker API Explorer using CORS\",\n  \"enabled\": true\n}\n");
+  var appConfig = "// client_guid=".concat(client_id, "\n{\n  \"redirect_uri\": \"").concat(redirect_uri, "\",\n  \"display_name\": \"CORS API Explorer\",\n  \"description\": \"Looker API Explorer using CORS\",\n  \"enabled\": true\n}\n");
   var adaptor = (0, _extensionUtils.getEnvAdaptor)();
   var sdk = adaptor.sdk;
   title = title || 'RunIt Configuration';
@@ -112,6 +117,23 @@ var ConfigForm = _ref => {
     updateMessage(CRITICAL, message);
   };
 
+  var saveConfig = (baseUrl, webUrl) => {
+    var data = {
+      base_url: baseUrl,
+      looker_url: webUrl,
+      client_id,
+      redirect_uri
+    };
+    updateFields({
+      [BASE_URL]: baseUrl,
+      [WEB_URL]: webUrl
+    });
+    localStorage.setItem(_utils.RunItConfigKey, JSON.stringify(data));
+    if (setHasConfig) setHasConfig(true);
+    setSaved(data);
+    updateMessage(POSITIVE, "Saved ".concat(webUrl, " as OAuth server"));
+  };
+
   var updateForm = function () {
     var _ref2 = _asyncToGenerator(function* (_e, save) {
       updateMessage('inform', '');
@@ -122,21 +144,14 @@ var ConfigForm = _ref => {
           web_server_url: webUrl,
           api_server_url: baseUrl
         } = yield (0, _utils.getVersions)(versionsUrl);
+        updateMessage(POSITIVE, 'Configuration is valid');
         updateFields({
           [BASE_URL]: baseUrl,
           [WEB_URL]: webUrl
         });
-        updateMessage(POSITIVE, 'Configuration is valid');
 
         if (save) {
-          var data = {
-            base_url: baseUrl,
-            looker_url: webUrl
-          };
-          localStorage.setItem(_utils.RunItConfigKey, JSON.stringify(data));
-          if (setHasConfig) setHasConfig(true);
-          setSaved(data);
-          updateMessage(POSITIVE, "Saved ".concat(webUrl, " as OAuth server"));
+          saveConfig(baseUrl, webUrl);
         }
       } catch (e) {
         fetchError(e.message);
@@ -271,16 +286,22 @@ var ConfigForm = _ref => {
     name: WEB_URL,
     value: fields[WEB_URL],
     disabled: true
-  }))), _react.default.createElement(_components.Paragraph, {
+  }))), !!fields.webUrl && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.Paragraph, {
     fontSize: "small"
-  }, "The following configuration can be used to create a", ' ', _react.default.createElement(_components.Link, {
+  }, "On ", fields.webUrl, ", enable API Explorer as a", ' ', _react.default.createElement(_components.Link, {
     href: "https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation",
     target: "_blank"
-  }, "Looker OAuth client"), "."), _react.default.createElement(_codeEditor.CodeCopy, {
+  }, "Looker OAuth client"), ' ', "by adding \"", window.location.origin, "\" to the", ' ', _react.default.createElement(_components.Link, {
+    href: "".concat(fields.webUrl, "/admin/embed"),
+    target: "_blank"
+  }, "Embedded Domain Allowlist"), ". If API Explorer is also installed, the configuration below can be used to", ' ', _react.default.createElement(_components.Link, {
+    href: "".concat(fields.webUrl, "/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app"),
+    target: "_blank"
+  }, "register this API Explorer instance"), ' ', "as an OAuth client."), _react.default.createElement(_codeEditor.CodeCopy, {
     key: "appConfig",
     language: "json",
     code: appConfig
-  }), _react.default.createElement(_components.Space, null, _react.default.createElement(_components.Tooltip, {
+  })), _react.default.createElement(_components.Space, null, _react.default.createElement(_components.Tooltip, {
     content: "Clear the configuration values"
   }, _react.default.createElement(_components.ButtonTransparent, {
     onClick: handleClear,

package/lib/components/ConfigForm/ConfigForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ConfigForm/ConfigForm.tsx"],"names":["POSITIVE","defaultFieldValues","baseUrl","webUrl","fetchResult","fetchIntent","ConfigForm","title","requestContent","setHasConfig","BASE_URL","WEB_URL","FETCH_INTENT","FETCH_RESULT","CRITICAL","appConfig","window","location","origin","adaptor","sdk","getConfig","data","localStorage","getItem","RunItConfigKey","result","JSON","parse","RunItNoConfig","config","fields","setFields","saved","setSaved","updateFields","nameOrValues","value","previousFields","base_url","looker_url","validationMessages","setValidationMessages","updateMessage","intent","message","isConfigured","fetchError","updateForm","_e","save","versionsUrl","web_server_url","api_server_url","setItem","stringify","e","handleSave","handleVerify","handleClear","removeItem","isAuthenticated","handleUrlChange","event","name","currentTarget","newValidationMessages","url","type","authSession","verifyButtonDisabled","trim","length","Object","keys","saveButtonDisabled","clearButtonDisabled","loginButtonDisabled","handleLogin","preventDefault","RunItFormKey","login","readyToLogin"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { BaseSyntheticEvent, Dispatch, FC, FormEvent } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ValidationMessages, MessageBarIntent } from '@looker/components'\nimport {\n  Button,\n  ButtonTransparent,\n  Divider,\n  Fieldset,\n  FieldText,\n  Form,\n  MessageBar,\n  Paragraph,\n  Link,\n  Space,\n  SpaceVertical,\n  Tooltip,\n} from '@looker/components'\nimport { CodeCopy } from '@looker/code-editor'\nimport { getEnvAdaptor } from '@looker/extension-utils'\nimport type { ILookerVersions } from '@looker/sdk-codegen'\n\nimport type { RunItValues } from '../..'\nimport { CollapserCard, RunItHeading, DarkSpan, readyToLogin } from '../..'\nimport {\n  getVersions,\n  RunItConfigKey,\n  RunItNoConfig,\n  RunItFormKey,\n  validateUrl,\n} from './utils'\n\nconst POSITIVE: MessageBarIntent = 'positive'\n\ninterface IFieldValues {\n  baseUrl: string\n  webUrl: string\n  fetchIntent: MessageBarIntent\n  fetchResult: string\n}\n\nconst defaultFieldValues: IFieldValues = {\n  baseUrl: '',\n  webUrl: '',\n  fetchResult: '',\n  fetchIntent: POSITIVE,\n}\n\ninterface ConfigFormProps {\n  /** A collection type react state to store path, query and body parameters as entered by the user  */\n  requestContent: RunItValues\n  /** Title for the config form */\n  title?: string\n  /** A set state callback which if present allows for editing, setting or clearing OAuth configuration parameters */\n  setHasConfig?: Dispatch<boolean>\n}\n\nexport const ConfigForm: FC<ConfigFormProps> = ({\n  title,\n  requestContent,\n  setHasConfig,\n}) => {\n  const BASE_URL = 'baseUrl'\n  const WEB_URL = 'webUrl'\n  const FETCH_INTENT = 'fetchIntent'\n  const FETCH_RESULT = 'fetchResult'\n  const CRITICAL: MessageBarIntent = 'critical'\n  const appConfig = `{\n  \"client_guid\": \"looker.api-explorer\",\n  \"redirect_uri\": \"${(window as any).location.origin}/oauth\",\n  \"display_name\": \"CORS API Explorer\",\n  \"description\": \"Looker API Explorer using CORS\",\n  \"enabled\": true\n}\n`\n  const adaptor = getEnvAdaptor()\n  const sdk = adaptor.sdk\n  // See https://codesandbox.io/s/youthful-surf-0g27j?file=/src/index.tsx for a prototype from Luke\n  // TODO see about useReducer to clean this up a bit more\n  title = title || 'RunIt Configuration'\n\n  const getConfig = () => {\n    // TODO: This is temporary until config settings are available in redux.\n    // get configuration from storage, or default it\n    const data = localStorage.getItem(RunItConfigKey)\n    const result = data ? JSON.parse(data) : RunItNoConfig\n    return result\n  }\n\n  const config = getConfig()\n  const [fields, setFields] = useState<IFieldValues>(defaultFieldValues)\n  const [saved, setSaved] = useState<RunItValues>(config)\n\n  const updateFields = (\n    nameOrValues: string | Partial<IFieldValues>,\n    value = ''\n  ) => {\n    if (typeof nameOrValues === 'string') {\n      setFields((previousFields) => {\n        return { ...previousFields, ...{ [nameOrValues]: value } }\n      })\n    } else {\n      setFields((previousFields) => {\n        return { ...previousFields, ...nameOrValues }\n      })\n    }\n  }\n\n  useEffect(() => {\n    const data = getConfig()\n    const { base_url, looker_url } = data\n    setSaved(data)\n    updateFields({\n      [BASE_URL]: base_url,\n      [WEB_URL]: looker_url,\n      [FETCH_INTENT]:\n        base_url !== '' && looker_url !== '' ? POSITIVE : CRITICAL,\n    })\n  }, [])\n\n  const [validationMessages, setValidationMessages] =\n    useState<ValidationMessages>({})\n\n  const updateMessage = (intent: MessageBarIntent, message: string) => {\n    updateFields({ [FETCH_RESULT]: message, [FETCH_INTENT]: intent })\n  }\n\n  const isConfigured = () => {\n    return (\n      saved !== RunItNoConfig &&\n      fields[BASE_URL] === saved.base_url &&\n      fields[WEB_URL] === saved.looker_url\n    )\n  }\n\n  const fetchError = (message: string) => {\n    updateFields(WEB_URL, '')\n    updateMessage(CRITICAL, message)\n  }\n\n  const updateForm = async (_e: BaseSyntheticEvent, save: boolean) => {\n    updateMessage('inform', '')\n    const versionsUrl = `${fields.baseUrl}/versions`\n    try {\n      const { web_server_url: webUrl, api_server_url: baseUrl } =\n        (await getVersions(versionsUrl)) as ILookerVersions\n      updateFields({\n        [BASE_URL]: baseUrl,\n        [WEB_URL]: webUrl,\n      })\n      updateMessage(POSITIVE, 'Configuration is valid')\n      if (save) {\n        const data = { base_url: baseUrl, looker_url: webUrl }\n        // TODO: replace when redux is introduced to run it\n        localStorage.setItem(RunItConfigKey, JSON.stringify(data))\n        if (setHasConfig) setHasConfig(true)\n        setSaved(data)\n        updateMessage(POSITIVE, `Saved ${webUrl} as OAuth server`)\n      }\n    } catch (e: any) {\n      fetchError(e.message)\n    }\n  }\n\n  const handleSave = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, true)\n  }\n\n  const handleVerify = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, false)\n  }\n\n  const handleClear = async (_e: BaseSyntheticEvent) => {\n    // TODO: replace when redux is introduced to run it\n    localStorage.removeItem(RunItConfigKey)\n    updateFields({\n      [BASE_URL]: '',\n      [WEB_URL]: '',\n      [FETCH_INTENT]: CRITICAL,\n      [FETCH_RESULT]: '',\n    })\n    setSaved(RunItNoConfig)\n    if (setHasConfig) setHasConfig(false)\n    if (isAuthenticated()) {\n      updateMessage('warn', 'Please reload the browser page to log out')\n    }\n  }\n\n  const handleUrlChange = (event: FormEvent<HTMLInputElement>) => {\n    const name = event.currentTarget.name\n\n    const newValidationMessages = { ...validationMessages }\n\n    const url = validateUrl(event.currentTarget.value)\n    if (url) {\n      delete newValidationMessages[name]\n      // Update URL if it's been cleaned up\n      event.currentTarget.value = url\n    } else {\n      newValidationMessages[name] = {\n        message: `'${event.currentTarget.value}' is not a valid url`,\n        type: 'error',\n      }\n    }\n    updateFields({\n      [event.currentTarget.name]: event.currentTarget.value,\n      [WEB_URL]: '',\n    })\n\n    setValidationMessages(newValidationMessages)\n  }\n\n  const isAuthenticated = () => sdk.authSession.isAuthenticated()\n\n  const verifyButtonDisabled =\n    fields.baseUrl.trim().length === 0 ||\n    Object.keys(validationMessages).length > 0\n\n  const saveButtonDisabled =\n    verifyButtonDisabled || fields.webUrl.trim().length === 0 || isConfigured()\n\n  const clearButtonDisabled = fields.baseUrl.trim().length === 0\n\n  const loginButtonDisabled =\n    verifyButtonDisabled || !isConfigured() || isAuthenticated()\n\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    if (requestContent) {\n      // TODO: Replace when redux is introduced to run it\n      localStorage.setItem(RunItFormKey, JSON.stringify(requestContent))\n    }\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  return (\n    <SpaceVertical gap=\"u2\">\n      <RunItHeading>{title}</RunItHeading>\n      <DarkSpan fontSize=\"small\">\n        To configure RunIt mode, you need to supply your API server URL, then\n        authenticate into your Looker Instance\n      </DarkSpan>\n      <MessageBar\n        intent={fields[FETCH_INTENT]}\n        onPrimaryClick={() => updateMessage(fields[FETCH_INTENT], '')}\n        visible={fields[FETCH_RESULT] !== ''}\n      >\n        {fields[FETCH_RESULT]}\n      </MessageBar>\n      <CollapserCard\n        heading=\"1. Supply API Server URL\"\n        id=\"server_config\"\n        divider={false}\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical gap=\"u2\" pt=\"u3\" px=\"u6\">\n          <Form validationMessages={validationMessages}>\n            <Fieldset legend=\"Server locations\">\n              <FieldText\n                required\n                label=\"API server URL\"\n                placeholder=\"typically https://myserver.looker.com:19999\"\n                name={BASE_URL}\n                value={fields[BASE_URL]}\n                onChange={handleUrlChange}\n              />\n              <FieldText\n                label=\"OAuth server URL\"\n                placeholder=\"Click 'Verify' to retrieve\"\n                name={WEB_URL}\n                value={fields[WEB_URL]}\n                disabled={true}\n              />\n            </Fieldset>\n          </Form>\n          <Paragraph fontSize=\"small\">\n            The following configuration can be used to create a{' '}\n            <Link\n              href=\"https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation\"\n              target=\"_blank\"\n            >\n              Looker OAuth client\n            </Link>\n            .\n          </Paragraph>\n          <CodeCopy key=\"appConfig\" language=\"json\" code={appConfig} />\n          <Space>\n            <Tooltip content=\"Clear the configuration values\">\n              <ButtonTransparent\n                onClick={handleClear}\n                disabled={clearButtonDisabled}\n              >\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content={`Verify ${fields[BASE_URL]}`}>\n              <ButtonTransparent\n                disabled={verifyButtonDisabled}\n                onClick={handleVerify}\n                mr=\"small\"\n              >\n                Verify\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content=\"Save the configuration for this browser\">\n              <Button\n                disabled={saveButtonDisabled}\n                onClick={handleSave}\n                mr=\"small\"\n              >\n                Save\n              </Button>\n            </Tooltip>\n          </Space>\n        </SpaceVertical>\n      </CollapserCard>\n      <Divider appearance=\"light\" />\n      <CollapserCard\n        heading=\"2. Login to instance\"\n        divider={false}\n        id=\"login_section\"\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical pt=\"u3\" px=\"u6\">\n          {isAuthenticated() ? (\n            <DarkSpan>\n              You are already logged in. Reload the page to log out.\n            </DarkSpan>\n          ) : isConfigured() ? (\n            <>\n              <DarkSpan>{readyToLogin}</DarkSpan>\n            </>\n          ) : (\n            <DarkSpan>\n              You will be able to login after you Verify your API Server URL\n            </DarkSpan>\n          )}\n          <Tooltip\n            content={`Login to ${fields[WEB_URL]} using OAuth to enable RunIt`}\n          >\n            <Button onClick={handleLogin} disabled={loginButtonDisabled}>\n              Login\n            </Button>\n          </Tooltip>\n        </SpaceVertical>\n      </CollapserCard>\n    </SpaceVertical>\n  )\n}\n"],"file":"ConfigForm.js"}
+{"version":3,"sources":["../../../src/components/ConfigForm/ConfigForm.tsx"],"names":["POSITIVE","defaultFieldValues","baseUrl","webUrl","fetchResult","fetchIntent","ConfigForm","title","requestContent","setHasConfig","location","redirect_uri","client_id","BASE_URL","WEB_URL","FETCH_INTENT","FETCH_RESULT","CRITICAL","appConfig","adaptor","sdk","getConfig","data","localStorage","getItem","RunItConfigKey","result","JSON","parse","RunItNoConfig","config","fields","setFields","saved","setSaved","updateFields","nameOrValues","value","previousFields","base_url","looker_url","validationMessages","setValidationMessages","updateMessage","intent","message","isConfigured","fetchError","saveConfig","setItem","stringify","updateForm","_e","save","versionsUrl","web_server_url","api_server_url","e","handleSave","handleVerify","handleClear","removeItem","isAuthenticated","handleUrlChange","event","name","currentTarget","newValidationMessages","url","type","authSession","verifyButtonDisabled","trim","length","Object","keys","saveButtonDisabled","clearButtonDisabled","loginButtonDisabled","handleLogin","preventDefault","RunItFormKey","login","window","origin","readyToLogin"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { BaseSyntheticEvent, Dispatch, FC, FormEvent } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ValidationMessages, MessageBarIntent } from '@looker/components'\nimport {\n  Button,\n  ButtonTransparent,\n  Divider,\n  Fieldset,\n  FieldText,\n  Form,\n  MessageBar,\n  Paragraph,\n  Link,\n  Space,\n  SpaceVertical,\n  Tooltip,\n} from '@looker/components'\nimport { CodeCopy } from '@looker/code-editor'\nimport { appPath, getEnvAdaptor } from '@looker/extension-utils'\nimport type { ILookerVersions } from '@looker/sdk-codegen'\n\nimport { useLocation } from 'react-router-dom'\nimport type { RunItValues } from '../..'\nimport { CollapserCard, RunItHeading, DarkSpan, readyToLogin } from '../..'\nimport {\n  getVersions,\n  RunItConfigKey,\n  RunItNoConfig,\n  RunItFormKey,\n  validateUrl,\n} from './utils'\n\nconst POSITIVE: MessageBarIntent = 'positive'\n\ninterface IFieldValues {\n  baseUrl: string\n  webUrl: string\n  fetchIntent: MessageBarIntent\n  fetchResult: string\n}\n\nconst defaultFieldValues: IFieldValues = {\n  baseUrl: '',\n  webUrl: '',\n  fetchResult: '',\n  fetchIntent: POSITIVE,\n}\n\ninterface ConfigFormProps {\n  /** A collection type react state to store path, query and body parameters as entered by the user  */\n  requestContent: RunItValues\n  /** Title for the config form */\n  title?: string\n  /** A set state callback which allows for editing, setting or clearing OAuth configuration parameters if present */\n  setHasConfig?: Dispatch<boolean>\n}\n\nexport const ConfigForm: FC<ConfigFormProps> = ({\n  title,\n  requestContent,\n  setHasConfig,\n}) => {\n  const location = useLocation()\n  const redirect_uri = appPath(location, '/oauth')\n  const client_id = 'looker.api-explorer' // TODO make this configurable\n  const BASE_URL = 'baseUrl'\n  const WEB_URL = 'webUrl'\n  const FETCH_INTENT = 'fetchIntent'\n  const FETCH_RESULT = 'fetchResult'\n  const CRITICAL: MessageBarIntent = 'critical'\n  const appConfig = `// client_guid=${client_id}\n{\n  \"redirect_uri\": \"${redirect_uri}\",\n  \"display_name\": \"CORS API Explorer\",\n  \"description\": \"Looker API Explorer using CORS\",\n  \"enabled\": true\n}\n`\n  const adaptor = getEnvAdaptor()\n  const sdk = adaptor.sdk\n  // See https://codesandbox.io/s/youthful-surf-0g27j?file=/src/index.tsx for a prototype from Luke\n  // TODO see about useReducer to clean this up a bit more\n  title = title || 'RunIt Configuration'\n\n  const getConfig = () => {\n    // TODO: This is temporary until config settings are available in redux.\n    // get configuration from storage, or default it\n    const data = localStorage.getItem(RunItConfigKey)\n    const result = data ? JSON.parse(data) : RunItNoConfig\n    return result\n  }\n\n  const config = getConfig()\n  const [fields, setFields] = useState<IFieldValues>(defaultFieldValues)\n  const [saved, setSaved] = useState<RunItValues>(config)\n\n  const updateFields = (\n    nameOrValues: string | Partial<IFieldValues>,\n    value = ''\n  ) => {\n    if (typeof nameOrValues === 'string') {\n      setFields((previousFields) => {\n        return { ...previousFields, ...{ [nameOrValues]: value } }\n      })\n    } else {\n      setFields((previousFields) => {\n        return { ...previousFields, ...nameOrValues }\n      })\n    }\n  }\n\n  useEffect(() => {\n    const data = getConfig()\n    const { base_url, looker_url } = data\n    setSaved(data)\n    updateFields({\n      [BASE_URL]: base_url,\n      [WEB_URL]: looker_url,\n      [FETCH_INTENT]:\n        base_url !== '' && looker_url !== '' ? POSITIVE : CRITICAL,\n    })\n  }, [])\n\n  const [validationMessages, setValidationMessages] =\n    useState<ValidationMessages>({})\n\n  const updateMessage = (intent: MessageBarIntent, message: string) => {\n    updateFields({ [FETCH_RESULT]: message, [FETCH_INTENT]: intent })\n  }\n\n  const isConfigured = () => {\n    return (\n      saved !== RunItNoConfig &&\n      fields[BASE_URL] === saved.base_url &&\n      fields[WEB_URL] === saved.looker_url\n    )\n  }\n\n  const fetchError = (message: string) => {\n    updateFields(WEB_URL, '')\n    updateMessage(CRITICAL, message)\n  }\n\n  const saveConfig = (baseUrl: string, webUrl: string) => {\n    const data = {\n      base_url: baseUrl,\n      looker_url: webUrl,\n      client_id,\n      redirect_uri,\n    }\n    updateFields({\n      [BASE_URL]: baseUrl,\n      [WEB_URL]: webUrl,\n    })\n    // TODO: replace when redux is introduced to run it\n    localStorage.setItem(RunItConfigKey, JSON.stringify(data))\n    if (setHasConfig) setHasConfig(true)\n    setSaved(data)\n    updateMessage(POSITIVE, `Saved ${webUrl} as OAuth server`)\n  }\n\n  const updateForm = async (_e: BaseSyntheticEvent, save: boolean) => {\n    updateMessage('inform', '')\n    const versionsUrl = `${fields.baseUrl}/versions`\n    try {\n      const { web_server_url: webUrl, api_server_url: baseUrl } =\n        (await getVersions(versionsUrl)) as ILookerVersions\n      updateMessage(POSITIVE, 'Configuration is valid')\n      updateFields({\n        [BASE_URL]: baseUrl,\n        [WEB_URL]: webUrl,\n      })\n      if (save) {\n        saveConfig(baseUrl, webUrl)\n      }\n    } catch (e: any) {\n      fetchError(e.message)\n    }\n  }\n\n  const handleSave = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, true)\n  }\n\n  const handleVerify = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, false)\n  }\n\n  const handleClear = async (_e: BaseSyntheticEvent) => {\n    // TODO: replace when redux is introduced to run it\n    localStorage.removeItem(RunItConfigKey)\n    updateFields({\n      [BASE_URL]: '',\n      [WEB_URL]: '',\n      [FETCH_INTENT]: CRITICAL,\n      [FETCH_RESULT]: '',\n    })\n    setSaved(RunItNoConfig)\n    if (setHasConfig) setHasConfig(false)\n    if (isAuthenticated()) {\n      updateMessage('warn', 'Please reload the browser page to log out')\n    }\n  }\n\n  const handleUrlChange = (event: FormEvent<HTMLInputElement>) => {\n    const name = event.currentTarget.name\n\n    const newValidationMessages = { ...validationMessages }\n\n    const url = validateUrl(event.currentTarget.value)\n    if (url) {\n      delete newValidationMessages[name]\n      // Update URL if it's been cleaned up\n      event.currentTarget.value = url\n    } else {\n      newValidationMessages[name] = {\n        message: `'${event.currentTarget.value}' is not a valid url`,\n        type: 'error',\n      }\n    }\n    updateFields({\n      [event.currentTarget.name]: event.currentTarget.value,\n      [WEB_URL]: '',\n    })\n\n    setValidationMessages(newValidationMessages)\n  }\n\n  const isAuthenticated = () => sdk.authSession.isAuthenticated()\n\n  const verifyButtonDisabled =\n    fields.baseUrl.trim().length === 0 ||\n    Object.keys(validationMessages).length > 0\n\n  const saveButtonDisabled =\n    verifyButtonDisabled || fields.webUrl.trim().length === 0 || isConfigured()\n\n  const clearButtonDisabled = fields.baseUrl.trim().length === 0\n\n  const loginButtonDisabled =\n    verifyButtonDisabled || !isConfigured() || isAuthenticated()\n\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    if (requestContent) {\n      // TODO: Replace when redux is introduced to run it\n      localStorage.setItem(RunItFormKey, JSON.stringify(requestContent))\n    }\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  return (\n    <SpaceVertical gap=\"u2\">\n      <RunItHeading>{title}</RunItHeading>\n      <DarkSpan fontSize=\"small\">\n        To configure RunIt mode, you need to supply your API server URL, then\n        authenticate into your Looker Instance\n      </DarkSpan>\n      <MessageBar\n        intent={fields[FETCH_INTENT]}\n        onPrimaryClick={() => updateMessage(fields[FETCH_INTENT], '')}\n        visible={fields[FETCH_RESULT] !== ''}\n      >\n        {fields[FETCH_RESULT]}\n      </MessageBar>\n      <CollapserCard\n        heading=\"1. Supply API Server URL\"\n        id=\"server_config\"\n        divider={false}\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical gap=\"u2\" pt=\"u3\" px=\"u6\">\n          <Form validationMessages={validationMessages}>\n            <Fieldset legend=\"Server locations\">\n              <FieldText\n                required\n                label=\"API server URL\"\n                placeholder=\"typically https://myserver.looker.com:19999\"\n                name={BASE_URL}\n                value={fields[BASE_URL]}\n                onChange={handleUrlChange}\n              />\n              <FieldText\n                label=\"OAuth server URL\"\n                placeholder=\"Click 'Verify' to retrieve\"\n                name={WEB_URL}\n                value={fields[WEB_URL]}\n                disabled={true}\n              />\n            </Fieldset>\n          </Form>\n          {!!fields.webUrl && (\n            <>\n              <Paragraph fontSize=\"small\">\n                On {fields.webUrl}, enable API Explorer as a{' '}\n                <Link\n                  href=\"https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation\"\n                  target=\"_blank\"\n                >\n                  Looker OAuth client\n                </Link>{' '}\n                by adding \"{(window as any).location.origin}\" to the{' '}\n                <Link href={`${fields.webUrl}/admin/embed`} target=\"_blank\">\n                  Embedded Domain Allowlist\n                </Link>\n                . If API Explorer is also installed, the configuration below can\n                be used to{' '}\n                <Link\n                  href={`${fields.webUrl}/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app`}\n                  target=\"_blank\"\n                >\n                  register this API Explorer instance\n                </Link>{' '}\n                as an OAuth client.\n              </Paragraph>\n              <CodeCopy key=\"appConfig\" language=\"json\" code={appConfig} />\n            </>\n          )}\n          <Space>\n            <Tooltip content=\"Clear the configuration values\">\n              <ButtonTransparent\n                onClick={handleClear}\n                disabled={clearButtonDisabled}\n              >\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content={`Verify ${fields[BASE_URL]}`}>\n              <ButtonTransparent\n                disabled={verifyButtonDisabled}\n                onClick={handleVerify}\n                mr=\"small\"\n              >\n                Verify\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content=\"Save the configuration for this browser\">\n              <Button\n                disabled={saveButtonDisabled}\n                onClick={handleSave}\n                mr=\"small\"\n              >\n                Save\n              </Button>\n            </Tooltip>\n          </Space>\n        </SpaceVertical>\n      </CollapserCard>\n      <Divider appearance=\"light\" />\n      <CollapserCard\n        heading=\"2. Login to instance\"\n        divider={false}\n        id=\"login_section\"\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical pt=\"u3\" px=\"u6\">\n          {isAuthenticated() ? (\n            <DarkSpan>\n              You are already logged in. Reload the page to log out.\n            </DarkSpan>\n          ) : isConfigured() ? (\n            <>\n              <DarkSpan>{readyToLogin}</DarkSpan>\n            </>\n          ) : (\n            <DarkSpan>\n              You will be able to login after you Verify your API Server URL\n            </DarkSpan>\n          )}\n          <Tooltip\n            content={`Login to ${fields[WEB_URL]} using OAuth to enable RunIt`}\n          >\n            <Button onClick={handleLogin} disabled={loginButtonDisabled}>\n              Login\n            </Button>\n          </Tooltip>\n        </SpaceVertical>\n      </CollapserCard>\n    </SpaceVertical>\n  )\n}\n"],"file":"ConfigForm.js"}

package/lib/components/ResponseExplorer/ResponseExplorer.js

@@ -85,6 +85,13 @@ var ResponseExplorer = _ref4 => {
   } = _ref4;
   var [isOpen, setIsOpen] = (0, _react.useState)(false);
   var error = response && response.statusCode >= 400 && response.contentType === 'application/json' ? JSON.parse(response.body) : undefined;
+
+  var timed = response => {
+    if (!(response.responseCompleted || response.requestStarted)) return '';
+    var diff = (response.responseCompleted - response.requestStarted) / 1000;
+    return "Seconds: ".concat(diff.toFixed(3));
+  };
+
   return _react.default.createElement(_react.default.Fragment, null, !response && _react.default.createElement(_common.DarkSpan, null, "No response was received"), response && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_common.RunItHeading, {
     as: "h4"
   }, error && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_extensionUtils.APIErrorDialog, {
@@ -97,7 +104,7 @@ var ResponseExplorer = _ref4 => {
     icon: _react.default.createElement(_Warning.Warning, null),
     "aria-label": "API error",
     label: "API Error"
-  })), "".concat(verb || '', " ").concat(path || '', " (").concat(response.statusCode, ": ").concat(response.statusMessage, ")")), _react.default.createElement(_Collapser.CollapserCard, {
+  })), "".concat(verb || '', " ").concat(path || '', " (").concat(response.statusCode, ": ").concat(response.statusMessage, ") ").concat(timed(response))), _react.default.createElement(_Collapser.CollapserCard, {
     divider: false,
     heading: "Body (".concat(getBodySize(response), ")"),
     id: "body"

package/lib/components/ResponseExplorer/ResponseExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ResponseExplorer/ResponseExplorer.tsx"],"names":["getHeaders","response","headers","result","Object","entries","forEach","key","val","push","getBodySize","size","body","Blob","toString","length","NoWrap","Span","ResponseHeaders","rows","map","value","ResponseExplorer","verb","path","isOpen","setIsOpen","error","statusCode","contentType","JSON","parse","undefined","statusMessage"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport {\n  Table,\n  TableBody,\n  TableRow,\n  TableDataCell,\n  Span,\n  TableHead,\n  TableHeaderCell,\n  IconButton,\n} from '@looker/components'\nimport styled from 'styled-components'\nimport type { IRawResponse, LookerSDKError } from '@looker/sdk-rtl'\nimport { Warning } from '@styled-icons/material/Warning'\nimport { APIErrorDialog, APIErrorDisplay } from '@looker/extension-utils'\nimport { ShowResponse } from '../ShowResponse'\nimport { CollapserCard } from '../Collapser'\nimport { DarkSpan, RunItHeading } from '../common'\n\ntype HeaderTable = string[][]\nexport type ResponseContent = IRawResponse | undefined\n\nconst getHeaders = (response: ResponseContent): HeaderTable => {\n  if (!response?.headers) return []\n  const result: HeaderTable = []\n  Object.entries(response.headers).forEach(([key, val]) =>\n    result.push([key, val])\n  )\n  return result\n}\n\nconst getBodySize = (response: ResponseContent): string => {\n  const size =\n    !response || !response.body\n      ? 0\n      : response?.body instanceof Blob\n      ? response?.body.size\n      : response?.body.toString().length\n\n  return `${size} bytes`\n}\n\nconst NoWrap = styled(Span)`\n  display: inline-block;\n  direction: rtl;\n  white-space: nowrap;\n  overflow: hidden;\n`\n\ninterface ShowHeadersProps {\n  response: ResponseContent\n}\n\n/**\n * Display response headers in a table\n * @param response to display\n * @constructor\n */\nexport const ResponseHeaders: FC<ShowHeadersProps> = ({ response }) => {\n  const rows = getHeaders(response)\n  if (rows.length === 0) return <></>\n  return (\n    <CollapserCard\n      key=\"headers\"\n      heading={`Headers (${rows.length})`}\n      id=\"headers\"\n      defaultOpen={false}\n      divider={false}\n    >\n      <>\n        <Table>\n          <TableHead>\n            <TableRow>\n              <TableHeaderCell p=\"xsmall\">Name</TableHeaderCell>\n              <TableHeaderCell p=\"xsmall\">Value</TableHeaderCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {rows.map(([key, value]) => (\n              <TableRow key={key}>\n                <TableDataCell p=\"xsmall\">\n                  <NoWrap>\n                    <strong>{key}</strong>\n                  </NoWrap>\n                </TableDataCell>\n                <TableDataCell p=\"xsmall\">\n                  <Span>{value}</Span>\n                </TableDataCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </>\n    </CollapserCard>\n  )\n}\n\ninterface ResponseExplorerProps {\n  response: ResponseContent\n  verb: string\n  path: string\n}\n\n/**\n * Explore the raw response from an HTTP request\n * @param response IRawResponse values\n * @param verb HTTP method\n * @param path Path of request\n * @constructor\n */\nexport const ResponseExplorer: FC<ResponseExplorerProps> = ({\n  response,\n  verb,\n  path,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const error: LookerSDKError =\n    response &&\n    response.statusCode >= 400 &&\n    response.contentType === 'application/json'\n      ? JSON.parse(response.body)\n      : undefined\n  return (\n    <>\n      {!response && <DarkSpan>No response was received</DarkSpan>}\n      {response && (\n        <>\n          <RunItHeading as=\"h4\">\n            {error && (\n              <>\n                <APIErrorDialog\n                  error={error}\n                  isOpen={isOpen}\n                  setOpen={setIsOpen}\n                />\n                <IconButton\n                  size=\"small\"\n                  onClick={() => setIsOpen(true)}\n                  icon={<Warning />}\n                  aria-label=\"API error\"\n                  label=\"API Error\"\n                />\n              </>\n            )}\n            {`${verb || ''} ${path || ''} (${response.statusCode}: ${\n              response.statusMessage\n            })`}\n          </RunItHeading>\n          <CollapserCard\n            divider={false}\n            heading={`Body (${getBodySize(response)})`}\n            id=\"body\"\n          >\n            <ShowResponse response={response} />\n          </CollapserCard>\n          {error && (\n            <CollapserCard divider={false} heading={'Error information'}>\n              <APIErrorDisplay error={error} showDoc={true} />\n            </CollapserCard>\n          )}\n          <ResponseHeaders response={response} />\n        </>\n      )}\n    </>\n  )\n}\n"],"file":"ResponseExplorer.js"}
+{"version":3,"sources":["../../../src/components/ResponseExplorer/ResponseExplorer.tsx"],"names":["getHeaders","response","headers","result","Object","entries","forEach","key","val","push","getBodySize","size","body","Blob","toString","length","NoWrap","Span","ResponseHeaders","rows","map","value","ResponseExplorer","verb","path","isOpen","setIsOpen","error","statusCode","contentType","JSON","parse","undefined","timed","responseCompleted","requestStarted","diff","toFixed","statusMessage"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport {\n  Table,\n  TableBody,\n  TableRow,\n  TableDataCell,\n  Span,\n  TableHead,\n  TableHeaderCell,\n  IconButton,\n} from '@looker/components'\nimport styled from 'styled-components'\nimport type { IRawResponse, LookerSDKError } from '@looker/sdk-rtl'\nimport { Warning } from '@styled-icons/material/Warning'\nimport { APIErrorDialog, APIErrorDisplay } from '@looker/extension-utils'\nimport { ShowResponse } from '../ShowResponse'\nimport { CollapserCard } from '../Collapser'\nimport { DarkSpan, RunItHeading } from '../common'\n\ntype HeaderTable = string[][]\nexport type ResponseContent = IRawResponse | undefined\n\nconst getHeaders = (response: ResponseContent): HeaderTable => {\n  if (!response?.headers) return []\n  const result: HeaderTable = []\n  Object.entries(response.headers).forEach(([key, val]) =>\n    result.push([key, val])\n  )\n  return result\n}\n\nconst getBodySize = (response: ResponseContent): string => {\n  const size =\n    !response || !response.body\n      ? 0\n      : response?.body instanceof Blob\n      ? response?.body.size\n      : response?.body.toString().length\n\n  return `${size} bytes`\n}\n\nconst NoWrap = styled(Span)`\n  display: inline-block;\n  direction: rtl;\n  white-space: nowrap;\n  overflow: hidden;\n`\n\ninterface ShowHeadersProps {\n  response: ResponseContent\n}\n\n/**\n * Display response headers in a table\n * @param response to display\n * @constructor\n */\nexport const ResponseHeaders: FC<ShowHeadersProps> = ({ response }) => {\n  const rows = getHeaders(response)\n  if (rows.length === 0) return <></>\n  return (\n    <CollapserCard\n      key=\"headers\"\n      heading={`Headers (${rows.length})`}\n      id=\"headers\"\n      defaultOpen={false}\n      divider={false}\n    >\n      <>\n        <Table>\n          <TableHead>\n            <TableRow>\n              <TableHeaderCell p=\"xsmall\">Name</TableHeaderCell>\n              <TableHeaderCell p=\"xsmall\">Value</TableHeaderCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {rows.map(([key, value]) => (\n              <TableRow key={key}>\n                <TableDataCell p=\"xsmall\">\n                  <NoWrap>\n                    <strong>{key}</strong>\n                  </NoWrap>\n                </TableDataCell>\n                <TableDataCell p=\"xsmall\">\n                  <Span>{value}</Span>\n                </TableDataCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </>\n    </CollapserCard>\n  )\n}\n\ninterface ResponseExplorerProps {\n  response: ResponseContent\n  verb: string\n  path: string\n}\n\n/**\n * Explore the raw response from an HTTP request\n * @param response IRawResponse values\n * @param verb HTTP method\n * @param path Path of request\n * @constructor\n */\nexport const ResponseExplorer: FC<ResponseExplorerProps> = ({\n  response,\n  verb,\n  path,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const error: LookerSDKError =\n    response &&\n    response.statusCode >= 400 &&\n    response.contentType === 'application/json'\n      ? JSON.parse(response.body)\n      : undefined\n\n  const timed = (response: IRawResponse) => {\n    if (!(response.responseCompleted || response.requestStarted)) return ''\n    const diff = (response.responseCompleted - response.requestStarted) / 1000\n    return `Seconds: ${diff.toFixed(3)}`\n  }\n\n  return (\n    <>\n      {!response && <DarkSpan>No response was received</DarkSpan>}\n      {response && (\n        <>\n          <RunItHeading as=\"h4\">\n            {error && (\n              <>\n                <APIErrorDialog\n                  error={error}\n                  isOpen={isOpen}\n                  setOpen={setIsOpen}\n                />\n                <IconButton\n                  size=\"small\"\n                  onClick={() => setIsOpen(true)}\n                  icon={<Warning />}\n                  aria-label=\"API error\"\n                  label=\"API Error\"\n                />\n              </>\n            )}\n            {`${verb || ''} ${path || ''} (${response.statusCode}: ${\n              response.statusMessage\n            }) ${timed(response)}`}\n          </RunItHeading>\n          <CollapserCard\n            divider={false}\n            heading={`Body (${getBodySize(response)})`}\n            id=\"body\"\n          >\n            <ShowResponse response={response} />\n          </CollapserCard>\n          {error && (\n            <CollapserCard divider={false} heading={'Error information'}>\n              <APIErrorDisplay error={error} showDoc={true} />\n            </CollapserCard>\n          )}\n          <ResponseHeaders response={response} />\n        </>\n      )}\n    </>\n  )\n}\n"],"file":"ResponseExplorer.js"}

package/lib/esm/components/ConfigForm/ConfigForm.js

@@ -11,7 +11,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import React, { useState, useEffect } from 'react';
 import { Button, ButtonTransparent, Divider, Fieldset, FieldText, Form, MessageBar, Paragraph, Link, Space, SpaceVertical, Tooltip } from '@looker/components';
 import { CodeCopy } from '@looker/code-editor';
-import { getEnvAdaptor } from '@looker/extension-utils';
+import { appPath, getEnvAdaptor } from '@looker/extension-utils';
+import { useLocation } from 'react-router-dom';
 import { CollapserCard, RunItHeading, DarkSpan, readyToLogin } from '../..';
 import { getVersions, RunItConfigKey, RunItNoConfig, RunItFormKey, validateUrl } from './utils';
 var POSITIVE = 'positive';
@@ -27,12 +28,15 @@ export var ConfigForm = _ref => {
     requestContent,
     setHasConfig
   } = _ref;
+  var location = useLocation();
+  var redirect_uri = appPath(location, '/oauth');
+  var client_id = 'looker.api-explorer';
   var BASE_URL = 'baseUrl';
   var WEB_URL = 'webUrl';
   var FETCH_INTENT = 'fetchIntent';
   var FETCH_RESULT = 'fetchResult';
   var CRITICAL = 'critical';
-  var appConfig = "{\n  \"client_guid\": \"looker.api-explorer\",\n  \"redirect_uri\": \"".concat(window.location.origin, "/oauth\",\n  \"display_name\": \"CORS API Explorer\",\n  \"description\": \"Looker API Explorer using CORS\",\n  \"enabled\": true\n}\n");
+  var appConfig = "// client_guid=".concat(client_id, "\n{\n  \"redirect_uri\": \"").concat(redirect_uri, "\",\n  \"display_name\": \"CORS API Explorer\",\n  \"description\": \"Looker API Explorer using CORS\",\n  \"enabled\": true\n}\n");
   var adaptor = getEnvAdaptor();
   var sdk = adaptor.sdk;
   title = title || 'RunIt Configuration';
@@ -94,6 +98,23 @@ export var ConfigForm = _ref => {
     updateMessage(CRITICAL, message);
   };
 
+  var saveConfig = (baseUrl, webUrl) => {
+    var data = {
+      base_url: baseUrl,
+      looker_url: webUrl,
+      client_id,
+      redirect_uri
+    };
+    updateFields({
+      [BASE_URL]: baseUrl,
+      [WEB_URL]: webUrl
+    });
+    localStorage.setItem(RunItConfigKey, JSON.stringify(data));
+    if (setHasConfig) setHasConfig(true);
+    setSaved(data);
+    updateMessage(POSITIVE, "Saved ".concat(webUrl, " as OAuth server"));
+  };
+
   var updateForm = function () {
     var _ref2 = _asyncToGenerator(function* (_e, save) {
       updateMessage('inform', '');
@@ -104,21 +125,14 @@ export var ConfigForm = _ref => {
           web_server_url: webUrl,
           api_server_url: baseUrl
         } = yield getVersions(versionsUrl);
+        updateMessage(POSITIVE, 'Configuration is valid');
         updateFields({
           [BASE_URL]: baseUrl,
           [WEB_URL]: webUrl
         });
-        updateMessage(POSITIVE, 'Configuration is valid');
 
         if (save) {
-          var data = {
-            base_url: baseUrl,
-            looker_url: webUrl
-          };
-          localStorage.setItem(RunItConfigKey, JSON.stringify(data));
-          if (setHasConfig) setHasConfig(true);
-          setSaved(data);
-          updateMessage(POSITIVE, "Saved ".concat(webUrl, " as OAuth server"));
+          saveConfig(baseUrl, webUrl);
         }
       } catch (e) {
         fetchError(e.message);
@@ -253,16 +267,22 @@ export var ConfigForm = _ref => {
     name: WEB_URL,
     value: fields[WEB_URL],
     disabled: true
-  }))), React.createElement(Paragraph, {
+  }))), !!fields.webUrl && React.createElement(React.Fragment, null, React.createElement(Paragraph, {
     fontSize: "small"
-  }, "The following configuration can be used to create a", ' ', React.createElement(Link, {
+  }, "On ", fields.webUrl, ", enable API Explorer as a", ' ', React.createElement(Link, {
     href: "https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation",
     target: "_blank"
-  }, "Looker OAuth client"), "."), React.createElement(CodeCopy, {
+  }, "Looker OAuth client"), ' ', "by adding \"", window.location.origin, "\" to the", ' ', React.createElement(Link, {
+    href: "".concat(fields.webUrl, "/admin/embed"),
+    target: "_blank"
+  }, "Embedded Domain Allowlist"), ". If API Explorer is also installed, the configuration below can be used to", ' ', React.createElement(Link, {
+    href: "".concat(fields.webUrl, "/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app"),
+    target: "_blank"
+  }, "register this API Explorer instance"), ' ', "as an OAuth client."), React.createElement(CodeCopy, {
     key: "appConfig",
     language: "json",
     code: appConfig
-  }), React.createElement(Space, null, React.createElement(Tooltip, {
+  })), React.createElement(Space, null, React.createElement(Tooltip, {
     content: "Clear the configuration values"
   }, React.createElement(ButtonTransparent, {
     onClick: handleClear,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ConfigForm/ConfigForm.tsx"],"names":["React","useState","useEffect","Button","ButtonTransparent","Divider","Fieldset","FieldText","Form","MessageBar","Paragraph","Link","Space","SpaceVertical","Tooltip","CodeCopy","getEnvAdaptor","CollapserCard","RunItHeading","DarkSpan","readyToLogin","getVersions","RunItConfigKey","RunItNoConfig","RunItFormKey","validateUrl","POSITIVE","defaultFieldValues","baseUrl","webUrl","fetchResult","fetchIntent","ConfigForm","title","requestContent","setHasConfig","BASE_URL","WEB_URL","FETCH_INTENT","FETCH_RESULT","CRITICAL","appConfig","window","location","origin","adaptor","sdk","getConfig","data","localStorage","getItem","result","JSON","parse","config","fields","setFields","saved","setSaved","updateFields","nameOrValues","value","previousFields","base_url","looker_url","validationMessages","setValidationMessages","updateMessage","intent","message","isConfigured","fetchError","updateForm","_e","save","versionsUrl","web_server_url","api_server_url","setItem","stringify","e","handleSave","handleVerify","handleClear","removeItem","isAuthenticated","handleUrlChange","event","name","currentTarget","newValidationMessages","url","type","authSession","verifyButtonDisabled","trim","length","Object","keys","saveButtonDisabled","clearButtonDisabled","loginButtonDisabled","handleLogin","preventDefault","login"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { BaseSyntheticEvent, Dispatch, FC, FormEvent } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ValidationMessages, MessageBarIntent } from '@looker/components'\nimport {\n  Button,\n  ButtonTransparent,\n  Divider,\n  Fieldset,\n  FieldText,\n  Form,\n  MessageBar,\n  Paragraph,\n  Link,\n  Space,\n  SpaceVertical,\n  Tooltip,\n} from '@looker/components'\nimport { CodeCopy } from '@looker/code-editor'\nimport { getEnvAdaptor } from '@looker/extension-utils'\nimport type { ILookerVersions } from '@looker/sdk-codegen'\n\nimport type { RunItValues } from '../..'\nimport { CollapserCard, RunItHeading, DarkSpan, readyToLogin } from '../..'\nimport {\n  getVersions,\n  RunItConfigKey,\n  RunItNoConfig,\n  RunItFormKey,\n  validateUrl,\n} from './utils'\n\nconst POSITIVE: MessageBarIntent = 'positive'\n\ninterface IFieldValues {\n  baseUrl: string\n  webUrl: string\n  fetchIntent: MessageBarIntent\n  fetchResult: string\n}\n\nconst defaultFieldValues: IFieldValues = {\n  baseUrl: '',\n  webUrl: '',\n  fetchResult: '',\n  fetchIntent: POSITIVE,\n}\n\ninterface ConfigFormProps {\n  /** A collection type react state to store path, query and body parameters as entered by the user  */\n  requestContent: RunItValues\n  /** Title for the config form */\n  title?: string\n  /** A set state callback which if present allows for editing, setting or clearing OAuth configuration parameters */\n  setHasConfig?: Dispatch<boolean>\n}\n\nexport const ConfigForm: FC<ConfigFormProps> = ({\n  title,\n  requestContent,\n  setHasConfig,\n}) => {\n  const BASE_URL = 'baseUrl'\n  const WEB_URL = 'webUrl'\n  const FETCH_INTENT = 'fetchIntent'\n  const FETCH_RESULT = 'fetchResult'\n  const CRITICAL: MessageBarIntent = 'critical'\n  const appConfig = `{\n  \"client_guid\": \"looker.api-explorer\",\n  \"redirect_uri\": \"${(window as any).location.origin}/oauth\",\n  \"display_name\": \"CORS API Explorer\",\n  \"description\": \"Looker API Explorer using CORS\",\n  \"enabled\": true\n}\n`\n  const adaptor = getEnvAdaptor()\n  const sdk = adaptor.sdk\n  // See https://codesandbox.io/s/youthful-surf-0g27j?file=/src/index.tsx for a prototype from Luke\n  // TODO see about useReducer to clean this up a bit more\n  title = title || 'RunIt Configuration'\n\n  const getConfig = () => {\n    // TODO: This is temporary until config settings are available in redux.\n    // get configuration from storage, or default it\n    const data = localStorage.getItem(RunItConfigKey)\n    const result = data ? JSON.parse(data) : RunItNoConfig\n    return result\n  }\n\n  const config = getConfig()\n  const [fields, setFields] = useState<IFieldValues>(defaultFieldValues)\n  const [saved, setSaved] = useState<RunItValues>(config)\n\n  const updateFields = (\n    nameOrValues: string | Partial<IFieldValues>,\n    value = ''\n  ) => {\n    if (typeof nameOrValues === 'string') {\n      setFields((previousFields) => {\n        return { ...previousFields, ...{ [nameOrValues]: value } }\n      })\n    } else {\n      setFields((previousFields) => {\n        return { ...previousFields, ...nameOrValues }\n      })\n    }\n  }\n\n  useEffect(() => {\n    const data = getConfig()\n    const { base_url, looker_url } = data\n    setSaved(data)\n    updateFields({\n      [BASE_URL]: base_url,\n      [WEB_URL]: looker_url,\n      [FETCH_INTENT]:\n        base_url !== '' && looker_url !== '' ? POSITIVE : CRITICAL,\n    })\n  }, [])\n\n  const [validationMessages, setValidationMessages] =\n    useState<ValidationMessages>({})\n\n  const updateMessage = (intent: MessageBarIntent, message: string) => {\n    updateFields({ [FETCH_RESULT]: message, [FETCH_INTENT]: intent })\n  }\n\n  const isConfigured = () => {\n    return (\n      saved !== RunItNoConfig &&\n      fields[BASE_URL] === saved.base_url &&\n      fields[WEB_URL] === saved.looker_url\n    )\n  }\n\n  const fetchError = (message: string) => {\n    updateFields(WEB_URL, '')\n    updateMessage(CRITICAL, message)\n  }\n\n  const updateForm = async (_e: BaseSyntheticEvent, save: boolean) => {\n    updateMessage('inform', '')\n    const versionsUrl = `${fields.baseUrl}/versions`\n    try {\n      const { web_server_url: webUrl, api_server_url: baseUrl } =\n        (await getVersions(versionsUrl)) as ILookerVersions\n      updateFields({\n        [BASE_URL]: baseUrl,\n        [WEB_URL]: webUrl,\n      })\n      updateMessage(POSITIVE, 'Configuration is valid')\n      if (save) {\n        const data = { base_url: baseUrl, looker_url: webUrl }\n        // TODO: replace when redux is introduced to run it\n        localStorage.setItem(RunItConfigKey, JSON.stringify(data))\n        if (setHasConfig) setHasConfig(true)\n        setSaved(data)\n        updateMessage(POSITIVE, `Saved ${webUrl} as OAuth server`)\n      }\n    } catch (e: any) {\n      fetchError(e.message)\n    }\n  }\n\n  const handleSave = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, true)\n  }\n\n  const handleVerify = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, false)\n  }\n\n  const handleClear = async (_e: BaseSyntheticEvent) => {\n    // TODO: replace when redux is introduced to run it\n    localStorage.removeItem(RunItConfigKey)\n    updateFields({\n      [BASE_URL]: '',\n      [WEB_URL]: '',\n      [FETCH_INTENT]: CRITICAL,\n      [FETCH_RESULT]: '',\n    })\n    setSaved(RunItNoConfig)\n    if (setHasConfig) setHasConfig(false)\n    if (isAuthenticated()) {\n      updateMessage('warn', 'Please reload the browser page to log out')\n    }\n  }\n\n  const handleUrlChange = (event: FormEvent<HTMLInputElement>) => {\n    const name = event.currentTarget.name\n\n    const newValidationMessages = { ...validationMessages }\n\n    const url = validateUrl(event.currentTarget.value)\n    if (url) {\n      delete newValidationMessages[name]\n      // Update URL if it's been cleaned up\n      event.currentTarget.value = url\n    } else {\n      newValidationMessages[name] = {\n        message: `'${event.currentTarget.value}' is not a valid url`,\n        type: 'error',\n      }\n    }\n    updateFields({\n      [event.currentTarget.name]: event.currentTarget.value,\n      [WEB_URL]: '',\n    })\n\n    setValidationMessages(newValidationMessages)\n  }\n\n  const isAuthenticated = () => sdk.authSession.isAuthenticated()\n\n  const verifyButtonDisabled =\n    fields.baseUrl.trim().length === 0 ||\n    Object.keys(validationMessages).length > 0\n\n  const saveButtonDisabled =\n    verifyButtonDisabled || fields.webUrl.trim().length === 0 || isConfigured()\n\n  const clearButtonDisabled = fields.baseUrl.trim().length === 0\n\n  const loginButtonDisabled =\n    verifyButtonDisabled || !isConfigured() || isAuthenticated()\n\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    if (requestContent) {\n      // TODO: Replace when redux is introduced to run it\n      localStorage.setItem(RunItFormKey, JSON.stringify(requestContent))\n    }\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  return (\n    <SpaceVertical gap=\"u2\">\n      <RunItHeading>{title}</RunItHeading>\n      <DarkSpan fontSize=\"small\">\n        To configure RunIt mode, you need to supply your API server URL, then\n        authenticate into your Looker Instance\n      </DarkSpan>\n      <MessageBar\n        intent={fields[FETCH_INTENT]}\n        onPrimaryClick={() => updateMessage(fields[FETCH_INTENT], '')}\n        visible={fields[FETCH_RESULT] !== ''}\n      >\n        {fields[FETCH_RESULT]}\n      </MessageBar>\n      <CollapserCard\n        heading=\"1. Supply API Server URL\"\n        id=\"server_config\"\n        divider={false}\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical gap=\"u2\" pt=\"u3\" px=\"u6\">\n          <Form validationMessages={validationMessages}>\n            <Fieldset legend=\"Server locations\">\n              <FieldText\n                required\n                label=\"API server URL\"\n                placeholder=\"typically https://myserver.looker.com:19999\"\n                name={BASE_URL}\n                value={fields[BASE_URL]}\n                onChange={handleUrlChange}\n              />\n              <FieldText\n                label=\"OAuth server URL\"\n                placeholder=\"Click 'Verify' to retrieve\"\n                name={WEB_URL}\n                value={fields[WEB_URL]}\n                disabled={true}\n              />\n            </Fieldset>\n          </Form>\n          <Paragraph fontSize=\"small\">\n            The following configuration can be used to create a{' '}\n            <Link\n              href=\"https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation\"\n              target=\"_blank\"\n            >\n              Looker OAuth client\n            </Link>\n            .\n          </Paragraph>\n          <CodeCopy key=\"appConfig\" language=\"json\" code={appConfig} />\n          <Space>\n            <Tooltip content=\"Clear the configuration values\">\n              <ButtonTransparent\n                onClick={handleClear}\n                disabled={clearButtonDisabled}\n              >\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content={`Verify ${fields[BASE_URL]}`}>\n              <ButtonTransparent\n                disabled={verifyButtonDisabled}\n                onClick={handleVerify}\n                mr=\"small\"\n              >\n                Verify\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content=\"Save the configuration for this browser\">\n              <Button\n                disabled={saveButtonDisabled}\n                onClick={handleSave}\n                mr=\"small\"\n              >\n                Save\n              </Button>\n            </Tooltip>\n          </Space>\n        </SpaceVertical>\n      </CollapserCard>\n      <Divider appearance=\"light\" />\n      <CollapserCard\n        heading=\"2. Login to instance\"\n        divider={false}\n        id=\"login_section\"\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical pt=\"u3\" px=\"u6\">\n          {isAuthenticated() ? (\n            <DarkSpan>\n              You are already logged in. Reload the page to log out.\n            </DarkSpan>\n          ) : isConfigured() ? (\n            <>\n              <DarkSpan>{readyToLogin}</DarkSpan>\n            </>\n          ) : (\n            <DarkSpan>\n              You will be able to login after you Verify your API Server URL\n            </DarkSpan>\n          )}\n          <Tooltip\n            content={`Login to ${fields[WEB_URL]} using OAuth to enable RunIt`}\n          >\n            <Button onClick={handleLogin} disabled={loginButtonDisabled}>\n              Login\n            </Button>\n          </Tooltip>\n        </SpaceVertical>\n      </CollapserCard>\n    </SpaceVertical>\n  )\n}\n"],"file":"ConfigForm.js"}
+{"version":3,"sources":["../../../../src/components/ConfigForm/ConfigForm.tsx"],"names":["React","useState","useEffect","Button","ButtonTransparent","Divider","Fieldset","FieldText","Form","MessageBar","Paragraph","Link","Space","SpaceVertical","Tooltip","CodeCopy","appPath","getEnvAdaptor","useLocation","CollapserCard","RunItHeading","DarkSpan","readyToLogin","getVersions","RunItConfigKey","RunItNoConfig","RunItFormKey","validateUrl","POSITIVE","defaultFieldValues","baseUrl","webUrl","fetchResult","fetchIntent","ConfigForm","title","requestContent","setHasConfig","location","redirect_uri","client_id","BASE_URL","WEB_URL","FETCH_INTENT","FETCH_RESULT","CRITICAL","appConfig","adaptor","sdk","getConfig","data","localStorage","getItem","result","JSON","parse","config","fields","setFields","saved","setSaved","updateFields","nameOrValues","value","previousFields","base_url","looker_url","validationMessages","setValidationMessages","updateMessage","intent","message","isConfigured","fetchError","saveConfig","setItem","stringify","updateForm","_e","save","versionsUrl","web_server_url","api_server_url","e","handleSave","handleVerify","handleClear","removeItem","isAuthenticated","handleUrlChange","event","name","currentTarget","newValidationMessages","url","type","authSession","verifyButtonDisabled","trim","length","Object","keys","saveButtonDisabled","clearButtonDisabled","loginButtonDisabled","handleLogin","preventDefault","login","window","origin"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { BaseSyntheticEvent, Dispatch, FC, FormEvent } from 'react'\nimport React, { useState, useEffect } from 'react'\nimport type { ValidationMessages, MessageBarIntent } from '@looker/components'\nimport {\n  Button,\n  ButtonTransparent,\n  Divider,\n  Fieldset,\n  FieldText,\n  Form,\n  MessageBar,\n  Paragraph,\n  Link,\n  Space,\n  SpaceVertical,\n  Tooltip,\n} from '@looker/components'\nimport { CodeCopy } from '@looker/code-editor'\nimport { appPath, getEnvAdaptor } from '@looker/extension-utils'\nimport type { ILookerVersions } from '@looker/sdk-codegen'\n\nimport { useLocation } from 'react-router-dom'\nimport type { RunItValues } from '../..'\nimport { CollapserCard, RunItHeading, DarkSpan, readyToLogin } from '../..'\nimport {\n  getVersions,\n  RunItConfigKey,\n  RunItNoConfig,\n  RunItFormKey,\n  validateUrl,\n} from './utils'\n\nconst POSITIVE: MessageBarIntent = 'positive'\n\ninterface IFieldValues {\n  baseUrl: string\n  webUrl: string\n  fetchIntent: MessageBarIntent\n  fetchResult: string\n}\n\nconst defaultFieldValues: IFieldValues = {\n  baseUrl: '',\n  webUrl: '',\n  fetchResult: '',\n  fetchIntent: POSITIVE,\n}\n\ninterface ConfigFormProps {\n  /** A collection type react state to store path, query and body parameters as entered by the user  */\n  requestContent: RunItValues\n  /** Title for the config form */\n  title?: string\n  /** A set state callback which allows for editing, setting or clearing OAuth configuration parameters if present */\n  setHasConfig?: Dispatch<boolean>\n}\n\nexport const ConfigForm: FC<ConfigFormProps> = ({\n  title,\n  requestContent,\n  setHasConfig,\n}) => {\n  const location = useLocation()\n  const redirect_uri = appPath(location, '/oauth')\n  const client_id = 'looker.api-explorer' // TODO make this configurable\n  const BASE_URL = 'baseUrl'\n  const WEB_URL = 'webUrl'\n  const FETCH_INTENT = 'fetchIntent'\n  const FETCH_RESULT = 'fetchResult'\n  const CRITICAL: MessageBarIntent = 'critical'\n  const appConfig = `// client_guid=${client_id}\n{\n  \"redirect_uri\": \"${redirect_uri}\",\n  \"display_name\": \"CORS API Explorer\",\n  \"description\": \"Looker API Explorer using CORS\",\n  \"enabled\": true\n}\n`\n  const adaptor = getEnvAdaptor()\n  const sdk = adaptor.sdk\n  // See https://codesandbox.io/s/youthful-surf-0g27j?file=/src/index.tsx for a prototype from Luke\n  // TODO see about useReducer to clean this up a bit more\n  title = title || 'RunIt Configuration'\n\n  const getConfig = () => {\n    // TODO: This is temporary until config settings are available in redux.\n    // get configuration from storage, or default it\n    const data = localStorage.getItem(RunItConfigKey)\n    const result = data ? JSON.parse(data) : RunItNoConfig\n    return result\n  }\n\n  const config = getConfig()\n  const [fields, setFields] = useState<IFieldValues>(defaultFieldValues)\n  const [saved, setSaved] = useState<RunItValues>(config)\n\n  const updateFields = (\n    nameOrValues: string | Partial<IFieldValues>,\n    value = ''\n  ) => {\n    if (typeof nameOrValues === 'string') {\n      setFields((previousFields) => {\n        return { ...previousFields, ...{ [nameOrValues]: value } }\n      })\n    } else {\n      setFields((previousFields) => {\n        return { ...previousFields, ...nameOrValues }\n      })\n    }\n  }\n\n  useEffect(() => {\n    const data = getConfig()\n    const { base_url, looker_url } = data\n    setSaved(data)\n    updateFields({\n      [BASE_URL]: base_url,\n      [WEB_URL]: looker_url,\n      [FETCH_INTENT]:\n        base_url !== '' && looker_url !== '' ? POSITIVE : CRITICAL,\n    })\n  }, [])\n\n  const [validationMessages, setValidationMessages] =\n    useState<ValidationMessages>({})\n\n  const updateMessage = (intent: MessageBarIntent, message: string) => {\n    updateFields({ [FETCH_RESULT]: message, [FETCH_INTENT]: intent })\n  }\n\n  const isConfigured = () => {\n    return (\n      saved !== RunItNoConfig &&\n      fields[BASE_URL] === saved.base_url &&\n      fields[WEB_URL] === saved.looker_url\n    )\n  }\n\n  const fetchError = (message: string) => {\n    updateFields(WEB_URL, '')\n    updateMessage(CRITICAL, message)\n  }\n\n  const saveConfig = (baseUrl: string, webUrl: string) => {\n    const data = {\n      base_url: baseUrl,\n      looker_url: webUrl,\n      client_id,\n      redirect_uri,\n    }\n    updateFields({\n      [BASE_URL]: baseUrl,\n      [WEB_URL]: webUrl,\n    })\n    // TODO: replace when redux is introduced to run it\n    localStorage.setItem(RunItConfigKey, JSON.stringify(data))\n    if (setHasConfig) setHasConfig(true)\n    setSaved(data)\n    updateMessage(POSITIVE, `Saved ${webUrl} as OAuth server`)\n  }\n\n  const updateForm = async (_e: BaseSyntheticEvent, save: boolean) => {\n    updateMessage('inform', '')\n    const versionsUrl = `${fields.baseUrl}/versions`\n    try {\n      const { web_server_url: webUrl, api_server_url: baseUrl } =\n        (await getVersions(versionsUrl)) as ILookerVersions\n      updateMessage(POSITIVE, 'Configuration is valid')\n      updateFields({\n        [BASE_URL]: baseUrl,\n        [WEB_URL]: webUrl,\n      })\n      if (save) {\n        saveConfig(baseUrl, webUrl)\n      }\n    } catch (e: any) {\n      fetchError(e.message)\n    }\n  }\n\n  const handleSave = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, true)\n  }\n\n  const handleVerify = async (e: BaseSyntheticEvent) => {\n    await updateForm(e, false)\n  }\n\n  const handleClear = async (_e: BaseSyntheticEvent) => {\n    // TODO: replace when redux is introduced to run it\n    localStorage.removeItem(RunItConfigKey)\n    updateFields({\n      [BASE_URL]: '',\n      [WEB_URL]: '',\n      [FETCH_INTENT]: CRITICAL,\n      [FETCH_RESULT]: '',\n    })\n    setSaved(RunItNoConfig)\n    if (setHasConfig) setHasConfig(false)\n    if (isAuthenticated()) {\n      updateMessage('warn', 'Please reload the browser page to log out')\n    }\n  }\n\n  const handleUrlChange = (event: FormEvent<HTMLInputElement>) => {\n    const name = event.currentTarget.name\n\n    const newValidationMessages = { ...validationMessages }\n\n    const url = validateUrl(event.currentTarget.value)\n    if (url) {\n      delete newValidationMessages[name]\n      // Update URL if it's been cleaned up\n      event.currentTarget.value = url\n    } else {\n      newValidationMessages[name] = {\n        message: `'${event.currentTarget.value}' is not a valid url`,\n        type: 'error',\n      }\n    }\n    updateFields({\n      [event.currentTarget.name]: event.currentTarget.value,\n      [WEB_URL]: '',\n    })\n\n    setValidationMessages(newValidationMessages)\n  }\n\n  const isAuthenticated = () => sdk.authSession.isAuthenticated()\n\n  const verifyButtonDisabled =\n    fields.baseUrl.trim().length === 0 ||\n    Object.keys(validationMessages).length > 0\n\n  const saveButtonDisabled =\n    verifyButtonDisabled || fields.webUrl.trim().length === 0 || isConfigured()\n\n  const clearButtonDisabled = fields.baseUrl.trim().length === 0\n\n  const loginButtonDisabled =\n    verifyButtonDisabled || !isConfigured() || isAuthenticated()\n\n  const handleLogin = async (e: BaseSyntheticEvent) => {\n    e.preventDefault()\n    if (requestContent) {\n      // TODO: Replace when redux is introduced to run it\n      localStorage.setItem(RunItFormKey, JSON.stringify(requestContent))\n    }\n    // This will set storage variables and return to OAuthScene when successful\n    await adaptor.login()\n  }\n\n  return (\n    <SpaceVertical gap=\"u2\">\n      <RunItHeading>{title}</RunItHeading>\n      <DarkSpan fontSize=\"small\">\n        To configure RunIt mode, you need to supply your API server URL, then\n        authenticate into your Looker Instance\n      </DarkSpan>\n      <MessageBar\n        intent={fields[FETCH_INTENT]}\n        onPrimaryClick={() => updateMessage(fields[FETCH_INTENT], '')}\n        visible={fields[FETCH_RESULT] !== ''}\n      >\n        {fields[FETCH_RESULT]}\n      </MessageBar>\n      <CollapserCard\n        heading=\"1. Supply API Server URL\"\n        id=\"server_config\"\n        divider={false}\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical gap=\"u2\" pt=\"u3\" px=\"u6\">\n          <Form validationMessages={validationMessages}>\n            <Fieldset legend=\"Server locations\">\n              <FieldText\n                required\n                label=\"API server URL\"\n                placeholder=\"typically https://myserver.looker.com:19999\"\n                name={BASE_URL}\n                value={fields[BASE_URL]}\n                onChange={handleUrlChange}\n              />\n              <FieldText\n                label=\"OAuth server URL\"\n                placeholder=\"Click 'Verify' to retrieve\"\n                name={WEB_URL}\n                value={fields[WEB_URL]}\n                disabled={true}\n              />\n            </Fieldset>\n          </Form>\n          {!!fields.webUrl && (\n            <>\n              <Paragraph fontSize=\"small\">\n                On {fields.webUrl}, enable API Explorer as a{' '}\n                <Link\n                  href=\"https://github.com/looker-open-source/sdk-codegen/blob/main/docs/cors.md#reference-implementation\"\n                  target=\"_blank\"\n                >\n                  Looker OAuth client\n                </Link>{' '}\n                by adding \"{(window as any).location.origin}\" to the{' '}\n                <Link href={`${fields.webUrl}/admin/embed`} target=\"_blank\">\n                  Embedded Domain Allowlist\n                </Link>\n                . If API Explorer is also installed, the configuration below can\n                be used to{' '}\n                <Link\n                  href={`${fields.webUrl}/extensions/marketplace_extension_api_explorer::api-explorer/4.0/methods/Auth/register_oauth_client_app`}\n                  target=\"_blank\"\n                >\n                  register this API Explorer instance\n                </Link>{' '}\n                as an OAuth client.\n              </Paragraph>\n              <CodeCopy key=\"appConfig\" language=\"json\" code={appConfig} />\n            </>\n          )}\n          <Space>\n            <Tooltip content=\"Clear the configuration values\">\n              <ButtonTransparent\n                onClick={handleClear}\n                disabled={clearButtonDisabled}\n              >\n                Clear\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content={`Verify ${fields[BASE_URL]}`}>\n              <ButtonTransparent\n                disabled={verifyButtonDisabled}\n                onClick={handleVerify}\n                mr=\"small\"\n              >\n                Verify\n              </ButtonTransparent>\n            </Tooltip>\n            <Tooltip content=\"Save the configuration for this browser\">\n              <Button\n                disabled={saveButtonDisabled}\n                onClick={handleSave}\n                mr=\"small\"\n              >\n                Save\n              </Button>\n            </Tooltip>\n          </Space>\n        </SpaceVertical>\n      </CollapserCard>\n      <Divider appearance=\"light\" />\n      <CollapserCard\n        heading=\"2. Login to instance\"\n        divider={false}\n        id=\"login_section\"\n        defaultOpen={!isAuthenticated()}\n      >\n        <SpaceVertical pt=\"u3\" px=\"u6\">\n          {isAuthenticated() ? (\n            <DarkSpan>\n              You are already logged in. Reload the page to log out.\n            </DarkSpan>\n          ) : isConfigured() ? (\n            <>\n              <DarkSpan>{readyToLogin}</DarkSpan>\n            </>\n          ) : (\n            <DarkSpan>\n              You will be able to login after you Verify your API Server URL\n            </DarkSpan>\n          )}\n          <Tooltip\n            content={`Login to ${fields[WEB_URL]} using OAuth to enable RunIt`}\n          >\n            <Button onClick={handleLogin} disabled={loginButtonDisabled}>\n              Login\n            </Button>\n          </Tooltip>\n        </SpaceVertical>\n      </CollapserCard>\n    </SpaceVertical>\n  )\n}\n"],"file":"ConfigForm.js"}

package/lib/esm/components/ResponseExplorer/ResponseExplorer.js

@@ -61,6 +61,13 @@ export var ResponseExplorer = _ref4 => {
   } = _ref4;
   var [isOpen, setIsOpen] = useState(false);
   var error = response && response.statusCode >= 400 && response.contentType === 'application/json' ? JSON.parse(response.body) : undefined;
+
+  var timed = response => {
+    if (!(response.responseCompleted || response.requestStarted)) return '';
+    var diff = (response.responseCompleted - response.requestStarted) / 1000;
+    return "Seconds: ".concat(diff.toFixed(3));
+  };
+
   return React.createElement(React.Fragment, null, !response && React.createElement(DarkSpan, null, "No response was received"), response && React.createElement(React.Fragment, null, React.createElement(RunItHeading, {
     as: "h4"
   }, error && React.createElement(React.Fragment, null, React.createElement(APIErrorDialog, {
@@ -73,7 +80,7 @@ export var ResponseExplorer = _ref4 => {
     icon: React.createElement(Warning, null),
     "aria-label": "API error",
     label: "API Error"
-  })), "".concat(verb || '', " ").concat(path || '', " (").concat(response.statusCode, ": ").concat(response.statusMessage, ")")), React.createElement(CollapserCard, {
+  })), "".concat(verb || '', " ").concat(path || '', " (").concat(response.statusCode, ": ").concat(response.statusMessage, ") ").concat(timed(response))), React.createElement(CollapserCard, {
     divider: false,
     heading: "Body (".concat(getBodySize(response), ")"),
     id: "body"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ResponseExplorer/ResponseExplorer.tsx"],"names":["React","useState","Table","TableBody","TableRow","TableDataCell","Span","TableHead","TableHeaderCell","IconButton","styled","Warning","APIErrorDialog","APIErrorDisplay","ShowResponse","CollapserCard","DarkSpan","RunItHeading","getHeaders","response","headers","result","Object","entries","forEach","key","val","push","getBodySize","size","body","Blob","toString","length","NoWrap","ResponseHeaders","rows","map","value","ResponseExplorer","verb","path","isOpen","setIsOpen","error","statusCode","contentType","JSON","parse","undefined","statusMessage"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport {\n  Table,\n  TableBody,\n  TableRow,\n  TableDataCell,\n  Span,\n  TableHead,\n  TableHeaderCell,\n  IconButton,\n} from '@looker/components'\nimport styled from 'styled-components'\nimport type { IRawResponse, LookerSDKError } from '@looker/sdk-rtl'\nimport { Warning } from '@styled-icons/material/Warning'\nimport { APIErrorDialog, APIErrorDisplay } from '@looker/extension-utils'\nimport { ShowResponse } from '../ShowResponse'\nimport { CollapserCard } from '../Collapser'\nimport { DarkSpan, RunItHeading } from '../common'\n\ntype HeaderTable = string[][]\nexport type ResponseContent = IRawResponse | undefined\n\nconst getHeaders = (response: ResponseContent): HeaderTable => {\n  if (!response?.headers) return []\n  const result: HeaderTable = []\n  Object.entries(response.headers).forEach(([key, val]) =>\n    result.push([key, val])\n  )\n  return result\n}\n\nconst getBodySize = (response: ResponseContent): string => {\n  const size =\n    !response || !response.body\n      ? 0\n      : response?.body instanceof Blob\n      ? response?.body.size\n      : response?.body.toString().length\n\n  return `${size} bytes`\n}\n\nconst NoWrap = styled(Span)`\n  display: inline-block;\n  direction: rtl;\n  white-space: nowrap;\n  overflow: hidden;\n`\n\ninterface ShowHeadersProps {\n  response: ResponseContent\n}\n\n/**\n * Display response headers in a table\n * @param response to display\n * @constructor\n */\nexport const ResponseHeaders: FC<ShowHeadersProps> = ({ response }) => {\n  const rows = getHeaders(response)\n  if (rows.length === 0) return <></>\n  return (\n    <CollapserCard\n      key=\"headers\"\n      heading={`Headers (${rows.length})`}\n      id=\"headers\"\n      defaultOpen={false}\n      divider={false}\n    >\n      <>\n        <Table>\n          <TableHead>\n            <TableRow>\n              <TableHeaderCell p=\"xsmall\">Name</TableHeaderCell>\n              <TableHeaderCell p=\"xsmall\">Value</TableHeaderCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {rows.map(([key, value]) => (\n              <TableRow key={key}>\n                <TableDataCell p=\"xsmall\">\n                  <NoWrap>\n                    <strong>{key}</strong>\n                  </NoWrap>\n                </TableDataCell>\n                <TableDataCell p=\"xsmall\">\n                  <Span>{value}</Span>\n                </TableDataCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </>\n    </CollapserCard>\n  )\n}\n\ninterface ResponseExplorerProps {\n  response: ResponseContent\n  verb: string\n  path: string\n}\n\n/**\n * Explore the raw response from an HTTP request\n * @param response IRawResponse values\n * @param verb HTTP method\n * @param path Path of request\n * @constructor\n */\nexport const ResponseExplorer: FC<ResponseExplorerProps> = ({\n  response,\n  verb,\n  path,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const error: LookerSDKError =\n    response &&\n    response.statusCode >= 400 &&\n    response.contentType === 'application/json'\n      ? JSON.parse(response.body)\n      : undefined\n  return (\n    <>\n      {!response && <DarkSpan>No response was received</DarkSpan>}\n      {response && (\n        <>\n          <RunItHeading as=\"h4\">\n            {error && (\n              <>\n                <APIErrorDialog\n                  error={error}\n                  isOpen={isOpen}\n                  setOpen={setIsOpen}\n                />\n                <IconButton\n                  size=\"small\"\n                  onClick={() => setIsOpen(true)}\n                  icon={<Warning />}\n                  aria-label=\"API error\"\n                  label=\"API Error\"\n                />\n              </>\n            )}\n            {`${verb || ''} ${path || ''} (${response.statusCode}: ${\n              response.statusMessage\n            })`}\n          </RunItHeading>\n          <CollapserCard\n            divider={false}\n            heading={`Body (${getBodySize(response)})`}\n            id=\"body\"\n          >\n            <ShowResponse response={response} />\n          </CollapserCard>\n          {error && (\n            <CollapserCard divider={false} heading={'Error information'}>\n              <APIErrorDisplay error={error} showDoc={true} />\n            </CollapserCard>\n          )}\n          <ResponseHeaders response={response} />\n        </>\n      )}\n    </>\n  )\n}\n"],"file":"ResponseExplorer.js"}
+{"version":3,"sources":["../../../../src/components/ResponseExplorer/ResponseExplorer.tsx"],"names":["React","useState","Table","TableBody","TableRow","TableDataCell","Span","TableHead","TableHeaderCell","IconButton","styled","Warning","APIErrorDialog","APIErrorDisplay","ShowResponse","CollapserCard","DarkSpan","RunItHeading","getHeaders","response","headers","result","Object","entries","forEach","key","val","push","getBodySize","size","body","Blob","toString","length","NoWrap","ResponseHeaders","rows","map","value","ResponseExplorer","verb","path","isOpen","setIsOpen","error","statusCode","contentType","JSON","parse","undefined","timed","responseCompleted","requestStarted","diff","toFixed","statusMessage"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { FC } from 'react'\nimport React, { useState } from 'react'\nimport {\n  Table,\n  TableBody,\n  TableRow,\n  TableDataCell,\n  Span,\n  TableHead,\n  TableHeaderCell,\n  IconButton,\n} from '@looker/components'\nimport styled from 'styled-components'\nimport type { IRawResponse, LookerSDKError } from '@looker/sdk-rtl'\nimport { Warning } from '@styled-icons/material/Warning'\nimport { APIErrorDialog, APIErrorDisplay } from '@looker/extension-utils'\nimport { ShowResponse } from '../ShowResponse'\nimport { CollapserCard } from '../Collapser'\nimport { DarkSpan, RunItHeading } from '../common'\n\ntype HeaderTable = string[][]\nexport type ResponseContent = IRawResponse | undefined\n\nconst getHeaders = (response: ResponseContent): HeaderTable => {\n  if (!response?.headers) return []\n  const result: HeaderTable = []\n  Object.entries(response.headers).forEach(([key, val]) =>\n    result.push([key, val])\n  )\n  return result\n}\n\nconst getBodySize = (response: ResponseContent): string => {\n  const size =\n    !response || !response.body\n      ? 0\n      : response?.body instanceof Blob\n      ? response?.body.size\n      : response?.body.toString().length\n\n  return `${size} bytes`\n}\n\nconst NoWrap = styled(Span)`\n  display: inline-block;\n  direction: rtl;\n  white-space: nowrap;\n  overflow: hidden;\n`\n\ninterface ShowHeadersProps {\n  response: ResponseContent\n}\n\n/**\n * Display response headers in a table\n * @param response to display\n * @constructor\n */\nexport const ResponseHeaders: FC<ShowHeadersProps> = ({ response }) => {\n  const rows = getHeaders(response)\n  if (rows.length === 0) return <></>\n  return (\n    <CollapserCard\n      key=\"headers\"\n      heading={`Headers (${rows.length})`}\n      id=\"headers\"\n      defaultOpen={false}\n      divider={false}\n    >\n      <>\n        <Table>\n          <TableHead>\n            <TableRow>\n              <TableHeaderCell p=\"xsmall\">Name</TableHeaderCell>\n              <TableHeaderCell p=\"xsmall\">Value</TableHeaderCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {rows.map(([key, value]) => (\n              <TableRow key={key}>\n                <TableDataCell p=\"xsmall\">\n                  <NoWrap>\n                    <strong>{key}</strong>\n                  </NoWrap>\n                </TableDataCell>\n                <TableDataCell p=\"xsmall\">\n                  <Span>{value}</Span>\n                </TableDataCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </>\n    </CollapserCard>\n  )\n}\n\ninterface ResponseExplorerProps {\n  response: ResponseContent\n  verb: string\n  path: string\n}\n\n/**\n * Explore the raw response from an HTTP request\n * @param response IRawResponse values\n * @param verb HTTP method\n * @param path Path of request\n * @constructor\n */\nexport const ResponseExplorer: FC<ResponseExplorerProps> = ({\n  response,\n  verb,\n  path,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const error: LookerSDKError =\n    response &&\n    response.statusCode >= 400 &&\n    response.contentType === 'application/json'\n      ? JSON.parse(response.body)\n      : undefined\n\n  const timed = (response: IRawResponse) => {\n    if (!(response.responseCompleted || response.requestStarted)) return ''\n    const diff = (response.responseCompleted - response.requestStarted) / 1000\n    return `Seconds: ${diff.toFixed(3)}`\n  }\n\n  return (\n    <>\n      {!response && <DarkSpan>No response was received</DarkSpan>}\n      {response && (\n        <>\n          <RunItHeading as=\"h4\">\n            {error && (\n              <>\n                <APIErrorDialog\n                  error={error}\n                  isOpen={isOpen}\n                  setOpen={setIsOpen}\n                />\n                <IconButton\n                  size=\"small\"\n                  onClick={() => setIsOpen(true)}\n                  icon={<Warning />}\n                  aria-label=\"API error\"\n                  label=\"API Error\"\n                />\n              </>\n            )}\n            {`${verb || ''} ${path || ''} (${response.statusCode}: ${\n              response.statusMessage\n            }) ${timed(response)}`}\n          </RunItHeading>\n          <CollapserCard\n            divider={false}\n            heading={`Body (${getBodySize(response)})`}\n            id=\"body\"\n          >\n            <ShowResponse response={response} />\n          </CollapserCard>\n          {error && (\n            <CollapserCard divider={false} heading={'Error information'}>\n              <APIErrorDisplay error={error} showDoc={true} />\n            </CollapserCard>\n          )}\n          <ResponseHeaders response={response} />\n        </>\n      )}\n    </>\n  )\n}\n"],"file":"ResponseExplorer.js"}

package/lib/test-data/responses.js

@@ -14,7 +14,9 @@ var testJsonResponse = {
   ok: true,
   statusCode: 200,
   statusMessage: 'OK',
-  body: Buffer.from('[{"key1": "value1" }]')
+  body: Buffer.from('[{"key1": "value1" }]'),
+  requestStarted: 1000,
+  responseCompleted: 2000
 };
 exports.testJsonResponse = testJsonResponse;
 var testOneRowComplexJson = {
@@ -27,7 +29,9 @@ var testOneRowComplexJson = {
   ok: true,
   statusCode: 200,
   statusMessage: 'OK',
-  body: Buffer.from("{\n  \"id\": 520,\n  \"view\": \"orders\",\n  \"fields\": [\n    \"orders.id\",\n    \"users.age\",\n    \"users.city\"\n  ],\n  \"pivots\": [],\n  \"fill_fields\": [],\n  \"filters\": null,\n  \"filter_expression\": \"\",\n  \"sorts\": [],\n  \"limit\": \"\",\n  \"column_limit\": \"\",\n  \"total\": null,\n  \"row_total\": \"\",\n  \"subtotals\": [],\n  \"vis_config\": null,\n  \"filter_config\": null,\n  \"visible_ui_sections\": \"\",\n  \"slug\": \"64zJjJw\",\n  \"client_id\": \"zfn3SwIaaHbJTbsXSJ0JO7\",\n  \"share_url\": \"https://localhost:9999/x/zfn3SwIaaHbJTbsXSJ0JO7\",\n  \"expanded_share_url\": \"https://localhost:9999/explore/thelook/orders?fields=orders.id,users.age,users.city&origin=share-expanded\",\n  \"url\": \"/explore/thelook/orders?fields=orders.id,users.age,users.city\",\n  \"has_table_calculations\": false,\n  \"model\": \"thelook\",\n  \"dynamic_fields\": \"\",\n  \"query_timezone\": \"\",\n  \"quick_calcs\": null,\n  \"analysis_config\": null,\n  \"can\": {\n    \"run\": true,\n    \"see_results\": true,\n    \"explore\": true,\n    \"create\": true,\n    \"show\": true,\n    \"cost_estimate\": true,\n    \"index\": true,\n    \"see_lookml\": true,\n    \"see_aggregate_table_lookml\": true,\n    \"see_derived_table_lookml\": true,\n    \"see_sql\": true,\n    \"save\": true,\n    \"generate_drill_links\": true,\n    \"download\": true,\n    \"download_unlimited\": true,\n    \"use_custom_fields\": true,\n    \"schedule\": true\n  }\n}")
+  body: Buffer.from("{\n  \"id\": 520,\n  \"view\": \"orders\",\n  \"fields\": [\n    \"orders.id\",\n    \"users.age\",\n    \"users.city\"\n  ],\n  \"pivots\": [],\n  \"fill_fields\": [],\n  \"filters\": null,\n  \"filter_expression\": \"\",\n  \"sorts\": [],\n  \"limit\": \"\",\n  \"column_limit\": \"\",\n  \"total\": null,\n  \"row_total\": \"\",\n  \"subtotals\": [],\n  \"vis_config\": null,\n  \"filter_config\": null,\n  \"visible_ui_sections\": \"\",\n  \"slug\": \"64zJjJw\",\n  \"client_id\": \"zfn3SwIaaHbJTbsXSJ0JO7\",\n  \"share_url\": \"https://localhost:9999/x/zfn3SwIaaHbJTbsXSJ0JO7\",\n  \"expanded_share_url\": \"https://localhost:9999/explore/thelook/orders?fields=orders.id,users.age,users.city&origin=share-expanded\",\n  \"url\": \"/explore/thelook/orders?fields=orders.id,users.age,users.city\",\n  \"has_table_calculations\": false,\n  \"model\": \"thelook\",\n  \"dynamic_fields\": \"\",\n  \"query_timezone\": \"\",\n  \"quick_calcs\": null,\n  \"analysis_config\": null,\n  \"can\": {\n    \"run\": true,\n    \"see_results\": true,\n    \"explore\": true,\n    \"create\": true,\n    \"show\": true,\n    \"cost_estimate\": true,\n    \"index\": true,\n    \"see_lookml\": true,\n    \"see_aggregate_table_lookml\": true,\n    \"see_derived_table_lookml\": true,\n    \"see_sql\": true,\n    \"save\": true,\n    \"generate_drill_links\": true,\n    \"download\": true,\n    \"download_unlimited\": true,\n    \"use_custom_fields\": true,\n    \"schedule\": true\n  }\n}"),
+  requestStarted: 1000,
+  responseCompleted: 2000
 };
 exports.testOneRowComplexJson = testOneRowComplexJson;
 var testTextResponse = {
@@ -40,7 +44,9 @@ var testTextResponse = {
   ok: true,
   statusCode: 200,
   statusMessage: 'OK',
-  body: Buffer.from('some text data')
+  body: Buffer.from('some text data'),
+  requestStarted: 1000,
+  responseCompleted: 2000
 };
 exports.testTextResponse = testTextResponse;
 var testHtmlResponse = {
@@ -53,7 +59,9 @@ var testHtmlResponse = {
   ok: true,
   statusCode: 200,
   statusMessage: 'OK',
-  body: Buffer.from('<table>\n' + '<tr><th>Orders Created Date</th><th>Orders Count</th></tr>\n' + '<tr><td>2019-12-22</td><td>39</td></tr>\n' + '</table>')
+  body: Buffer.from('<table>\n' + '<tr><th>Orders Created Date</th><th>Orders Count</th></tr>\n' + '<tr><td>2019-12-22</td><td>39</td></tr>\n' + '</table>'),
+  requestStarted: 1000,
+  responseCompleted: 2000
 };
 exports.testHtmlResponse = testHtmlResponse;
 var testSqlResponse = {
@@ -66,7 +74,9 @@ var testSqlResponse = {
   ok: true,
   statusCode: 200,
   statusMessage: 'OK',
-  body: Buffer.from("SELECT\n    COUNT(DISTINCT products.id ) AS `products.count`\nFROM demo_db.inventory_items  AS inventory_items\nLEFT JOIN demo_db.products  AS products ON inventory_items.product_id = products.id\nLIMIT 500")
+  body: Buffer.from("SELECT\n    COUNT(DISTINCT products.id ) AS `products.count`\nFROM demo_db.inventory_items  AS inventory_items\nLEFT JOIN demo_db.products  AS products ON inventory_items.product_id = products.id\nLIMIT 500"),
+  requestStarted: 1000,
+  responseCompleted: 2000
 };
 exports.testSqlResponse = testSqlResponse;
 
@@ -82,7 +92,9 @@ var testImageResponse = function testImageResponse() {
     ok: true,
     statusCode: 200,
     statusMessage: 'OK',
-    body: Buffer.from('some image data')
+    body: Buffer.from('some image data'),
+    requestStarted: 1000,
+    responseCompleted: 2000
   };
 };
 
@@ -95,7 +107,9 @@ var testUnknownResponse = {
   ok: true,
   statusCode: 200,
   statusMessage: 'OK',
-  body: Buffer.from('some data')
+  body: Buffer.from('some data'),
+  requestStarted: 1000,
+  responseCompleted: 2000
 };
 exports.testUnknownResponse = testUnknownResponse;
 var testErrorResponse = {
@@ -106,7 +120,9 @@ var testErrorResponse = {
   contentType: 'text',
   ok: false,
   statusCode: 404,
-  statusMessage: 'some status message'
+  statusMessage: 'some status message',
+  requestStarted: 1000,
+  responseCompleted: 2000
 };
 exports.testErrorResponse = testErrorResponse;
 var testBogusJsonResponse = {
@@ -117,7 +133,9 @@ var testBogusJsonResponse = {
   ok: true,
   statusCode: 200,
   statusMessage: 'OK',
-  body: Buffer.from('<html><body>I AM A LYING JSON RESPONSE</body></html>')
+  body: Buffer.from('<html><body>I AM A LYING JSON RESPONSE</body></html>'),
+  requestStarted: 1000,
+  responseCompleted: 2000
 };
 exports.testBogusJsonResponse = testBogusJsonResponse;
 //# sourceMappingURL=responses.js.map

package/lib/test-data/responses.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test-data/responses.ts"],"names":["testJsonResponse","method","url","headers","contentType","ok","statusCode","statusMessage","body","Buffer","from","testOneRowComplexJson","testTextResponse","testHtmlResponse","testSqlResponse","testImageResponse","testUnknownResponse","testErrorResponse","testBogusJsonResponse"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { IRawResponse } from '@looker/sdk-rtl'\n\nexport const testJsonResponse: IRawResponse = {\n  method: 'GET',\n  url: 'https://some/json/data',\n  headers: { 'content-type': 'application/json' },\n  contentType: 'application/json',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('[{\"key1\": \"value1\" }]'),\n}\n\nexport const testOneRowComplexJson: IRawResponse = {\n  method: 'GET',\n  url: 'https://some/json/data',\n  headers: { 'content-type': 'application/json' },\n  contentType: 'application/json',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from(`{\n  \"id\": 520,\n  \"view\": \"orders\",\n  \"fields\": [\n    \"orders.id\",\n    \"users.age\",\n    \"users.city\"\n  ],\n  \"pivots\": [],\n  \"fill_fields\": [],\n  \"filters\": null,\n  \"filter_expression\": \"\",\n  \"sorts\": [],\n  \"limit\": \"\",\n  \"column_limit\": \"\",\n  \"total\": null,\n  \"row_total\": \"\",\n  \"subtotals\": [],\n  \"vis_config\": null,\n  \"filter_config\": null,\n  \"visible_ui_sections\": \"\",\n  \"slug\": \"64zJjJw\",\n  \"client_id\": \"zfn3SwIaaHbJTbsXSJ0JO7\",\n  \"share_url\": \"https://localhost:9999/x/zfn3SwIaaHbJTbsXSJ0JO7\",\n  \"expanded_share_url\": \"https://localhost:9999/explore/thelook/orders?fields=orders.id,users.age,users.city&origin=share-expanded\",\n  \"url\": \"/explore/thelook/orders?fields=orders.id,users.age,users.city\",\n  \"has_table_calculations\": false,\n  \"model\": \"thelook\",\n  \"dynamic_fields\": \"\",\n  \"query_timezone\": \"\",\n  \"quick_calcs\": null,\n  \"analysis_config\": null,\n  \"can\": {\n    \"run\": true,\n    \"see_results\": true,\n    \"explore\": true,\n    \"create\": true,\n    \"show\": true,\n    \"cost_estimate\": true,\n    \"index\": true,\n    \"see_lookml\": true,\n    \"see_aggregate_table_lookml\": true,\n    \"see_derived_table_lookml\": true,\n    \"see_sql\": true,\n    \"save\": true,\n    \"generate_drill_links\": true,\n    \"download\": true,\n    \"download_unlimited\": true,\n    \"use_custom_fields\": true,\n    \"schedule\": true\n  }\n}`),\n}\n\nexport const testTextResponse: IRawResponse = {\n  method: 'GET',\n  url: 'https://some/text/data',\n  headers: { 'content-type': 'text/plain;charset=utf-8' },\n  contentType: 'text/plain;charset=utf-8',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('some text data'),\n}\n\nexport const testHtmlResponse: IRawResponse = {\n  method: 'GET',\n  url: `https://some/html`,\n  headers: { 'content-type': 'text/html;charset=utf-8' },\n  contentType: 'text/html;charset=utf-8',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from(\n    '<table>\\n' +\n      '<tr><th>Orders Created Date</th><th>Orders Count</th></tr>\\n' +\n      '<tr><td>2019-12-22</td><td>39</td></tr>\\n' +\n      '</table>'\n  ),\n}\n\nexport const testSqlResponse: IRawResponse = {\n  method: 'GET',\n  url: `https://some/sql`,\n  headers: { 'content-type': 'application/sql' },\n  contentType: 'application/sql',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from(`SELECT\n    COUNT(DISTINCT products.id ) AS \\`products.count\\`\nFROM demo_db.inventory_items  AS inventory_items\nLEFT JOIN demo_db.products  AS products ON inventory_items.product_id = products.id\nLIMIT 500`),\n}\n\nexport const testImageResponse = (contentType = 'image/png'): IRawResponse => ({\n  method: 'GET',\n  url: `http://${contentType}`,\n  headers: { 'content-type': contentType },\n  contentType,\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('some image data'),\n})\n\nexport const testUnknownResponse: IRawResponse = {\n  method: 'GET',\n  url: 'http://bogus',\n  headers: {},\n  contentType: 'bogus',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('some data'),\n}\n\nexport const testErrorResponse: IRawResponse = {\n  method: 'GET',\n  url: 'http://error',\n  headers: {},\n  body: Buffer.from(\n    '{\"message\": \"Not found\", \"documentation_url\": \"http://docs.looker.com\"}'\n  ),\n  contentType: 'text',\n  ok: false,\n  statusCode: 404,\n  statusMessage: 'some status message',\n}\n\nexport const testBogusJsonResponse: IRawResponse = {\n  method: 'GET',\n  url: 'https://some/json/data',\n  headers: {},\n  contentType: 'application/json',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('<html><body>I AM A LYING JSON RESPONSE</body></html>'),\n}\n"],"file":"responses.js"}
+{"version":3,"sources":["../../src/test-data/responses.ts"],"names":["testJsonResponse","method","url","headers","contentType","ok","statusCode","statusMessage","body","Buffer","from","requestStarted","responseCompleted","testOneRowComplexJson","testTextResponse","testHtmlResponse","testSqlResponse","testImageResponse","testUnknownResponse","testErrorResponse","testBogusJsonResponse"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { IRawResponse } from '@looker/sdk-rtl'\n\nexport const testJsonResponse: IRawResponse = {\n  method: 'GET',\n  url: 'https://some/json/data',\n  headers: { 'content-type': 'application/json' },\n  contentType: 'application/json',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('[{\"key1\": \"value1\" }]'),\n  requestStarted: 1000,\n  responseCompleted: 2000,\n}\n\nexport const testOneRowComplexJson: IRawResponse = {\n  method: 'GET',\n  url: 'https://some/json/data',\n  headers: { 'content-type': 'application/json' },\n  contentType: 'application/json',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from(`{\n  \"id\": 520,\n  \"view\": \"orders\",\n  \"fields\": [\n    \"orders.id\",\n    \"users.age\",\n    \"users.city\"\n  ],\n  \"pivots\": [],\n  \"fill_fields\": [],\n  \"filters\": null,\n  \"filter_expression\": \"\",\n  \"sorts\": [],\n  \"limit\": \"\",\n  \"column_limit\": \"\",\n  \"total\": null,\n  \"row_total\": \"\",\n  \"subtotals\": [],\n  \"vis_config\": null,\n  \"filter_config\": null,\n  \"visible_ui_sections\": \"\",\n  \"slug\": \"64zJjJw\",\n  \"client_id\": \"zfn3SwIaaHbJTbsXSJ0JO7\",\n  \"share_url\": \"https://localhost:9999/x/zfn3SwIaaHbJTbsXSJ0JO7\",\n  \"expanded_share_url\": \"https://localhost:9999/explore/thelook/orders?fields=orders.id,users.age,users.city&origin=share-expanded\",\n  \"url\": \"/explore/thelook/orders?fields=orders.id,users.age,users.city\",\n  \"has_table_calculations\": false,\n  \"model\": \"thelook\",\n  \"dynamic_fields\": \"\",\n  \"query_timezone\": \"\",\n  \"quick_calcs\": null,\n  \"analysis_config\": null,\n  \"can\": {\n    \"run\": true,\n    \"see_results\": true,\n    \"explore\": true,\n    \"create\": true,\n    \"show\": true,\n    \"cost_estimate\": true,\n    \"index\": true,\n    \"see_lookml\": true,\n    \"see_aggregate_table_lookml\": true,\n    \"see_derived_table_lookml\": true,\n    \"see_sql\": true,\n    \"save\": true,\n    \"generate_drill_links\": true,\n    \"download\": true,\n    \"download_unlimited\": true,\n    \"use_custom_fields\": true,\n    \"schedule\": true\n  }\n}`),\n  requestStarted: 1000,\n  responseCompleted: 2000,\n}\n\nexport const testTextResponse: IRawResponse = {\n  method: 'GET',\n  url: 'https://some/text/data',\n  headers: { 'content-type': 'text/plain;charset=utf-8' },\n  contentType: 'text/plain;charset=utf-8',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('some text data'),\n  requestStarted: 1000,\n  responseCompleted: 2000,\n}\n\nexport const testHtmlResponse: IRawResponse = {\n  method: 'GET',\n  url: `https://some/html`,\n  headers: { 'content-type': 'text/html;charset=utf-8' },\n  contentType: 'text/html;charset=utf-8',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from(\n    '<table>\\n' +\n      '<tr><th>Orders Created Date</th><th>Orders Count</th></tr>\\n' +\n      '<tr><td>2019-12-22</td><td>39</td></tr>\\n' +\n      '</table>'\n  ),\n  requestStarted: 1000,\n  responseCompleted: 2000,\n}\n\nexport const testSqlResponse: IRawResponse = {\n  method: 'GET',\n  url: `https://some/sql`,\n  headers: { 'content-type': 'application/sql' },\n  contentType: 'application/sql',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from(`SELECT\n    COUNT(DISTINCT products.id ) AS \\`products.count\\`\nFROM demo_db.inventory_items  AS inventory_items\nLEFT JOIN demo_db.products  AS products ON inventory_items.product_id = products.id\nLIMIT 500`),\n  requestStarted: 1000,\n  responseCompleted: 2000,\n}\n\nexport const testImageResponse = (contentType = 'image/png'): IRawResponse => ({\n  method: 'GET',\n  url: `http://${contentType}`,\n  headers: { 'content-type': contentType },\n  contentType,\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('some image data'),\n  requestStarted: 1000,\n  responseCompleted: 2000,\n})\n\nexport const testUnknownResponse: IRawResponse = {\n  method: 'GET',\n  url: 'http://bogus',\n  headers: {},\n  contentType: 'bogus',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('some data'),\n  requestStarted: 1000,\n  responseCompleted: 2000,\n}\n\nexport const testErrorResponse: IRawResponse = {\n  method: 'GET',\n  url: 'http://error',\n  headers: {},\n  body: Buffer.from(\n    '{\"message\": \"Not found\", \"documentation_url\": \"http://docs.looker.com\"}'\n  ),\n  contentType: 'text',\n  ok: false,\n  statusCode: 404,\n  statusMessage: 'some status message',\n  requestStarted: 1000,\n  responseCompleted: 2000,\n}\n\nexport const testBogusJsonResponse: IRawResponse = {\n  method: 'GET',\n  url: 'https://some/json/data',\n  headers: {},\n  contentType: 'application/json',\n  ok: true,\n  statusCode: 200,\n  statusMessage: 'OK',\n  body: Buffer.from('<html><body>I AM A LYING JSON RESPONSE</body></html>'),\n  requestStarted: 1000,\n  responseCompleted: 2000,\n}\n"],"file":"responses.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@looker/run-it",
-  "version": "0.9.40",
+  "version": "0.9.42",
   "description": "A dynamic REST request input form and response visualizer",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
@@ -51,15 +51,15 @@
     "webpack-dev-server": "^3.11.2"
   },
   "dependencies": {
-    "@looker/code-editor": "^0.1.25",
+    "@looker/code-editor": "^0.1.27",
     "@looker/components": "^3.0.8",
     "@looker/design-tokens": "^2.7.21",
-    "@looker/extension-utils": "^0.1.17",
+    "@looker/extension-utils": "^0.1.19",
     "@looker/icons": "^1.5.3",
-    "@looker/sdk": "^22.18.0",
-    "@looker/sdk-codegen": "^21.7.2",
+    "@looker/sdk": "^22.20.1",
+    "@looker/sdk-codegen": "^21.7.4",
     "@looker/sdk-codegen-utils": "^21.0.11",
-    "@looker/sdk-rtl": "^21.4.0",
+    "@looker/sdk-rtl": "^21.5.0",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.28.0",
     "@styled-icons/material-rounded": "^10.28.0",
@@ -72,5 +72,5 @@
     "react-is": "^16.13.1",
     "styled-components": "^5.2.1"
   },
-  "gitHead": "051cf862cf3b422bf9bc0a38dcf2d7606f7500d1"
+  "gitHead": "5545803533abe44ccef1f1b87e99d9f3e5bdc316"
 }