add comments

Reviewed-on: #181

src/index.tsx

@@ -122,6 +122,14 @@ export enum ClientUploadStatusEnum {
   UploadEnabled = "UPLOAD_ENABLED",
 }
 
+export type CommentGql = {
+  __typename?: "CommentGQL";
+  id: Scalars["Int"]["output"];
+  message: Scalars["String"]["output"];
+  replies: Array<CommentGql>;
+  user: UserGql;
+};
+
 export type CountLeaderboardGql = {
   __typename?: "CountLeaderboardGQL";
   entries: Array<UserShotCountEntry>;
@@ -2226,10 +2234,13 @@ export type MustHaveSetForUploadLinkErrSegmentAlreadyUploadedErrProcessingFailed
 export type Mutation = {
   __typename?: "Mutation";
   addAnnotationToShot: AddShotAnnotationReturn;
+  commentOnVideo: Scalars["Boolean"]["output"];
   createBucketSet: BucketSetGql;
   createUploadStream: CreateUploadStreamReturn;
+  deleteComment: Scalars["Boolean"]["output"];
   deleteTags: Scalars["Boolean"]["output"];
   deleteVideo: Scalars["Boolean"]["output"];
+  editComment: Scalars["Boolean"]["output"];
   editProfileImageUri: UserGql;
   editShot: EditShotReturn;
   editUploadStream: Scalars["Boolean"]["output"];
@@ -2239,6 +2250,7 @@ export type Mutation = {
   getHlsInitUploadLink: GetUploadLinkReturn;
   getProfileImageUploadLink: GetProfileUploadLinkReturn;
   getUploadLink: GetUploadLinkReturn;
+  reactToVideo: Scalars["Boolean"]["output"];
   retireTags: Scalars["Boolean"]["output"];
   setLoggerLevel: Scalars["Boolean"]["output"];
   setSegmentDuration: Scalars["Boolean"]["output"];
@@ -2252,6 +2264,12 @@ export type MutationAddAnnotationToShotArgs = {
   shotId: Scalars["Int"]["input"];
 };
 
+export type MutationCommentOnVideoArgs = {
+  message: Scalars["String"]["input"];
+  parentCommentId?: InputMaybe<Scalars["Int"]["input"]>;
+  videoId: Scalars["Int"]["input"];
+};
+
 export type MutationCreateBucketSetArgs = {
   params: CreateBucketSetInput;
 };
@@ -2260,6 +2278,11 @@ export type MutationCreateUploadStreamArgs = {
   videoMetadata: VideoMetadataInput;
 };
 
+export type MutationDeleteCommentArgs = {
+  commentId: Scalars["Int"]["input"];
+  videoId: Scalars["Int"]["input"];
+};
+
 export type MutationDeleteTagsArgs = {
   tagsToDelete: Array<VideoTagInput>;
   videoId: Scalars["Int"]["input"];
@@ -2269,6 +2292,12 @@ export type MutationDeleteVideoArgs = {
   videoId: Scalars["Int"]["input"];
 };
 
+export type MutationEditCommentArgs = {
+  commentId: Scalars["Int"]["input"];
+  newMessage: Scalars["String"]["input"];
+  videoId: Scalars["Int"]["input"];
+};
+
 export type MutationEditProfileImageUriArgs = {
   profileImageUri: Scalars["String"]["input"];
 };
@@ -2309,6 +2338,11 @@ export type MutationGetUploadLinkArgs = {
   videoId: Scalars["Int"]["input"];
 };
 
+export type MutationReactToVideoArgs = {
+  reaction?: InputMaybe<ReactionEnum>;
+  videoId: Scalars["Int"]["input"];
+};
+
 export type MutationRetireTagsArgs = {
   tagIds: Array<Scalars["Int"]["input"]>;
 };
@@ -2565,6 +2599,22 @@ export type QueryWaitForArgs = {
   duration: Scalars["Float"]["input"];
 };
 
+export enum ReactionEnum {
+  Bullseye = "BULLSEYE",
+  Heart = "HEART",
+  Hundred = "HUNDRED",
+  Like = "LIKE",
+}
+
+export type ReactionGql = {
+  __typename?: "ReactionGQL";
+  createdAt?: Maybe<Scalars["DateTime"]["output"]>;
+  reaction: ReactionEnum;
+  updatedAt?: Maybe<Scalars["DateTime"]["output"]>;
+  user: UserGql;
+  videoId: Scalars["Int"]["output"];
+};
+
 export type RequestedMedalsGql = {
   __typename?: "RequestedMedalsGQL";
   dailyMakes50?: Maybe<MedalGql>;
@@ -2986,6 +3036,7 @@ export type VideoGql = {
   __typename?: "VideoGQL";
   averageDifficulty?: Maybe<Scalars["Float"]["output"]>;
   averageTimeBetweenShots?: Maybe<Scalars["Float"]["output"]>;
+  comments: Array<CommentGql>;
   createdAt?: Maybe<Scalars["DateTime"]["output"]>;
   currentHomography?: Maybe<HomographyInfoGql>;
   currentProcessing?: Maybe<VideoProcessingGql>;
@@ -3000,6 +3051,7 @@ export type VideoGql = {
   owner?: Maybe<UserGql>;
   playlist?: Maybe<HlsPlaylistGql>;
   private: Scalars["Boolean"]["output"];
+  reactions: Array<ReactionGql>;
   screenshotUri?: Maybe<Scalars["String"]["output"]>;
   shots: Array<ShotGql>;
   startTime?: Maybe<Scalars["DateTime"]["output"]>;
@@ -3168,6 +3220,7 @@ export type GetFeedQuery = {
         id: string;
         lastIntendedSegmentBound?: number | null;
         isCompleted: boolean;
+        streamSegmentType: StreamSegmentTypeEnum;
       } | null;
       tags: Array<{
         __typename?: "VideoTag";
@@ -3187,6 +3240,23 @@ export type GetFeedQuery = {
           status: ProcessingStatusEnum;
         }>;
       } | null;
+      reactions: Array<{
+        __typename?: "ReactionGQL";
+        videoId: number;
+        reaction: ReactionEnum;
+        user: {
+          __typename?: "UserGQL";
+          id: number;
+          username: string;
+          profileImageUri?: string | null;
+          followers?: Array<{
+            __typename?: "UserGQL";
+            id: number;
+            username: string;
+            profileImageUri?: string | null;
+          }> | null;
+        };
+      }>;
     }>;
     pageInfo: {
       __typename?: "PageInfoGQL";
@@ -3224,6 +3294,7 @@ export type VideoCardFieldsFragment = {
     id: string;
     lastIntendedSegmentBound?: number | null;
     isCompleted: boolean;
+    streamSegmentType: StreamSegmentTypeEnum;
   } | null;
   tags: Array<{
     __typename?: "VideoTag";
@@ -3240,6 +3311,23 @@ export type VideoCardFieldsFragment = {
       status: ProcessingStatusEnum;
     }>;
   } | null;
+  reactions: Array<{
+    __typename?: "ReactionGQL";
+    videoId: number;
+    reaction: ReactionEnum;
+    user: {
+      __typename?: "UserGQL";
+      id: number;
+      username: string;
+      profileImageUri?: string | null;
+      followers?: Array<{
+        __typename?: "UserGQL";
+        id: number;
+        username: string;
+        profileImageUri?: string | null;
+      }> | null;
+    };
+  }>;
 };
 
 export type GetVideoFeedQueryVariables = Exact<{
@@ -3283,6 +3371,7 @@ export type GetVideoFeedQuery = {
         id: string;
         lastIntendedSegmentBound?: number | null;
         isCompleted: boolean;
+        streamSegmentType: StreamSegmentTypeEnum;
       } | null;
       tags: Array<{
         __typename?: "VideoTag";
@@ -3302,6 +3391,23 @@ export type GetVideoFeedQuery = {
           status: ProcessingStatusEnum;
         }>;
       } | null;
+      reactions: Array<{
+        __typename?: "ReactionGQL";
+        videoId: number;
+        reaction: ReactionEnum;
+        user: {
+          __typename?: "UserGQL";
+          id: number;
+          username: string;
+          profileImageUri?: string | null;
+          followers?: Array<{
+            __typename?: "UserGQL";
+            id: number;
+            username: string;
+            profileImageUri?: string | null;
+          }> | null;
+        };
+      }>;
     }>;
     pageInfo: {
       __typename?: "PageInfoGQL";
@@ -3505,10 +3611,22 @@ export type GetMedalsQuery = {
   };
 };
 
+export type ReactToVideoMutationVariables = Exact<{
+  videoId: Scalars["Int"]["input"];
+  reaction?: InputMaybe<ReactionEnum>;
+}>;
+
+export type ReactToVideoMutation = {
+  __typename?: "Mutation";
+  reactToVideo: boolean;
+};
+
 export type GetRunsForHighlightsQueryVariables = Exact<{
   filterInput: RunFilterInput;
   runIds?: InputMaybe<Array<Scalars["Int"]["input"]> | Scalars["Int"]["input"]>;
   runsOrdering?: InputMaybe<GetRunsOrdering>;
+  limit?: Scalars["Int"]["input"];
+  countRespectsLimit?: Scalars["Boolean"]["input"];
 }>;
 
 export type GetRunsForHighlightsQuery = {
@@ -3528,6 +3646,55 @@ export type GetRunsForHighlightsQuery = {
   };
 };
 
+export type PocketingIntentionFragmentFragment = {
+  __typename?: "PocketingIntentionFeaturesGQL";
+  make?: boolean | null;
+  targetPocketDistance?: number | null;
+  targetPocketAngle?: number | null;
+  targetPocketAngleDirection?: ShotDirectionEnum | null;
+  marginOfErrorInDegrees?: number | null;
+  intendedPocketType?: PocketEnum | null;
+  difficulty?: number | null;
+};
+
+export type GetRunsWithTimestampsQueryVariables = Exact<{
+  filterInput: RunFilterInput;
+  runIds?: InputMaybe<Array<Scalars["Int"]["input"]> | Scalars["Int"]["input"]>;
+  runsOrdering?: InputMaybe<GetRunsOrdering>;
+}>;
+
+export type GetRunsWithTimestampsQuery = {
+  __typename?: "Query";
+  getRuns: {
+    __typename?: "GetRunsResult";
+    count?: number | null;
+    runIds: Array<number>;
+    runs: Array<{
+      __typename?: "RunGQL";
+      id: number;
+      runLength: number;
+      userId: number;
+      videoId: number;
+      shots: Array<{
+        __typename?: "ShotGQL";
+        videoId: number;
+        id: number;
+        createdAt?: any | null;
+        pocketingIntentionFeatures?: {
+          __typename?: "PocketingIntentionFeaturesGQL";
+          make?: boolean | null;
+          targetPocketDistance?: number | null;
+          targetPocketAngle?: number | null;
+          targetPocketAngleDirection?: ShotDirectionEnum | null;
+          marginOfErrorInDegrees?: number | null;
+          intendedPocketType?: PocketEnum | null;
+          difficulty?: number | null;
+        } | null;
+      }>;
+    }>;
+  };
+};
+
 export type GetSerializedShotPathsQueryVariables = Exact<{
   filterInput: FilterInput;
 }>;
@@ -3696,6 +3863,15 @@ export type GetShotsWithMetadataFilterResultQuery = {
           name: string;
         };
       }>;
+      video?: {
+        __typename?: "VideoGQL";
+        id: number;
+        stream?: {
+          __typename?: "UploadStreamGQL";
+          id: string;
+          streamSegmentType: StreamSegmentTypeEnum;
+        } | null;
+      } | null;
     }>;
   };
 };
@@ -3765,6 +3941,15 @@ export type GetShotsWithMetadataQuery = {
           name: string;
         };
       }>;
+      video?: {
+        __typename?: "VideoGQL";
+        id: number;
+        stream?: {
+          __typename?: "UploadStreamGQL";
+          id: string;
+          streamSegmentType: StreamSegmentTypeEnum;
+        } | null;
+      } | null;
     }>;
   };
 };
