Create upload stream named fragment

Reviewed-on: #155

src/index.tsx

@@ -4477,6 +4477,30 @@ export type GetHeaderInfoByVideoIdQuery = {
   };
 };
 
+export type GetBannerInfoByVideoIdQueryVariables = Exact<{
+  videoId: Scalars["Int"]["input"];
+}>;
+
+export type GetBannerInfoByVideoIdQuery = {
+  __typename?: "Query";
+  getVideo: {
+    __typename?: "VideoGQL";
+    id: number;
+    name?: string | null;
+    stream?: {
+      __typename?: "UploadStreamGQL";
+      id: string;
+      lastIntendedSegmentBound?: number | null;
+    } | null;
+    owner?: { __typename?: "UserGQL"; id: number } | null;
+    currentProcessing?: {
+      __typename?: "VideoProcessingGQL";
+      id: number;
+      status: ProcessingStatusEnum;
+    } | null;
+  };
+};
+
 export type FindPrerecordTableLayoutMutationVariables = Exact<{
   b64Image: Scalars["String"]["input"];
   videoId: Scalars["Int"]["input"];
@@ -4684,6 +4708,20 @@ export type GetUploadStreamsQuery = {
   };
 };
 
+export type UploadStreamWithDetailsFragment = {
+  __typename?: "VideoGQL";
+  id: number;
+  name?: string | null;
+  startTime?: any | null;
+  stream?: {
+    __typename?: "UploadStreamGQL";
+    isCompleted: boolean;
+    lastIntendedSegmentBound?: number | null;
+    uploadCompletionCursor: number;
+    uploadsCompleted: number;
+  } | null;
+};
+
 export type GetUploadStreamsWithDetailsQueryVariables = Exact<{
   limit?: Scalars["Int"]["input"];
   after?: InputMaybe<Scalars["String"]["input"]>;
@@ -4942,6 +4980,19 @@ export const HomographyInfoFragmentDoc = gql`
     }
   }
 `;
+export const UploadStreamWithDetailsFragmentDoc = gql`
+  fragment UploadStreamWithDetails on VideoGQL {
+    id
+    name
+    startTime
+    stream {
+      isCompleted
+      lastIntendedSegmentBound
+      uploadCompletionCursor
+      uploadsCompleted
+    }
+  }
+`;
 export const GetAggregatedShotMetricsDocument = gql`
   query GetAggregatedShotMetrics($aggregateInput: AggregateInputGQL!) {
     getAggregatedShotMetrics(aggregateInput: $aggregateInput) {
@@ -8215,6 +8266,91 @@ export type GetHeaderInfoByVideoIdQueryResult = Apollo.QueryResult<
   GetHeaderInfoByVideoIdQuery,
   GetHeaderInfoByVideoIdQueryVariables
 >;
+export const GetBannerInfoByVideoIdDocument = gql`
+  query GetBannerInfoByVideoId($videoId: Int!) {
+    getVideo(videoId: $videoId) {
+      id
+      name
+      stream {
+        id
+        lastIntendedSegmentBound
+      }
+      owner {
+        id
+      }
+      currentProcessing {
+        id
+        status
+      }
+    }
+  }
+`;
+
+/**
+ * __useGetBannerInfoByVideoIdQuery__
+ *
+ * To run a query within a React component, call `useGetBannerInfoByVideoIdQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetBannerInfoByVideoIdQuery` 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 } = useGetBannerInfoByVideoIdQuery({
+ *   variables: {
+ *      videoId: // value for 'videoId'
+ *   },
+ * });
+ */
+export function useGetBannerInfoByVideoIdQuery(
+  baseOptions: Apollo.QueryHookOptions<
+    GetBannerInfoByVideoIdQuery,
+    GetBannerInfoByVideoIdQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<
+    GetBannerInfoByVideoIdQuery,
+    GetBannerInfoByVideoIdQueryVariables
+  >(GetBannerInfoByVideoIdDocument, options);
+}
+export function useGetBannerInfoByVideoIdLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    GetBannerInfoByVideoIdQuery,
+    GetBannerInfoByVideoIdQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<
+    GetBannerInfoByVideoIdQuery,
+    GetBannerInfoByVideoIdQueryVariables
+  >(GetBannerInfoByVideoIdDocument, options);
+}
+export function useGetBannerInfoByVideoIdSuspenseQuery(
+  baseOptions?: Apollo.SuspenseQueryHookOptions<
+    GetBannerInfoByVideoIdQuery,
+    GetBannerInfoByVideoIdQueryVariables
+  >,
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useSuspenseQuery<
+    GetBannerInfoByVideoIdQuery,
+    GetBannerInfoByVideoIdQueryVariables
+  >(GetBannerInfoByVideoIdDocument, options);
+}
+export type GetBannerInfoByVideoIdQueryHookResult = ReturnType<
+  typeof useGetBannerInfoByVideoIdQuery
+>;
+export type GetBannerInfoByVideoIdLazyQueryHookResult = ReturnType<
+  typeof useGetBannerInfoByVideoIdLazyQuery
+>;
+export type GetBannerInfoByVideoIdSuspenseQueryHookResult = ReturnType<
+  typeof useGetBannerInfoByVideoIdSuspenseQuery
+>;
+export type GetBannerInfoByVideoIdQueryResult = Apollo.QueryResult<
+  GetBannerInfoByVideoIdQuery,
+  GetBannerInfoByVideoIdQueryVariables
+>;
 export const FindPrerecordTableLayoutDocument = gql`
   mutation FindPrerecordTableLayout($b64Image: String!, $videoId: Int!) {
     findPrerecordTableLayout(b64Image: $b64Image, videoId: $videoId) {
@@ -8673,15 +8809,7 @@ export const GetUploadStreamsWithDetailsDocument = gql`
   ) {
     getUserVideos(limit: $limit, after: $after, filters: $filters) {
       videos {
-        id
-        name
-        startTime
-        stream {
-          isCompleted
-          lastIntendedSegmentBound
-          uploadCompletionCursor
-          uploadsCompleted
-        }
+        ...UploadStreamWithDetails
       }
       pageInfo {
         hasNextPage
@@ -8689,6 +8817,7 @@ export const GetUploadStreamsWithDetailsDocument = gql`
       }
     }
   }
