Add "Gitlab Project" Auth Type on exportUrl UI

package.json

@@ -143,5 +143,8 @@
   },
   "dependencies": {
     "react-dev-utils": "^12.0.1"
+  },
+  "volta": {
+    "node": "18.20.3"
   }
 }

src/config/config.ts

@@ -25,6 +25,7 @@ export default {
     authType: {
       token: 'token',
       gitlabToken: 'gitlab_token',
+      gitlabCommit: 'gitlab_commit',
       basic: 'Basic',
       bearer: 'Bearer'
     }

src/ui/components/UrlExportSettings.tsx

@@ -111,7 +111,7 @@ export const UrlExportSettings = () => {
           type='text'
           required
           pattern='^https://.*'
-          placeholder='https://api.github.com/repos/:username/:repo/dispatches'
+          placeholder= {(settings.authType === config.key.authType.gitlabCommit && 'https://gitlab.com/api/v4/projects/:projectId')|| 'https://api.github.com/repos/:username/:repo/dispatches'}
           value={settings.serverUrl}
           onChange={value => updateSettings(draft => { draft.serverUrl = value })}
         />
@@ -156,6 +156,10 @@ export const UrlExportSettings = () => {
               label: '(Gitlab) token',
               value: config.key.authType.gitlabToken
             },
+            {
+              label: '(Gitlab) Project Token',
+              value: config.key.authType.gitlabCommit
+            },
             {
               label: 'Basic authentication',
               value: config.key.authType.basic
@@ -198,6 +202,25 @@ export const UrlExportSettings = () => {
           </Row>
         </>}
 
+        {config.key.authType.gitlabCommit === settings.authType &&
+        <>
+          <h3>Branch<Info
+            width={150}
+            label='The branch where the file will be committed. Only used when Gitlab Project selected for "Auth type"'
+                       />
+          </h3>
+          <Row fill>
+            <Input
+              type='text'
+              required
+              pattern='\S+'
+              placeholder='main'
+              value={settings.reference}
+              onChange={value => updateSettings(draft => { draft.reference = value })}
+            />
+          </Row>
+        </>}
+
       <Separator />
       <Title size='xlarge' weight='bold'>About This Export</Title>
       <h3>Commit Message<Info width={200} label='Typically this will be a "commit message" for Git. Your organization may require a specific convention for these messages.' /></h3>