@@ -3823,6 +4008,15 @@ export type GetShotsByIdsQuery = {
       notes: string;
       type: { __typename?: "ShotAnnotationTypeGQL"; id: number; name: string };
     }>;
+    video?: {
+      __typename?: "VideoGQL";
+      id: number;
+      stream?: {
+        __typename?: "UploadStreamGQL";
+        id: string;
+        streamSegmentType: StreamSegmentTypeEnum;
+      } | null;
+    } | null;
   }>;
 };
 
@@ -3874,6 +4068,15 @@ export type ShotWithAllFeaturesFragment = {
     notes: string;
     type: { __typename?: "ShotAnnotationTypeGQL"; id: number; name: string };
   }>;
+  video?: {
+    __typename?: "VideoGQL";
+    id: number;
+    stream?: {
+      __typename?: "UploadStreamGQL";
+      id: string;
+      streamSegmentType: StreamSegmentTypeEnum;
+    } | null;
+  } | null;
 };
 
 export type EditShotMutationVariables = Exact<{
@@ -3942,6 +4145,15 @@ export type EditShotMutation = {
           name: string;
         };
       }>;
+      video?: {
+        __typename?: "VideoGQL";
+        id: number;
+        stream?: {
+          __typename?: "UploadStreamGQL";
+          id: string;
+          streamSegmentType: StreamSegmentTypeEnum;
+        } | null;
+      } | null;
     } | null;
   };
 };
