[projects] serve GitLab Projects

Author: AlexTugarev

components/dashboard/src/projects/NewProject.tsx

@@ -77,6 +77,16 @@ export default function NewProject() {
         setRepoSearchFilter("");
     }, [selectedAccount]);
 
+    useEffect(() => {
+        (async () => {
+            const repos = await updateReposInAccounts();
+            const first = repos[0];
+            if (first) {
+                setSelectedAccount(first.account);
+            }
+        })();
+    }, [provider]);
+
     const isGitHub = () => provider === "github.com";
 
     const updateReposInAccounts = async (installationId?: string) => {
@@ -263,6 +273,8 @@ export default function NewProject() {
                     </span>
                     <br/>
                     <button className="mt-6" onClick={() => reconfigure()}>Authorize Provider</button>
+                    <br/>
+                    <button className="mt-6" onClick={() => setShowGitProviders(true)}>Select Git Provider</button>
                 </div>
             </div>
         </div>)
@@ -275,7 +287,7 @@ export default function NewProject() {
         }
 
         return (<>
-            {(loaded && empty) ? renderEmptyState() : (showGitProviders ? (<GitProviders onHostSelected={onGitProviderSeleted} />) : renderRepos())}
+            {(loaded && empty && !showGitProviders) ? renderEmptyState() : (showGitProviders ? (<GitProviders onHostSelected={onGitProviderSeleted} />) : renderRepos())}
         </>)
     };
 

components/server/ee/src/container-module.ts

@@ -53,6 +53,7 @@ import { BlockedUserFilter } from "../../src/auth/blocked-user-filter";
 import { EMailDomainService, EMailDomainServiceImpl } from "./auth/email-domain-service";
 import { UserDeletionServiceEE } from "./user/user-deletion-service";
 import { GitHubAppSupport } from "./github/github-app-support";
+import { GitLabAppSupport } from "./gitlab/gitlab-app-support";
 
 export const productionEEContainerModule = new ContainerModule((bind, unbind, isBound, rebind) => {
     rebind(Server).to(ServerEE).inSingletonScope();
@@ -71,6 +72,7 @@ export const productionEEContainerModule = new ContainerModule((bind, unbind, is
     bind(GithubAppRules).toSelf().inSingletonScope();
     bind(PrebuildStatusMaintainer).toSelf().inSingletonScope();
     bind(GitLabApp).toSelf().inSingletonScope();
+    bind(GitLabAppSupport).toSelf().inSingletonScope();
     bind(BitbucketApp).toSelf().inSingletonScope();
 
     bind(LicenseEvaluator).toSelf().inSingletonScope();

components/server/ee/src/gitlab/gitlab-app-support.ts

@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2020 Gitpod GmbH. All rights reserved.
+ * Licensed under the Gitpod Enterprise Source Code License,
+ * See License.enterprise.txt in the project root folder.
+ */
+
+import { ProviderRepository, User } from "@gitpod/gitpod-protocol";
+import { inject, injectable } from "inversify";
+import { TokenProvider } from "../../../src/user/token-provider";
+import { UserDB } from "@gitpod/gitpod-db/lib";
+import { Gitlab } from "@gitbeaker/node";
+
+@injectable()
+export class GitLabAppSupport {
+
+    @inject(UserDB) protected readonly userDB: UserDB;
+    @inject(TokenProvider) protected readonly tokenProvider: TokenProvider;
+
+    async getProviderRepositoriesForUser(params: { user: User, provider: string, hints?: object }): Promise<ProviderRepository[]> {
+        const token = await this.tokenProvider.getTokenForHost(params.user, "gitlab.com");
+        const oauthToken = token.value;
+        const api = new Gitlab({ oauthToken });
+
+        const result: ProviderRepository[] = [];
+
+        // cf. https://docs.gitlab.com/ee/api/projects.html#list-all-projects
+        // we are listing only those projects with access level of maintainers.
+        // also cf. https://docs.gitlab.com/ee/api/members.html#valid-access-levels
+        //
+        const projectsWithAccess = await api.Projects.all({ min_access_level: "40" });
+        for (const project of projectsWithAccess) {
+            const anyProject = project as any;
+            const fullPath = anyProject.path_with_namespace as string;
+            const cloneUrl = anyProject.http_url_to_repo as string;
+            const updatedAt = anyProject.last_activity_at as string;
+            const accountAvatarUrl = anyProject.owner?.avatar_url as string;
+
+            result.push({
+                name: project.name,
+                account: fullPath.split("/")[0],
+                cloneUrl,
+                updatedAt,
+                accountAvatarUrl,
+                // inUse: // todo(at) compute usage via ProjectHooks API
+            })
+        }
+
+        return result;
+    }
+
+}

components/server/ee/src/workspace/gitpod-server-impl.ts

@@ -40,6 +40,7 @@ import { Chargebee as chargebee } from '@gitpod/gitpod-payment-endpoint/lib/char
 import { EnvEE } from "../env";
 
 import { GitHubAppSupport } from "../github/github-app-support";
+import { GitLabAppSupport } from "../gitlab/gitlab-app-support";
 
 @injectable()
 export class GitpodServerEEImpl extends GitpodServerImpl<GitpodClient, GitpodServer> {
@@ -68,6 +69,7 @@ export class GitpodServerEEImpl extends GitpodServerImpl<GitpodClient, GitpodSer
     @inject(ChargebeeService) protected readonly chargebeeService: ChargebeeService;
 
     @inject(GitHubAppSupport) protected readonly githubAppSupport: GitHubAppSupport;
+    @inject(GitLabAppSupport) protected readonly gitLabAppSupport: GitLabAppSupport;
 
     @inject(EnvEE) protected readonly env: EnvEE;
 
@@ -1450,7 +1452,14 @@ export class GitpodServerEEImpl extends GitpodServerImpl<GitpodClient, GitpodSer
     async getProviderRepositoriesForUser(params: { provider: string, hints?: object }): Promise<ProviderRepository[]> {
         const user = this.checkAndBlockUser("getProviderRepositoriesForUser");
 
-        const repositories = await this.githubAppSupport.getProviderRepositoriesForUser({ user, ...params });
+        const repositories: ProviderRepository[] = [];
+        if (params.provider === "github.com") {
+            repositories.push(...(await this.githubAppSupport.getProviderRepositoriesForUser({ user, ...params })));
+        } else if (params.provider === "gitlab.com") {
+            repositories.push(...(await this.gitLabAppSupport.getProviderRepositoriesForUser({ user, ...params })));
+        } else {
+            log.info({ userId: user.id }, `Unsupported provider: "${params.provider}"`, { params });
+        }
         const projects = await this.projectsService.getProjectsByCloneUrls(repositories.map(r => r.cloneUrl));
 
         const cloneUrlsInUse = new Set(projects.map(p => p.cloneUrl));