sort typelist based on pagerank + add circo root

Author: IvanGoncharov

src/components/doc-explorer/TypeList.tsx

@@ -20,17 +20,23 @@ export default function TypeList(props: TypeListProps) {
 
   let types: Array<GraphQLNamedType>;
   if (typeGraph.rootType == null) {
+    const { pageRanks } = typeGraph.schema.extensions;
     types = Array.from(typeGraph.entities.values())
       .map((entity) => entity.type)
       .filter((type) => isMatch(type.name, filter));
+    types.sort((a, b) => {
+      const rankA = pageRanks.get(a.name) ?? 0;
+      const rankB = pageRanks.get(b.name) ?? 0;
+      return rankA - rankB;
+    });
   } else {
     types = Array.from(typeGraph.nodes.values()).filter((type) =>
       isMatch(type.name, filter),
     );
-  }
 
-  // sort alphabetically but root is always be first
-  types.sort((a, b) => (isRoot(b) ? 1 : a.name.localeCompare(b.name)));
+    // sort alphabetically but root is always be first
+    types.sort((a, b) => (isRoot(b) ? 1 : a.name.localeCompare(b.name)));
+  }
 
   return (
     <div className="doc-explorer-type-list">

src/graph/dot.ts

@@ -136,6 +136,8 @@ export function getDot(typeGraph: TypeGraph): Graph {
       ranksep: 2.0,
       layout:
         typeGraph.rootType == null && graphDensity > 0.4 ? 'circo' : 'dot',
+      // @ts-expect-error FIXME in dotviz
+      root: schema.getQueryType()?.name ?? undefined,
     },
     nodeAttributes: {
       fontsize: '16',