@@ -4965,6 +5177,7 @@ export const VideoCardFieldsFragmentDoc = gql`
       id
       lastIntendedSegmentBound
       isCompleted
+      streamSegmentType
     }
     tableSize
     tags {
@@ -4983,6 +5196,20 @@ export const VideoCardFieldsFragmentDoc = gql`
         status
       }
     }
+    reactions {
+      videoId
+      user {
+        id
+        username
+        profileImageUri
+        followers {
+          id
+          username
+          profileImageUri
+        }
+      }
+      reaction
+    }
   }
 `;
 export const MedalFieldsFragmentDoc = gql`
@@ -4991,6 +5218,17 @@ export const MedalFieldsFragmentDoc = gql`
     nickname
   }
 `;
+export const PocketingIntentionFragmentFragmentDoc = gql`
+  fragment PocketingIntentionFragment on PocketingIntentionFeaturesGQL {
+    make
+    targetPocketDistance
+    targetPocketAngle
+    targetPocketAngleDirection
+    marginOfErrorInDegrees
+    intendedPocketType
+    difficulty
+  }
+`;
 export const ShotWithAllFeaturesFragmentDoc = gql`
   fragment ShotWithAllFeatures on ShotGQL {
     id
@@ -5045,6 +5283,13 @@ export const ShotWithAllFeaturesFragmentDoc = gql`
       }
       notes
     }
