Create deployments on push events in GitHub repo (#69)

* Create repo webhook and express handler for webhook

* Create deployments from commits in GitHub

* Update isCurrent in previous production deployment

* Create script for setting authority

* Update README for initialize registry script

* Handle review changes

* Use correct repo URL in record data

* Handle github unique webhook error

* Handle async execution of publishing records

* Update readme with ngrok setup

* Review changes

* Add logs for GitHub webhooks

---------

Co-authored-by: neeraj <neeraj.rtly@gmail.com>

packages/frontend/.env

@@ -1,3 +1,4 @@
 REACT_APP_GQL_SERVER_URL = 'http://localhost:8000/graphql'
 
-REACT_APP_GITHUB_CLIENT_ID = 
+REACT_APP_GITHUB_CLIENT_ID =
+REACT_APP_GITHUB_TEMPLATE_REPO =

packages/frontend/src/components/projects/project/ActivityCard.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import { Typography, IconButton } from '@material-tailwind/react';
 
 import { relativeTimeISO } from '../../../utils/time';
-import { GitCommitDetails } from '../../../types';
+import { GitCommitWithBranch } from '../../../types';
 
 interface ActivityCardProps {
-  activity: GitCommitDetails;
+  activity: GitCommitWithBranch;
 }
 
 const ActivityCard = ({ activity }: ActivityCardProps) => {

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

@@ -33,13 +33,19 @@ const CreateRepo = () => {
       assert(data.account);
 
       try {
+        assert(
+          process.env.REACT_APP_GITHUB_TEMPLATE_REPO,
+          'Config REACT_APP_GITHUB_TEMPLATE_REPO is not set in .env',
+        );
+        const [owner, repo] =
+          process.env.REACT_APP_GITHUB_TEMPLATE_REPO.split('/');
+
         // TODO: Handle this functionality in backend
         const gitRepo = await octokit?.rest.repos.createUsingTemplate({
-          template_owner: 'github-rest',
-          template_repo: 'test-progressive-web-app',
+          template_owner: owner,
+          template_repo: repo,
           owner: data.account,
           name: data.repoName,
-          description: 'This is your first repository',
           include_all_branches: false,
           private: data.isPrivate,
         });
@@ -60,6 +66,7 @@ const CreateRepo = () => {
           `/${orgSlug}/projects/create/template/deploy?projectId=${addProject.id}`,
         );
       } catch (err) {
+        console.error(err);
         toast.error('Error deploying project');
       }
     },

packages/frontend/src/pages/org-slug/projects/id/Overview.tsx

@@ -8,7 +8,7 @@ import { Typography, Button, Chip, Avatar } from '@material-tailwind/react';
 import ActivityCard from '../../../../components/projects/project/ActivityCard';
 import { relativeTimeMs } from '../../../../utils/time';
 import { useOctokit } from '../../../../context/OctokitContext';
-import { GitCommitDetails, OutletContextType } from '../../../../types';
+import { GitCommitWithBranch, OutletContextType } from '../../../../types';
 import { useGQLClient } from '../../../../context/GQLClientContext';
 
 const COMMITS_PER_PAGE = 4;
@@ -16,7 +16,7 @@ const COMMITS_PER_PAGE = 4;
 const OverviewTabPanel = () => {
   const { octokit } = useOctokit();
   const navigate = useNavigate();
-  const [activities, setActivities] = useState<GitCommitDetails[]>([]);
+  const [activities, setActivities] = useState<GitCommitWithBranch[]>([]);
   const [liveDomain, setLiveDomain] = useState<Domain>();
 
   const client = useGQLClient();
@@ -78,6 +78,7 @@ const OverviewTabPanel = () => {
           throw err;
         }
 
+        // TODO: Show warning in activity section on request error
         console.log(err.message);
       }
     };

packages/frontend/src/types.ts

@@ -29,7 +29,7 @@ export interface GitBranchDetails {
   name: string;
 }
 
-export interface GitCommitDetails {
+export interface GitCommitWithBranch {
   branch: GitBranchDetails;
   commit: {
     author: {