@looker/run-it 0.9.40 → 0.9.41

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+### [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 +600,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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@looker/run-it",
-  "version": "0.9.40",
+  "version": "0.9.41",
   "description": "A dynamic REST request input form and response visualizer",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
@@ -51,13 +51,13 @@
     "webpack-dev-server": "^3.11.2"
   },
   "dependencies": {
-    "@looker/code-editor": "^0.1.25",
+    "@looker/code-editor": "^0.1.26",
     "@looker/components": "^3.0.8",
     "@looker/design-tokens": "^2.7.21",
-    "@looker/extension-utils": "^0.1.17",
+    "@looker/extension-utils": "^0.1.18",
     "@looker/icons": "^1.5.3",
-    "@looker/sdk": "^22.18.0",
-    "@looker/sdk-codegen": "^21.7.2",
+    "@looker/sdk": "^22.20.0",
+    "@looker/sdk-codegen": "^21.7.3",
     "@looker/sdk-codegen-utils": "^21.0.11",
     "@looker/sdk-rtl": "^21.4.0",
     "@styled-icons/material": "^10.28.0",
@@ -72,5 +72,5 @@
     "react-is": "^16.13.1",
     "styled-components": "^5.2.1"
   },
-  "gitHead": "051cf862cf3b422bf9bc0a38dcf2d7606f7500d1"
+  "gitHead": "9c51de7916a40fd112b88db56f3ab9fc075a84d0"
 }