+    video {
+      id
+      stream {
+        id
+        streamSegmentType
+      }
+    }
   }
 `;
 export const UserFragmentFragmentDoc = gql`
@@ -5908,16 +6153,69 @@ export type GetMedalsQueryResult = Apollo.QueryResult<
   GetMedalsQuery,
   GetMedalsQueryVariables
 >;
+export const ReactToVideoDocument = gql`
+  mutation ReactToVideo($videoId: Int!, $reaction: ReactionEnum) {
+    reactToVideo(videoId: $videoId, reaction: $reaction)
+  }
+`;
+export type ReactToVideoMutationFn = Apollo.MutationFunction<
+  ReactToVideoMutation,
+  ReactToVideoMutationVariables
+>;
+
+/**
+ * __useReactToVideoMutation__
+ *
+ * To run a mutation, you first call `useReactToVideoMutation` within a React component and pass it any options that fit your needs.
+ * When your component renders, `useReactToVideoMutation` returns a tuple that includes:
+ * - A mutate function that you can call at any time to execute the mutation
+ * - An object with fields that represent the current status of the mutation's execution
+ *
+ * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;
+ *
+ * @example
+ * const [reactToVideoMutation, { data, loading, error }] = useReactToVideoMutation({
+ *   variables: {
+ *      videoId: // value for 'videoId'
+ *      reaction: // value for 'reaction'
+ *   },
+ * });
+ */
+export function useReactToVideoMutation(
+  baseOptions?: Apollo.MutationHookOptions<
+    ReactToVideoMutation,
+    ReactToVideoMutationVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useMutation<
+    ReactToVideoMutation,
+    ReactToVideoMutationVariables
+  >(ReactToVideoDocument, options);
+}
+export type ReactToVideoMutationHookResult = ReturnType<
+  typeof useReactToVideoMutation
+>;
+export type ReactToVideoMutationResult =
+  Apollo.MutationResult<ReactToVideoMutation>;
+export type ReactToVideoMutationOptions = Apollo.BaseMutationOptions<
+  ReactToVideoMutation,
+  ReactToVideoMutationVariables
+>;
 export const GetRunsForHighlightsDocument = gql`
   query GetRunsForHighlights(
     $filterInput: RunFilterInput!
     $runIds: [Int!] = null
     $runsOrdering: GetRunsOrdering
+    $limit: Int! = 500
+    $countRespectsLimit: Boolean! = false
   ) {
     getRuns(
       filterInput: $filterInput
       runIds: $runIds
       runsOrdering: $runsOrdering
+      limit: $limit
+      countRespectsLimit: $countRespectsLimit
     ) {
       count
       runs {
@@ -5950,6 +6248,8 @@ export const GetRunsForHighlightsDocument = gql`
  *      filterInput: // value for 'filterInput'
  *      runIds: // value for 'runIds'
  *      runsOrdering: // value for 'runsOrdering'
