perf: Optimize Browse page queries

app/domain/data.ts

@@ -70,6 +70,17 @@ export type GeoData = {
   symbolLayer: SymbolLayer | undefined;
 };
 
+// Extracted for performance reasons.
+export type SearchCubeCreator = {
+  iri: string;
+  label: string;
+};
+
+export type SearchCubeThemes = {
+  iri: string;
+  label: string;
+}[];
+
 const xmlSchema = "http://www.w3.org/2001/XMLSchema#";
 export const parseRDFLiteral = <T = ObservationValue>(value: Literal): T => {
   const v = value.value;

app/graphql/queries/data-cubes.graphql

@@ -105,14 +105,8 @@ query SearchCubes(
       description
       publicationStatus
       datePublished
-      creator {
-        iri
-        label
-      }
-      themes {
-        iri
-        label
-      }
+      creator
+      themes
     }
   }
 }

app/graphql/query-hooks.ts

@@ -2,6 +2,8 @@ import { DimensionValue } from '../domain/data';
 import { QueryFilters } from '../configurator';
 import { Observation } from '../domain/data';
 import { RawObservation } from '../domain/data';
+import { SearchCubeCreator } from '../domain/data';
+import { SearchCubeThemes } from '../domain/data';
 import gql from 'graphql-tag';
 import * as Urql from 'urql';
 export type Maybe<T> = T | null;
@@ -22,6 +24,8 @@ export type Scalars = {
   GeoShapes: any;
   Observation: Observation;
   RawObservation: RawObservation;
+  SearchCubeCreator: SearchCubeCreator;
+  SearchCubeThemes: SearchCubeThemes;
   ValueIdentifier: any;
   ValuePosition: any;
 };
@@ -443,12 +447,13 @@ export type SearchCube = {
   iri: Scalars['String'];
   title: Scalars['String'];
   description?: Maybe<Scalars['String']>;
-  creator?: Maybe<DataCubeOrganization>;
+  creator?: Maybe<Scalars['SearchCubeCreator']>;
   publicationStatus: DataCubePublicationStatus;
   datePublished?: Maybe<Scalars['String']>;
-  themes: Array<DataCubeTheme>;
+  themes: Scalars['SearchCubeThemes'];
 };
 