+  ${UploadStreamWithDetailsFragmentDoc}
 `;
 
 /**

src/operations/video.gql

@@ -216,6 +216,23 @@ query GetHeaderInfoByVideoId($videoId: Int!) {
     startTime
   }
 }
+query GetBannerInfoByVideoId($videoId: Int!) {
+  getVideo(videoId: $videoId) {
+    id
+    name
+    stream {
+      id
+      lastIntendedSegmentBound
+    }
+    owner {
+      id
+    }
+    currentProcessing {
+      id
+      status
+    }
+  }
+}
 
 mutation FindPrerecordTableLayout($b64Image: String!, $videoId: Int!) {
   findPrerecordTableLayout(b64Image: $b64Image, videoId: $videoId) {

src/operations/video_upload.gql

@@ -101,13 +101,8 @@ query GetUploadStreams(
     }
   }
 }
-query GetUploadStreamsWithDetails(
-  $limit: Int! = 5
-  $after: String = null
-  $filters: VideoFilterInput = null
-) {
-  getUserVideos(limit: $limit, after: $after, filters: $filters) {
-    videos {
+
+fragment UploadStreamWithDetails on VideoGQL {
   id
   name
   startTime
@@ -117,6 +112,16 @@ query GetUploadStreamsWithDetails(
     uploadCompletionCursor
     uploadsCompleted
   }
+}
+
+query GetUploadStreamsWithDetails(
+  $limit: Int! = 5
+  $after: String = null
+  $filters: VideoFilterInput = null
+) {
+  getUserVideos(limit: $limit, after: $after, filters: $filters) {
+    videos {
+      ...UploadStreamWithDetails
     }
     pageInfo {
       hasNextPage