From 2a5f9d5cde1fb1808e1b42f51222b3290a37172d Mon Sep 17 00:00:00 2001
From: John Chilton <jmchilton@gmail.com>
Date: Thu, 25 Jan 2024 11:39:34 -0500
Subject: [PATCH] Bug fixes for the tool shed.

---
 lib/tool_shed/webapp/frontend/package.json    |  2 +-
 .../RecentlyCreatedRepositories.vue           |  2 +-
 .../src/components/RepositoriesGrid.vue       |  1 -
 .../src/components/RepositoryCreation.vue     | 13 +----
 lib/tool_shed/webapp/frontend/src/gql/gql.ts  | 22 ++++-----
 .../webapp/frontend/src/gql/graphql.ts        | 48 +++++++++----------
 .../webapp/frontend/src/gqlFragements.ts      | 11 +++++
 7 files changed, 49 insertions(+), 50 deletions(-)

diff --git a/lib/tool_shed/webapp/frontend/package.json b/lib/tool_shed/webapp/frontend/package.json
index 0050777dadba..8415ff5b0ac9 100644
--- a/lib/tool_shed/webapp/frontend/package.json
+++ b/lib/tool_shed/webapp/frontend/package.json
@@ -38,7 +38,7 @@
     "vue-tsc": "^1.0.16"
   },
   "dependencies": {
-    "@apollo/client": "^3.7.3",
+    "@apollo/client": "^3.8.6",
     "@quasar/extras": "^1.12.4",
     "@vue/apollo-composable": "^4.0.0-beta.1",
     "@vue/apollo-option": "^4.0.0-alpha.20",
diff --git a/lib/tool_shed/webapp/frontend/src/components/RecentlyCreatedRepositories.vue b/lib/tool_shed/webapp/frontend/src/components/RecentlyCreatedRepositories.vue
index 934f4e385985..f9383afb94a7 100644
--- a/lib/tool_shed/webapp/frontend/src/components/RecentlyCreatedRepositories.vue
+++ b/lib/tool_shed/webapp/frontend/src/components/RecentlyCreatedRepositories.vue
@@ -8,7 +8,7 @@ import RepositoryCreation from "@/components/RepositoryCreation.vue"
 
 const query = graphql(`
     query recentlyCreatedRepositories {
-        relayRepositories(first: 10, sort: UPDATE_TIME_DESC) {
+        relayRepositories(first: 10, sort: CREATE_TIME_DESC) {
             edges {
                 node {
                     ...RepositoryCreationItem
diff --git a/lib/tool_shed/webapp/frontend/src/components/RepositoriesGrid.vue b/lib/tool_shed/webapp/frontend/src/components/RepositoriesGrid.vue
index fd8ed9104b7a..f68dab181613 100644
--- a/lib/tool_shed/webapp/frontend/src/components/RepositoriesGrid.vue
+++ b/lib/tool_shed/webapp/frontend/src/components/RepositoriesGrid.vue
@@ -58,7 +58,6 @@ const columns = computed(() => {
 const tableLoading = ref(false)
 
 async function onVirtualScroll(details: ScrollDetails) {
-    console.log(details)
     const { to, direction } = details
     if (direction == "decrease") {
         return
diff --git a/lib/tool_shed/webapp/frontend/src/components/RepositoryCreation.vue b/lib/tool_shed/webapp/frontend/src/components/RepositoryCreation.vue
index 8e41a409c1bd..2b98257dff5d 100644
--- a/lib/tool_shed/webapp/frontend/src/components/RepositoryCreation.vue
+++ b/lib/tool_shed/webapp/frontend/src/components/RepositoryCreation.vue
@@ -1,20 +1,9 @@
 <script setup lang="ts">
 import UtcDate from "@/components/UtcDate.vue"
 
-import { graphql } from "@/gql"
 import { type FragmentType, useFragment } from "@/gql/fragment-masking"
 import { goToRepository } from "@/router"
-
-const CreateFragment = graphql(/* GraphQL */ `
-    fragment RepositoryCreationItem on RelayRepository {
-        encodedId
-        name
-        user {
-            username
-        }
-        createTime
-    }
-`)
+import { CreateFragment } from "@/gqlFragements"
 
 const props = defineProps<{
     creation: FragmentType<typeof CreateFragment>
diff --git a/lib/tool_shed/webapp/frontend/src/gql/gql.ts b/lib/tool_shed/webapp/frontend/src/gql/gql.ts
index 0793f6959859..0be807e10175 100644
--- a/lib/tool_shed/webapp/frontend/src/gql/gql.ts
+++ b/lib/tool_shed/webapp/frontend/src/gql/gql.ts
@@ -13,20 +13,20 @@ import { TypedDocumentNode as DocumentNode } from "@graphql-typed-document-node/
  * Therefore it is highly recommended to use the babel-plugin for production.
  */
 const documents = {
-    "\n    query recentlyCreatedRepositories {\n        relayRepositories(first: 10, sort: UPDATE_TIME_DESC) {\n            edges {\n                node {\n                    ...RepositoryCreationItem\n                }\n            }\n        }\n    }\n":
+    "\n    query recentlyCreatedRepositories {\n        relayRepositories(first: 10, sort: CREATE_TIME_DESC) {\n            edges {\n                node {\n                    ...RepositoryCreationItem\n                }\n            }\n        }\n    }\n":
         types.RecentlyCreatedRepositoriesDocument,
     "\n    query recentRepositoryUpdates {\n        relayRepositories(first: 10, sort: UPDATE_TIME_DESC) {\n            edges {\n                node {\n                    ...RepositoryUpdateItem\n                }\n            }\n        }\n    }\n":
         types.RecentRepositoryUpdatesDocument,
     "\n    query repositoriesByOwner($username: String, $cursor: String) {\n        relayRepositoriesForOwner(username: $username, sort: UPDATE_TIME_DESC, first: 10, after: $cursor) {\n            edges {\n                cursor\n                node {\n                    ...RepositoryListItemFragment\n                }\n            }\n            pageInfo {\n                endCursor\n                hasNextPage\n            }\n        }\n    }\n":
         types.RepositoriesByOwnerDocument,
-    "\n    fragment RepositoryCreationItem on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        createTime\n    }\n":
-        types.RepositoryCreationItemFragmentDoc,
     "\n    query repositoriesByCategory($categoryId: String, $cursor: String) {\n        relayRepositoriesForCategory(encodedId: $categoryId, sort: UPDATE_TIME_DESC, first: 10, after: $cursor) {\n            edges {\n                cursor\n                node {\n                    ...RepositoryListItemFragment\n                }\n            }\n            pageInfo {\n                endCursor\n                hasNextPage\n            }\n        }\n    }\n":
         types.RepositoriesByCategoryDocument,
     "\n    fragment RepositoryListItemFragment on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        description\n        type\n        updateTime\n        homepageUrl\n        remoteRepositoryUrl\n    }\n":
         types.RepositoryListItemFragmentFragmentDoc,
     "\n    fragment RepositoryUpdateItem on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        updateTime\n    }\n":
         types.RepositoryUpdateItemFragmentDoc,
+    "\n    fragment RepositoryCreationItem on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        createTime\n    }\n":
+        types.RepositoryCreationItemFragmentDoc,
 }
 
 /**
@@ -47,8 +47,8 @@ export function graphql(source: string): unknown
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(
-    source: "\n    query recentlyCreatedRepositories {\n        relayRepositories(first: 10, sort: UPDATE_TIME_DESC) {\n            edges {\n                node {\n                    ...RepositoryCreationItem\n                }\n            }\n        }\n    }\n"
-): (typeof documents)["\n    query recentlyCreatedRepositories {\n        relayRepositories(first: 10, sort: UPDATE_TIME_DESC) {\n            edges {\n                node {\n                    ...RepositoryCreationItem\n                }\n            }\n        }\n    }\n"]
+    source: "\n    query recentlyCreatedRepositories {\n        relayRepositories(first: 10, sort: CREATE_TIME_DESC) {\n            edges {\n                node {\n                    ...RepositoryCreationItem\n                }\n            }\n        }\n    }\n"
+): (typeof documents)["\n    query recentlyCreatedRepositories {\n        relayRepositories(first: 10, sort: CREATE_TIME_DESC) {\n            edges {\n                node {\n                    ...RepositoryCreationItem\n                }\n            }\n        }\n    }\n"]
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -61,12 +61,6 @@ export function graphql(
 export function graphql(
     source: "\n    query repositoriesByOwner($username: String, $cursor: String) {\n        relayRepositoriesForOwner(username: $username, sort: UPDATE_TIME_DESC, first: 10, after: $cursor) {\n            edges {\n                cursor\n                node {\n                    ...RepositoryListItemFragment\n                }\n            }\n            pageInfo {\n                endCursor\n                hasNextPage\n            }\n        }\n    }\n"
 ): (typeof documents)["\n    query repositoriesByOwner($username: String, $cursor: String) {\n        relayRepositoriesForOwner(username: $username, sort: UPDATE_TIME_DESC, first: 10, after: $cursor) {\n            edges {\n                cursor\n                node {\n                    ...RepositoryListItemFragment\n                }\n            }\n            pageInfo {\n                endCursor\n                hasNextPage\n            }\n        }\n    }\n"]
-/**
- * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
- */
-export function graphql(
-    source: "\n    fragment RepositoryCreationItem on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        createTime\n    }\n"
-): (typeof documents)["\n    fragment RepositoryCreationItem on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        createTime\n    }\n"]
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -85,6 +79,12 @@ export function graphql(
 export function graphql(
     source: "\n    fragment RepositoryUpdateItem on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        updateTime\n    }\n"
 ): (typeof documents)["\n    fragment RepositoryUpdateItem on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        updateTime\n    }\n"]
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(
+    source: "\n    fragment RepositoryCreationItem on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        createTime\n    }\n"
+): (typeof documents)["\n    fragment RepositoryCreationItem on RelayRepository {\n        encodedId\n        name\n        user {\n            username\n        }\n        createTime\n    }\n"]
 
 export function graphql(source: string) {
     return (documents as any)[source] ?? {}
diff --git a/lib/tool_shed/webapp/frontend/src/gql/graphql.ts b/lib/tool_shed/webapp/frontend/src/gql/graphql.ts
index f6c3433eb96b..0c63d3f99ba0 100644
--- a/lib/tool_shed/webapp/frontend/src/gql/graphql.ts
+++ b/lib/tool_shed/webapp/frontend/src/gql/graphql.ts
@@ -383,14 +383,6 @@ export type RepositoriesByOwnerQuery = {
     } | null
 }
 
-export type RepositoryCreationItemFragment = {
-    __typename?: "RelayRepository"
-    encodedId: string
-    name: string
-    createTime?: any | null
-    user: { __typename?: "SimpleUser"; username: string }
-} & { " $fragmentName"?: "RepositoryCreationItemFragment" }
-
 export type RepositoriesByCategoryQueryVariables = Exact<{
     categoryId?: InputMaybe<Scalars["String"]>
     cursor?: InputMaybe<Scalars["String"]>
@@ -433,12 +425,20 @@ export type RepositoryUpdateItemFragment = {
     user: { __typename?: "SimpleUser"; username: string }
 } & { " $fragmentName"?: "RepositoryUpdateItemFragment" }
 
-export const RepositoryCreationItemFragmentDoc = {
+export type RepositoryCreationItemFragment = {
+    __typename?: "RelayRepository"
+    encodedId: string
+    name: string
+    createTime?: any | null
+    user: { __typename?: "SimpleUser"; username: string }
+} & { " $fragmentName"?: "RepositoryCreationItemFragment" }
+
+export const RepositoryListItemFragmentFragmentDoc = {
     kind: "Document",
     definitions: [
         {
             kind: "FragmentDefinition",
-            name: { kind: "Name", value: "RepositoryCreationItem" },
+            name: { kind: "Name", value: "RepositoryListItemFragment" },
             typeCondition: { kind: "NamedType", name: { kind: "Name", value: "RelayRepository" } },
             selectionSet: {
                 kind: "SelectionSet",
@@ -453,18 +453,22 @@ export const RepositoryCreationItemFragmentDoc = {
                             selections: [{ kind: "Field", name: { kind: "Name", value: "username" } }],
                         },
                     },
-                    { kind: "Field", name: { kind: "Name", value: "createTime" } },
+                    { kind: "Field", name: { kind: "Name", value: "description" } },
+                    { kind: "Field", name: { kind: "Name", value: "type" } },
+                    { kind: "Field", name: { kind: "Name", value: "updateTime" } },
+                    { kind: "Field", name: { kind: "Name", value: "homepageUrl" } },
+                    { kind: "Field", name: { kind: "Name", value: "remoteRepositoryUrl" } },
                 ],
             },
         },
     ],
-} as unknown as DocumentNode<RepositoryCreationItemFragment, unknown>
-export const RepositoryListItemFragmentFragmentDoc = {
+} as unknown as DocumentNode<RepositoryListItemFragmentFragment, unknown>
+export const RepositoryUpdateItemFragmentDoc = {
     kind: "Document",
     definitions: [
         {
             kind: "FragmentDefinition",
-            name: { kind: "Name", value: "RepositoryListItemFragment" },
+            name: { kind: "Name", value: "RepositoryUpdateItem" },
             typeCondition: { kind: "NamedType", name: { kind: "Name", value: "RelayRepository" } },
             selectionSet: {
                 kind: "SelectionSet",
@@ -479,22 +483,18 @@ export const RepositoryListItemFragmentFragmentDoc = {
                             selections: [{ kind: "Field", name: { kind: "Name", value: "username" } }],
                         },
                     },
-                    { kind: "Field", name: { kind: "Name", value: "description" } },
-                    { kind: "Field", name: { kind: "Name", value: "type" } },
                     { kind: "Field", name: { kind: "Name", value: "updateTime" } },
-                    { kind: "Field", name: { kind: "Name", value: "homepageUrl" } },
-                    { kind: "Field", name: { kind: "Name", value: "remoteRepositoryUrl" } },
                 ],
             },
         },
     ],
-} as unknown as DocumentNode<RepositoryListItemFragmentFragment, unknown>
-export const RepositoryUpdateItemFragmentDoc = {
+} as unknown as DocumentNode<RepositoryUpdateItemFragment, unknown>
+export const RepositoryCreationItemFragmentDoc = {
     kind: "Document",
     definitions: [
         {
             kind: "FragmentDefinition",
-            name: { kind: "Name", value: "RepositoryUpdateItem" },
+            name: { kind: "Name", value: "RepositoryCreationItem" },
             typeCondition: { kind: "NamedType", name: { kind: "Name", value: "RelayRepository" } },
             selectionSet: {
                 kind: "SelectionSet",
@@ -509,12 +509,12 @@ export const RepositoryUpdateItemFragmentDoc = {
                             selections: [{ kind: "Field", name: { kind: "Name", value: "username" } }],
                         },
                     },
-                    { kind: "Field", name: { kind: "Name", value: "updateTime" } },
+                    { kind: "Field", name: { kind: "Name", value: "createTime" } },
                 ],
             },
         },
     ],
-} as unknown as DocumentNode<RepositoryUpdateItemFragment, unknown>
+} as unknown as DocumentNode<RepositoryCreationItemFragment, unknown>
 export const RecentlyCreatedRepositoriesDocument = {
     kind: "Document",
     definitions: [
@@ -537,7 +537,7 @@ export const RecentlyCreatedRepositoriesDocument = {
                             {
                                 kind: "Argument",
                                 name: { kind: "Name", value: "sort" },
-                                value: { kind: "EnumValue", value: "UPDATE_TIME_DESC" },
+                                value: { kind: "EnumValue", value: "CREATE_TIME_DESC" },
                             },
                         ],
                         selectionSet: {
diff --git a/lib/tool_shed/webapp/frontend/src/gqlFragements.ts b/lib/tool_shed/webapp/frontend/src/gqlFragements.ts
index 4eca9379d0da..0713fbbb344d 100644
--- a/lib/tool_shed/webapp/frontend/src/gqlFragements.ts
+++ b/lib/tool_shed/webapp/frontend/src/gqlFragements.ts
@@ -25,3 +25,14 @@ export const UpdateFragment = graphql(/* GraphQL */ `
         updateTime
     }
 `)
+
+export const CreateFragment = graphql(/* GraphQL */ `
+    fragment RepositoryCreationItem on RelayRepository {
+        encodedId
+        name
+        user {
+            username
+        }
+        createTime
+    }
+`)