Remove unused elements

Signed-off-by: Trung Nguyen <[email protected]>

Author: trungutt

src/extension/ui/package-lock.json

@@ -11,7 +11,6 @@
     "@mui/icons-material": "6.4.5",
     "@mui/material": "6.4.5",
     "@tanstack/react-query": "^5.69.0",
-    "ansi-to-html": "^0.7.2",
     "js-base64": "^3.7.7",
     "json-schema-library": "^10.0.0-rc7",
     "lodash-es": "^4.17.21",

src/extension/ui/package.json

@@ -8,7 +8,7 @@ import { useConfig } from './queries/useConfig';
 import { useMCPClient } from './queries/useMCPClient';
 import { useSecrets } from './queries/useSecrets';
 import { syncRegistryWithConfig } from './Registry';
-export const client = createDockerDesktopClient();
+const client = createDockerDesktopClient();
 
 // Memoize the CatalogGrid component to prevent unnecessary re-renders
 const MemoizedCatalogGrid = memo(CatalogGrid);
@@ -24,7 +24,11 @@ export function App() {
   // Create a memoized callback for syncing registry with config we can call later
   const syncRegistry = useCallback(async () => {
     if (config.config && catalogAll.registryItems) {
-      await syncRegistryWithConfig(client, catalogAll.registryItems, config.config);
+      await syncRegistryWithConfig(
+        client,
+        catalogAll.registryItems,
+        config.config,
+      );
     }
   }, [config.config, catalogAll.registryItems]);
 

src/extension/ui/src/App.tsx

@@ -1,4 +1,3 @@
-export const POLL_INTERVAL = 1000 * 30;
 export const MCP_POLICY_NAME = "MCP=*";
 export const DD_BUILD_WITH_SECRET_SUPPORT = 184396;
 export const CATALOG_URL =

src/extension/ui/src/Constants.ts

@@ -6,57 +6,41 @@ import { DeepObject } from './types/utils';
  * @returns {boolean}
  */
 function isObject(item: unknown): item is DeepObject {
-    return Boolean(item && typeof item === 'object' && !Array.isArray(item));
+  return Boolean(item && typeof item === 'object' && !Array.isArray(item));
 }
 
-/**
- * Deep merge two objects.
- * @param target The target object to merge into
- * @param sources The source objects to merge from
- * @returns The merged object
- */
-export function mergeDeep<T extends DeepObject>(target: T, ...sources: DeepObject[]): T {
-    if (!sources.length) return target;
-    const source = sources.shift();
-
-    if (isObject(target) && isObject(source)) {
-        for (const key in source) {
-            if (isObject(source[key])) {
-                if (!target[key]) Object.assign(target, { [key]: {} });
-                mergeDeep(target[key], source[key]);
-            } else {
-                Object.assign(target, { [key]: source[key] });
-            }
-        }
-    }
-
-    return mergeDeep(target, ...sources);
+export function deepFlattenObject(
+  obj: DeepObject,
+  prefix: string = '',
+): Record<string, any> {
+  return Object.entries(obj).reduce(
+    (acc, [key, value]) => {
+      if (isObject(value)) {
+        Object.assign(acc, deepFlattenObject(value, `${prefix}${key}.`));
+      } else {
+        acc[`${prefix}${key}`] = value;
+      }
+      return acc;
+    },
+    {} as Record<string, any>,
+  );
 }
 
-export function deepFlattenObject(obj: DeepObject, prefix: string = ''): Record<string, any> {
-    return Object.entries(obj).reduce((acc, [key, value]) => {
-        if (isObject(value)) {
-            Object.assign(acc, deepFlattenObject(value, `${prefix}${key}.`));
-        } else {
-            acc[`${prefix}${key}`] = value;
-        }
-        return acc;
-    }, {} as Record<string, any>);
-}
-
-export function buildObjectFromFlattenedObject(flattenedObject: Record<string, any>): DeepObject {
-    return Object.entries(flattenedObject).reduce((acc, [key, value]) => {
-        const keys = key.split('.');
-        let lastKey = keys.pop();
-        if (!lastKey) return acc;
-
-        let current = acc;
-        for (const k of keys) {
-            if (!current[k]) current[k] = {};
-            current = current[k];
-        }
+export function buildObjectFromFlattenedObject(
+  flattenedObject: Record<string, any>,
+): DeepObject {
+  return Object.entries(flattenedObject).reduce((acc, [key, value]) => {
+    const keys = key.split('.');
+    let lastKey = keys.pop();
+    if (!lastKey) return acc;
+
+    let current = acc;
+    for (const k of keys) {
+      if (!current[k]) current[k] = {};
+      current = current[k];
+    }
 
-        current[lastKey] = value;
-        return acc;
-    }, {} as DeepObject);
+    current[lastKey] = value;
+    return acc;
+  }, {} as DeepObject);
 }