feat(template projects): generate git repo on backend (#218)

### TL;DR

- Still cretaes app if user migrates from page

The PR introduces a new `AddProjectFromTemplate` mutation to facilitate project creation using a repository template. This change centralizes the template project creation logic within the backend, improving code maintainability by removing redundant client-side code.

### What changed?
- Added `AddProjectFromTemplate` input type in `schema.gql` and corresponding TypeScript interfaces.
- Implemented `addProjectFromTemplate` resolver with error handling and Octokit integration for repository creation.
- Updated `service.ts` to include the new `addProjectFromTemplate` method.
- Created new GraphQL `Mutation` for `addProjectFromTemplate` in the GraphQL schema.
- Adjusted the client-side GQLClient to support the new mutation.
- Modified frontend to utilize the new backend mutation for project creation from a template.

### How to test?
1. Ensure your backend server is running.
2. Use a GraphQL client like Postman to call the `addProjectFromTemplate` mutation with appropriate input.
3. Verify that the new project is created using the specified template, and appropriate error messages are returned for failures.
4. Check the frontend flow for creating a project from a template to ensure it is working correctly.

### Why make this change?
This change enhances code maintainability by centralizing template project creation logic within the backend, thereby reducing redundancy and potential inconsistencies in client-side implementations.

---

packages/backend/src/resolvers.ts

@@ -6,6 +6,7 @@ import { Permission } from './entity/ProjectMember';
 import { Domain } from './entity/Domain';
 import { Project } from './entity/Project';
 import { EnvironmentVariable } from './entity/EnvironmentVariable';
+import { AddProjectFromTemplateInput } from './types';
 
 const log = debug('snowball:resolver');
 
@@ -197,6 +198,26 @@ export const createResolvers = async (service: Service): Promise<any> => {
         }
       },
 
