feat(ws): Notebooks 2.0 // Frontend // Call To Create Workspace

Signed-off-by: Yossi Elias (EXT-Nokia) <yossi.elias.ext@nokia.com>

Author: Yossi Elias (EXT-Nokia)

workspaces/frontend/src/app/context/useNotebookAPIState.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { APIState } from '~/shared/api/types';
 import { NotebookAPIs } from '~/app/types';
-import { getNamespaces, getWorkspaceKinds } from '~/shared/api/notebookService';
+import { getNamespaces, getWorkspaceKinds, createWorkspace } from '~/shared/api/notebookService';
 import useAPIState from '~/shared/api/useAPIState';
 
 export type NotebookAPIState = APIState<NotebookAPIs>;
@@ -13,6 +13,7 @@ const useNotebookAPIState = (
     (path: string) => ({
       getNamespaces: getNamespaces(path),
       getWorkspaceKinds: getWorkspaceKinds(path),
+      createWorkspace: createWorkspace(path),
     }),
     [],
   );

workspaces/frontend/src/app/hooks/useCreateWorkspace.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import useFetchState, {
+  FetchState,
+  FetchStateCallbackPromise,
+} from '~/shared/utilities/useFetchState';
+import { CreateWorkspaceData } from '~/app/types';
+import { useNotebookAPI } from '~/app/hooks/useNotebookAPI';
+import { Workspace } from '~/shared/types';
+import { createWorkspaceCall } from '~/app/pages/Workspaces/utils';
+import { APIOptions } from '~/shared/api/types';
+
+const useCreateWorkspace = (namespace: string, formData: CreateWorkspaceData):
+  FetchState<Workspace | null> => {
+  const { api, apiAvailable } = useNotebookAPI();
+
+  const call = React.useCallback<FetchStateCallbackPromise<Workspace | null>>(
+    (opts: APIOptions) => {
+      if (!apiAvailable) {
+        return Promise.reject(new Error('API not yet available'));
+      }
+      if (!namespace) {
+        return Promise.reject(new Error('namespace is not available yet'));
+      }
+      if (!formData) {
+        return Promise.reject(new Error('formData is not available yet'));
+      }
+      return createWorkspaceCall(opts, api, namespace, formData).then(
+        (result) => result.workspace
+      );
+    },
+    [api, apiAvailable, namespace, formData],
+  );
+
+  return useFetchState(call, null);
+};
+
+export default useCreateWorkspace;

workspaces/frontend/src/app/pages/Workspaces/utils.ts

@@ -0,0 +1,22 @@
+import { Workspace } from '~/shared/types';
+import { CreateWorkspaceData } from '~/app/types';
+import { NotebookAPIState } from '~/app/context/useNotebookAPIState';
+import { APIOptions } from '~/shared/api/types';
+  
+  export type RegisterWorkspaceCreatedResources = {
+    workspace: Workspace;
+  };
+  
+  export const createWorkspaceCall = async (
+    opts: APIOptions,
+    api: NotebookAPIState['api'],
+    namespace: string,
+    formData: CreateWorkspaceData,
+  ): Promise<RegisterWorkspaceCreatedResources> => {
+    const workspace = await api.createWorkspace(
+      opts,
+      namespace,
+      formData,
+    );
+    return { workspace };
+  };

workspaces/frontend/src/app/types.ts

@@ -67,7 +67,39 @@ export type GetNamespaces = (opts: APIOptions) => Promise<NamespacesList>;
 
 export type GetWorkspaceKinds = (opts: APIOptions) => Promise<WorkspaceKind[]>;
 
+export type CreateWorkspace = (opts: APIOptions, namespace: string, data: CreateWorkspaceData) => Promise<Workspace>;
+
 export type NotebookAPIs = {
   getNamespaces: GetNamespaces;
   getWorkspaceKinds: GetWorkspaceKinds;
+  createWorkspace: CreateWorkspace;
+};
+
+export type PodTemplate = {
+  pod_metadata: {
+    labels: Record<string, string>;
+    annotations: Record<string, string>;
+  };
+  volumes: {
+    home: string;
+    data: {
+      pvc_name: string;
+      mount_path: string;
+      read_only: boolean;
+    }[];
+  };
+  options: {
+    image_config: string;
+    pod_config: string;
+  };
 };
+
+export type CreateWorkspaceData = {
+  data: {
+    name: string;
+    kind: string;
+    paused: boolean;
+    defer_updates: boolean;
+    pod_template: PodTemplate;
+  };
+};

workspaces/frontend/src/shared/api/notebookService.ts

@@ -1,8 +1,10 @@
 import { NamespacesList } from '~/app/types';
-import { isNotebookResponse, restGET } from '~/shared/api/apiUtils';
+import { isNotebookResponse, restGET, restCREATE } from '~/shared/api/apiUtils';
 import { APIOptions } from '~/shared/api/types';
 import { handleRestFailures } from '~/shared/api/errorUtils';
-import { WorkspaceKind } from '~/shared/types';
+import { Workspace, WorkspaceKind } from '~/shared/types';
+import { CreateWorkspaceData } from '~/app/types';
+
 
 export const getNamespaces =
   (hostPath: string) =>
@@ -23,3 +25,20 @@ export const getWorkspaceKinds =
       }
       throw new Error('Invalid response format');
     });
+
+export const createWorkspace =
+  (hostPath: string) =>
+  (opts: APIOptions, namespace: string = "" , data: CreateWorkspaceData): Promise<Workspace> =>
+    handleRestFailures(
+      restCREATE(
+        hostPath,
+        `/workspaces/${namespace}`,
+        data,
+        opts,
+      ),
+    ).then((response) => {
+      if (isNotebookResponse<Workspace>(response)) {
+        return response.data;
+      }
+      throw new Error('Invalid response format');
+    });