feat: add all schema types in schema documentation

graphql · Mar 4, 2023 · 5d39652 · 5d39652
1 parent da75d9e
commit 5d39652
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
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,23 @@ export function SchemaDocumentation(props: SchemaDocumentationProps) {
           </div>
         )}
       </ExplorerSection>
+      <ExplorerSection title="All Schema Types">
+        {typeMap && (
+          <div>
+            {Object.values(typeMap).map(type => {
+              if (ignoreTypesInAllSchema.includes(type.name)) {
+                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,
 };