feat: add code repositories (#340)

Author: Cahllagerfeld

global.d.ts

@@ -55,6 +55,27 @@ interface TUser {
   created: any;
 }
 
+interface TRepository {
+  id: TId;
+  created: string;
+  updated: string;
+  user: TUser;
+  workspace: TWorkspace;
+  name: string;
+  logo_url: string;
+  description: string;
+  config: {
+    owner: string;
+    repository: string;
+    token: string;
+  };
+  source: {
+    module: string;
+    attribute: string;
+    type: string;
+  };
+}
+
 interface THubUser {
   id: string;
   email: string;

src/App.css

@@ -55,12 +55,12 @@ html {
   padding-right: 0;
 }
 
-a[class*='active'] .sidebar-fill path {
+a[class*='MenuItem'][class*='active'] .sidebar-fill path {
   stroke: transparent !important;
   fill: #e8a562 !important;
 }
 
-a:hover .sidebar-fill path {
+a[class*='MenuItem']:hover .sidebar-fill path {
   stroke: transparent !important;
   fill: #e8a562 !important;
 }

src/api/endpoints.ts

@@ -38,6 +38,10 @@ export const endpoints = {
     my: `/secrets`,
     get: (secretId: TId): string => `/secrets/${secretId}`,
   },
+  repositories: {
+    getAll: (workspace: string) => `/workspaces/${workspace}/code_repositories`,
+    getByID: (repositoryID: string) => `/code_repositories/${repositoryID}`,
+  },
   StackComponents: {
     types: '/component-types',
     my: (type: string, workspace: string): string =>
@@ -53,6 +57,10 @@ export const endpoints = {
     pipeline: {
       get: (pipelineId: TId): string => `/runs?pipeline_id=${pipelineId}`,
     },
+    repository: {
+      get: (repositoryId: TId): string =>
+        `/runs?code_repository_id=${repositoryId}`,
+    },
     stack: {
       get: (stackId: TId): string => `/runs?stack_id=${stackId}`,
     },

src/api/repositories/getAllRepositories.ts

@@ -0,0 +1,45 @@
+import { fetchApiWithAuthRequest } from '../fetchApi';
+import { endpoints } from '../endpoints';
+import { httpMethods } from '../constants';
+import { apiUrl } from '../apiUrl';
+
+const getRepositories = ({
+  component_id,
+  workspace,
+  sort_by,
+  logical_operator,
+  page,
+  size,
+  name,
+  filtersParam,
+  // id,
+  authenticationToken,
+}: {
+  component_id?: any;
+  workspace: string;
+  sort_by: string;
+  logical_operator: string;
+  page: number;
+  size: number;
+  name?: string;
+  filtersParam?: object;
+  // id?: any;
+  authenticationToken: string;
+}): Promise<TStack> =>
+  fetchApiWithAuthRequest({
+    url: apiUrl(endpoints.repositories.getAll(workspace)),
+    params: {
+      component_id,
+      sort_by,
+      logical_operator,
+      page,
+      size,
+      name,
+      ...filtersParam,
+      // id,
+    },
+    method: httpMethods.get,
+    authenticationToken,
+  });
+
+export default getRepositories;

src/api/repositories/getRepositoryByID.ts

@@ -0,0 +1,19 @@
+import { fetchApiWithAuthRequest } from '../fetchApi';
+import { endpoints } from '../endpoints';
+import { httpMethods } from '../constants';
+import { apiUrl } from '../apiUrl';
+
+const getRepositoryByID = ({
+  authenticationToken,
+  repositoryID,
+}: {
+  authenticationToken: string;
+  repositoryID: TId;
+}): Promise<any> =>
+  fetchApiWithAuthRequest({
+    url: apiUrl(endpoints.repositories.getByID(repositoryID)),
+    method: httpMethods.get,
+    authenticationToken,
+  });
+
+export default getRepositoryByID;

src/api/repositories/getRunsByRepoId.ts

@@ -0,0 +1,30 @@
+import { fetchApiWithAuthRequest } from '../fetchApi';
+import { endpoints } from '../endpoints';
+import { httpMethods } from '../constants';
+import { apiUrl } from '../apiUrl';
+
+const getAllRunsByRepositoryIdApi = ({
+  authenticationToken,
+  repositoryID,
+  sort_by,
+  logical_operator,
+  page,
+  size,
+  filtersParam,
+}: {
+  sort_by: string;
+  logical_operator: string;
+  page: number;
+  size: number;
+  filtersParam?: any;
+  authenticationToken: string;
+  repositoryID: TId;
+}): Promise<TOrganization> =>
+  fetchApiWithAuthRequest({
+    url: apiUrl(endpoints.runs.repository.get(repositoryID)),
+    params: { sort_by, logical_operator, page, size, ...filtersParam }, // todo: get runs by pipeline id please update endpoint
+    method: httpMethods.get,
+    authenticationToken,
+  });
+
+export default getAllRunsByRepositoryIdApi;

src/constants/constantCommands.ts

@@ -34,6 +34,11 @@ export const constantCommandsToCreateSecret = {
     'https://docs.zenml.io/starter-guide/production-fundamentals/secrets-management',
 };
 
+export const constantCommandsToCreateRepository = {
+  documentation:
+    'https://docs.zenml.io/starter-guide/production-fundamentals/code-repositories',
+};
+
 export const constantCommandsToCreatePipeline = {
   title: 'Pipeline Cheatsheet',
   documentation: 'https://docs.zenml.io/starter-guide/pipelines',

src/redux/actionTypes/constants.ts

@@ -85,6 +85,16 @@ const runActionTypes = {
   GRAPH_FOR_RUN_ID: 'GRAPH_FOR_RUN_ID',
 };
 
+const repositoryActionTypes = {
+  REPOSITORY_GET_ALL: 'REPOSITORY_GET_ALL',
+  REPOSITORY_BY_ID: 'REPOSITORY_BY_ID',
+  RUNS_GET_BY_REPOSITORY_ID: 'RUNS_GET_BY_REPOSITORY_ID',
+};
+
+const repositoryPagesActionTypes = {
+  REPOSITORY_PAGES_SET_FETCHING: 'REPOSITORY_PAGES_SET_FETCHING',
+};
+
 const pipelinePagesActionTypes = {
   PIPELINE_PAGES_SET_SELECTED_RUN_IDS: 'PIPELINE_PAGES_SET_SELECTED_RUN_IDS',
   PIPELINE_PAGES_SET_FETCHING: 'PIPELINE_PAGES_SET_FETCHING',
@@ -127,12 +137,14 @@ export const actionTypes = {
   ...runActionTypes,
   ...runPagesActionTypes,
   ...rolesActionTypes,
+  ...repositoryActionTypes,
   ...pipelinePagesActionTypes,
   ...stackPagesActionTypes,
   ...stackComponentPagesActionTypes,
   ...stackComponentActionTypes,
   ...flavorActionTypes,
   ...flavorPagesActionTypes,
+  ...repositoryPagesActionTypes,
   ...serverInfoActionTypes,
 };
 

src/redux/actionTypes/index.ts

@@ -18,5 +18,7 @@ export * from './secrets';
 export * from './stackComponentPages';
 export * from './flavors';
 export * from './flavorsPages';
+export * from './repositories';
+export * from './repositoriesPages';
 export * from './serverInfo';
 export const SHOW_TOASTER_ACTION_TYPE = actionTypes.SHOW_TOASTER;

src/redux/actionTypes/repositories.ts

@@ -0,0 +1,10 @@
+import { actionTypes } from './constants';
+import { generateApiActionsTypes } from './generateApiActionsTypes';
+
+export const repositoryActionTypes = {
+  getRepositories: generateApiActionsTypes(actionTypes.REPOSITORY_GET_ALL),
+  getRepositoryByID: generateApiActionsTypes(actionTypes.REPOSITORY_BY_ID),
+  getRunsByRepoID: generateApiActionsTypes(
+    actionTypes.RUNS_GET_BY_REPOSITORY_ID,
+  ),
+};