added project based configuration

talhainvenxion · talhainvenxion · commit 66d8ef67890c · 2022-11-30T17:14:41.000+05:00
diff --git a/global.d.ts b/global.d.ts
@@ -74,7 +74,13 @@ interface TWorkspace {
   name: string;
   createdAt: Date;
 }
-
+interface Projects {
+  id: TId;
+  created: Date;
+  updated: Date;
+  name: string;
+  description: string;
+}
 interface TPipeline {
   id: TId;
   name: string;
diff --git a/src/api/endpoints.ts b/src/api/endpoints.ts
@@ -19,8 +19,13 @@ export const endpoints = {
     deleteInvite: (id: string): string => `/users/${id}`,
   },
 
+  projects: {
+    my: '/projects',
+  },
+
   pipelines: {
-    my: '/pipelines?hydrated=true',
+    my: (project: string): string =>
+      `/projects/${project}/pipelines?hydrated=true`,
     get: (pipelineId: TId): string =>
       `/pipelines/${pipelineId}?unlisted=false&hydrated=true`,
   },
diff --git a/src/api/pipelines/getMyPipelinesApi.ts b/src/api/pipelines/getMyPipelinesApi.ts
@@ -5,11 +5,13 @@ import { apiUrl } from '../apiUrl';
 
 const getMyPipelinesApi = ({
   authenticationToken,
+  project,
 }: {
   authenticationToken: string;
+  project: string;
 }): Promise<TPipeline> =>
   fetchApiWithAuthRequest({
-    url: apiUrl(endpoints.pipelines.my),
+    url: apiUrl(endpoints.pipelines.my(project)),
     method: httpMethods.get,
     authenticationToken,
   });
diff --git a/src/api/projects/getMyProjectsApi.ts b/src/api/projects/getMyProjectsApi.ts
@@ -0,0 +1,17 @@
+import { fetchApiWithAuthRequest } from '../fetchApi';
+import { endpoints } from '../endpoints';
+import { httpMethods } from '../constants';
+import { apiUrl } from '../apiUrl';
+
+const getMyProjectApi = ({
+  authenticationToken,
+}: {
+  authenticationToken: string;
+}): Promise<TPipeline> =>
+  fetchApiWithAuthRequest({
+    url: apiUrl(endpoints.projects.my),
+    method: httpMethods.get,
+    authenticationToken,
+  });
+
+export default getMyProjectApi;
diff --git a/src/redux/actionTypes/constants.ts b/src/redux/actionTypes/constants.ts
@@ -28,6 +28,11 @@ const pipelineActionTypes = {
   PIPELINES_GET_PIPELINE_FOR_ID: 'PIPELINES_GET_PIPELINE_FOR_ID',
   RUNS_GET_PIPELINE_FOR_ID: 'RUNS_GET_PIPELINE_FOR_ID',
 };
+
+const projectActionTypes = {
+  PROJECTS_GET_MY_PROJECTS: 'PROJECTS_GET_MY_PROJECTS',
+  SELECT_PROJECT_FROM_MY_PROJECTS: 'SELECT_PROJECT_FROM_MY_PROJECTS',
+};
 const stackActionTypes = {
   STACKS_GET_MY_STACKS: 'STACKS_GET_MY_STACKS',
   STACKS_GET_STACK_FOR_ID: 'STACKS_GET_STACK_FOR_ID',
@@ -79,6 +84,7 @@ export const actionTypes = {
   ...sessionActionTypes,
   ...userActionTypes,
   ...organizationActionTypes,
+  ...projectActionTypes,
   ...pipelineActionTypes,
   ...stackActionTypes,
   ...runActionTypes,
diff --git a/src/redux/actionTypes/index.ts b/src/redux/actionTypes/index.ts
@@ -2,8 +2,9 @@ import { actionTypes } from './constants';
 
 export * from './session';
 export * from './users';
+export * from './projects';
 export * from './organizations';
-
+export * from './projects';
 export * from './pipelines';
 export * from './stacks';
 export * from './stackComponents';
diff --git a/src/redux/actionTypes/projects.ts b/src/redux/actionTypes/projects.ts
@@ -0,0 +1,9 @@
+import { actionTypes } from './constants';
+import { generateApiActionsTypes } from './generateApiActionsTypes';
+
+export const projectActionTypes = {
+  getMyProjects: generateApiActionsTypes(actionTypes.PROJECTS_GET_MY_PROJECTS),
+  selectProject: generateApiActionsTypes(
+    actionTypes.SELECT_PROJECT_FROM_MY_PROJECTS,
+  ),
+};
diff --git a/src/redux/actions/index.ts b/src/redux/actions/index.ts
@@ -2,7 +2,7 @@ export * from './session';
 export * from './showToasterAction';
 export * from './users';
 export * from './organizations';
-
+export * from './projects';
 export * from './pipelines';
 export * from './stacks';
 export * from './stackComponents';
diff --git a/src/redux/actions/pipelines/getMyPipelinesAction.ts b/src/redux/actions/pipelines/getMyPipelinesAction.ts
@@ -2,9 +2,11 @@ import { pipelineActionTypes } from '../../actionTypes';
 import getMyPipelinesApi from '../../../api/pipelines/getMyPipelinesApi';
 
 export const getMyPipelinesAction = ({
+  project,
   onSuccess,
   onFailure,
 }: {
+  project: string;
   onSuccess?: () => void;
   onFailure?: () => void;
 }): TRequestAction => ({
@@ -14,6 +16,7 @@ export const getMyPipelinesAction = ({
     isAuthenticated: true,
     failureActionType: pipelineActionTypes.getMyPipelines.failure,
     successActionType: pipelineActionTypes.getMyPipelines.success,
+    params: { project },
     onSuccess,
     onFailure,
   },
diff --git a/src/redux/actions/projects/getMyProjectsAction.ts b/src/redux/actions/projects/getMyProjectsAction.ts
@@ -0,0 +1,20 @@
+import { projectActionTypes } from '../../actionTypes';
+import getMyProjectsApi from '../../../api/projects/getMyProjectsApi';
+
+export const getMyProjectsAction = ({
+  onSuccess,
+  onFailure,
+}: {
+  onSuccess?: () => void;
+  onFailure?: () => void;
+}): TRequestAction => ({
+  type: projectActionTypes.getMyProjects.request,
+  payload: {
+    apiMethod: getMyProjectsApi,
+    isAuthenticated: true,
+    failureActionType: projectActionTypes.getMyProjects.failure,
+    successActionType: projectActionTypes.getMyProjects.success,
+    onSuccess,
+    onFailure,
+  },
+});
diff --git a/src/redux/actions/projects/getSelectedProjectAction.ts b/src/redux/actions/projects/getSelectedProjectAction.ts
@@ -0,0 +1,19 @@
+import { projectActionTypes } from '../../actionTypes';
+
+export const getSelectedProjectAction = ({
+  allProjects,
+  seletecdProject,
+}: {
+  allProjects: any;
+  seletecdProject: any;
+
+  onSuccess?: () => void;
+  onFailure?: () => void;
+}): any => ({
+  type: projectActionTypes.selectProject.success,
+  payload: {
+    allProjects,
+    seletecdProject,
+    isAuthenticated: true,
+  },
+});
diff --git a/src/redux/actions/projects/index.ts b/src/redux/actions/projects/index.ts
@@ -0,0 +1,6 @@
+import { getMyProjectsAction } from './getMyProjectsAction';
+import { getSelectedProjectAction } from './getSelectedProjectAction';
+export const projectsActions = {
+  getMy: getMyProjectsAction,
+  getSelectedProject: getSelectedProjectAction,
+};
diff --git a/src/redux/persistedReducers.ts b/src/redux/persistedReducers.ts
@@ -12,7 +12,9 @@ import usersReducer, {
 import organizationsReducer, {
   initialState as organizationsInitialState,
 } from './reducers/organizationsReducer';
-
+import projectsReducer, {
+  initialState as projectsInitialState,
+} from './reducers/projectsReducer';
 import pipelinesReducer, {
   initialState as pipelinesInitialState,
 } from './reducers/pipelinesReducer';
@@ -50,6 +52,7 @@ const initialState = {
   users: usersInitialState,
   organizations: organizationsInitialState,
   pipelines: pipelinesInitialState,
+  projects: projectsInitialState,
   stacks: stacksInitialState,
   stackComponents: stackComponentsInitialState,
   runs: runsInitialState,
@@ -64,6 +67,7 @@ export const persisted = combineReducers({
   users: usersReducer,
   roles: rolesReducer,
   organizations: organizationsReducer,
+  projects: projectsReducer,
   pipelines: pipelinesReducer,
   stacks: stacksReducer,
   stackComponents: stackComponentsReducer,
diff --git a/src/redux/reducers/projectsReducer.ts b/src/redux/reducers/projectsReducer.ts
@@ -0,0 +1,77 @@
+import { camelCaseArray } from '../../utils/camelCase';
+import { projectActionTypes } from '../actionTypes';
+import { byKeyInsert, idsInsert } from './reducerHelpers';
+
+export interface State {
+  ids: TId[];
+  byId: Record<TId, Projects>;
+  myProjectIds: TId[];
+  selectedProject: string;
+}
+
+type ProjectsPayload = Projects[];
+
+type ProjectPayload = Projects;
+
+export type Action = {
+  type: string;
+  payload: any;
+};
+
+export const initialState: State = {
+  ids: [],
+  byId: {},
+  myProjectIds: [],
+  selectedProject: '',
+};
+
+const newState = (
+  state: State,
+  projects: Projects[],
+  defaultSelectedProject?: string,
+): State => ({
+  ...state,
+  ids: idsInsert(state.ids, projects),
+  byId: byKeyInsert(state.byId, projects),
+  selectedProject: defaultSelectedProject as string,
+});
+
+const projectsReducer = (
+  state: State = initialState,
+  action: Action,
+): State => {
+  switch (action.type) {
+    case projectActionTypes.getMyProjects.success: {
+      const projects: Projects[] = camelCaseArray(
+        action.payload as ProjectsPayload,
+      );
+
+      const myProjectIds: TId[] = projects.map(
+        (project: Projects) => project.id,
+      );
+      const defaultSelectedProject = projects[0].name;
+
+      return {
+        ...newState(state, projects, defaultSelectedProject),
+        myProjectIds,
+      };
+    }
+    case projectActionTypes.selectProject.success: {
+      const { seletecdProject, allProjects } = action.payload as any;
+
+      const myProjectIds: TId[] = allProjects.map(
+        (project: Projects) => project.id,
+      );
+
+      return {
+        ...newState(state, allProjects, seletecdProject),
+        myProjectIds,
+      };
+    }
+
+    default:
+      return state;
+  }
+};
+
+export default projectsReducer;
diff --git a/src/redux/sagas/actionTypesHandledByRequestSaga.ts b/src/redux/sagas/actionTypesHandledByRequestSaga.ts
@@ -2,6 +2,7 @@ import {
   loginActionTypes,
   userActionTypes,
   organizationActionTypes,
+  projectActionTypes,
   pipelineActionTypes,
   stackActionTypes,
   rolesActionTypes,
@@ -26,6 +27,8 @@ export const actionTypesHandledByRequestSaga: string[] = [
   organizationActionTypes.deleteInvite.request,
   organizationActionTypes.retryInvoice.request,
   organizationActionTypes.invite.request,
+  projectActionTypes.getMyProjects.request,
+  projectActionTypes.selectProject.request,
   pipelineActionTypes.getMyPipelines.request,
   pipelineActionTypes.getPipelineForId.request,
   pipelineActionTypes.getRunsByPipelineId.request,
diff --git a/src/redux/selectors/index.ts b/src/redux/selectors/index.ts
@@ -3,6 +3,7 @@ export * from './toaster';
 export * from './users';
 export * from './roles';
 export * from './organizations';
+export * from './projects';
 export * from './pipelines';
 export * from './stacks';
 export * from './stackComponents';
diff --git a/src/redux/selectors/projects.ts b/src/redux/selectors/projects.ts
@@ -0,0 +1,43 @@
+import _ from 'lodash';
+
+import { State } from '../reducers/projectsReducer';
+
+const stateKey = (state: State): State =>
+  _.get(state, 'persisted.projects') || {};
+
+const getById = (state: State): Record<TId, Projects> =>
+  _.get(stateKey(state), 'byId');
+
+const getMyProjectIds = (state: State): TId[] =>
+  _.get(stateKey(state), 'myProjectIds');
+
+const getSelectedProjectIds = (state: State): string =>
+  _.get(stateKey(state), 'selectedProject');
+
+export const myProjects = (state?: State | null): Projects[] => {
+  if (!state) return [];
+  const myProjectIds = getMyProjectIds(state);
+  const byId = getById(state);
+
+  return (myProjectIds || []).reduce((current: Projects[], id: TId) => {
+    const project = byId[id];
+
+    if (project) {
+      current = [...current, project];
+    }
+
+    return current;
+  }, [] as Projects[]);
+};
+export const selectedProject = (state?: State | null): string => {
+  if (!state) return '';
+  const project = getSelectedProjectIds(state);
+  return project;
+};
+
+const projectSelectors = {
+  myProjects: myProjects,
+  selectedProject: selectedProject,
+};
+
+export { projectSelectors };
diff --git a/src/ui/layouts/common/layouts/AuthenticatedLayout/AuthenticatedHeader.tsx b/src/ui/layouts/common/layouts/AuthenticatedLayout/AuthenticatedHeader.tsx
diff --git a/src/ui/layouts/pipelines/Pipelines/List/useService.ts b/src/ui/layouts/pipelines/Pipelines/List/useService.ts
diff --git a/src/ui/layouts/pipelines/Pipelines/useService.ts b/src/ui/layouts/pipelines/Pipelines/useService.ts
diff --git a/src/ui/layouts/session/Login/index.tsx b/src/ui/layouts/session/Login/index.tsx
diff --git a/src/ui/layouts/session/Login/useService.ts b/src/ui/layouts/session/Login/useService.ts
diff --git a/src/ui/layouts/session/UserEmail/Form.tsx b/src/ui/layouts/session/UserEmail/Form.tsx
diff --git a/src/ui/layouts/settings/EmailPopup.tsx b/src/ui/layouts/settings/EmailPopup.tsx
diff --git a/src/ui/layouts/settings/Organization/InvitePopup.tsx b/src/ui/layouts/settings/Organization/InvitePopup.tsx
