init

Author: lucasgoral

src/components/Wizards/CreateManagedControlPlaneWizardContainer.tsx

@@ -1,37 +1,36 @@
 import { FC, useCallback, useEffect, useRef, useState } from 'react';
-import {
-  useApiResourceMutation,
-  useRevalidateApiResource,
-} from '../../lib/api/useApiResource';
-import { ErrorDialogHandle } from '../Shared/ErrorMessageBox.tsx';
+import { useApiResourceMutation } from '../../lib/api/useApiResource';
 
-import {
-  CreateWorkspaceResource,
-  CreateWorkspaceType,
-} from '../../lib/api/types/crate/createWorkspace';
-import { projectnameToNamespace } from '../../utils';
-import { ListWorkspaces } from '../../lib/api/types/crate/listWorkspaces';
-import { useToast } from '../../context/ToastContext.tsx';
 import { useAuth } from '../../spaces/onboarding/auth/AuthContext.tsx';
 import { Member, MemberRoles } from '../../lib/api/types/shared/members.ts';
-import { useTranslation } from 'react-i18next';
+
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
 import { validationSchemaProjectWorkspace } from '../../lib/api/validations/schemas.ts';
-import { MetadataAndMembersForm } from '../Dialogs/CreateProjectWorkspaceDialog.tsx';
+import {
+  MetadataAndMembersForm,
+  OnCreatePayload,
+} from '../Dialogs/CreateProjectWorkspaceDialog.tsx';
 import {
   Bar,
   Button,
   Dialog,
   Grid,
   List,
   ListItemStandard,
-  Text,
   Wizard,
   WizardStep,
 } from '@ui5/webcomponents-react';
 import YamlViewer from '../Yaml/YamlViewer.tsx';
 import { stringify } from 'yaml';
+import { APIError } from '../../lib/api/error.ts';
+import {
+  CreateManagedControlPlane,
+  CreateManagedControlPlaneResource,
+  CreateManagedControlPlaneType,
+} from '../../lib/api/types/crate/createManagedControlPlane.ts';
+import { ErrorDialogHandle } from '../Shared/ErrorMessageBox.tsx';
+import { useToast } from '../../context/ToastContext.tsx';
 
 export type CreateDialogProps = {
   name: string;
@@ -67,6 +66,7 @@ export const CreateManagedControlPlaneWizardContainer: FC<
       members: [],
     },
   });
+  const errorDialogRef = useRef<ErrorDialogHandle>(null);
   const resetFormAndClose = () => {
     reset();
     setSelectedStep(1);
@@ -77,7 +77,7 @@ export const CreateManagedControlPlaneWizardContainer: FC<
   const { user } = useAuth();
   const [selectedStep, setSelectedStep] = useState(1);
   const username = user?.email;
-
+  const toast = useToast();
   const clearForm = useCallback(() => {
     resetField('name');
     resetField('chargingTarget');
@@ -94,6 +94,39 @@ export const CreateManagedControlPlaneWizardContainer: FC<
       clearForm();
     }
   }, [resetField, setValue, username, isOpen, clearForm]);
+  const { trigger } = useApiResourceMutation<CreateManagedControlPlaneType>(
+    CreateManagedControlPlaneResource(namespace),
+  );
+  const handleCreateManagedControlPlane = async ({
+    name,
+    displayName,
+    chargingTarget,
+    members,
+  }: OnCreatePayload): Promise<boolean> => {
+    try {
+      await trigger(
+        CreateManagedControlPlane(name, namespace, {
+          displayName: displayName,
+          chargingTarget: chargingTarget,
+          members: members,
+        }),
+      );
+      // await revalidate();
+      setIsOpen(false);
+      toast.show('mcp created');
+      return true;
+    } catch (e) {
+      console.error(e);
+      if (e instanceof APIError) {
+        if (errorDialogRef.current) {
+          errorDialogRef.current.showErrorDialog(
+            `${e.message}: ${JSON.stringify(e.info)}`,
+          );
+        }
+      }
+      return false;
+    }
+  };
 
   const onNextClick = () => {
     console.log('test');

src/lib/api/types/crate/createManagedControlPlane.ts

@@ -0,0 +1,66 @@
+import { Resource } from '../resource';
+import {
+  CHARGING_TARGET_LABEL,
+  DISPLAY_NAME_ANNOTATION,
+} from '../shared/keyNames';
+import { Member } from '../shared/members';
+
+export interface CreateManagedControlPlaneType {
+  apiVersion: string;
+  kind: string;
+  metadata: {
+    name: string;
+    namespace: string;
+    annotations: {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      [annotation: string]: any;
+    };
+    labels: {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      [label: string]: any;
+    };
+  };
+  spec: {
+    members: Member[];
+  };
+}
+
+export const CreateManagedControlPlane = (
+  name: string,
+  namespace: string,
+  optional?: {
+    displayName?: string;
+    chargingTarget?: string;
+    members?: Member[];
+  },
+): CreateManagedControlPlaneType => {
+  return {
+    apiVersion: 'core.openmcp.cloud/v1alpha1',
+    kind: 'ControlPlane',
+    metadata: {
+      name: name,
+      namespace: namespace,
+      annotations: {
+        [DISPLAY_NAME_ANNOTATION]: optional?.displayName ?? '',
+      },
+      labels: {
+        [CHARGING_TARGET_LABEL]: optional?.chargingTarget ?? '',
+      },
+    },
+    spec: {
+      members: optional?.members ?? [],
+    },
+  };
+};
+
+export const CreateManagedControlPlaneResource = (
+  projectName: string,
+  workspaceName: string,
+): Resource<undefined> => {
+  return {
+    path: `/apis/core.openmcp.cloud/v1alpha1/namespaces/project-${projectName}--ws-${workspaceName}/managedcontrolplanes`,
+    method: 'POST',
+    jq: undefined,
+    body: undefined,
+  };
+};