feat: add all schema types in classic schema documentation (graphql#3077

)
Yahkob · May 10, 2023 · 8683a41 · 8683a41
1 parent 50da362
commit 8683a41
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 1 deletion.
diff --git a/.changeset/afraid-papayas-confess.md b/.changeset/afraid-papayas-confess.md
@@ -0,0 +1,5 @@
+---
+'@graphiql/react': patch
+---
+
+show all schema types in explorer
diff --git a/packages/graphiql-react/src/explorer/components/schema-documentation.tsx b/packages/graphiql-react/src/explorer/components/schema-documentation.tsx
@@ -17,6 +17,12 @@ export function SchemaDocumentation(props: SchemaDocumentationProps) {
   const queryType = props.schema.getQueryType();
   const mutationType = props.schema.getMutationType?.();
   const subscriptionType = props.schema.getSubscriptionType?.();
+  const typeMap = props.schema.getTypeMap();
+  const ignoreTypesInAllSchema = [
+    queryType?.name,
+    mutationType?.name,
+    subscriptionType?.name,
+  ];
 
   return (
     <>
@@ -49,6 +55,26 @@ export function SchemaDocumentation(props: SchemaDocumentationProps) {
           </div>
         )}
       </ExplorerSection>
+      <ExplorerSection title="All Schema Types">
+        {typeMap && (
+          <div>
+            {Object.values(typeMap).map(type => {
+              if (
+                ignoreTypesInAllSchema.includes(type.name) ||
+                type.name.startsWith('__')
+              ) {
+                return null;
+              }
+
+              return (
+                <div key={type.name}>
+                  <TypeLink type={type} />
+                </div>
+              );
+            })}
+          </div>
+        )}
+      </ExplorerSection>
     </>
   );
 }
diff --git a/packages/graphiql-react/src/explorer/components/section.tsx b/packages/graphiql-react/src/explorer/components/section.tsx
@@ -33,7 +33,8 @@ type ExplorerSectionProps = {
     | 'Possible Types'
     | 'Enum Values'
     | 'Deprecated Enum Values'
-    | 'Directives';
+    | 'Directives'
+    | 'All Schema Types';
 };
 
 export function ExplorerSection(props: ExplorerSectionProps) {
@@ -64,4 +65,5 @@ const TYPE_TO_ICON: Record<ExplorerSectionProps['title'], ComponentType> = {
   'Possible Types': TypeIcon,
   'Root Types': RootTypeIcon,
   Type: TypeIcon,
+  'All Schema Types': TypeIcon,
 };