877 implement automatic generation of api client radix api

package.json

@@ -17,6 +17,7 @@
     "deps:stale": "node scripts/deps-stale-check.js",
     "apigen:cost": "npx @rtk-query/codegen-openapi ./src/store/configs/cost-openapi-config.ts",
     "apigen:log": "npx @rtk-query/codegen-openapi ./src/store/configs/log-openapi-config.ts",
+    "apigen:radix": "npx @rtk-query/codegen-openapi ./src/store/configs/radix-openapi-config.ts",
     "apigen:scan": "npx @rtk-query/codegen-openapi ./src/store/configs/scan-openapi-config.ts"
   },
   "dependencies": {

src/components/async-resource/another-async-resource.tsx

@@ -7,7 +7,7 @@ import { isNullOrUndefined } from '../../utils/object';
 import { FetchQueryError, FetchQueryResult } from '../../store/types';
 import { getFetchErrorData } from '../../store/utils';
 
-type AnotherAsyncStatus = Pick<
+export type AnotherAsyncStatus = Pick<
   FetchQueryResult,
   'error' | 'isError' | 'isLoading'
 >;

src/components/code/index.tsx

@@ -7,14 +7,14 @@ import { copyToClipboard, copyToTextFile } from '../../utils/string';
 
 import './style.css';
 
-export interface CodeProps {
+export type CodeProps = {
   autoscroll?: boolean;
   copy?: boolean;
   download?: boolean;
+  downloadCb?: () => void;
   filename?: string;
   resizable?: boolean;
-  downloadCb?: () => void;
-}
+};
 
 function scrollToBottom(elementRef: Element): void {
   // HACK elementRef.scrollHeight is incorrect when called directly
@@ -27,9 +27,9 @@ export const Code: FunctionComponent<CodeProps & { children?: string }> = ({
   autoscroll,
   copy,
   download,
-  filename,
-  resizable,
   downloadCb,
+  filename = 'undefined',
+  resizable,
   children,
 }) => {
   const [scrollOffsetFromBottom, setScrollOffsetFromBottom] = useState(0);
@@ -60,9 +60,7 @@ export const Code: FunctionComponent<CodeProps & { children?: string }> = ({
               <Button
                 variant="ghost"
                 onClick={() =>
-                  downloadCb
-                    ? downloadCb()
-                    : copyToTextFile(`${filename}.txt`, children)
+                  downloadCb ? downloadCb() : copyToTextFile(filename, children)
                 }
               >
                 <Icon data={downloadIcon} /> Download

src/components/code/log-helper.ts

@@ -0,0 +1,26 @@
+import { BaseQueryFn, QueryDefinition } from '@reduxjs/toolkit/query';
+import { UseLazyQuery } from '@reduxjs/toolkit/dist/query/react/buildHooks';
+
+import { errorToast } from '../global-top-nav/styled-toaster';
+import { getFetchErrorMessage } from '../../store/utils';
+import { copyToTextFile } from '../../utils/string';
+
+export function downloadLazyLogCb<
+  T extends ReturnType<
+    UseLazyQuery<QueryDefinition<unknown, BaseQueryFn, string, string>>
+  >[0],
+>(filename: string, func: T, ...args: Parameters<T>): () => Promise<void> {
+  return async () => {
+    const { data, error, isError, isSuccess } = await func(
+      args?.[0],
+      args?.[1]
+    );
+
+    if (isSuccess && data) {
+      copyToTextFile(filename, data);
+    } else if (isError) {
+      const message = getFetchErrorMessage(error);
+      errorToast(`Failed to download: ${message}`);
+    }
+  };
+}

src/components/component/scheduled-job/payload.tsx

@@ -29,7 +29,7 @@ export const Payload: FunctionComponent<PayloadProps> = ({
 
   return (
     <div className="payload-content">
-      <Code copy download={false} autoscroll resizable>
+      <Code copy autoscroll resizable>
         {data ?? ''}
       </Code>
     </div>

src/components/home-icon/index.tsx

@@ -48,14 +48,14 @@ export class HomeIcon extends Component<{}, { svgLogo?: string }> {
   }
 
   private async fetchLogo(date: Date): Promise<typeof import('*.svg')> {
-    const fileName = isEasterTime(date)
+    const filename = isEasterTime(date)
       ? 'logo-radix-easter'
       : isHalloween(date)
         ? 'logo-radix-halloween'
         : isDecember(date)
           ? 'logo-radix-christmas'
           : 'logo-radix';
-    return await import(`./logos/${fileName}.svg`);
+    return await import(`./logos/${filename}.svg`);
   }
 
   override componentDidMount() {

src/components/page-active-component/component-replica-log-accordion.tsx

@@ -68,12 +68,11 @@ const LogDownloadButton: FunctionComponent<{
 
 function saveLog(
   query: Pick<FetchQueryResult, 'data' | 'error' | 'isError' | 'isSuccess'>,
-  fileName: string,
+  filename: string,
   errMsg = 'Failed to download log'
 ): void {
   if (query.isSuccess) {
-    const extension = !fileName.endsWith('.txt') ? '.txt' : '';
-    copyToTextFile(`${fileName}${extension}`, query.data as string);
+    copyToTextFile(filename, query.data as string);
   } else if (query.isError) {
     const { code, message } = getFetchErrorData(query.error);
     errorToast(`${errMsg}: ${code && `[${code}] `}${message}`);
@@ -237,8 +236,8 @@ const ReplicaLogTableRow: FunctionComponent<
               replicaName: name,
             });
 
-            const fileName = `${appName}_${envName}_${componentName}_${name}`;
-            saveLog(response, fileName);
+            const filename = `${appName}_${envName}_${componentName}_${name}.txt`;
+            saveLog(response, filename);
           }}
           disabled={isFetching}
         />
@@ -300,8 +299,8 @@ const ReplicaContainerTableRow: FunctionComponent<
               containerId: id,
             });
 
-            const fileName = `${appName}_${envName}_${componentName}_${replicaName}_${id}`;
-            saveLog(response, fileName);
+            const filename = `${appName}_${envName}_${componentName}_${replicaName}_${id}.txt`;
+            saveLog(response, filename);
           }}
           disabled={isFetching}
         />

src/components/page-oauth-replica/index.tsx

@@ -2,16 +2,14 @@ import { Typography } from '@equinor/eds-core-react';
 import * as PropTypes from 'prop-types';
 import { FunctionComponent, useEffect, useState } from 'react';
 
-import { useGetOAuthFullLogs } from './use-get-oauth-full-logs';
-import { usePollOAuthLogs } from './use-poll-oauth-logs';
-
 import AsyncResource from '../async-resource/simple-async-resource';
-import { LogDownloadOverrideType } from '../component/log';
 import { Breadcrumb } from '../breadcrumb';
+import { downloadLazyLogCb } from '../code/log-helper';
 import { useGetEnvironment } from '../page-environment/use-get-environment';
 import { Replica } from '../replica';
 import { ReplicaSummaryNormalizedModel } from '../../models/radix-api/deployments/replica-summary';
 import { routes } from '../../routes';
+import { radixApi, useGetOAuthPodLogQuery } from '../../store/radix-api';
 import { connectRouteParams, routeParamLoader } from '../../utils/router';
 import { getEnvsUrl } from '../../utils/routing';
 import { routeWithParams, smallReplicaName } from '../../utils/string';
@@ -27,24 +25,14 @@ export const PageOAuthAuxiliaryReplica: FunctionComponent<
   PageOAuthAuxiliaryReplicaProps
 > = ({ appName, envName, componentName, replicaName }) => {
   const [environmentState] = useGetEnvironment(appName, envName);
-  const [pollLogsState] = usePollOAuthLogs(
-    appName,
-    envName,
-    componentName,
-    replicaName
-  );
-  const [getFullLogsState, downloadFullLog] = useGetOAuthFullLogs(
-    appName,
-    envName,
-    componentName,
-    replicaName
+  const pollLogsState = useGetOAuthPodLogQuery(
+    { appName, envName, componentName, podName: replicaName, lines: '1000' },
+    {
+      skip: !appName || !envName || !componentName || !replicaName,
+      pollingInterval: 5000,
+    }
   );
-  const downloadOverride: LogDownloadOverrideType = {
-    status: getFullLogsState.status,
-    content: getFullLogsState.data,
-    onDownload: () => downloadFullLog(),
-    error: getFullLogsState.error,
-  };
+  const [getLog] = radixApi.endpoints.getOAuthPodLog.useLazyQuery();
 
   const [replica, setReplica] = useState<ReplicaSummaryNormalizedModel>();
   useEffect(() => {
@@ -83,7 +71,18 @@ export const PageOAuthAuxiliaryReplica: FunctionComponent<
           <Replica
             logState={pollLogsState}
             replica={replica}
-            downloadOverride={downloadOverride}
+            downloadCb={downloadLazyLogCb(
+              `${replica.name}.txt`,
+              getLog,
+              {
+                appName,
+                envName,
+                componentName,
+                podName: replicaName,
+                file: 'true',
+              },
+              false
+            )}
             title={
               <>
                 <Typography>OAuth2 Service</Typography>

src/components/page-replica/index.tsx

@@ -2,16 +2,14 @@ import { Typography } from '@equinor/eds-core-react';
 import * as PropTypes from 'prop-types';
 import { FunctionComponent, useEffect, useState } from 'react';
 
-import { useGetReplicaFullLog } from './use-get-replica-full-log';
-import { usePollReplicaLogs } from './use-poll-replica-logs';
-
 import AsyncResource from '../async-resource/simple-async-resource';
 import { Breadcrumb } from '../breadcrumb';
-import { LogDownloadOverrideType } from '../component/log';
+import { downloadLazyLogCb } from '../code/log-helper';
 import { useGetEnvironment } from '../page-environment/use-get-environment';
 import { Replica } from '../replica';
 import { ReplicaSummaryNormalizedModel } from '../../models/radix-api/deployments/replica-summary';
 import { routes } from '../../routes';
+import { radixApi, useReplicaLogQuery } from '../../store/radix-api';
 import { connectRouteParams, routeParamLoader } from '../../utils/router';
 import { getEnvsUrl } from '../../utils/routing';
 import { routeWithParams, smallReplicaName } from '../../utils/string';
@@ -30,25 +28,14 @@ const PageReplica: FunctionComponent<PageReplicaProps> = ({
   replicaName,
 }) => {
   const [environmentState] = useGetEnvironment(appName, envName);
-  const [pollLogsState] = usePollReplicaLogs(
-    appName,
-    envName,
-    componentName,
-    replicaName
-  );
-  const [getFullLogsState, downloadFullLog] = useGetReplicaFullLog(
-    appName,
-    envName,
-    componentName,
-    replicaName
+  const pollLogsState = useReplicaLogQuery(
+    { appName, envName, componentName, podName: replicaName, lines: '1000' },
+    {
+      skip: !appName || !envName || !componentName || !replicaName,
+      pollingInterval: 5000,
+    }
   );
-
-  const downloadOverride: LogDownloadOverrideType = {
-    status: getFullLogsState.status,
-    content: getFullLogsState.data,
-    onDownload: () => downloadFullLog(),
-    error: getFullLogsState.error,
-  };
+  const [getLog] = radixApi.endpoints.replicaLog.useLazyQuery();
 
   const [replica, setReplica] = useState<ReplicaSummaryNormalizedModel>();
   useEffect(() => {
@@ -85,7 +72,18 @@ const PageReplica: FunctionComponent<PageReplicaProps> = ({
           <Replica
             logState={pollLogsState}
             replica={replica}
-            downloadOverride={downloadOverride}
+            downloadCb={downloadLazyLogCb(
+              `${replica.name}.txt`,
+              getLog,
+              {
+                appName,
+                envName,
+                componentName,
+                podName: replicaName,
+                file: 'true',
+              },
+              false
+            )}
             title={
               <Typography>
                 Replica <strong>{smallReplicaName(replicaName)}</strong>,