+ *      limit: // value for 'limit'
+ *      countRespectsLimit: // value for 'countRespectsLimit'
  *   },
  * });
  */
@@ -6002,6 +6302,105 @@ export type GetRunsForHighlightsQueryResult = Apollo.QueryResult<
   GetRunsForHighlightsQuery,
   GetRunsForHighlightsQueryVariables
 >;
+export const GetRunsWithTimestampsDocument = gql`
+  query GetRunsWithTimestamps(
+    $filterInput: RunFilterInput!
+    $runIds: [Int!] = null
+    $runsOrdering: GetRunsOrdering
+  ) {
+    getRuns(
+      filterInput: $filterInput
+      runIds: $runIds
+      runsOrdering: $runsOrdering
+    ) {
+      count
+      runs {
+        id
+        runLength
+        userId
+        videoId
+        shots {
+          videoId
+          id
+          createdAt
+          pocketingIntentionFeatures {
+            ...PocketingIntentionFragment
+          }
+        }
+      }
+      runIds
+    }
+  }
+  ${PocketingIntentionFragmentFragmentDoc}
+`;
+
+/**
+ * __useGetRunsWithTimestampsQuery__
+ *
+ * To run a query within a React component, call `useGetRunsWithTimestampsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetRunsWithTimestampsQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useGetRunsWithTimestampsQuery({
+ *   variables: {
+ *      filterInput: // value for 'filterInput'
+ *      runIds: // value for 'runIds'
+ *      runsOrdering: // value for 'runsOrdering'
+ *   },
+ * });
+ */
+export function useGetRunsWithTimestampsQuery(
+  baseOptions: Apollo.QueryHookOptions<
+    GetRunsWithTimestampsQuery,
+    GetRunsWithTimestampsQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<
+    GetRunsWithTimestampsQuery,
+    GetRunsWithTimestampsQueryVariables
+  >(GetRunsWithTimestampsDocument, options);
+}
+export function useGetRunsWithTimestampsLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    GetRunsWithTimestampsQuery,
+    GetRunsWithTimestampsQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<
+    GetRunsWithTimestampsQuery,
+    GetRunsWithTimestampsQueryVariables
+  >(GetRunsWithTimestampsDocument, options);
+}
+export function useGetRunsWithTimestampsSuspenseQuery(
+  baseOptions?: Apollo.SuspenseQueryHookOptions<
+    GetRunsWithTimestampsQuery,
+    GetRunsWithTimestampsQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useSuspenseQuery<
+    GetRunsWithTimestampsQuery,
+    GetRunsWithTimestampsQueryVariables
+  >(GetRunsWithTimestampsDocument, options);
+}
+export type GetRunsWithTimestampsQueryHookResult = ReturnType<
+  typeof useGetRunsWithTimestampsQuery
+>;
+export type GetRunsWithTimestampsLazyQueryHookResult = ReturnType<
+  typeof useGetRunsWithTimestampsLazyQuery
+>;
+export type GetRunsWithTimestampsSuspenseQueryHookResult = ReturnType<
+  typeof useGetRunsWithTimestampsSuspenseQuery
+>;
+export type GetRunsWithTimestampsQueryResult = Apollo.QueryResult<
+  GetRunsWithTimestampsQuery,
+  GetRunsWithTimestampsQueryVariables
+>;
 export const GetSerializedShotPathsDocument = gql`
   query GetSerializedShotPaths($filterInput: FilterInput!) {
     getShots(filterInput: $filterInput) {

src/operations/feed.gql

@@ -40,6 +40,7 @@ fragment VideoCardFields on VideoGQL {
     id
     lastIntendedSegmentBound
     isCompleted
+    streamSegmentType
   }
   tableSize
   tags {
@@ -58,6 +59,20 @@ fragment VideoCardFields on VideoGQL {
       status
     }
   }
+  reactions {
+    videoId
+    user {
+      id
+      username
+      profileImageUri
+      followers {
+        id
+        username
+        profileImageUri
+      }
+    }
+    reaction
+  }
 }
 
 query GetVideoFeed(

src/operations/reactions.gql

@@ -0,0 +1,3 @@
+mutation ReactToVideo($videoId: Int!, $reaction: ReactionEnum) {
+  reactToVideo(videoId: $videoId, reaction: $reaction)
+}

src/operations/runs.gql

@@ -2,6 +2,45 @@ query GetRunsForHighlights(
   $filterInput: RunFilterInput!
   $runIds: [Int!] = null
   $runsOrdering: GetRunsOrdering
+  $limit: Int! = 500
+  $countRespectsLimit: Boolean! = false
+) {
+  getRuns(
+    filterInput: $filterInput
+    runIds: $runIds
+    runsOrdering: $runsOrdering
+    limit: $limit
+    countRespectsLimit: $countRespectsLimit
+  ) {
+    count
+    runs {
+      id
+      runLength
+      userId
+      videoId
+      shots {
+        videoId
+        id
+      }
+    }
+    runIds
+  }
+}
+
+fragment PocketingIntentionFragment on PocketingIntentionFeaturesGQL {
+  make
+  targetPocketDistance
+  targetPocketAngle
+  targetPocketAngleDirection
+  marginOfErrorInDegrees
+  intendedPocketType
+  difficulty
+}
+
+query GetRunsWithTimestamps(
+  $filterInput: RunFilterInput!
+  $runIds: [Int!] = null
+  $runsOrdering: GetRunsOrdering
 ) {
   getRuns(
     filterInput: $filterInput
@@ -17,6 +56,10 @@ query GetRunsForHighlights(
       shots {
         videoId
         id
+        createdAt
+        pocketingIntentionFeatures {
+          ...PocketingIntentionFragment
+        }
       }
     }
     runIds

src/operations/shots.gql

@@ -185,6 +185,13 @@ fragment ShotWithAllFeatures on ShotGQL {
     }
     notes
   }
+  video {
+    id
+    stream {
+      id
+      streamSegmentType
+    }
+  }
 }
 
 mutation EditShot($shotId: Int!, $fieldsToEdit: EditableShotFieldInputGQL!) {

src/schema.gql

@@ -479,6 +479,8 @@ type VideoGQL {
   currentHomography: HomographyInfoGQL
   homographyHistory: [HomographyInfoGQL!]!
   currentProcessing: VideoProcessingGQL
+  reactions: [ReactionGQL!]!
+  comments: [CommentGQL!]!
 }
 
 type UploadStreamGQL {
@@ -612,6 +614,28 @@ type VideoProcessingStatusGQL {
   updatedAt: DateTime
 }
 
+type ReactionGQL {
+  videoId: Int!
+  user: UserGQL!
+  reaction: ReactionEnum!
+  createdAt: DateTime
+  updatedAt: DateTime
+}
+
+enum ReactionEnum {
+  LIKE
+  HEART
+  BULLSEYE
+  HUNDRED
+}
+
+type CommentGQL {
+  id: Int!
+  user: UserGQL!
+  message: String!
+  replies: [CommentGQL!]!
+}
+
 type RunFeaturesGQL {
   runId: Int!
   indexInRun: Int!
@@ -801,6 +825,14 @@ type Mutation {
   editUploadStream(videoId: Int!, videoMetadata: VideoMetadataInput!): Boolean!
   deleteVideo(videoId: Int!): Boolean!
   deleteTags(videoId: Int!, tagsToDelete: [VideoTagInput!]!): Boolean!
+  reactToVideo(videoId: Int!, reaction: ReactionEnum): Boolean!
+  commentOnVideo(
+    videoId: Int!
+    message: String!
+    parentCommentId: Int
+  ): Boolean!
+  editComment(videoId: Int!, commentId: Int!, newMessage: String!): Boolean!
+  deleteComment(videoId: Int!, commentId: Int!): Boolean!
 }
 
 input CreateBucketSetInput {