Feature ansible galaxy

client/package.json

@@ -47,13 +47,13 @@
   ],
   "dependencies": {
     "ssm-shared-lib": "file:../shared-lib/",
-    "antd": "^5.18.0",
+    "antd": "^5.18.1",
     "@ant-design/icons": "^5.3.7",
     "@ant-design/pro-components": "^2.7.10",
     "@ant-design/use-emotion-css": "1.0.4",
     "@ant-design/charts": "^2.1.1",
     "@antv/g2plot": "^2.4.31",
-    "@umijs/max": "^4.2.10",
+    "@umijs/max": "^4.2.11",
     "@umijs/route-utils": "^4.0.1",
     "@umijs/plugin-antd-dayjs": "^0.3.0",
     "umi-presets-pro": "^2.0.3",
@@ -94,13 +94,13 @@
     "@types/react-dom": "^18.3.0",
     "@types/react-helmet": "^6.1.11",
     "@umijs/fabric": "^4.0.1",
-    "@umijs/lint": "^4.2.10",
+    "@umijs/lint": "^4.2.11",
     "cross-env": "^7.0.3",
     "eslint": "^9.4.0",
     "express": "^4.19.2",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.5",
+    "lint-staged": "^15.2.7",
     "mockjs": "^1.1.0",
     "prettier": "^3.3.2",
     "swagger-ui-dist": "^5.17.14",

client/src/components/DeviceComponents/DeviceLogos.tsx

@@ -2,10 +2,10 @@ import { CPULogo } from '@/components/DeviceComponents/CPULogo';
 import { OsLogo } from '@/components/DeviceComponents/OsLogo/OsLogo';
 import Avatar from 'antd/es/avatar/avatar';
 import React from 'react';
-import { DeviceItem } from 'ssm-shared-lib/distribution/types/api';
+import { API } from 'ssm-shared-lib';
 
 type DeviceLogosProps = {
-  device?: DeviceItem;
+  device?: API.DeviceItem;
 };
 
 const DeviceLogos: React.FC<DeviceLogosProps> = (props: DeviceLogosProps) => (

client/src/components/DeviceConfiguration/DockerConnectionForm.tsx

@@ -25,7 +25,7 @@ import React, { useEffect, useState } from 'react';
 import { API } from 'ssm-shared-lib';
 import Cron from 'react-js-cron';
 import 'react-js-cron/dist/styles.css';
-import { privateKeyRegexp } from 'ssm-shared-lib/distribution/validation';
+import { Validation } from 'ssm-shared-lib';
 
 const connectionTypes = [
   {
@@ -402,7 +402,7 @@ export const DockerConnectionForm = (props: ConfigurationFormDockerProps) => {
                           { required: true },
                           { required: true },
                           {
-                            pattern: privateKeyRegexp,
+                            pattern: Validation.privateKeyRegexp,
                             message:
                               'The ssh key doesnt seems in a correct format',
                           },

client/src/components/DeviceConfiguration/SSHConnectionForm.tsx

@@ -20,8 +20,7 @@ import {
 } from '@ant-design/pro-components';
 import { Avatar, Card, Col, Flex, Row, Space, Switch, Tooltip } from 'antd';
 import React from 'react';
-import { AnsibleBecomeMethod } from 'ssm-shared-lib/distribution/enums/ansible';
-import { privateKeyRegexp } from 'ssm-shared-lib/distribution/validation';
+import { Validation, SsmAnsible } from 'ssm-shared-lib';
 
 const connectionTypes = [
   {
@@ -167,7 +166,7 @@ const SSHConnectionForm: React.FC<SSHConnectionFormProps> = (props) => {
               },
             ]}
             width="xs"
-            options={Object.values(AnsibleBecomeMethod).map((e) => ({
+            options={Object.values(SsmAnsible.AnsibleBecomeMethod).map((e) => ({
               value: e,
               label: e,
             }))}
@@ -372,7 +371,7 @@ const SSHConnectionForm: React.FC<SSHConnectionFormProps> = (props) => {
                       rules={[
                         { required: true },
                         {
-                          pattern: privateKeyRegexp,
+                          pattern: Validation.privateKeyRegexp,
                           message:
                             'The ssh key doesnt seems in a correct format',
                         },

client/src/pages/Admin/Settings/components/GeneralSettings.tsx

@@ -34,7 +34,7 @@ import {
   postResetSettings,
 } from '@/services/rest/settings';
 import SystemPerformanceCard from '@/pages/Dashboard/Components/SystemPerformanceCard';
-import { GeneralSettingsKeys } from 'ssm-shared-lib/distribution/enums/settings';
+import { SettingsKeys } from 'ssm-shared-lib';
 
 const GeneralSettings: React.FC = () => {
   const { initialState } = useModel('@@initialState');
@@ -67,7 +67,7 @@ const GeneralSettings: React.FC = () => {
   const onChangeMaxCpu = async (newValue: number | null) => {
     if (newValue) {
       await postDashboardSetting(
-        GeneralSettingsKeys.CONSIDER_PERFORMANCE_GOOD_CPU_IF_LOWER,
+        SettingsKeys.GeneralSettingsKeys.CONSIDER_PERFORMANCE_GOOD_CPU_IF_LOWER,
         newValue,
       ).then(() => {
         setDashboardMaxCpuInPercent(newValue);
@@ -82,7 +82,8 @@ const GeneralSettings: React.FC = () => {
   const onChangeMinMem = async (newValue: number | null) => {
     if (newValue) {
       await postDashboardSetting(
-        GeneralSettingsKeys.CONSIDER_PERFORMANCE_GOOD_MEM_IF_GREATER,
+        SettingsKeys.GeneralSettingsKeys
+          .CONSIDER_PERFORMANCE_GOOD_MEM_IF_GREATER,
         newValue,
       ).then(() => {
         setDashboardMinMemInPercent(newValue);
@@ -97,7 +98,8 @@ const GeneralSettings: React.FC = () => {
   const onChangeConsiderDeviceOnline = async (newValue: number | null) => {
     if (newValue) {
       await postDeviceSetting(
-        GeneralSettingsKeys.CONSIDER_DEVICE_OFFLINE_AFTER_IN_MINUTES,
+        SettingsKeys.GeneralSettingsKeys
+          .CONSIDER_DEVICE_OFFLINE_AFTER_IN_MINUTES,
         newValue,
       ).then(() => {
         setConsiderDeviceOnlineInMinutes(newValue);
@@ -112,7 +114,8 @@ const GeneralSettings: React.FC = () => {
   const onChangeAnsibleCleanUp = async (newValue: number | null) => {
     if (newValue) {
       await postLogsSetting(
-        GeneralSettingsKeys.CLEAN_UP_ANSIBLE_STATUSES_AND_TASKS_AFTER_IN_SECONDS,
+        SettingsKeys.GeneralSettingsKeys
+          .CLEAN_UP_ANSIBLE_STATUSES_AND_TASKS_AFTER_IN_SECONDS,
         newValue,
       ).then(() => {
         setAnsibleCleanUpInSeconds(newValue);
@@ -126,7 +129,7 @@ const GeneralSettings: React.FC = () => {
   const onChangeServerLogsRetention = async (newValue: number | null) => {
     if (newValue) {
       await postLogsSetting(
-        GeneralSettingsKeys.SERVER_LOG_RETENTION_IN_DAYS,
+        SettingsKeys.GeneralSettingsKeys.SERVER_LOG_RETENTION_IN_DAYS,
         newValue,
       ).then(() => {
         setServerLogsRetentionInDays(newValue);
@@ -141,7 +144,7 @@ const GeneralSettings: React.FC = () => {
   const onChangeRegisterDeviceStatEvery = async (newValue: number | null) => {
     if (newValue) {
       await postDeviceSetting(
-        GeneralSettingsKeys.REGISTER_DEVICE_STAT_EVERY_IN_SECONDS,
+        SettingsKeys.GeneralSettingsKeys.REGISTER_DEVICE_STAT_EVERY_IN_SECONDS,
         newValue,
       ).then(() => {
         setRegisterDeviceStatEveryXSeconds(newValue);
@@ -162,7 +165,7 @@ const GeneralSettings: React.FC = () => {
   const onChangeDeviceStatsRetention = async (newValue: number | null) => {
     if (newValue) {
       await postDeviceStatsSettings(
-        GeneralSettingsKeys.DEVICE_STATS_RETENTION_IN_DAYS,
+        SettingsKeys.GeneralSettingsKeys.DEVICE_STATS_RETENTION_IN_DAYS,
         newValue,
       ).then(() => {
         setDeviceStatsRetentionInDays(newValue);
@@ -177,7 +180,7 @@ const GeneralSettings: React.FC = () => {
   const onChangeContainerStatsRetention = async (newValue: number | null) => {
     if (newValue) {
       await postContainerStatsSettings(
-        GeneralSettingsKeys.CONTAINER_STATS_RETENTION_IN_DAYS,
+        SettingsKeys.GeneralSettingsKeys.CONTAINER_STATS_RETENTION_IN_DAYS,
         newValue,
       ).then(() => {
         setContainerStatsRetentionInDays(newValue);

client/src/pages/Admin/Settings/components/RegistrySettings.tsx

@@ -45,7 +45,6 @@ import {
 import { DeleteOutline } from 'antd-mobile-icons';
 import React, { useEffect, useState } from 'react';
 import { API } from 'ssm-shared-lib';
-import { ContainerRegistry } from 'ssm-shared-lib/distribution/types/api';
 
 const getRegistryLogo = (provider: string) => {
   switch (provider) {
@@ -83,7 +82,7 @@ const RegistrySettings: React.FC = () => {
       if (list?.data) {
         setRegistries(
           list.data?.registries.sort(
-            (a: ContainerRegistry, b: ContainerRegistry) =>
+            (a: API.ContainerRegistry, b: API.ContainerRegistry) =>
               a.authSet && !b.authSet ? -1 : 1,
           ) || [],
         );

client/src/pages/Dashboard/Components/MainChartCard.tsx

@@ -86,6 +86,7 @@ const MainChartCard: React.FC<any> = ({}) => {
   useEffect(() => {
     asyncFetch();
   }, [devices, type, rangePickerValue]);
+
   // see https://ant-design-charts-next.antgroup.com/en/options/plots/component/legend
   const config = {
     data: graphData,

client/src/pages/Dashboard/Components/ServicesCard.tsx

@@ -8,8 +8,7 @@ import { Tiny } from '@ant-design/charts';
 import { InfoCircleFilled } from '@ant-design/icons';
 import { Tooltip, Typography } from 'antd';
 import React, { useEffect } from 'react';
-import { ContainerStatus } from 'ssm-shared-lib/distribution/enums/status';
-import { API } from 'ssm-shared-lib';
+import { SsmStatus, API } from 'ssm-shared-lib';
 
 const ServicesCard: React.FC = () => {
   const [loading, setLoading] = React.useState(false);
@@ -18,9 +17,11 @@ const ServicesCard: React.FC = () => {
   const [stats, setStats] = React.useState();
 
   const asyncFetch = async () => {
-    await getNbContainersByStatus(ContainerStatus.RUNNING).then((response) => {
-      setNbRunning(response.data);
-    });
+    await getNbContainersByStatus(SsmStatus.ContainerStatus.RUNNING).then(
+      (response) => {
+        setNbRunning(response.data);
+      },
+    );
     await getNbContainersByStatus('all').then((response) => {
       setNbTotal(response.data);
     });