feat: Made changes to support datasources configuration page for workspace

app/client/src/ce/IDE/Interfaces/IDETypes.ts

@@ -2,6 +2,7 @@ export const IDE_TYPE = {
   None: "None",
   App: "App",
   UIPackage: "UIPackage",
+  Workspace: "Workspace",
 } as const;
 
 export type IDEType = keyof typeof IDE_TYPE;

app/client/src/ce/IDE/constants/routes.ts

@@ -42,4 +42,5 @@ export const IDEBasePaths: Readonly<Record<IDEType, string[]>> = {
   [IDE_TYPE.None]: [],
   [IDE_TYPE.App]: [BUILDER_PATH, BUILDER_PATH_DEPRECATED, BUILDER_CUSTOM_PATH],
   [IDE_TYPE.UIPackage]: [],
+  [IDE_TYPE.Workspace]: [],
 };

app/client/src/ce/RouteBuilder.ts

@@ -197,6 +197,14 @@ export const queryAddURL = (props: URLBuilderParams): string =>
     suffix: `queries/add`,
   });
 
+export const workspaceDatasourcesURL = (workspaceId: string): string =>
+  `/workspace/${workspaceId}/datasources`;
+
+export const workspaceDatasourceEditorURL = (
+  workspaceId: string,
+  datasourceId: string,
+): string => `/workspace/${workspaceId}/datasources/${datasourceId}`;
+
 export const appLibrariesURL = (): string =>
   urlBuilder.build({
     suffix: "libraries",

app/client/src/ce/actions/workspaceIDEActions.ts

@@ -0,0 +1,10 @@
+import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
+
+export interface InitWorkspaceIDEPayload {
+  workspaceId: string;
+}
+
+export const initWorkspaceIDE = (payload: InitWorkspaceIDEPayload) => ({
+  type: ReduxActionTypes.INITIALIZE_WORKSPACE_IDE,
+  payload,
+});

app/client/src/ce/constants/ReduxActionConstants.tsx

@@ -411,6 +411,8 @@ const IDEActionTypes = {
   INITIALIZE_CURRENT_PAGE: "INITIALIZE_CURRENT_PAGE",
   INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
   INITIALIZE_EDITOR_SUCCESS: "INITIALIZE_EDITOR_SUCCESS",
+  INITIALIZE_WORKSPACE_IDE: "INITIALIZE_WORKSPACE_IDE",
+  INITIALIZE_WORKSPACE_IDE_SUCCESS: "INITIALIZE_WORKSPACE_IDE_SUCCESS",
   INITIALIZE_PAGE_VIEWER: "INITIALIZE_PAGE_VIEWER",
   INITIALIZE_PAGE_VIEWER_SUCCESS: "INITIALIZE_PAGE_VIEWER_SUCCESS",
   SET_EXPLORER_PINNED: "SET_EXPLORER_PINNED",
@@ -478,6 +480,7 @@ const IDEActionTypes = {
 const IDEActionErrorTypes = {
   SETUP_PAGE_ERROR: "SETUP_PAGE_ERROR",
   SETUP_PUBLISHED_PAGE_ERROR: "SETUP_PUBLISHED_PAGE_ERROR",
+  INITIALIZE_WORKSPACE_IDE_ERROR: "INITIALIZE_WORKSPACE_IDE_ERROR",
 };
 
 const ErrorManagementActionTypes = {

app/client/src/ce/entities/Engine/WorkspaceEditorEngine.ts

@@ -0,0 +1,109 @@
+import { call, put } from "redux-saga/effects";
+import CodemirrorTernService from "utils/autocomplete/CodemirrorTernService";
+import {
+  ReduxActionErrorTypes,
+  ReduxActionTypes,
+} from "ee/constants/ReduxActionConstants";
+import { isAirgapped } from "ee/utils/airgapHelpers";
+import { fetchPluginFormConfigs, fetchPlugins } from "actions/pluginActions";
+import {
+  fetchDatasources,
+  fetchMockDatasources,
+} from "actions/datasourceActions";
+import { failFastApiCalls } from "sagas/InitSagas";
+import {
+  PluginFormConfigsNotFoundError,
+  PluginsNotFoundError,
+} from "entities/Engine";
+import type { ReduxAction } from "actions/ReduxActionTypes";
+import { waitForFetchEnvironments } from "ee/sagas/EnvironmentSagas";
+import { fetchingEnvironmentConfigs } from "ee/actions/environmentAction";
+
+export default class WorkspaceEditorEngine {
+  constructor() {
+    this.setupEngine = this.setupEngine.bind(this);
+    this.loadWorkspace = this.loadWorkspace.bind(this);
+    this.loadPluginsAndDatasources = this.loadPluginsAndDatasources.bind(this);
+    this.completeChore = this.completeChore.bind(this);
+  }
+
+  *loadWorkspace(workspaceId: string) {
+    // Set the current workspace context
+    yield put({
+      type: ReduxActionTypes.SET_CURRENT_WORKSPACE_ID,
+      payload: {
+        workspaceId,
+        editorId: workspaceId, // Use workspaceId as editorId for workspace context
+      },
+    });
+
+    // Fetch environment configs for the workspace
+    yield put(
+      fetchingEnvironmentConfigs({
+        workspaceId,
+        editorId: workspaceId,
+        fetchDatasourceMeta: true,
+      }),
+    );
+
+    // Wait for environments to be fetched
+    yield call(waitForFetchEnvironments);
+  }
+
+  public *setupEngine() {
+    yield put({ type: ReduxActionTypes.START_EVALUATION });
+    CodemirrorTernService.resetServer();
+  }
+
+  *loadPluginsAndDatasources(workspaceId: string) {
+    const isAirgappedInstance = isAirgapped();
+    const initActions: ReduxAction<unknown>[] = [
+      fetchPlugins({ workspaceId }),
+      fetchDatasources({ workspaceId }),
+    ];
+
+    const successActions = [
+      ReduxActionTypes.FETCH_PLUGINS_SUCCESS,
+      ReduxActionTypes.FETCH_DATASOURCES_SUCCESS,
+    ];
+
+    const errorActions = [
+      ReduxActionErrorTypes.FETCH_PLUGINS_ERROR,
+      ReduxActionErrorTypes.FETCH_DATASOURCES_ERROR,
+    ];
+
+    if (!isAirgappedInstance) {
+      initActions.push(fetchMockDatasources());
+      successActions.push(ReduxActionTypes.FETCH_MOCK_DATASOURCES_SUCCESS);
+      errorActions.push(ReduxActionErrorTypes.FETCH_MOCK_DATASOURCES_ERROR);
+    }
+
+    const initActionCalls: boolean = yield call(
+      failFastApiCalls,
+      initActions,
+      successActions,
+      errorActions,
+    );
+
+    if (!initActionCalls)
+      throw new PluginsNotFoundError("Unable to fetch plugins");
+
+    const pluginFormCall: boolean = yield call(
+      failFastApiCalls,
+      [fetchPluginFormConfigs()],
+      [ReduxActionTypes.FETCH_PLUGIN_FORM_CONFIGS_SUCCESS],
+      [ReduxActionErrorTypes.FETCH_PLUGIN_FORM_CONFIGS_ERROR],
+    );
+
+    if (!pluginFormCall)
+      throw new PluginFormConfigsNotFoundError(
+        "Unable to fetch plugin form configs",
+      );
+  }
+
+  *completeChore() {
+    yield put({
+      type: ReduxActionTypes.INITIALIZE_WORKSPACE_IDE_SUCCESS,
+    });
+  }
+}

app/client/src/ce/entities/URLRedirect/URLAssembly.ts

@@ -13,6 +13,7 @@ import { APP_MODE } from "entities/App";
 import { generatePath } from "react-router";
 import getQueryParamsObject from "utils/getQueryParamsObject";
 import { isNil } from "lodash";
+import { objectKeys } from "@appsmith/utils";
 
 export interface URLBuilderParams {
   suffix?: string;
@@ -26,6 +27,7 @@ export interface URLBuilderParams {
   // This is used to pass ID if the sender doesn't know the type of the entity
   // base version of parent entity id, can be basePageId or moduleId
   baseParentEntityId?: string;
+  workspaceId?: string;
   generateEditorPath?: boolean;
 }
 
@@ -65,7 +67,7 @@ export interface PageURLParams {
 export function getQueryStringfromObject(
   params: Record<string, string> = {},
 ): string {
-  const paramKeys = Object.keys(params);
+  const paramKeys = objectKeys(params);
   const queryParams: string[] = [];
 
   if (paramKeys) {
@@ -241,9 +243,24 @@ export class URLBuilder {
   }
 
   generateBasePath(basePageId: string, mode: APP_MODE) {
+    // Check if we're in workspace context
+    if (this.isWorkspaceContext()) {
+      return this.generateBasePathForWorkspace(basePageId);
+    }
+
     return this.generateBasePathForApp(basePageId, mode);
   }
 
+  isWorkspaceContext(): boolean {
+    const currentUrl = window.location.pathname;
+
+    return currentUrl.startsWith("/workspace");
+  }
+
+  generateBasePathForWorkspace(workspaceId: string) {
+    return `/workspace/${workspaceId}/datasources`;
+  }
+
   getCustomSlugPathPreview(basePageId: string, customSlug: string) {
     const urlPattern =
       baseURLRegistry[URL_TYPE.CUSTOM_SLUG][APP_MODE.PUBLISHED];
@@ -284,9 +301,26 @@ export class URLBuilder {
   }
 
   resolveEntityId(builderParams: URLBuilderParams): string {
+    // Check if we're in workspace context
+    if (this.isWorkspaceContext()) {
+      return this.resolveEntityIdForWorkspace(builderParams);
+    }
+
     return this.resolveEntityIdForApp(builderParams);
   }
 
+  resolveEntityIdForWorkspace(builderParams: URLBuilderParams): string {
+    // Extract workspaceId from current URL if not provided
+    if (builderParams?.workspaceId) {
+      return builderParams.workspaceId;
+    }
+
+    const currentUrl = window.location.pathname;
+    const workspaceMatch = currentUrl.match(/^\/workspace\/([^\/]+)/);
+
+    return workspaceMatch ? workspaceMatch[1] : "";
+  }
+
   /**
    * @throws {URIError}
    * @param builderParams
@@ -304,6 +338,14 @@ export class URLBuilder {
 
     const entityId = this.resolveEntityId(builderParams);
 
+    // Handle workspace-specific suffix modification
+    let modifiedSuffix = suffix;
+
+    if (this.isWorkspaceContext() && suffix?.startsWith("datasource/")) {
+      // For workspace context, remove the 'datasource/' prefix from suffix
+      modifiedSuffix = suffix.replace("datasource/", "");
+    }
+
     const basePath = this.generateBasePath(entityId, mode);
 
     const queryParamsToPersist = fetchQueryParamsToPersist(
@@ -320,7 +362,7 @@ export class URLBuilder {
 
     const queryString = getQueryStringfromObject(modifiedQueryParams);
 
-    const suffixPath = suffix ? `/${suffix}` : "";
+    const suffixPath = modifiedSuffix ? `/${modifiedSuffix}` : "";
 
     const hashPath = hash ? `#${hash}` : "";
 

app/client/src/ce/pages/Applications/WorkspaceMenu.tsx

@@ -166,6 +166,19 @@ function WorkspaceMenu({
           workspaceId={workspace.id}
           workspacePermissions={workspace.userPermissions || []}
         />
+        {hasManageWorkspacePermissions && (
+          <CustomMenuItem
+            className="workspace-menu-item"
+            onClick={() =>
+              getOnSelectAction(DropdownOnSelectActions.REDIRECT, {
+                path: `/workspace/${workspace.id}/datasources`,
+              })
+            }
+          >
+            <Icon name="database-2-line" size="md" />
+            Datasources
+          </CustomMenuItem>
+        )}
         {canInviteToWorkspace && (
           <CustomMenuItem
             className="error-menuitem workspace-menu-item"

app/client/src/ce/reducers/uiReducers/editorReducer.tsx

@@ -15,6 +15,7 @@ import type { UpdateCanvasPayload } from "actions/pageActions";
 export const initialState: EditorReduxState = {
   widgetConfigBuilt: false,
   initialized: false,
+  isWorkspaceEditorInitialized: false,
   loadingStates: {
     publishing: false,
     publishingError: false,
@@ -65,6 +66,14 @@ export const handlers = {
   [ReduxActionTypes.INITIALIZE_EDITOR_SUCCESS]: (state: EditorReduxState) => {
     return { ...state, initialized: true };
   },
+  [ReduxActionTypes.INITIALIZE_WORKSPACE_IDE]: (state: EditorReduxState) => {
+    return { ...state, isWorkspaceEditorInitialized: false };
+  },
+  [ReduxActionTypes.INITIALIZE_WORKSPACE_IDE_SUCCESS]: (
+    state: EditorReduxState,
+  ) => {
+    return { ...state, isWorkspaceEditorInitialized: true };
+  },
   [ReduxActionTypes.UPDATE_PAGE_SUCCESS]: (
     state: EditorReduxState,
     action: ReduxAction<UpdatePageResponse>,
@@ -318,6 +327,7 @@ const editorReducer = createReducer(initialState, handlers);
 export interface EditorReduxState {
   widgetConfigBuilt: boolean;
   initialized: boolean;
+  isWorkspaceEditorInitialized: boolean;
   pageWidgetId?: string;
   currentLayoutId?: string;
   currentPageName?: string;

app/client/src/ce/sagas/index.tsx

@@ -57,6 +57,7 @@ import PostEvaluationSagas from "sagas/PostEvaluationSagas";
 /* Sagas that are registered by a module that is designed to be independent of the core platform */
 import ternSagas from "sagas/TernSaga";
 import gitApplicationSagas from "git-artifact-helpers/application/sagas";
+import workspaceIDESagas from "ee/sagas/workspaceIDESagas";
 
 export const sagas = [
   initSagas,
@@ -75,6 +76,7 @@ export const sagas = [
   templateSagas,
   pluginSagas,
   workspaceSagas,
+  workspaceIDESagas,
   curlImportSagas,
   snipingModeSagas,
   queryPaneSagas,

app/client/src/ce/sagas/workspaceIDESagas.ts

@@ -0,0 +1,43 @@
+import { all, put, call, takeLatest } from "redux-saga/effects";
+
+import {
+  ReduxActionErrorTypes,
+  ReduxActionTypes,
+} from "ee/constants/ReduxActionConstants";
+import WorkspaceEditorEngine from "ee/entities/Engine/WorkspaceEditorEngine";
+import type { ReduxAction } from "actions/ReduxActionTypes";
+import type { InitWorkspaceIDEPayload } from "ee/actions/workspaceIDEActions";
+import { resetEditorRequest } from "actions/initActions";
+
+export function* startWorkspaceIDE(
+  action: ReduxAction<InitWorkspaceIDEPayload>,
+) {
+  try {
+    const workspaceEngine = new WorkspaceEditorEngine();
+    const { workspaceId } = action.payload;
+
+    /**
+     * During editor switches like app (view mode) -> workspace
+     * there are certain cases were stale data stays in reducers.
+     * This ensures a clean state of reducers and avoids any dependency
+     */
+    yield put(resetEditorRequest());
+    yield call(workspaceEngine.setupEngine);
+    yield call(workspaceEngine.loadWorkspace, workspaceId);
+    yield call(workspaceEngine.loadPluginsAndDatasources, workspaceId);
+    yield call(workspaceEngine.completeChore);
+  } catch (error) {
+    yield put({
+      type: ReduxActionErrorTypes.INITIALIZE_WORKSPACE_IDE_ERROR,
+      payload: {
+        error,
+      },
+    });
+  }
+}
+
+export default function* watchWorkspaceIDESagas() {
+  yield all([
+    takeLatest(ReduxActionTypes.INITIALIZE_WORKSPACE_IDE, startWorkspaceIDE),
+  ]);
+}

app/client/src/constants/routes/baseRoutes.ts

@@ -28,6 +28,7 @@ export const WORKSPACE_INVITE_USERS_PAGE_URL = `${WORKSPACE_URL}/invite`;
 export const WORKSPACE_SETTINGS_PAGE_URL = `${WORKSPACE_URL}/settings`;
 export const WORKSPACE_SETTINGS_GENERAL_PAGE_URL = `${WORKSPACE_URL}/settings/general`;
 export const WORKSPACE_SETTINGS_MEMBERS_PAGE_URL = `${WORKSPACE_URL}/settings/members`;
+export const WORKSPACE_DATASOURCES_PAGE_URL = `${WORKSPACE_URL}/datasources`;
 export const WORKSPACE_SETTINGS_LICENSE_PAGE_URL = `/settings/license`;
 export const ORG_LOGIN_PATH = "/org";
 

app/client/src/ee/actions/workspaceIDEActions.ts

@@ -0,0 +1 @@
+export * from "ce/actions/workspaceIDEActions";

app/client/src/ee/entities/Engine/WorkspaceEditorEngine.ts

@@ -0,0 +1 @@
+export { default } from "ce/entities/Engine/WorkspaceEditorEngine";

app/client/src/ee/sagas/workspaceIDESagas.ts

@@ -0,0 +1,2 @@
+export * from "ce/sagas/workspaceIDESagas";
+export { default } from "ce/sagas/workspaceIDESagas";