+      addProjectFromTemplate: async (
+        _: any,
+        {
+          organizationSlug,
+          data,
+        }: { organizationSlug: string; data: AddProjectFromTemplateInput },
+        context: any,
+      ) => {
+        try {
+          return await service.addProjectFromTemplate(
+            context.user,
+            organizationSlug,
+            data,
+          );
+        } catch (err) {
+          log(err);
+          throw err;
+        }
+      },
+
       addProject: async (
         _: any,
         {

packages/backend/src/schema.gql

@@ -130,6 +130,14 @@ input AddEnvironmentVariableInput {
   value: String!
 }
 
+input AddProjectFromTemplateInput {
+  templateOwner: String!
+  templateRepo: String!
+  owner: String!
+  name: String!
+  isPrivate: Boolean!
+}
+
 input AddProjectInput {
   name: String!
   repository: String!
@@ -204,6 +212,10 @@ type Mutation {
   ): Boolean!
   removeEnvironmentVariable(environmentVariableId: String!): Boolean!
   updateDeploymentToProd(deploymentId: String!): Boolean!
+  addProjectFromTemplate(
+    organizationSlug: String!
+    data: AddProjectFromTemplateInput
+  ): Project!
   addProject(organizationSlug: String!, data: AddProjectInput): Project!
   updateProject(projectId: String!, data: UpdateProjectInput): Boolean!
   redeployToProd(deploymentId: String!): Boolean!

packages/backend/src/service.ts

@@ -16,6 +16,7 @@ import { User } from './entity/User';
 import { Registry } from './registry';
 import { GitHubConfig, RegistryConfig } from './config';
 import {
+  AddProjectFromTemplateInput,
   AppDeploymentRecord,
   AppDeploymentRemovalRecord,
   GitPushEventPayload,
@@ -643,6 +644,53 @@ export class Service {
     return newDeployment;
   }
 
+  async addProjectFromTemplate(
+    user: User,
+    organizationSlug: string,
+    data: AddProjectFromTemplateInput,
+  ): Promise<Project | undefined> {
+    try {
+      const octokit = await this.getOctokit(user.id);
+
+      const gitRepo = await octokit?.rest.repos.createUsingTemplate({
+        template_owner: data.templateOwner,
+        template_repo: data.templateRepo,
+        owner: data.owner,
+        name: data.name,
+        include_all_branches: false,
+        private: data.isPrivate,
+      });
+
+      if (!gitRepo) {
+        throw new Error('Failed to create repository from template');
+      }
+
+      const createdTemplateRepo = await octokit.rest.repos.get({
+        owner: data.owner,
+        repo: data.name,
+      });
+
+      const prodBranch = createdTemplateRepo.data.default_branch ?? 'main';
+
+      const project = await this.addProject(user, organizationSlug, {
+        name: `${gitRepo.data.owner!.login}-${gitRepo.data.name}`,
+        prodBranch,
+        repository: gitRepo.data.full_name,
+        // TODO: Set selected template
+        template: 'webapp',
+      });
+
+      if (!project || !project.id) {
+        throw new Error('Failed to create project from template');
+      }
+
+      return project;
+    } catch (error) {
+      console.error('Error creating project from template:', error);
+      throw error;
+    }
+  }
+
   async addProject(
     user: User,
     organizationSlug: string,
@@ -672,7 +720,7 @@ export class Service {
     });
 
     // Create deployment with prod branch and latest commit
-    await this.createDeployment(user.id, octokit, {
+    const deployment = await this.createDeployment(user.id, octokit, {
       project,
       branch: project.prodBranch,
       environment: Environment.Production,
@@ -683,6 +731,8 @@ export class Service {
 
     await this.createRepoHook(octokit, project);
 
+    console.log('projectid is', project.id);
+
     return project;
   }
 

packages/backend/src/types.ts

@@ -41,7 +41,7 @@ export interface AppDeploymentRecordAttributes {
 export interface AppDeploymentRemovalRecordAttributes {
   deployment: string;
   request: string;
-  type: "ApplicationDeploymentRemovalRecord";
+  type: 'ApplicationDeploymentRemovalRecord';
   version: string;
 }
 
@@ -61,3 +61,11 @@ export interface AppDeploymentRecord extends RegistryRecord {
 export interface AppDeploymentRemovalRecord extends RegistryRecord {
   attributes: AppDeploymentRemovalRecordAttributes;
 }
+
+export interface AddProjectFromTemplateInput {
+  templateOwner: string;
+  templateRepo: string;
+  owner: string;
+  name: string;
+  isPrivate: boolean;
+}

packages/frontend/src/pages/org-slug/projects/create/template/index.tsx

@@ -50,36 +50,22 @@ const CreateRepo = () => {
         assert(template.repoFullName, 'Template URL not provided');
         const [owner, repo] = template.repoFullName.split('/');
 
-        // TODO: Handle this functionality in backend
-        const gitRepo = await octokit?.rest.repos.createUsingTemplate({
-          template_owner: owner,
-          template_repo: repo,
+        setIsLoading(true);
+
+        const { addProjectFromTemplate } = await client.addProjectFromTemplate(
+          orgSlug!,
+          {
+            templateOwner: owner,
+            templateRepo: repo,
             owner: data.account,
             name: data.repoName,
-          include_all_branches: false,
-          private: data.isPrivate,
-        });
+            isPrivate: false,
+          },
+        );
 
-        if (!gitRepo) {
-          return;
-        }
-
-        // Refetch to always get correct default branch
-        const templateRepo = await octokit.rest.repos.get({
-          owner: template.repoFullName.split('/')[0],
-          repo: template.repoFullName.split('/')[1],
-        });
-        const prodBranch = templateRepo.data.default_branch ?? 'main';
-
-        const { addProject } = await client.addProject(orgSlug!, {
-          name: `${gitRepo.data.owner!.login}-${gitRepo.data.name}`,
-          prodBranch,
-          repository: gitRepo.data.full_name,
-          // TODO: Set selected template
-          template: 'webapp',
-        });
-
-        navigate(`deploy?projectId=${addProject.id}&templateId=${template.id}`);
+        navigate(
+          `deploy?projectId=${addProjectFromTemplate.id}&templateId=${template.id}`,
+        );
       } catch (err) {
         setIsLoading(false);
 

packages/gql-client/dist/index.d.mts

@@ -185,6 +185,9 @@ type RemoveEnvironmentVariableResponse = {
 type UpdateDeploymentToProdResponse = {
     updateDeploymentToProd: boolean;
 };
+type AddProjectFromTemplateResponse = {
+    addProjectFromTemplate: Project;
+};
 type AddProjectResponse = {
     addProject: Project;
 };
@@ -200,6 +203,13 @@ type DeleteProjectResponse = {
 type DeleteDomainResponse = {
     deleteDomain: boolean;
 };
+type AddProjectFromTemplateInput = {
+    templateOwner: string;
+    templateRepo: string;
+    owner: string;
+    name: string;
+    isPrivate: boolean;
+};
 type AddProjectInput = {
     name: string;
     repository: string;
@@ -267,6 +277,7 @@ declare class GQLClient {
     updateEnvironmentVariable(environmentVariableId: string, data: UpdateEnvironmentVariableInput): Promise<UpdateEnvironmentVariableResponse>;
     removeEnvironmentVariable(environmentVariableId: string): Promise<RemoveEnvironmentVariableResponse>;
     updateDeploymentToProd(deploymentId: string): Promise<UpdateDeploymentToProdResponse>;
+    addProjectFromTemplate(organizationSlug: string, data: AddProjectFromTemplateInput): Promise<AddProjectFromTemplateResponse>;
     addProject(organizationSlug: string, data: AddProjectInput): Promise<AddProjectResponse>;
     updateProject(projectId: string, data: UpdateProjectInput): Promise<UpdateProjectResponse>;
     updateDomain(domainId: string, data: UpdateDomainInput): Promise<UpdateDomainResponse>;
@@ -281,4 +292,4 @@ declare class GQLClient {
     unauthenticateGithub(): Promise<UnauthenticateGitHubResponse>;
 }
 
-export { type AddDomainInput, type AddDomainResponse, type AddEnvironmentVariableInput, type AddEnvironmentVariablesResponse, type AddProjectInput, type AddProjectMemberInput, type AddProjectMemberResponse, type AddProjectResponse, type AuthenticateGitHubResponse, type DeleteDeploymentResponse, type DeleteDomainResponse, type DeleteProjectResponse, type Deployment, DeploymentStatus, type Domain, DomainStatus, Environment, type EnvironmentVariable, type FilterDomainInput, GQLClient, type GetDeploymentsResponse, type GetDomainsResponse, type GetEnvironmentVariablesResponse, type GetOrganizationsResponse, type GetProjectMembersResponse, type GetProjectResponse, type GetProjectsInOrganizationResponse, type GetUserResponse, type GraphQLConfig, type Organization, type OrganizationMember, type OrganizationProject, Permission, type Project, type ProjectMember, type RedeployToProdResponse, type RemoveEnvironmentVariableResponse, type RemoveProjectMemberResponse, Role, type RollbackDeploymentResponse, type SearchProjectsResponse, type UnauthenticateGitHubResponse, type UpdateDeploymentToProdResponse, type UpdateDomainInput, type UpdateDomainResponse, type UpdateEnvironmentVariableInput, type UpdateEnvironmentVariableResponse, type UpdateProjectInput, type UpdateProjectMemberInput, type UpdateProjectMemberResponse, type UpdateProjectResponse, type User };
+export { type AddDomainInput, type AddDomainResponse, type AddEnvironmentVariableInput, type AddEnvironmentVariablesResponse, type AddProjectFromTemplateInput, type AddProjectFromTemplateResponse, type AddProjectInput, type AddProjectMemberInput, type AddProjectMemberResponse, type AddProjectResponse, type AuthenticateGitHubResponse, type DeleteDeploymentResponse, type DeleteDomainResponse, type DeleteProjectResponse, type Deployment, DeploymentStatus, type Domain, DomainStatus, Environment, type EnvironmentVariable, type FilterDomainInput, GQLClient, type GetDeploymentsResponse, type GetDomainsResponse, type GetEnvironmentVariablesResponse, type GetOrganizationsResponse, type GetProjectMembersResponse, type GetProjectResponse, type GetProjectsInOrganizationResponse, type GetUserResponse, type GraphQLConfig, type Organization, type OrganizationMember, type OrganizationProject, Permission, type Project, type ProjectMember, type RedeployToProdResponse, type RemoveEnvironmentVariableResponse, type RemoveProjectMemberResponse, Role, type RollbackDeploymentResponse, type SearchProjectsResponse, type UnauthenticateGitHubResponse, type UpdateDeploymentToProdResponse, type UpdateDomainInput, type UpdateDomainResponse, type UpdateEnvironmentVariableInput, type UpdateEnvironmentVariableResponse, type UpdateProjectInput, type UpdateProjectMemberInput, type UpdateProjectMemberResponse, type UpdateProjectResponse, type User };

packages/gql-client/dist/index.d.ts

@@ -185,6 +185,9 @@ type RemoveEnvironmentVariableResponse = {
 type UpdateDeploymentToProdResponse = {
     updateDeploymentToProd: boolean;
 };
+type AddProjectFromTemplateResponse = {
+    addProjectFromTemplate: Project;
+};
 type AddProjectResponse = {
     addProject: Project;
 };
@@ -200,6 +203,13 @@ type DeleteProjectResponse = {
 type DeleteDomainResponse = {
     deleteDomain: boolean;
 };
+type AddProjectFromTemplateInput = {
+    templateOwner: string;
+    templateRepo: string;
+    owner: string;
+    name: string;
+    isPrivate: boolean;
+};
 type AddProjectInput = {
     name: string;
     repository: string;
@@ -267,6 +277,7 @@ declare class GQLClient {
     updateEnvironmentVariable(environmentVariableId: string, data: UpdateEnvironmentVariableInput): Promise<UpdateEnvironmentVariableResponse>;
     removeEnvironmentVariable(environmentVariableId: string): Promise<RemoveEnvironmentVariableResponse>;
     updateDeploymentToProd(deploymentId: string): Promise<UpdateDeploymentToProdResponse>;
+    addProjectFromTemplate(organizationSlug: string, data: AddProjectFromTemplateInput): Promise<AddProjectFromTemplateResponse>;
     addProject(organizationSlug: string, data: AddProjectInput): Promise<AddProjectResponse>;
     updateProject(projectId: string, data: UpdateProjectInput): Promise<UpdateProjectResponse>;
     updateDomain(domainId: string, data: UpdateDomainInput): Promise<UpdateDomainResponse>;
@@ -281,4 +292,4 @@ declare class GQLClient {
     unauthenticateGithub(): Promise<UnauthenticateGitHubResponse>;
 }
 
-export { type AddDomainInput, type AddDomainResponse, type AddEnvironmentVariableInput, type AddEnvironmentVariablesResponse, type AddProjectInput, type AddProjectMemberInput, type AddProjectMemberResponse, type AddProjectResponse, type AuthenticateGitHubResponse, type DeleteDeploymentResponse, type DeleteDomainResponse, type DeleteProjectResponse, type Deployment, DeploymentStatus, type Domain, DomainStatus, Environment, type EnvironmentVariable, type FilterDomainInput, GQLClient, type GetDeploymentsResponse, type GetDomainsResponse, type GetEnvironmentVariablesResponse, type GetOrganizationsResponse, type GetProjectMembersResponse, type GetProjectResponse, type GetProjectsInOrganizationResponse, type GetUserResponse, type GraphQLConfig, type Organization, type OrganizationMember, type OrganizationProject, Permission, type Project, type ProjectMember, type RedeployToProdResponse, type RemoveEnvironmentVariableResponse, type RemoveProjectMemberResponse, Role, type RollbackDeploymentResponse, type SearchProjectsResponse, type UnauthenticateGitHubResponse, type UpdateDeploymentToProdResponse, type UpdateDomainInput, type UpdateDomainResponse, type UpdateEnvironmentVariableInput, type UpdateEnvironmentVariableResponse, type UpdateProjectInput, type UpdateProjectMemberInput, type UpdateProjectMemberResponse, type UpdateProjectResponse, type User };
+export { type AddDomainInput, type AddDomainResponse, type AddEnvironmentVariableInput, type AddEnvironmentVariablesResponse, type AddProjectFromTemplateInput, type AddProjectFromTemplateResponse, type AddProjectInput, type AddProjectMemberInput, type AddProjectMemberResponse, type AddProjectResponse, type AuthenticateGitHubResponse, type DeleteDeploymentResponse, type DeleteDomainResponse, type DeleteProjectResponse, type Deployment, DeploymentStatus, type Domain, DomainStatus, Environment, type EnvironmentVariable, type FilterDomainInput, GQLClient, type GetDeploymentsResponse, type GetDomainsResponse, type GetEnvironmentVariablesResponse, type GetOrganizationsResponse, type GetProjectMembersResponse, type GetProjectResponse, type GetProjectsInOrganizationResponse, type GetUserResponse, type GraphQLConfig, type Organization, type OrganizationMember, type OrganizationProject, Permission, type Project, type ProjectMember, type RedeployToProdResponse, type RemoveEnvironmentVariableResponse, type RemoveProjectMemberResponse, Role, type RollbackDeploymentResponse, type SearchProjectsResponse, type UnauthenticateGitHubResponse, type UpdateDeploymentToProdResponse, type UpdateDomainInput, type UpdateDomainResponse, type UpdateEnvironmentVariableInput, type UpdateEnvironmentVariableResponse, type UpdateProjectInput, type UpdateProjectMemberInput, type UpdateProjectMemberResponse, type UpdateProjectResponse, type User };

packages/gql-client/dist/index.js

@@ -267,93 +267,112 @@ query ($projectId: String!, $filter: FilterDomainsInput) {
 // src/mutations.ts
 var import_client2 = require("@apollo/client");
 var removeProjectMember = import_client2.gql`
-mutation ($projectMemberId: String!) {
+  mutation ($projectMemberId: String!) {
     removeProjectMember(projectMemberId: $projectMemberId)
-}
+  }
 `;
 var updateProjectMember = import_client2.gql`
-mutation ($projectMemberId: String!, $data: UpdateProjectMemberInput) {
+  mutation ($projectMemberId: String!, $data: UpdateProjectMemberInput) {
     updateProjectMember(projectMemberId: $projectMemberId, data: $data)
-}
+  }
 `;
 var addProjectMember = import_client2.gql`
-mutation ($projectId: String!, $data: AddProjectMemberInput) {
+  mutation ($projectId: String!, $data: AddProjectMemberInput) {
     addProjectMember(projectId: $projectId, data: $data)
-}
+  }
 `;
 var addEnvironmentVariables = import_client2.gql`
-mutation ($projectId: String!, $data: [AddEnvironmentVariableInput!]) {
+  mutation ($projectId: String!, $data: [AddEnvironmentVariableInput!]) {
     addEnvironmentVariables(projectId: $projectId, data: $data)
-}
+  }
 `;
 var updateEnvironmentVariable = import_client2.gql`
-mutation ($environmentVariableId: String!, $data: UpdateEnvironmentVariableInput!) {
-  updateEnvironmentVariable(environmentVariableId: $environmentVariableId, data: $data)
-}
+  mutation (
+    $environmentVariableId: String!
+    $data: UpdateEnvironmentVariableInput!
+  ) {
+    updateEnvironmentVariable(
+      environmentVariableId: $environmentVariableId
+      data: $data
+    )
+  }
 `;
 var removeEnvironmentVariable = import_client2.gql`
-mutation ($environmentVariableId: String!) {
+  mutation ($environmentVariableId: String!) {
     removeEnvironmentVariable(environmentVariableId: $environmentVariableId)
-}
+  }
 `;
 var updateDeploymentToProd = import_client2.gql`
-mutation ($deploymentId: String!) {
+  mutation ($deploymentId: String!) {
     updateDeploymentToProd(deploymentId: $deploymentId)
-}
+  }
+`;
+var addProjectFromTemplate = import_client2.gql`
+  mutation ($organizationSlug: String!, $data: AddProjectFromTemplateInput) {
+    addProjectFromTemplate(organizationSlug: $organizationSlug, data: $data) {
+      id
+    }
+  }
 `;
 var addProject = import_client2.gql`
-mutation ($organizationSlug: String!, $data: AddProjectInput) {
+  mutation ($organizationSlug: String!, $data: AddProjectInput) {
     addProject(organizationSlug: $organizationSlug, data: $data) {
       id
     }
-}`;
+  }
+`;
 var updateProjectMutation = import_client2.gql`
-mutation ($projectId: String!, $data: UpdateProjectInput) {
+  mutation ($projectId: String!, $data: UpdateProjectInput) {
     updateProject(projectId: $projectId, data: $data)
-}`;
+  }
+`;
 var updateDomainMutation = import_client2.gql`
-mutation ($domainId: String!, $data: UpdateDomainInput!) {
+  mutation ($domainId: String!, $data: UpdateDomainInput!) {
     updateDomain(domainId: $domainId, data: $data)
-}`;
+  }
+`;
 var redeployToProd = import_client2.gql`
-mutation ($deploymentId: String!) {
+  mutation ($deploymentId: String!) {
     redeployToProd(deploymentId: $deploymentId)
-}
+  }
 `;
 var deleteProject = import_client2.gql`
-mutation ($projectId: String!) {
+  mutation ($projectId: String!) {
     deleteProject(projectId: $projectId)
-}
+  }
 `;
 var deleteDomain = import_client2.gql`
-mutation ($domainId: String!) {
+  mutation ($domainId: String!) {
     deleteDomain(domainId: $domainId)
-}`;
+  }
+`;
 var rollbackDeployment = import_client2.gql`
-mutation ($projectId: String! ,$deploymentId: String!) {
+  mutation ($projectId: String!, $deploymentId: String!) {
     rollbackDeployment(projectId: $projectId, deploymentId: $deploymentId)
-}
+  }
 `;
 var deleteDeployment = import_client2.gql`
-mutation ($deploymentId: String!) {
+  mutation ($deploymentId: String!) {
     deleteDeployment(deploymentId: $deploymentId)
-}
+  }
 `;
 var addDomain = import_client2.gql`
-mutation ($projectId: String!, $data: AddDomainInput!) {
+  mutation ($projectId: String!, $data: AddDomainInput!) {
     addDomain(projectId: $projectId, data: $data)
-}
+  }
 `;
 var authenticateGitHub = import_client2.gql`
-mutation ($code: String!) {
+  mutation ($code: String!) {
     authenticateGitHub(code: $code) {
       token
     }
-}`;
+  }
+`;
 var unauthenticateGitHub = import_client2.gql`
-mutation {
+  mutation {
     unauthenticateGitHub
-}`;
+  }
+`;
 
 // src/client.ts
 var defaultOptions = {
@@ -538,6 +557,18 @@ var GQLClient = class {
       return data;
     });
   }
+  addProjectFromTemplate(organizationSlug, data) {
+    return __async(this, null, function* () {
+      const result = yield this.client.mutate({
+        mutation: addProjectFromTemplate,
+        variables: {
+          organizationSlug,
+          data
+        }
+      });
+      return result.data;
+    });
+  }
   addProject(organizationSlug, data) {
     return __async(this, null, function* () {
       const result = yield this.client.mutate({

packages/gql-client/dist/index.mjs

@@ -240,93 +240,112 @@ query ($projectId: String!, $filter: FilterDomainsInput) {
 // src/mutations.ts
 import { gql as gql2 } from "@apollo/client";
 var removeProjectMember = gql2`
-mutation ($projectMemberId: String!) {
+  mutation ($projectMemberId: String!) {
     removeProjectMember(projectMemberId: $projectMemberId)
-}
+  }
 `;
 var updateProjectMember = gql2`
-mutation ($projectMemberId: String!, $data: UpdateProjectMemberInput) {
+  mutation ($projectMemberId: String!, $data: UpdateProjectMemberInput) {
     updateProjectMember(projectMemberId: $projectMemberId, data: $data)
-}
+  }
 `;
 var addProjectMember = gql2`
-mutation ($projectId: String!, $data: AddProjectMemberInput) {
+  mutation ($projectId: String!, $data: AddProjectMemberInput) {
     addProjectMember(projectId: $projectId, data: $data)
-}
+  }
 `;
 var addEnvironmentVariables = gql2`
-mutation ($projectId: String!, $data: [AddEnvironmentVariableInput!]) {
+  mutation ($projectId: String!, $data: [AddEnvironmentVariableInput!]) {
     addEnvironmentVariables(projectId: $projectId, data: $data)
-}
+  }
 `;
 var updateEnvironmentVariable = gql2`
-mutation ($environmentVariableId: String!, $data: UpdateEnvironmentVariableInput!) {
-  updateEnvironmentVariable(environmentVariableId: $environmentVariableId, data: $data)
-}
+  mutation (
+    $environmentVariableId: String!
+    $data: UpdateEnvironmentVariableInput!
+  ) {
+    updateEnvironmentVariable(
+      environmentVariableId: $environmentVariableId
+      data: $data
+    )
+  }
 `;
 var removeEnvironmentVariable = gql2`
-mutation ($environmentVariableId: String!) {
+  mutation ($environmentVariableId: String!) {
     removeEnvironmentVariable(environmentVariableId: $environmentVariableId)
-}
+  }
 `;
 var updateDeploymentToProd = gql2`
-mutation ($deploymentId: String!) {
+  mutation ($deploymentId: String!) {
     updateDeploymentToProd(deploymentId: $deploymentId)
-}
+  }
+`;
+var addProjectFromTemplate = gql2`
+  mutation ($organizationSlug: String!, $data: AddProjectFromTemplateInput) {
+    addProjectFromTemplate(organizationSlug: $organizationSlug, data: $data) {
+      id
+    }
+  }
 `;
 var addProject = gql2`
-mutation ($organizationSlug: String!, $data: AddProjectInput) {
+  mutation ($organizationSlug: String!, $data: AddProjectInput) {
     addProject(organizationSlug: $organizationSlug, data: $data) {
       id
     }
-}`;
+  }
+`;
 var updateProjectMutation = gql2`
-mutation ($projectId: String!, $data: UpdateProjectInput) {
+  mutation ($projectId: String!, $data: UpdateProjectInput) {
     updateProject(projectId: $projectId, data: $data)
-}`;
+  }
+`;
 var updateDomainMutation = gql2`
-mutation ($domainId: String!, $data: UpdateDomainInput!) {
+  mutation ($domainId: String!, $data: UpdateDomainInput!) {
     updateDomain(domainId: $domainId, data: $data)
-}`;
+  }
+`;
 var redeployToProd = gql2`
-mutation ($deploymentId: String!) {
+  mutation ($deploymentId: String!) {
     redeployToProd(deploymentId: $deploymentId)
-}
+  }
 `;
 var deleteProject = gql2`
-mutation ($projectId: String!) {
+  mutation ($projectId: String!) {
     deleteProject(projectId: $projectId)
-}
+  }
 `;
 var deleteDomain = gql2`
-mutation ($domainId: String!) {
+  mutation ($domainId: String!) {
     deleteDomain(domainId: $domainId)
-}`;
+  }
+`;
 var rollbackDeployment = gql2`
-mutation ($projectId: String! ,$deploymentId: String!) {
+  mutation ($projectId: String!, $deploymentId: String!) {
     rollbackDeployment(projectId: $projectId, deploymentId: $deploymentId)
-}
+  }
 `;
 var deleteDeployment = gql2`
-mutation ($deploymentId: String!) {
+  mutation ($deploymentId: String!) {
     deleteDeployment(deploymentId: $deploymentId)
-}
+  }
 `;
 var addDomain = gql2`
-mutation ($projectId: String!, $data: AddDomainInput!) {
+  mutation ($projectId: String!, $data: AddDomainInput!) {
     addDomain(projectId: $projectId, data: $data)
-}
+  }
 `;
 var authenticateGitHub = gql2`
-mutation ($code: String!) {
+  mutation ($code: String!) {
     authenticateGitHub(code: $code) {
       token
     }
-}`;
+  }
+`;
 var unauthenticateGitHub = gql2`
-mutation {
+  mutation {
     unauthenticateGitHub
-}`;
+  }
+`;
 
 // src/client.ts
 var defaultOptions = {
@@ -511,6 +530,18 @@ var GQLClient = class {
       return data;
     });
   }
+  addProjectFromTemplate(organizationSlug, data) {
+    return __async(this, null, function* () {
+      const result = yield this.client.mutate({
+        mutation: addProjectFromTemplate,
+        variables: {
+          organizationSlug,
+          data
+        }
+      });
+      return result.data;
+    });
+  }
   addProject(organizationSlug, data) {
     return __async(this, null, function* () {
       const result = yield this.client.mutate({

packages/gql-client/src/client.ts

@@ -228,6 +228,21 @@ export class GQLClient {
     return data;
   }
 
+  async addProjectFromTemplate(
+    organizationSlug: string,
+    data: types.AddProjectFromTemplateInput
+  ): Promise<types.AddProjectFromTemplateResponse> {
+    const result = await this.client.mutate({
+      mutation: mutations.addProjectFromTemplate,
+      variables: {
+        organizationSlug,
+        data,
+      },
+    });
+
+    return result.data;
+  }
+
   async addProject(
     organizationSlug: string,
     data: types.AddProjectInput

packages/gql-client/src/mutations.ts

@@ -1,107 +1,127 @@
-import { gql } from '@apollo/client';
+import { gql } from "@apollo/client";
 
 export const removeProjectMember = gql`
-mutation ($projectMemberId: String!) {
+  mutation ($projectMemberId: String!) {
     removeProjectMember(projectMemberId: $projectMemberId)
-}
+  }
 `;
 
 export const updateProjectMember = gql`
-mutation ($projectMemberId: String!, $data: UpdateProjectMemberInput) {
+  mutation ($projectMemberId: String!, $data: UpdateProjectMemberInput) {
     updateProjectMember(projectMemberId: $projectMemberId, data: $data)
-}
+  }
 `;
 
 export const addProjectMember = gql`
-mutation ($projectId: String!, $data: AddProjectMemberInput) {
+  mutation ($projectId: String!, $data: AddProjectMemberInput) {
     addProjectMember(projectId: $projectId, data: $data)
-}
+  }
 `;
 
 export const addEnvironmentVariables = gql`
-mutation ($projectId: String!, $data: [AddEnvironmentVariableInput!]) {
+  mutation ($projectId: String!, $data: [AddEnvironmentVariableInput!]) {
     addEnvironmentVariables(projectId: $projectId, data: $data)
-}
+  }
 `;
 
 export const updateEnvironmentVariable = gql`
-mutation ($environmentVariableId: String!, $data: UpdateEnvironmentVariableInput!) {
-  updateEnvironmentVariable(environmentVariableId: $environmentVariableId, data: $data)
-}
+  mutation (
+    $environmentVariableId: String!
+    $data: UpdateEnvironmentVariableInput!
+  ) {
+    updateEnvironmentVariable(
+      environmentVariableId: $environmentVariableId
+      data: $data
+    )
+  }
 `;
 
 export const removeEnvironmentVariable = gql`
-mutation ($environmentVariableId: String!) {
+  mutation ($environmentVariableId: String!) {
     removeEnvironmentVariable(environmentVariableId: $environmentVariableId)
-}
+  }
 `;
 
 export const updateDeploymentToProd = gql`
-mutation ($deploymentId: String!) {
+  mutation ($deploymentId: String!) {
     updateDeploymentToProd(deploymentId: $deploymentId)
-}
+  }
+`;
+
+export const addProjectFromTemplate = gql`
+  mutation ($organizationSlug: String!, $data: AddProjectFromTemplateInput) {
+    addProjectFromTemplate(organizationSlug: $organizationSlug, data: $data) {
+      id
+    }
+  }
 `;
 
 export const addProject = gql`
-mutation ($organizationSlug: String!, $data: AddProjectInput) {
+  mutation ($organizationSlug: String!, $data: AddProjectInput) {
     addProject(organizationSlug: $organizationSlug, data: $data) {
       id
     }
-}`;
+  }
+`;
 
 export const updateProjectMutation = gql`
-mutation ($projectId: String!, $data: UpdateProjectInput) {
+  mutation ($projectId: String!, $data: UpdateProjectInput) {
     updateProject(projectId: $projectId, data: $data)
-}`;
+  }
+`;
 
 export const updateDomainMutation = gql`
-mutation ($domainId: String!, $data: UpdateDomainInput!) {
+  mutation ($domainId: String!, $data: UpdateDomainInput!) {
     updateDomain(domainId: $domainId, data: $data)
-}`;
+  }
+`;
 
 export const redeployToProd = gql`
-mutation ($deploymentId: String!) {
+  mutation ($deploymentId: String!) {
     redeployToProd(deploymentId: $deploymentId)
-}
+  }
 `;
 
 export const deleteProject = gql`
-mutation ($projectId: String!) {
+  mutation ($projectId: String!) {
     deleteProject(projectId: $projectId)
-}
+  }
 `;
 
 export const deleteDomain = gql`
-mutation ($domainId: String!) {
+  mutation ($domainId: String!) {
     deleteDomain(domainId: $domainId)
-}`;
+  }
+`;
 
 export const rollbackDeployment = gql`
-mutation ($projectId: String! ,$deploymentId: String!) {
+  mutation ($projectId: String!, $deploymentId: String!) {
     rollbackDeployment(projectId: $projectId, deploymentId: $deploymentId)
-}
+  }
 `;
 
 export const deleteDeployment = gql`
-mutation ($deploymentId: String!) {
+  mutation ($deploymentId: String!) {
     deleteDeployment(deploymentId: $deploymentId)
-}
+  }
 `;
 
 export const addDomain = gql`
-mutation ($projectId: String!, $data: AddDomainInput!) {
+  mutation ($projectId: String!, $data: AddDomainInput!) {
     addDomain(projectId: $projectId, data: $data)
-}
+  }
 `;
 
 export const authenticateGitHub = gql`
-mutation ($code: String!) {
+  mutation ($code: String!) {
     authenticateGitHub(code: $code) {
       token
     }
-}`;
+  }
+`;
 
 export const unauthenticateGitHub = gql`
-mutation {
+  mutation {
     unauthenticateGitHub
-}`;
+  }
+`;

packages/gql-client/src/types.ts

@@ -1,298 +1,311 @@
+import { addProjectFromTemplate } from "./mutations";
 // Note: equivalent to types present in GQL schema
 
 export enum Role {
-  Owner = 'Owner',
-  Maintainer = 'Maintainer',
-  Reader = 'Reader',
+  Owner = "Owner",
+  Maintainer = "Maintainer",
+  Reader = "Reader",
 }
 
 export enum Permission {
-  View = 'View',
-  Edit = 'Edit',
+  View = "View",
+  Edit = "Edit",
 }
 
 export enum Environment {
-  Production = 'Production',
-  Preview = 'Preview',
-  Development = 'Development',
+  Production = "Production",
+  Preview = "Preview",
+  Development = "Development",
 }
 
 export enum DeploymentStatus {
-  Building = 'Building',
-  Ready = 'Ready',
-  Error = 'Error',
-  Deleting = 'Deleting'
+  Building = "Building",
+  Ready = "Ready",
+  Error = "Error",
+  Deleting = "Deleting",
 }
 
 export enum DomainStatus {
-  Live = 'Live',
-  Pending = 'Pending',
+  Live = "Live",
+  Pending = "Pending",
 }
 
 export type EnvironmentVariable = {
-  id: string
-  environment: Environment
-  key: string
-  value: string
-  createdAt: string
-  updatedAt: string
-}
+  id: string;
+  environment: Environment;
+  key: string;
+  value: string;
+  createdAt: string;
+  updatedAt: string;
+};
 
 export type Domain = {
-  id: string
-  branch: string
-  name: string
-  status: DomainStatus
-  redirectTo: Domain | null
-  createdAt: string
-  updatedAt: string
-}
+  id: string;
+  branch: string;
+  name: string;
+  status: DomainStatus;
+  redirectTo: Domain | null;
+  createdAt: string;
+  updatedAt: string;
+};
 
 export type User = {
-  id: string
-  name: string | null
-  email: string
-  isVerified: boolean
-  createdAt: string
-  updatedAt: string
-  gitHubToken: string | null
-}
+  id: string;
+  name: string | null;
+  email: string;
+  isVerified: boolean;
+  createdAt: string;
+  updatedAt: string;
+  gitHubToken: string | null;
+};
 
 export type Deployment = {
-  id: string
-  domain: Domain
-  branch: string
-  commitHash: string
-  commitMessage: string
-  url?: string
-  environment: Environment
-  isCurrent: boolean
-  status: DeploymentStatus
-  createdBy: User
-  createdAt: string
-  updatedAt: string
-}
+  id: string;
+  domain: Domain;
+  branch: string;
+  commitHash: string;
+  commitMessage: string;
+  url?: string;
+  environment: Environment;
+  isCurrent: boolean;
+  status: DeploymentStatus;
+  createdBy: User;
+  createdAt: string;
+  updatedAt: string;
+};
 
 export type OrganizationMember = {
-  id: string
-  member: User
-  role: Role
-  createdAt: string
-  updatedAt: string
-}
+  id: string;
+  member: User;
+  role: Role;
+  createdAt: string;
+  updatedAt: string;
+};
 
 export type ProjectMember = {
-  id: string
-  member: User
-  permissions: Permission[]
-  isPending: boolean
-  createdAt: string
-  updatedAt: string
-}
+  id: string;
+  member: User;
+  permissions: Permission[];
+  isPending: boolean;
+  createdAt: string;
+  updatedAt: string;
+};
 
 export type OrganizationProject = {
-  id: string
-  owner: User
-  deployments: Deployment[]
-  name: string
-  repository: string
-  prodBranch: string
-  description: string
-  template: string
-  framework: string
-  webhooks: string[]
-  members: ProjectMember[]
-  environmentVariables: EnvironmentVariable[]
-  createdAt: string
-  updatedAt: string
-}
+  id: string;
+  owner: User;
+  deployments: Deployment[];
+  name: string;
+  repository: string;
+  prodBranch: string;
+  description: string;
+  template: string;
+  framework: string;
+  webhooks: string[];
+  members: ProjectMember[];
+  environmentVariables: EnvironmentVariable[];
+  createdAt: string;
+  updatedAt: string;
+};
 
 export type Organization = {
-  id: string
-  name: string
-  slug: string
-  projects: OrganizationProject[]
-  createdAt: string
-  updatedAt: string
-  members: OrganizationMember[]
-}
+  id: string;
+  name: string;
+  slug: string;
+  projects: OrganizationProject[];
+  createdAt: string;
+  updatedAt: string;
+  members: OrganizationMember[];
+};
 
 export type Project = {
-  id: string
-  owner: User
-  deployments: Deployment[]
-  name: string
-  repository: string
-  prodBranch: string
-  description: string
-  template: string
-  framework: string
-  webhooks: string[]
-  members: ProjectMember[]
-  environmentVariables: EnvironmentVariable[]
-  createdAt: string
-  updatedAt: string
-  organization: Organization
-  icon: string
-  subDomain: string
-}
+  id: string;
+  owner: User;
+  deployments: Deployment[];
+  name: string;
+  repository: string;
+  prodBranch: string;
+  description: string;
+  template: string;
+  framework: string;
+  webhooks: string[];
+  members: ProjectMember[];
+  environmentVariables: EnvironmentVariable[];
+  createdAt: string;
+  updatedAt: string;
+  organization: Organization;
+  icon: string;
+  subDomain: string;
+};
 
 export type GetProjectMembersResponse = {
-  projectMembers: ProjectMember[]
-}
+  projectMembers: ProjectMember[];
+};
 
 export type AddProjectMemberResponse = {
-  addProjectMember: boolean
-}
+  addProjectMember: boolean;
+};
 
 export type RemoveProjectMemberResponse = {
   removeProjectMember: boolean;
-}
+};
 
 export type UpdateProjectMemberResponse = {
   updateProjectMember: boolean;
-}
+};
 
 export type GetDeploymentsResponse = {
-  deployments: Deployment[]
-}
+  deployments: Deployment[];
+};
 
 export type GetEnvironmentVariablesResponse = {
-  environmentVariables: EnvironmentVariable[]
-}
+  environmentVariables: EnvironmentVariable[];
+};
 
 export type GetOrganizationsResponse = {
-  organizations: Organization[]
-}
+  organizations: Organization[];
+};
 
 export type GetUserResponse = {
-  user: User
-}
+  user: User;
+};
 
 export type GetProjectResponse = {
-  project: Project | null
-}
+  project: Project | null;
+};
 
 export type GetProjectsInOrganizationResponse = {
-  projectsInOrganization: Project[]
-}
+  projectsInOrganization: Project[];
+};
 
 export type GetDomainsResponse = {
-  domains: Domain[]
-}
+  domains: Domain[];
+};
 
 export type SearchProjectsResponse = {
-  searchProjects: Project[]
-}
+  searchProjects: Project[];
+};
 
 export type AddEnvironmentVariablesResponse = {
   addEnvironmentVariables: boolean;
-}
+};
 
 export type AddEnvironmentVariableInput = {
   environments: string[];
   key: string;
   value: string;
-}
+};
 
 export type UpdateEnvironmentVariableInput = {
   key: string;
   value: string;
-}
+};
 
 export type UpdateProjectMemberInput = {
   permissions: Permission[];
-}
+};
 
 export type AddProjectMemberInput = {
   email: string;
-  permissions: Permission[]
-}
+  permissions: Permission[];
+};
 
 export type UpdateEnvironmentVariableResponse = {
   updateEnvironmentVariable: boolean;
-}
+};
 
 export type RemoveEnvironmentVariableResponse = {
   removeEnvironmentVariable: boolean;
-}
+};
 
 export type UpdateDeploymentToProdResponse = {
   updateDeploymentToProd: boolean;
-}
+};
+
+export type AddProjectFromTemplateResponse = {
+  addProjectFromTemplate: Project;
+};
 
 export type AddProjectResponse = {
-  addProject: Project
-}
+  addProject: Project;
+};
 
 export type UpdateProjectResponse = {
   updateProject: boolean;
-}
+};
 
 export type UpdateDomainResponse = {
   updateDomain: boolean;
-}
+};
 
 export type DeleteProjectResponse = {
   deleteProject: boolean;
-}
+};
 
 export type DeleteDomainResponse = {
   deleteDomain: boolean;
-}
+};
+
+export type AddProjectFromTemplateInput = {
+  templateOwner: string;
+  templateRepo: string;
+  owner: string;
+  name: string;
+  isPrivate: boolean;
+};
 
 export type AddProjectInput = {
   name: string;
   repository: string;
   prodBranch: string;
   template?: string;
-}
+};
 
 export type UpdateProjectInput = {
-  name?: string
-  description?: string
-  prodBranch?: string
-  webhooks?: string[]
-  organizationId?: string
-}
+  name?: string;
+  description?: string;
+  prodBranch?: string;
+  webhooks?: string[];
+  organizationId?: string;
+};
 
 export type UpdateDomainInput = {
   name?: string;
   branch?: string;
   redirectToId?: string | null;
-}
+};
 
 export type RedeployToProdResponse = {
-  redeployToProd: boolean
-}
+  redeployToProd: boolean;
+};
 
 export type RollbackDeploymentResponse = {
-  rollbackDeployment: boolean
-}
+  rollbackDeployment: boolean;
+};
 
 export type DeleteDeploymentResponse = {
-  deleteDeployment: boolean
-}
+  deleteDeployment: boolean;
+};
 
 export type AddDomainInput = {
-  name: string
-}
+  name: string;
+};
 
 export type FilterDomainInput = {
-  branch?: string
-  status?: DomainStatus
-}
+  branch?: string;
+  status?: DomainStatus;
+};
 
 export type AddDomainResponse = {
-  addDomain: true
-}
+  addDomain: true;
+};
 
 export type AuthenticateGitHubResponse = {
   authenticateGitHub: {
-    token: string
-  }
-}
+    token: string;
+  };
+};
 
 export type UnauthenticateGitHubResponse = {
-  unauthenticateGitHub: boolean
-}
+  unauthenticateGitHub: boolean;
+};