+
 export type SearchCubeFilter = {
   type: Scalars['String'];
   value: Scalars['String'];
@@ -468,6 +473,7 @@ export enum SearchCubeResultOrder {
   CreatedDesc = 'CREATED_DESC'
 }
 
+
 export type StandardErrorDimension = Dimension & {
   __typename: 'StandardErrorDimension';
   iri: Scalars['String'];
@@ -832,7 +838,7 @@ export type SearchCubesQueryVariables = Exact<{
 }>;
 
 
-export type SearchCubesQuery = { __typename: 'Query', searchCubes: Array<{ __typename: 'SearchCubeResult', highlightedTitle?: Maybe<string>, highlightedDescription?: Maybe<string>, cube: { __typename: 'SearchCube', iri: string, title: string, description?: Maybe<string>, publicationStatus: DataCubePublicationStatus, datePublished?: Maybe<string>, creator?: Maybe<{ __typename: 'DataCubeOrganization', iri: string, label?: Maybe<string> }>, themes: Array<{ __typename: 'DataCubeTheme', iri: string, label?: Maybe<string> }> } }> };
+export type SearchCubesQuery = { __typename: 'Query', searchCubes: Array<{ __typename: 'SearchCubeResult', highlightedTitle?: Maybe<string>, highlightedDescription?: Maybe<string>, cube: { __typename: 'SearchCube', iri: string, title: string, description?: Maybe<string>, publicationStatus: DataCubePublicationStatus, datePublished?: Maybe<string>, creator?: Maybe<SearchCubeCreator>, themes: SearchCubeThemes } }> };
 
 export type DataCubePreviewQueryVariables = Exact<{
   iri: Scalars['String'];
@@ -1255,14 +1261,8 @@ export const SearchCubesDocument = gql`
       description
       publicationStatus
       datePublished
-      creator {
-        iri
-        label
-      }
-      themes {
-        iri
-        label
-      }
+      creator
+      themes
     }
   }
 }

app/graphql/resolver-types.ts

@@ -2,6 +2,8 @@ import { DimensionValue } from '../domain/data';
 import { Filters } from '../configurator';
 import { Observation } from '../domain/data';
 import { RawObservation } from '../domain/data';
+import { SearchCubeCreator } from '../domain/data';
+import { SearchCubeThemes } from '../domain/data';
 import { GraphQLResolveInfo, GraphQLScalarType, GraphQLScalarTypeConfig } from 'graphql';
 import { ResolvedDataCube, ResolvedObservationsQuery, ResolvedMeasure, ResolvedDimension } from './shared-types';
 import { VisualizeGraphQLContext } from './context';
@@ -23,6 +25,8 @@ export type Scalars = {
   GeoShapes: any;
   Observation: Observation;
   RawObservation: RawObservation;
+  SearchCubeCreator: SearchCubeCreator;
+  SearchCubeThemes: SearchCubeThemes;
   ValueIdentifier: any;
   ValuePosition: any;
 };
@@ -444,12 +448,13 @@ export type SearchCube = {
   iri: Scalars['String'];
   title: Scalars['String'];
   description?: Maybe<Scalars['String']>;
-  creator?: Maybe<DataCubeOrganization>;
+  creator?: Maybe<Scalars['SearchCubeCreator']>;
   publicationStatus: DataCubePublicationStatus;
   datePublished?: Maybe<Scalars['String']>;
-  themes: Array<DataCubeTheme>;
+  themes: Scalars['SearchCubeThemes'];
 };
 
+
 export type SearchCubeFilter = {
   type: Scalars['String'];
   value: Scalars['String'];
@@ -469,6 +474,7 @@ export enum SearchCubeResultOrder {
   CreatedDesc = 'CREATED_DESC'
 }
 
+
 export type StandardErrorDimension = Dimension & {
   __typename?: 'StandardErrorDimension';
   iri: Scalars['String'];
@@ -669,9 +675,11 @@ export type ResolversTypes = ResolversObject<{
   RelatedDimension: ResolverTypeWrapper<RelatedDimension>;
   ScaleType: ScaleType;
   SearchCube: ResolverTypeWrapper<SearchCube>;
+  SearchCubeCreator: ResolverTypeWrapper<Scalars['SearchCubeCreator']>;
   SearchCubeFilter: SearchCubeFilter;
   SearchCubeResult: ResolverTypeWrapper<SearchCubeResult>;
   SearchCubeResultOrder: SearchCubeResultOrder;
+  SearchCubeThemes: ResolverTypeWrapper<Scalars['SearchCubeThemes']>;
   StandardErrorDimension: ResolverTypeWrapper<ResolvedDimension>;
   TemporalDimension: ResolverTypeWrapper<ResolvedDimension>;
   TemporalOrdinalDimension: ResolverTypeWrapper<ResolvedDimension>;
@@ -710,8 +718,10 @@ export type ResolversParentTypes = ResolversObject<{
   RawObservation: Scalars['RawObservation'];
   RelatedDimension: RelatedDimension;
   SearchCube: SearchCube;
+  SearchCubeCreator: Scalars['SearchCubeCreator'];
   SearchCubeFilter: SearchCubeFilter;
   SearchCubeResult: SearchCubeResult;
+  SearchCubeThemes: Scalars['SearchCubeThemes'];
   StandardErrorDimension: ResolvedDimension;
   TemporalDimension: ResolvedDimension;
   TemporalOrdinalDimension: ResolvedDimension;
@@ -956,13 +966,17 @@ export type SearchCubeResolvers<ContextType = VisualizeGraphQLContext, ParentTyp
   iri?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
   title?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
   description?: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
-  creator?: Resolver<Maybe<ResolversTypes['DataCubeOrganization']>, ParentType, ContextType>;
+  creator?: Resolver<Maybe<ResolversTypes['SearchCubeCreator']>, ParentType, ContextType>;
   publicationStatus?: Resolver<ResolversTypes['DataCubePublicationStatus'], ParentType, ContextType>;
   datePublished?: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
-  themes?: Resolver<Array<ResolversTypes['DataCubeTheme']>, ParentType, ContextType>;
+  themes?: Resolver<ResolversTypes['SearchCubeThemes'], ParentType, ContextType>;
   __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 }>;
 
+export interface SearchCubeCreatorScalarConfig extends GraphQLScalarTypeConfig<ResolversTypes['SearchCubeCreator'], any> {
+  name: 'SearchCubeCreator';
+}
+
 export type SearchCubeResultResolvers<ContextType = VisualizeGraphQLContext, ParentType extends ResolversParentTypes['SearchCubeResult'] = ResolversParentTypes['SearchCubeResult']> = ResolversObject<{
   score?: Resolver<Maybe<ResolversTypes['Float']>, ParentType, ContextType>;
   cube?: Resolver<ResolversTypes['SearchCube'], ParentType, ContextType>;
@@ -971,6 +985,10 @@ export type SearchCubeResultResolvers<ContextType = VisualizeGraphQLContext, Par
   __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 }>;
 
+export interface SearchCubeThemesScalarConfig extends GraphQLScalarTypeConfig<ResolversTypes['SearchCubeThemes'], any> {
+  name: 'SearchCubeThemes';
+}
+
 export type StandardErrorDimensionResolvers<ContextType = VisualizeGraphQLContext, ParentType extends ResolversParentTypes['StandardErrorDimension'] = ResolversParentTypes['StandardErrorDimension']> = ResolversObject<{
   iri?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
   label?: Resolver<ResolversTypes['String'], ParentType, ContextType>;
@@ -1054,7 +1072,9 @@ export type Resolvers<ContextType = VisualizeGraphQLContext> = ResolversObject<{
   RawObservation?: GraphQLScalarType;
   RelatedDimension?: RelatedDimensionResolvers<ContextType>;
   SearchCube?: SearchCubeResolvers<ContextType>;
+  SearchCubeCreator?: GraphQLScalarType;
   SearchCubeResult?: SearchCubeResultResolvers<ContextType>;
+  SearchCubeThemes?: GraphQLScalarType;
   StandardErrorDimension?: StandardErrorDimensionResolvers<ContextType>;
   TemporalDimension?: TemporalDimensionResolvers<ContextType>;
   TemporalOrdinalDimension?: TemporalOrdinalDimensionResolvers<ContextType>;

app/graphql/resolvers/index.ts

@@ -60,7 +60,7 @@ const DataCube: DataCubeResolvers = {
   description: ({ data: { description } }) => description ?? null,
   dateModified: ({ data: { dateModified } }) => dateModified ?? null,
   datePublished: ({ data: { datePublished } }) => datePublished ?? null,
-  themes: ({ data: { themes } }) => themes || [],
+  themes: ({ data: { themes } }) => themes ?? [],
   creator: ({ data: { creator } }) => creator ?? null,
   dimensions: async (parent, args, context, info) => {
     const source = getSource(args.sourceType);

app/graphql/schema.graphql

@@ -323,14 +323,17 @@ type OrdinalMeasure implements Dimension {
   hierarchy(sourceType: String!, sourceUrl: String!): [HierarchyValue!]
 }
 
+scalar SearchCubeCreator
+scalar SearchCubeThemes
+
 type SearchCube {
   iri: String!
   title: String!
   description: String
-  creator: DataCubeOrganization
+  creator: SearchCubeCreator
   publicationStatus: DataCubePublicationStatus!
   datePublished: String
-  themes: [DataCubeTheme!]!
+  themes: SearchCubeThemes!
 }
 
 type SearchCubeResult {

app/rdf/query-search.ts

@@ -5,6 +5,7 @@ import { Literal, NamedNode } from "rdf-js";
 import StreamClient from "sparql-http-client";
 import ParsingClient from "sparql-http-client/ParsingClient";
 
+import { SearchCubeCreator, SearchCubeThemes } from "@/domain/data";
 import { truthy } from "@/domain/types";
 import { RequestQueryMeta } from "@/graphql/query-meta";
 import {
@@ -307,10 +308,12 @@ export const searchCubes = async ({
         }
 
         if (!parsedCube.creator && cube.creator) {
-          parsedCube.creator = {
+          const creator: SearchCubeCreator = {
             iri: cube.creator,
             label: cube.creatorLabel,
           };
+
+          parsedCube.creator = creator;
         }
 
         if (!parsedCube.datePublished) {
@@ -326,9 +329,9 @@ export const searchCubes = async ({
         }
 
         if (cube.theme || cube.themeName) {
-          parsedCube.themes.push({
+          (parsedCube.themes as SearchCubeThemes).push({
             iri: cube.theme,
-            name: cube.themeName,
+            label: cube.themeName,
           });
         }
       }

codegen.yml

@@ -20,6 +20,8 @@ generates:
         RawObservation: "../domain/data#RawObservation"
         Filters: "../configurator#QueryFilters"
         GeoShape: "../domain/data#GeoShape"
+        SearchCubeCreator: "../domain/data#SearchCubeCreator"
+        SearchCubeThemes: "../domain/data#SearchCubeThemes"
   app/graphql/resolver-types.ts:
     plugins:
       - "typescript"
@@ -35,6 +37,8 @@ generates:
         RawObservation: "../domain/data#RawObservation"
         Filters: "../configurator#Filters"
         GeoShape: "../domain/data#GeoShape"
+        SearchCubeCreator: "../domain/data#SearchCubeCreator"
+        SearchCubeThemes: "../domain/data#SearchCubeThemes"
       mappers:
         DataCube: "./shared-types#ResolvedDataCube"
         ObservationsQuery: "./shared-types#ResolvedObservationsQuery"