filter out child resources

Author: rambleraptor

src/components/app-sidebar.tsx

@@ -9,12 +9,12 @@ import {
   SidebarRail,
 } from "@/components/ui/sidebar";
 import { useAppDispatch, useAppSelector } from "@/hooks/store";
-import { selectHeaders, selectResources, setHeaders } from "@/state/store";
+import { selectHeaders, selectParentResources, setHeaders } from "@/state/store";
 import { Label } from "./ui/label";
 import { ResourceTypeList } from "@/app/sidebar/resource_type_list";
 
 export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
-  const resources = useAppSelector(selectResources);
+  const resources = useAppSelector(selectParentResources);
 
   return (
     <Sidebar {...props}>

src/state/openapi.ts

@@ -77,6 +77,15 @@ class ResourceSchema {
     }
     return properties;
   }
+
+  parents(): string[] {
+    const resource = this.schema["x-aep-resource"]
+    if ('parents' in resource) {
+      return resource.parents;
+    } else {
+      return [];
+    }
+  }
 }
 
 class PropertySchema {
@@ -118,6 +127,10 @@ class OpenAPI {
     return resources;
   }
 
+  parentResources(): ResourceSchema[] {
+    return this.resources().filter((resource) => resource.parents().length == 0);
+  }
+
   resourceForName(plural: string): ResourceSchema {
     const resources = this.resources();
     for (const resource of resources) {

src/state/store.ts

@@ -43,6 +43,14 @@ export const selectChildResources = (state: RootState, resource: ResourceSchema,
   }
 }
 
+export const selectParentResources = (state: RootState) => {
+  if (state.schema.value != null) {
+    return state.schema.value.parentResources();
+  } else {
+    return [];
+  }
+}
+
 export const schemaState = (state: RootState) => state.schema.state
 
 // Headers reducers + selectors.