refactor(namespace): migrate namespace access view to react [r8s-141] (#87)

app/react/kubernetes/configs/queries/useConfigMap.ts

@@ -9,33 +9,37 @@ import { Configuration } from '../types';
 import { configMapQueryKeys } from './query-keys';
 import { ConfigMapQueryParams } from './types';
 
-export function useConfigMap(
+export function useConfigMap<T = Configuration>(
   environmentId: EnvironmentId,
   namespace: string,
   configMap: string,
-  options?: { autoRefreshRate?: number } & ConfigMapQueryParams
+  options?: {
+    autoRefreshRate?: number;
+    select?: (data: Configuration) => T;
+    enabled?: boolean;
+  } & ConfigMapQueryParams
 ) {
   return useQuery(
     configMapQueryKeys.configMap(environmentId, namespace, configMap),
     () => getConfigMap(environmentId, namespace, configMap, { withData: true }),
     {
-      ...withGlobalError('Unable to retrieve ConfigMaps for cluster'),
-      refetchInterval() {
-        return options?.autoRefreshRate ?? false;
-      },
+      select: options?.select,
+      enabled: options?.enabled,
+      refetchInterval: () => options?.autoRefreshRate ?? false,
+      ...withGlobalError(`Unable to retrieve ConfigMap '${configMap}'`),
     }
   );
 }
 
 // get a configmap
-async function getConfigMap(
+export async function getConfigMap(
   environmentId: EnvironmentId,
   namespace: string,
   configMap: string,
   params?: { withData?: boolean }
 ) {
   try {
-    const { data } = await axios.get<Configuration[]>(
+    const { data } = await axios.get<Configuration>(
       `/kubernetes/${environmentId}/namespaces/${namespace}/configmaps/${configMap}`,
       { params }
     );

app/react/kubernetes/configs/queries/useK8sConfigMaps.ts

@@ -0,0 +1,63 @@
+import { ConfigMap, ConfigMapList } from 'kubernetes-types/core/v1';
+import { useQuery } from '@tanstack/react-query';
+
+import axios from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+import { error as notifyError } from '@/portainer/services/notifications';
+
+import { parseKubernetesAxiosError } from '../../axiosError';
+
+export const configMapQueryKeys = {
+  configMaps: (environmentId: EnvironmentId, namespace?: string) => [
+    'environments',
+    environmentId,
+    'kubernetes',
+    'configmaps',
+    'namespaces',
+    namespace,
+  ],
+};
+
+/**
+ * returns a usequery hook for the list of configmaps from the kubernetes API
+ */
+export function useK8sConfigMaps(
+  environmentId: EnvironmentId,
+  namespace?: string
+) {
+  return useQuery(
+    configMapQueryKeys.configMaps(environmentId, namespace),
+    () => (namespace ? getConfigMaps(environmentId, namespace) : []),
+    {
+      onError: (err) => {
+        notifyError(
+          'Failure',
+          err as Error,
+          `Unable to get ConfigMaps in namespace '${namespace}'`
+        );
+      },
+      enabled: !!namespace,
+    }
+  );
+}
+
+// get all configmaps for a namespace
+async function getConfigMaps(environmentId: EnvironmentId, namespace: string) {
+  try {
+    const { data } = await axios.get<ConfigMapList>(
+      buildUrl(environmentId, namespace)
+    );
+    const configMapsWithKind: ConfigMap[] = data.items.map((configmap) => ({
+      ...configmap,
+      kind: 'ConfigMap',
+    }));
+    return configMapsWithKind;
+  } catch (e) {
+    throw parseKubernetesAxiosError(e, 'Unable to retrieve ConfigMaps');
+  }
+}
+
+function buildUrl(environmentId: number, namespace: string, name?: string) {
+  const url = `/endpoints/${environmentId}/kubernetes/api/v1/namespaces/${namespace}/configmaps`;
+  return name ? `${url}/${name}` : url;
+}

app/react/kubernetes/configs/queries/useK8sSecrets.ts

@@ -0,0 +1,63 @@
+import { Secret, SecretList } from 'kubernetes-types/core/v1';
+import { useQuery } from '@tanstack/react-query';
+
+import axios from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+import { error as notifyError } from '@/portainer/services/notifications';
+
+import { parseKubernetesAxiosError } from '../../axiosError';
+
+export const secretQueryKeys = {
+  secrets: (environmentId: EnvironmentId, namespace?: string) => [
+    'environments',
+    environmentId,
+    'kubernetes',
+    'secrets',
+    'namespaces',
+    namespace,
+  ],
+};
+
+/**
+ * returns a usequery hook for the list of secrets from the kubernetes API
+ */
+export function useK8sSecrets(
+  environmentId: EnvironmentId,
+  namespace?: string
+) {
+  return useQuery(
+    secretQueryKeys.secrets(environmentId, namespace),
+    () => (namespace ? getSecrets(environmentId, namespace) : []),
+    {
+      onError: (err) => {
+        notifyError(
+          'Failure',
+          err as Error,
+          `Unable to get secrets in namespace '${namespace}'`
+        );
+      },
+      enabled: !!namespace,
+    }
+  );
+}
+
+// get all secrets for a namespace
+async function getSecrets(environmentId: EnvironmentId, namespace: string) {
+  try {
+    const { data } = await axios.get<SecretList>(
+      buildUrl(environmentId, namespace)
+    );
+    const secretsWithKind: Secret[] = data.items.map((secret) => ({
+      ...secret,
+      kind: 'Secret',
+    }));
+    return secretsWithKind;
+  } catch (e) {
+    throw parseKubernetesAxiosError(e, 'Unable to retrieve secrets');
+  }
+}
+
+function buildUrl(environmentId: number, namespace: string, name?: string) {
+  const url = `/endpoints/${environmentId}/kubernetes/api/v1/namespaces/${namespace}/secrets`;
+  return name ? `${url}/${name}` : url;
+}

app/react/kubernetes/configs/queries/useUpdateK8sConfigMapMutation.ts

@@ -0,0 +1,52 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { ConfigMap } from 'kubernetes-types/core/v1';
+
+import axios from '@/portainer/services/axios';
+import { EnvironmentId } from '@/react/portainer/environments/types';
+import { withInvalidate } from '@/react-tools/react-query';
+
+import { parseKubernetesAxiosError } from '../../axiosError';
+
+import { configMapQueryKeys } from './useK8sConfigMaps';
+
+/**
+ * useUpdateK8sConfigMapMutation returns a mutation hook for updating a Kubernetes ConfigMap using the Kubernetes proxy API.
+ */
+export function useUpdateK8sConfigMapMutation(
+  environmentId: EnvironmentId,
+  namespace: string
+) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: ({
+      data,
+      configMapName,
+    }: {
+      data: ConfigMap;
+      configMapName: string;
+    }) => updateConfigMap(environmentId, namespace, configMapName, data),
+    ...withInvalidate(queryClient, [
+      configMapQueryKeys.configMaps(environmentId, namespace),
+    ]),
+    // handle success notifications in the calling component
+  });
+}
+
+async function updateConfigMap(
+  environmentId: EnvironmentId,
+  namespace: string,
+  configMap: string,
+  data: ConfigMap
+) {
+  try {
+    return await axios.put(
+      `/endpoints/${environmentId}/kubernetes/api/v1/namespaces/${namespace}/configmaps/${configMap}`,
+      data
+    );
+  } catch (e) {
+    throw parseKubernetesAxiosError(
+      e,
+      `Unable to update ConfigMap '${configMap}'`
+    );
+  }
+}