dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: gitlab auth and compose reload

Browse Source
This commit is contained in:
Andras Bacsai
2022-10-12 11:11:18 +02:00
parent 25f250310e
commit 7a053ce697
4 changed files with 167 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ui/src/lib/api.ts
View File

@@ -110,7 +110,7 @@ async function send({
if ( if (
response.status === 401 && response.status === 401 &&
!path.startsWith('https://api.github') && !path.startsWith('https://api.github') &&
!path.includes('/v4/user') !path.includes('/v4/')
) { ) {
Cookies.remove('token'); Cookies.remove('token');
} }

2
apps/ui/src/routes/applications/[id]/configuration/_GitlabRepositories.svelte
View File

@@ -95,7 +95,7 @@
if (newWindow?.closed) { if (newWindow?.closed) {
clearInterval(timer); clearInterval(timer);
$appSession.tokens.gitlab = localStorage.getItem('gitLabToken'); $appSession.tokens.gitlab = localStorage.getItem('gitLabToken');
localStorage.removeItem('gitLabToken'); // localStorage.removeItem('gitLabToken');
resolve(); resolve();
} }
}, 100); }, 100);

103
apps/ui/src/routes/applications/[id]/configuration/buildpack.svelte
View File

@@ -37,7 +37,7 @@
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { page } from '$app/stores'; import { page } from '$app/stores';
import { get } from '$lib/api'; import { get, getAPIUrl } from '$lib/api';
import { appSession } from '$lib/store'; import { appSession } from '$lib/store';
import { t } from '$lib/translations'; import { t } from '$lib/translations';
import { buildPacks, findBuildPack, scanningTemplates } from '$lib/templates'; import { buildPacks, findBuildPack, scanningTemplates } from '$lib/templates';
@@ -47,6 +47,8 @@
const { id } = $page.params; const { id } = $page.params;
let htmlUrl = application.gitSource.htmlUrl;
let scanning: boolean = true; let scanning: boolean = true;
let foundConfig: any = null; let foundConfig: any = null;
let packageManager: string = 'npm'; let packageManager: string = 'npm';
@@ -65,15 +67,47 @@
} }
} }
} }
async function getGitlabToken() {
return await new Promise<void>((resolve, reject) => {
const left = screen.width / 2 - 1020 / 2;
const top = screen.height / 2 - 618 / 2;
const newWindow = open(
`${htmlUrl}/oauth/authorize?client_id=${
application.gitSource.gitlabApp.appId
}&redirect_uri=${getAPIUrl()}/webhooks/gitlab&response_type=code&scope=api+email+read_repository&state=${
$page.params.id
}`,
'GitLab',
'resizable=1, scrollbars=1, fullscreen=0, height=618, width=1020,top=' +
top +
', left=' +
left +
', toolbar=0, menubar=0, status=0'
);
const timer = setInterval(() => {
if (newWindow?.closed) {
clearInterval(timer);
$appSession.tokens.gitlab = localStorage.getItem('gitLabToken');
localStorage.removeItem('gitLabToken');
resolve();
}
}, 100);
});
}
async function scanRepository(isPublicRepository: boolean): Promise<void> { async function scanRepository(isPublicRepository: boolean): Promise<void> {
try { try {
if (type === 'gitlab') { if (type === 'gitlab') {
const headers = isPublicRepository
? {}
: {
Authorization: `Bearer ${$appSession.tokens.gitlab}`
};
if (isPublicRepository) { if (isPublicRepository) {
return; return;
} }
const url = isPublicRepository ? `` : `/v4/projects/${projectId}/repository/tree`; const url = isPublicRepository ? `` : `/v4/projects/${projectId}/repository/tree`;
const files = await get(`${apiUrl}${url}`, { const files = await get(`${apiUrl}${url}`, {
Authorization: `Bearer ${$appSession.tokens.gitlab}` ...headers
}); });
const packageJson = files.find( const packageJson = files.find(
(file: { name: string; type: string }) => (file: { name: string; type: string }) =>
@@ -126,7 +160,19 @@
if (pnpmLock) packageManager = 'pnpm'; if (pnpmLock) packageManager = 'pnpm';
if (dockerComposeFileYml || dockerComposeFileYaml) { if (dockerComposeFileYml || dockerComposeFileYaml) {
foundConfig = findBuildPack('dockercompose', packageManager); foundConfig = findBuildPack('compose', packageManager);
const id = dockerComposeFileYml.id || dockerComposeFileYaml.id;
const data = await get(`${apiUrl}/v4/projects/${projectId}/repository/blobs/${id}`, {
...headers
});
if (data?.content) {
const content = atob(data.content);
const dockerComposeJson = yaml.load(content) || null;
dockerComposeFile = JSON.stringify(dockerComposeJson);
dockerComposeFileLocation = dockerComposeFileYml
? 'docker-compose.yml'
: 'docker-compose.yaml';
}
} else if (dockerfile) { } else if (dockerfile) {
foundConfig = findBuildPack('docker', packageManager); foundConfig = findBuildPack('docker', packageManager);
} else if (packageJson && !laravel) { } else if (packageJson && !laravel) {
@@ -236,7 +282,7 @@
foundConfig = findBuildPack('docker', packageManager); foundConfig = findBuildPack('docker', packageManager);
} else if (packageJson && !laravel) { } else if (packageJson && !laravel) {
const data: any = await get(`${packageJson.git_url}`, { const data: any = await get(`${packageJson.git_url}`, {
Authorization: `Bearer ${$appSession.tokens.github}`, ...headers,
Accept: 'application/vnd.github.v2.raw' Accept: 'application/vnd.github.v2.raw'
}); });
const json = JSON.parse(data) || {}; const json = JSON.parse(data) || {};
@@ -264,27 +310,36 @@
error.message === '401 Unauthorized' error.message === '401 Unauthorized'
) { ) {
if (application.gitSource.gitlabAppId) { if (application.gitSource.gitlabAppId) {
let htmlUrl = application.gitSource.htmlUrl; if (!$appSession.tokens.gitlab) {
const left = screen.width / 2 - 1020 / 2; await getGitlabToken();
const top = screen.height / 2 - 618 / 2; }
const newWindow = open( scanRepository(isPublicRepository);
`${htmlUrl}/oauth/authorize?client_id=${application.gitSource.gitlabApp.appId}&redirect_uri=${window.location.origin}/webhooks/gitlab&response_type=code&scope=api+email+read_repository&state=${$page.params.id}`, // let htmlUrl = application.gitSource.htmlUrl;
'GitLab', // const left = screen.width / 2 - 1020 / 2;
'resizable=1, scrollbars=1, fullscreen=0, height=618, width=1020,top=' + // const top = screen.height / 2 - 618 / 2;
top + // const newWindow = open(
', left=' + // `${htmlUrl}/oauth/authorize?client_id=${
left + // application.gitSource.gitlabApp.appId
', toolbar=0, menubar=0, status=0' // }&redirect_uri=${getAPIUrl()}/webhooks/gitlab&response_type=code&scope=api+email+read_repository&state=${
); // $page.params.id
const timer = setInterval(() => { // }`,
if (newWindow?.closed) { // 'GitLab',
clearInterval(timer); // 'resizable=1, scrollbars=1, fullscreen=0, height=618, width=1020,top=' +
window.location.reload(); // top +
} // ', left=' +
}, 100); // left +
// ', toolbar=0, menubar=0, status=0'
// );
// const timer = setInterval(() => {
// if (newWindow?.closed) {
// clearInterval(timer);
// $appSession.tokens.gitlab = localStorage.getItem('gitLabToken');
// // localStorage.removeItem('gitLabToken' );
// }
// }, 100);
} }
} } else if (error.message === 'Bad credentials') {
if (error.message === 'Bad credentials') {
const { token } = await get(`/applications/${id}/configuration/githubToken`); const { token } = await get(`/applications/${id}/configuration/githubToken`);
$appSession.tokens.github = token; $appSession.tokens.github = token;
return await scanRepository(isPublicRepository); return await scanRepository(isPublicRepository);

105
apps/ui/src/routes/applications/[id]/index.svelte
View File

@@ -33,7 +33,7 @@
import { page } from '$app/stores'; import { page } from '$app/stores';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import Select from 'svelte-select'; import Select from 'svelte-select';
import { get, post } from '$lib/api'; import { get, getAPIUrl, post } from '$lib/api';
import cuid from 'cuid'; import cuid from 'cuid';
import { import {
addToast, addToast,
@@ -75,6 +75,7 @@
let autodeploy = application.settings.autodeploy; let autodeploy = application.settings.autodeploy;
let isBot = application.settings.isBot; let isBot = application.settings.isBot;
let isDBBranching = application.settings.isDBBranching; let isDBBranching = application.settings.isDBBranching;
let htmlUrl = application.gitSource.htmlUrl;
let dockerComposeFile = JSON.parse(application.dockerComposeFile) || null; let dockerComposeFile = JSON.parse(application.dockerComposeFile) || null;
let dockerComposeServices: any[] = []; let dockerComposeServices: any[] = [];
@@ -321,28 +322,94 @@
return false; return false;
} }
} }
async function getGitlabToken() {
return await new Promise<void>((resolve, reject) => {
const left = screen.width / 2 - 1020 / 2;
const top = screen.height / 2 - 618 / 2;
const newWindow = open(
`${htmlUrl}/oauth/authorize?client_id=${
application.gitSource.gitlabApp.appId
}&redirect_uri=${getAPIUrl()}/webhooks/gitlab&response_type=code&scope=api+email+read_repository&state=${
$page.params.id
}`,
'GitLab',
'resizable=1, scrollbars=1, fullscreen=0, height=618, width=1020,top=' +
top +
', left=' +
left +
', toolbar=0, menubar=0, status=0'
);
const timer = setInterval(() => {
if (newWindow?.closed) {
clearInterval(timer);
$appSession.tokens.gitlab = localStorage.getItem('gitLabToken');
localStorage.removeItem('gitLabToken');
resolve();
}
}, 100);
});
}
async function reloadCompose() { async function reloadCompose() {
try { try {
const headers = isPublicRepository if (application.gitSource.type === 'github') {
? {} const headers = isPublicRepository
: { ? {}
Authorization: `token ${$appSession.tokens.github}` : {
}; Authorization: `token ${$appSession.tokens.github}`
const data = await get( };
`${apiUrl}/repos/${repository}/contents/${dockerComposeFileLocation}?ref=${branch}`, const data = await get(
{ `${apiUrl}/repos/${repository}/contents/${dockerComposeFileLocation}?ref=${branch}`,
...headers, {
Accept: 'application/vnd.github.v2.json' ...headers,
Accept: 'application/vnd.github.v2.json'
}
);
if (data?.content) {
const content = atob(data.content);
let dockerComposeFileContent = JSON.stringify(yaml.load(content) || null);
let dockerComposeFileContentJSON = JSON.parse(dockerComposeFileContent);
dockerComposeServices = normalizeDockerServices(dockerComposeFileContentJSON?.services);
application.dockerComposeFile = dockerComposeFileContent;
await handleSubmit(false);
} }
);
if (data?.content) {
const content = atob(data.content);
let dockerComposeFileContent = JSON.stringify(yaml.load(content) || null);
let dockerComposeFileContentJSON = JSON.parse(dockerComposeFileContent);
dockerComposeServices = normalizeDockerServices(dockerComposeFileContentJSON?.services);
application.dockerComposeFile = dockerComposeFileContent;
await handleSubmit(false);
} }
if (application.gitSource.type === 'gitlab') {
if (!$appSession.tokens.gitlab) {
await getGitlabToken();
}
const headers = isPublicRepository
? {}
: {
Authorization: `Bearer ${$appSession.tokens.gitlab}`
};
const url = isPublicRepository
? ``
: `/v4/projects/${application.projectId}/repository/tree`;
const files = await get(`${apiUrl}${url}`, {
...headers
});
const dockerComposeFileYml = files.find(
(file: { name: string; type: string }) =>
file.name === dockerComposeFileLocation && file.type === 'blob'
);
const id = dockerComposeFileYml.id;
const data = await get(
`${apiUrl}/v4/projects/${application.projectId}/repository/blobs/${id}`,
{
...headers
}
);
if (data?.content) {
const content = atob(data.content);
let dockerComposeFileContent = JSON.stringify(yaml.load(content) || null);
let dockerComposeFileContentJSON = JSON.parse(dockerComposeFileContent);
dockerComposeServices = normalizeDockerServices(dockerComposeFileContentJSON?.services);
application.dockerComposeFile = dockerComposeFileContent;
await handleSubmit(false);
}
}
addToast({ addToast({
message: 'Compose file reloaded.', message: 'Compose file reloaded.',
type: 'success' type: 'success'