feat: add code repository page (#512)

* feat: component import

* feat: removed errors, styled landingheader

* feat: checkbox

* feat: static page pt.2

* fix: package.json

* fix: eslint errors

* fix: styles overwrite

* feat: update code repo table

* feat: add code repository page

* fix: type error

* feat: code repository one of components

* fix: styling pt. 1

* feat: update optional secret field

* feat: add delete button with confirm modal

* fix: input select arrow styles

* fix: create repository page & update create secret flow

* fix: validate repository urls using the selected gitService

* fix: label validation

* fix: textField input color

* fix: validation errors & improve error messages

* fix: test private repo connect

* feat: improve coderepository validations for SSH urls

* fix: repository url validation

* feat: add auto-select for git service

* fix: show connection result

---------

Co-authored-by: dennisvankekem <dvankeke@akamai.com>

Author: ferruhcihan

package-lock.json

@@ -12,9 +12,11 @@
   },
   "dependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@braintree/sanitize-url": "^6.0.4",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@fortawesome/fontawesome-free": "5.15.4",
+    "@hookform/resolvers": "^3.9.0",
     "@iconify/react": "^3.2.1",
     "@monaco-editor/react": "^4.6.0",
     "@mui/icons-material": "5.8.4",
@@ -40,10 +42,12 @@
     "lodash": "4.17.21",
     "markdown-to-jsx": "^7.7.3",
     "notistack": "2.0.5",
+    "ramda": "^0.30.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-error-boundary": "5.0.0",
     "react-helmet": "6.1.0",
+    "react-hook-form": "^7.53.0",
     "react-i18next": "^12.0.0",
     "react-linkify": "^1.0.0-alpha",
     "react-redux": "7.2.8",
@@ -55,7 +59,8 @@
     "tss-react": "3.7.0",
     "typeface-comfortaa": "1.1.13",
     "typeface-roboto": "0.0.75",
-    "yaml": "^2.7.0"
+    "yaml": "^2.7.0",
+    "yup": "^0.32.9"
   },
   "devDependencies": {
     "@commitlint/cli": "11.0.0",
@@ -95,6 +100,7 @@
     "prettier": "2.7.0",
     "standard-version": "9.5.0",
     "ts-jest": "26.5.6",
+    "ts-node": "^10.9.2",
     "typescript": "4.7.3"
   },
   "engines": {

package.json

@@ -62,7 +62,7 @@
   "TITLE_NETPOL": "Network Policy {{secretId}} - {{role}}",
   "TITLE_SECRETS": "Secrets",
   "TITLE_SEALEDSECRETS": "Sealed Secrets",
-  "TITLE_NETPOLS": "Sealed Secrets",
+  "TITLE_NETPOLS": "Network Policies",
   "TITLE_SERVICE": "Service details",
   "TITLE_SERVICES": "Services - {{scope}}",
   "TITLE_SETTINGS": "Settings - {{settingId}}",
@@ -100,5 +100,9 @@
   "edit": "edit",
   "enabled": "enabled",
   "help": "help",
-  "submit": "submit"
+  "submit": "submit",
+  "CodeRepository": "Code Repository",
+  "CodeRepository_plural": "Code Repositories",
+  "TITLE_CODEREPOSITORY": "Code Repository Details",
+  "TITLE_CODEREPOSITORIES": "Code Repositories - {{scope}}"
 }

public/assets/coderepositories_icon.svg

@@ -53,6 +53,8 @@ import Policy from 'pages/Policy'
 import Maintenance from 'pages/Maintenance'
 import PrivateRoute from 'components/AuthzRoute'
 import Logout from 'pages/Logout'
+import CodeRepository from 'pages/code-repositories/create-edit'
+import CodeRepositories from 'pages/code-repositories/overview'
 import { HttpErrorBadRequest } from './utils/error'
 import { NotistackProvider, SnackbarUtilsConfigurator } from './utils/snack'
 
@@ -86,8 +88,29 @@ function App() {
                               <CssBaseline />
                               <Helmet titleTemplate='%s | APL' defaultTitle='Akamai APL Platform' />
                               <Switch>
-                                {/* ! user && <Route path='/' component={Home} exact /> */}
                                 <Route path='/' component={Dashboard} exact />
+                                <PrivateRoute
+                                  path='/coderepositories'
+                                  component={CodeRepositories}
+                                  platformAdminRoute
+                                  exact
+                                />
+                                <PrivateRoute
+                                  path='/teams/:teamId/coderepositories'
+                                  component={CodeRepositories}
+                                  exact
+                                />
+                                <PrivateRoute
+                                  path='/teams/:teamId/create-coderepository'
+                                  component={CodeRepository}
+                                  exact
+                                />
+                                <PrivateRoute
+                                  path='/teams/:teamId/coderepositories/:coderepositoryId'
+                                  component={CodeRepository}
+                                  exact
+                                />
+
                                 <PrivateRoute path='/apps/:teamId' component={Apps} exact />
                                 <PrivateRoute path='/apps/:teamId/:appId' component={OtomiApp} exact />
                                 <PrivateRoute path='/backups' component={Backups} platformAdminRoute exact />

public/i18n/en/common.json

@@ -0,0 +1,13 @@
+import React from 'react'
+
+function Checkbox() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'>
+      <g fill='none' fillRule='evenodd' stroke='currentColor' strokeWidth='2'>
+        <path d='M0 0H26V26H0z' className='defaultFill' />
+      </g>
+    </svg>
+  )
+}
+
+export default Checkbox

public/logos/github_logo.svg

@@ -0,0 +1,18 @@
+import React from 'react'
+
+function CheckboxChecked() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'>
+      <g fill='none' fillRule='evenodd' stroke='none' strokeWidth='1'>
+        <path fill='currentColor' d='M0 0H26V26H0z' />
+        <path
+          fill='#FFF'
+          fillRule='nonzero'
+          d='M10.33 14.6l6.88-6.888a.366.366 0 01.519 0l.955.954a.381.381 0 010 .537l-8.094 8.085a.366.366 0 01-.518 0l-3.756-3.751a.381.381 0 01-.002-.535l.949-.954a.354.354 0 01.51-.003l2.558 2.554z'
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default CheckboxChecked

public/logos/gitlab_logo.svg

@@ -0,0 +1,19 @@
+import React from 'react'
+
+function Docs() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'>
+      <path
+        fill='none'
+        fillRule='evenodd'
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth='1.25'
+        d='M1.974 19.375c-.727 0-1.316-.56-1.316-1.25V1.875c0-.69.589-1.25 1.316-1.25h13.158c.343 0 .672.127.918.355l2.632 2.402c.254.236.397.558.397.895v15.098H1.974zm2.631-12.5h10.527m-10.527 3.75h5.263m-5.263 3.75l7.5.125'
+      />
+    </svg>
+  )
+}
+
+export default Docs