Reorganized “search anywhere” files in entities to follow project conventions (#7402)

Author: bilalabbad

frontend/app/src/entities/ipam/constants.ts

@@ -8,8 +8,6 @@ export const IP_ADDRESS_AVAILABLE_KIND = "InternalIPRangeAvailable" as const;
 export const IP_PREFIX_GENERIC = "BuiltinIPPrefix";
 export const IP_PREFIX_AVAILABLE_KIND = "InternalIPPrefixAvailable";
 
-export const POOLS_PEER = [IP_ADDRESS_GENERIC, IP_PREFIX_GENERIC];
-
 export const TREE_ROOT_ID = "root" as const;
 
 export const IPAM_QSP = {

frontend/app/src/entities/nodes/api/search.ts

@@ -0,0 +1,34 @@
+import { gql } from "@apollo/client";
+
+import type { SearchQuery } from "@/shared/api/graphql/generated/graphql";
+import graphqlClient from "@/shared/api/graphql/graphqlClientApollo";
+import type { ContextParams } from "@/shared/api/types";
+
+export const SEARCH = gql`
+  query Search($search: String!) {
+    InfrahubSearchAnywhere(q: $search, limit: 4, partial_match: true) {
+      count
+      edges {
+        node {
+          id
+          kind
+        }
+      }
+    }
+  }
+`;
+
+export interface SearchAnywhereFromApiParams extends ContextParams {
+  search: string;
+}
+
+export function searchAnywhereFromApi({ search, branchName, atDate }: SearchAnywhereFromApiParams) {
+  return graphqlClient.query<SearchQuery>({
+    query: SEARCH,
+    variables: { search },
+    context: {
+      branch: branchName,
+      date: atDate,
+    },
+  });
+}

frontend/app/src/entities/search-anywhere/api/search.ts

@@ -0,0 +1,12 @@
+import type { SearchAnywhereParams } from "@/entities/search-anywhere/domain/search-anywhere";
+import type { SearchDocsParams } from "@/entities/search-anywhere/domain/search-docs";
+
+export const searchAnywhereQueryKeys = {
+  objects: ({ branchName, search, atDate }: SearchAnywhereParams) => [
+    branchName,
+    atDate,
+    "search-objects",
+    search,
+  ],
+  docs: ({ query, limit }: SearchDocsParams) => ["search-docs", query, limit],
+} as const;

frontend/app/src/entities/search-anywhere/domain/search-anywhere.query-keys.ts

@@ -0,0 +1,36 @@
+import { queryOptions, useQuery } from "@tanstack/react-query";
+import { useAtomValue } from "jotai";
+
+import type { ContextParams, QueryConfig } from "@/shared/api/types";
+import { datetimeAtom } from "@/shared/stores/time.atom";
+
+import { useCurrentBranch } from "@/entities/branches/ui/branches-provider";
+import {
+  type SearchAnywhereParams,
+  searchAnywhere,
+} from "@/entities/search-anywhere/domain/search-anywhere";
+import { searchAnywhereQueryKeys } from "@/entities/search-anywhere/domain/search-anywhere.query-keys";
+
+export function searchAnywhereQueryOptions(params: SearchAnywhereParams) {
+  return queryOptions({
+    queryKey: searchAnywhereQueryKeys.objects(params),
+    queryFn: () => searchAnywhere(params),
+  });
+}
+
+export function useGetSearchAnywhere(
+  params: Omit<SearchAnywhereParams, keyof ContextParams>,
+  config?: QueryConfig<typeof searchAnywhereQueryOptions>
+) {
+  const { currentBranch } = useCurrentBranch();
+  const timeMachineDate = useAtomValue(datetimeAtom);
+
+  return useQuery({
+    ...searchAnywhereQueryOptions({
+      branchName: currentBranch.name,
+      atDate: timeMachineDate,
+      ...params,
+    }),
+    ...config,
+  });
+}

frontend/app/src/entities/search-anywhere/domain/search-anywhere.query.ts

@@ -0,0 +1,28 @@
+import {
+  type SearchAnywhereFromApiParams,
+  searchAnywhereFromApi,
+} from "@/entities/search-anywhere/api/search";
+
+export type SearchAnywhereParams = SearchAnywhereFromApiParams;
+
+export type ObjectResult = { id: string; kind: string };
+
+export type SearchAnywhere = (params: SearchAnywhereParams) => Promise<{
+  count: number;
+  matchingObjects: Array<ObjectResult>;
+}>;
+
+export const searchAnywhere: SearchAnywhere = async (params) => {
+  const { data, errors } = await searchAnywhereFromApi(params);
+
+  if (errors) {
+    throw new Error(errors.map((e) => e.message).join("; "));
+  }
+
+  const { InfrahubSearchAnywhere } = data;
+
+  return {
+    count: InfrahubSearchAnywhere.count,
+    matchingObjects: InfrahubSearchAnywhere.edges?.map(({ node }) => node) ?? [],
+  };
+};

frontend/app/src/entities/search-anywhere/domain/search-anywhere.ts

@@ -0,0 +1,20 @@
+import { queryOptions, useQuery } from "@tanstack/react-query";
+
+import type { QueryConfig } from "@/shared/api/types";
+
+import { searchAnywhereQueryKeys } from "@/entities/search-anywhere/domain/search-anywhere.query-keys";
+import { type SearchDocsParams, searchDocs } from "@/entities/search-anywhere/domain/search-docs";
+
+export function searchDocsQueryOptions({ query, limit = 3 }: SearchDocsParams) {
+  return queryOptions({
+    queryKey: searchAnywhereQueryKeys.docs({ query, limit }),
+    queryFn: () => searchDocs({ query, limit }),
+  });
+}
+
+export function useGetSearchDocs(
+  params: SearchDocsParams,
+  config?: QueryConfig<typeof searchDocsQueryOptions>
+) {
+  return useQuery({ ...searchDocsQueryOptions(params), ...config });
+}

frontend/app/src/entities/search-anywhere/domain/search-docs.query.ts

@@ -0,0 +1,20 @@
+import { CONFIG } from "@/config/config";
+
+import { fetchUrl } from "@/shared/api/rest/fetch";
+
+export interface SearchDocsParams {
+  query: string;
+  limit?: number;
+}
+
+export interface SearchDocResult {
+  title: string;
+  url: string;
+  breadcrumb: string[];
+}
+
+export type SearchDocs = (params: SearchDocsParams) => Promise<Array<SearchDocResult>>;
+
+export const searchDocs: SearchDocs = async ({ query, limit }) => {
+  return fetchUrl(CONFIG.SEARCH_URL(query, limit));
+};

frontend/app/src/entities/search-anywhere/domain/search-docs.ts

@@ -6,12 +6,12 @@ import { useId, useMemo } from "react";
 import { constructPath } from "@/shared/api/rest/fetch";
 import type { MenuItem } from "@/shared/components/layout/menu-navigation/types";
 import { useMenu } from "@/shared/components/menu/domain/get-menu.query";
-import { SearchAnywhereGroup } from "@/shared/components/search/search-anywhere-group";
-import { SearchAnywhereItem } from "@/shared/components/search/search-anywhere-item";
 import { Badge } from "@/shared/components/ui/badge";
 
 import { genericSchemasAtom, nodeSchemasAtom } from "@/entities/schema/stores/schema.atom";
 import type { ModelSchema } from "@/entities/schema/types";
+import { SearchAnywhereGroup } from "@/entities/search-anywhere/ui/search-anywhere-group";
+import { SearchAnywhereItem } from "@/entities/search-anywhere/ui/search-anywhere-item";
 
 export const SearchActions = () => {
   const query = useCommandState((state) => state.search);