cockpitApi: get worker config

Add a query to load the `/etc/osbuild-worker/osbuild-worker.toml` config
and use this to set the state of the `cloudConfig` store slice.

Author: kingsleyzissou

src/Components/CloudProviderConfig/CloudProviderConfig.tsx

@@ -1,20 +1,39 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 
 import { PageSection, Wizard, WizardStep } from '@patternfly/react-core';
 import { useNavigate } from 'react-router-dom';
 
 import { AWSConfig } from './AWSConfig';
 import { useIsAwsStepValid } from './validators';
 
+import { changeAWSConfig } from '../../store/cloudProviderConfigSlice';
+import { useGetWorkerConfigQuery } from '../../store/cockpit/cockpitApi';
+import { useAppDispatch } from '../../store/hooks';
 import { resolveRelPath } from '../../Utilities/path';
 import { ImageBuilderHeader } from '../sharedComponents/ImageBuilderHeader';
 
 export const CloudProviderConfig = () => {
   const navigate = useNavigate();
+  const dispatch = useAppDispatch();
   const handleClose = () => navigate(resolveRelPath(''));
 
+  const { data, error } = useGetWorkerConfigQuery({});
   const isAwsStepValid = useIsAwsStepValid();
 
+  useEffect(() => {
+    dispatch(changeAWSConfig(data?.aws));
+  }, [data, dispatch]);
+
+  if (error) {
+    // TODO: improve error alert
+    return (
+      <div>
+        There was an error reading the `/etc/osbuild-worker/osbuild-worker.toml`
+        config file
+      </div>
+    );
+  }
+
   return (
     <>
       <ImageBuilderHeader />

src/store/cloudProviderConfigSlice.ts

@@ -1,13 +1,20 @@
 import { PayloadAction, createSlice } from '@reduxjs/toolkit';
 
-import type { RootState } from '.';
+import type {
+  AWSWorkerConfig,
+  CloudProviderConfigState,
+} from './cockpit/types';
 
-import type { CloudProviderConfigState } from './cockpit/types';
+import type { RootState } from '.';
 
 export const initialState: CloudProviderConfigState = {
   aws: undefined,
 };
 
+export const selectAWSConfig = (state: RootState) => {
+  return state.cloudConfig?.aws;
+};
+
 export const selectAWSBucketName = (state: RootState) => {
   return state.cloudConfig?.aws?.bucket;
 };
@@ -24,6 +31,9 @@ export const cloudProviderConfigSlice = createSlice({
   name: 'cloudConfig',
   initialState,
   reducers: {
+    changeAWSConfig: (state, action: PayloadAction<AWSWorkerConfig>) => {
+      state.aws = action.payload;
+    },
     changeAWSBucketName: (state, action: PayloadAction<string>) => {
       if (state.aws === undefined) {
         state.aws = {};
@@ -45,5 +55,9 @@ export const cloudProviderConfigSlice = createSlice({
   },
 });
 
-export const { changeAWSBucketName, changeAWSRegion, changeAWSCredsPath } =
-  cloudProviderConfigSlice.actions;
+export const {
+  changeAWSConfig,
+  changeAWSBucketName,
+  changeAWSRegion,
+  changeAWSCredsPath,
+} = cloudProviderConfigSlice.actions;

src/store/cockpit/cockpitApi.ts

@@ -18,6 +18,7 @@ import { v4 as uuidv4 } from 'uuid';
 // the same unix socket. This allows us to split out the code a little
 // bit so that the `cockpitApi` doesn't become a monolith.
 import { contentSourcesApi } from './contentSourcesApi';
+import type { WorkerConfigResponse } from './types';
 
 import {
   mapHostedToOnPrem,
@@ -580,6 +581,27 @@ export const cockpitApi = contentSourcesApi.injectEndpoints({
           }
         },
       }),
+      getWorkerConfig: builder.query<WorkerConfigResponse, unknown>({
+        queryFn: async () => {
+          try {
+            const workerConfig = cockpit.file(
+              '/etc/osbuild-worker/osbuild-worker.toml'
+            );
+
+            const contents = await workerConfig.read();
+            const parsed = TOML.parse(contents);
+
+            return { data: parsed };
+          } catch (error) {
+            // no worker file error message
+            if (error.message === 'input is null') {
+              return { data: {} };
+            }
+
+            return { error };
+          }
+        },
+      }),
     };
   },
   // since we are inheriting some endpoints,
@@ -603,4 +625,5 @@ export const {
   useGetComposesQuery,
   useGetBlueprintComposesQuery,
   useGetComposeStatusQuery,
+  useGetWorkerConfigQuery,
 } = cockpitApi;