Add client side start and end time

Reviewed-on: #76
Reviewed-by: Ivan Malison <ivanmalison@gmail.com>

codegen.yml

@@ -1,5 +1,7 @@
 overwrite: true
-schema: "src/schema.gql"
+schema:
+  - "src/schema.gql"
+  - "src/client-schema.gql"
 documents: "src/**/*.gql"
 generates:
   src/index.tsx:

src/client-schema.gql

@@ -0,0 +1,7 @@
+# see: https://www.apollographql.com/docs/react/local-state/managing-state-with-field-policies/
+directive @client on FIELD
+
+extend type ShotGQL {
+  startTime: Float!
+  endTime: Float!
+}

src/index.tsx

@@ -2021,12 +2021,14 @@ export type ShotGql = {
   createdAt?: Maybe<Scalars["DateTime"]["output"]>;
   cueObjectFeatures?: Maybe<CueObjectFeaturesGql>;
   endFrame: Scalars["Int"]["output"];
+  endTime: Scalars["Float"]["output"];
   falsePositiveScore?: Maybe<Scalars["Float"]["output"]>;
   id: Scalars["Int"]["output"];
   pocketingIntentionFeatures?: Maybe<PocketingIntentionFeaturesGql>;
   pocketingIntentionInfo?: Maybe<PocketingIntentionInfoGql>;
   serializedShotPaths?: Maybe<SerializedShotPathsGql>;
   startFrame: Scalars["Int"]["output"];
+  startTime: Scalars["Float"]["output"];
   updatedAt?: Maybe<Scalars["DateTime"]["output"]>;
   user?: Maybe<UserGql>;
   video?: Maybe<VideoGql>;
@@ -2473,6 +2475,8 @@ export type GetShotsWithMetadataFilterResultQuery = {
       videoId: number;
       startFrame: number;
       endFrame: number;
+      startTime: number;
+      endTime: number;
       falsePositiveScore?: number | null;
       createdAt?: any | null;
       updatedAt?: any | null;
@@ -2539,6 +2543,8 @@ export type GetShotsWithMetadataQuery = {
       videoId: number;
       startFrame: number;
       endFrame: number;
+      startTime: number;
+      endTime: number;
       falsePositiveScore?: number | null;
       createdAt?: any | null;
       updatedAt?: any | null;
@@ -2598,6 +2604,8 @@ export type GetShotsByIdsQuery = {
     videoId: number;
     startFrame: number;
     endFrame: number;
+    startTime: number;
+    endTime: number;
     falsePositiveScore?: number | null;
     createdAt?: any | null;
     updatedAt?: any | null;
@@ -2650,6 +2658,8 @@ export type ShotWithAllFeaturesFragment = {
   videoId: number;
   startFrame: number;
   endFrame: number;
+  startTime: number;
+  endTime: number;
   falsePositiveScore?: number | null;
   createdAt?: any | null;
   updatedAt?: any | null;
@@ -2943,6 +2953,59 @@ export type GetVideosQuery = {
   }>;
 };
 
+export type VideoStreamMetadataFragment = {
+  __typename?: "VideoGQL";
+  id: number;
+  framesPerSecond: number;
+  stream?: {
+    __typename?: "UploadStreamGQL";
+    id: string;
+    streamSegmentType: StreamSegmentTypeEnum;
+    segments: Array<{
+      __typename?: "UploadSegmentGQL";
+      uploaded: boolean;
+      valid: boolean;
+      segmentIndex: number;
+      endFrameIndex?: number | null;
+      framesPerSecond?: number | null;
+    }>;
+  } | null;
+  playlist?: {
+    __typename?: "HLSPlaylistGQL";
+    segmentDurations: Array<number>;
+  } | null;
+};
+
+export type GetVideoForShotTimeQueryVariables = Exact<{
+  videoId: Scalars["Int"]["input"];
+}>;
+
+export type GetVideoForShotTimeQuery = {
+  __typename?: "Query";
+  getVideo: {
+    __typename?: "VideoGQL";
+    id: number;
+    framesPerSecond: number;
+    stream?: {
+      __typename?: "UploadStreamGQL";
+      id: string;
+      streamSegmentType: StreamSegmentTypeEnum;
+      segments: Array<{
+        __typename?: "UploadSegmentGQL";
+        uploaded: boolean;
+        valid: boolean;
+        segmentIndex: number;
+        endFrameIndex?: number | null;
+        framesPerSecond?: number | null;
+      }>;
+    } | null;
+    playlist?: {
+      __typename?: "HLSPlaylistGQL";
+      segmentDurations: Array<number>;
+    } | null;
+  };
+};
+
 export type GetVideoQueryVariables = Exact<{
   videoId: Scalars["Int"]["input"];
 }>;
@@ -3258,6 +3321,8 @@ export const ShotWithAllFeaturesFragmentDoc = gql`
     videoId
     startFrame
     endFrame
+    startTime @client
+    endTime @client
     user {
       id
     }
@@ -3298,6 +3363,26 @@ export const ShotWithAllFeaturesFragmentDoc = gql`
     }
   }
 `;
+export const VideoStreamMetadataFragmentDoc = gql`
+  fragment VideoStreamMetadata on VideoGQL {
+    id
+    framesPerSecond
+    stream {
+      id
+      streamSegmentType
+      segments {
+        uploaded
+        valid
+        segmentIndex
+        endFrameIndex
+        framesPerSecond
+      }
+    }
+    playlist {
+      segmentDurations
+    }
+  }
+`;
 export const GetAggregatedShotMetricsDocument = gql`
   query GetAggregatedShotMetrics($aggregateInput: AggregateInputGQL!) {
     getAggregatedShotMetrics(aggregateInput: $aggregateInput) {
@@ -4913,24 +4998,10 @@ export type GetVideoDetailsQueryResult = Apollo.QueryResult<
 export const GetVideosDocument = gql`
   query GetVideos($videoIds: [Int!]!) {
     getVideos(videoIds: $videoIds) {
-      id
+      ...VideoStreamMetadata
-      framesPerSecond
-      stream {
-        id
-        streamSegmentType
-        segments {
-          uploaded
-          valid
-          segmentIndex
-          endFrameIndex
-          framesPerSecond
-        }
-      }
-      playlist {
-        segmentDurations
-      }
     }
   }
+  ${VideoStreamMetadataFragmentDoc}
 `;
 
 /**
@@ -4993,6 +5064,80 @@ export type GetVideosQueryResult = Apollo.QueryResult<
   GetVideosQuery,
   GetVideosQueryVariables
 >;
+export const GetVideoForShotTimeDocument = gql`
+  query GetVideoForShotTime($videoId: Int!) {
+    getVideo(videoId: $videoId) {
+      ...VideoStreamMetadata
+    }
+  }
+  ${VideoStreamMetadataFragmentDoc}
+`;
+
+/**
+ * __useGetVideoForShotTimeQuery__
+ *
+ * To run a query within a React component, call `useGetVideoForShotTimeQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetVideoForShotTimeQuery` 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 } = useGetVideoForShotTimeQuery({
+ *   variables: {
+ *      videoId: // value for 'videoId'
+ *   },
+ * });
+ */
+export function useGetVideoForShotTimeQuery(
+  baseOptions: Apollo.QueryHookOptions<
+    GetVideoForShotTimeQuery,
+    GetVideoForShotTimeQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<
+    GetVideoForShotTimeQuery,
+    GetVideoForShotTimeQueryVariables
+  >(GetVideoForShotTimeDocument, options);
+}
+export function useGetVideoForShotTimeLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    GetVideoForShotTimeQuery,
+    GetVideoForShotTimeQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<
+    GetVideoForShotTimeQuery,
+    GetVideoForShotTimeQueryVariables
+  >(GetVideoForShotTimeDocument, options);
+}
+export function useGetVideoForShotTimeSuspenseQuery(
+  baseOptions?: Apollo.SuspenseQueryHookOptions<
+    GetVideoForShotTimeQuery,
+    GetVideoForShotTimeQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useSuspenseQuery<
+    GetVideoForShotTimeQuery,
+    GetVideoForShotTimeQueryVariables
+  >(GetVideoForShotTimeDocument, options);
+}
+export type GetVideoForShotTimeQueryHookResult = ReturnType<
+  typeof useGetVideoForShotTimeQuery
+>;
+export type GetVideoForShotTimeLazyQueryHookResult = ReturnType<
+  typeof useGetVideoForShotTimeLazyQuery
+>;
+export type GetVideoForShotTimeSuspenseQueryHookResult = ReturnType<
+  typeof useGetVideoForShotTimeSuspenseQuery
+>;
+export type GetVideoForShotTimeQueryResult = Apollo.QueryResult<
+  GetVideoForShotTimeQuery,
+  GetVideoForShotTimeQueryVariables
+>;
 export const GetVideoDocument = gql`
   query GetVideo($videoId: Int!) {
     getVideo(videoId: $videoId) {

src/operations/shots.gql

@@ -84,6 +84,8 @@ fragment ShotWithAllFeatures on ShotGQL {
   videoId
   startFrame
   endFrame
+  startTime @client
+  endTime @client
   user {
     id
   }

src/operations/video.gql

@@ -117,25 +117,34 @@ query GetVideoDetails($videoId: Int!) {
 
 query GetVideos($videoIds: [Int!]!) {
   getVideos(videoIds: $videoIds) {
-    id
+    ...VideoStreamMetadata
-    framesPerSecond
-    stream {
-      id
-      streamSegmentType
-      segments {
-        uploaded
-        valid
-        segmentIndex
-        endFrameIndex
-        framesPerSecond
-      }
-    }
-    playlist {
-      segmentDurations
-    }
   }
 }
 
+fragment VideoStreamMetadata on VideoGQL {
+  id
+  framesPerSecond
+  stream {
+    id
+    streamSegmentType
+    segments {
+      uploaded
+      valid
+      segmentIndex
+      endFrameIndex
+      framesPerSecond
+    }
+  }
+  playlist {
+    segmentDurations
+  }
+}
+
+query GetVideoForShotTime($videoId: Int!) {
+  getVideo(videoId: $videoId) {
+    ...VideoStreamMetadata
+  }
+}
 query GetVideo($videoId: Int!) {
   getVideo(videoId: $videoId) {
     id