OAuth impersonation for GraphQL

Author: FalkWolsky

client/packages/lowcoder/src/pages/datasource/form/graphqlDatasourceForm.tsx

@@ -21,11 +21,14 @@ import {
 } from "../form";
 import { DatasourceFormProps } from "./datasourceFormRegistry";
 import { useHostCheck } from "./useHostCheck";
+import { useSelector } from "react-redux";
+import { getUser } from "redux/selectors/usersSelectors";
 
 const AuthTypeOptions = [
   { label: "None", value: "NO_AUTH" },
   { label: "Basic", value: "BASIC_AUTH" },
-  { label: "Digest", value: "DIGEST_AUTH" },
+  { label: "Digest", value: "DIGEST_AUTH" }, 
+  { label: "OAuth 2.0 (Inherit from login)", value: "OAUTH2_INHERIT_FROM_LOGIN" },
 ] as const;
 
 type AuthType = ValueFromOption<typeof AuthTypeOptions>;
@@ -46,7 +49,15 @@ export const GraphqlDatasourceForm = (props: DatasourceFormProps) => {
   const { form, datasource } = props;
   const datasourceConfig = datasource?.datasourceConfig as HttpConfig;
 
+  // here we get the Auth Sources from a user to enable user impersonation
+  const userAuthSources = useSelector(getUser).connections?.filter(authSource => authSource.source !== "EMAIL");;
+  const userAuthSourcesOptions = userAuthSources?.map(item => ({
+    label: item.source,
+    value: item.authId
+  })) || [];
+
   const [authType, setAuthType] = useState(datasourceConfig?.authConfig?.type);
+  const [authId, setAuthId] = useState(datasourceConfig?.authConfig?.authId);
 
   const hostRule = useHostCheck();
 
@@ -93,6 +104,22 @@ export const GraphqlDatasourceForm = (props: DatasourceFormProps) => {
     }
   };
 
+  const showUserAuthSourceSelector = () => {
+    if (authType === "OAUTH2_INHERIT_FROM_LOGIN") {
+      return (
+        <FormSelectItem
+          name={"authId"}
+          label="User Authentication Source"
+          options={userAuthSourcesOptions}
+          initialValue={datasourceConfig?.authConfig?authId : null}
+          afterChange={(value) => setAuthId(value) }
+          labelWidth={142}
+        />
+      );
+    }
+    return null;
+  };
+
   return (
     <DatasourceForm form={form} preserve={false}>
       <FormSection size={props.size}>
@@ -138,6 +165,7 @@ export const GraphqlDatasourceForm = (props: DatasourceFormProps) => {
           afterChange={(value) => setAuthType(value)}
           labelWidth={142}
         />
+        {showUserAuthSourceSelector()}
         {showAuthItem(authType as AuthType)}
       </FormSection>
 

client/packages/lowcoder/src/pages/datasource/form/useDatasourceForm.ts

@@ -63,6 +63,10 @@ export function useDatasourceForm() {
         case "graphql":
           config = {
             ...config,
+            authConfig: {
+              type: form.getFieldsValue()["authConfigType"],
+              authId: form.getFieldsValue()["authId"],
+            },
             sslConfig: {
               sslCertVerificationType: form.getFieldValue("sslCertVerificationType"),
               selfSignedCert: form.getFieldValue("selfSignedCert"),

client/scripts/build.js

@@ -82,7 +82,7 @@ shell.env["REACT_APP_COMMIT_ID"] = shell.env["REACT_APP_COMMIT_ID"] || shell.exe
 
 // Treating warnings as errors when process.env.CI = true.
 shell.env["CI"] = false;
-shell.env["NODE_OPTIONS"] = "--max_old_space_size=4096";
+shell.env["NODE_OPTIONS"] = "--max_old_space_size=8192";
 shell.env["NODE_ENV"] = "production";
 shell.env["REACT_APP_LOG_LEVEL"] = "error";
 shell.env["REACT_APP_BUNDLE_BUILTIN_PLUGIN"] = "true";