@arc-js/config-manager 0.0.91 → 0.0.94

package/core/ConfigService.js

@@ -109,9 +109,7 @@ class ConfigService {
     loadAllConfigs() {
         return __awaiter(this, void 0, void 0, function* () {
             const base = yield loadBaseConfig();
-            console.log('Base config loaded:', base);
             const modules = yield loadModulesConfigs();
-            console.log('Modules configs loaded:', modules);
             this.resources = modules.reduce((acc, { moduleName, config }) => {
                 return mergeDeep(acc, { [moduleName]: config });
             }, { base });

package/hooks/useConfig.tsx

@@ -1,3 +1,4 @@
+// @arc-js/config-manager/hooks/useConfig.tsx
 import { useEffect, useState, useCallback } from 'react';
 import { useConfigManager } from '../providers/ConfigProvider';
 

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.0.91",
+  "version": "0.0.94",
   "description": "CONFIG-MANAGER est un système de gestion de configuration modulaire pour les applications React avec TypeScript/JavaScript. Il fournit une gestion centralisée des configurations, un chargement dynamique des modules, et une intégration transparente avec les variables d'environnement.",
   "main": "index.js",
   "keywords": [],

package/providers/ConfigProvider.jsx

@@ -3,13 +3,14 @@ import { createContext, useContext, useState, useEffect, useCallback } from 'rea
 import { ConfigService } from '../core/ConfigService';
 import { setConfigManagerConfig } from '../config';
 const ConfigManagerContext = createContext(null);
-export const ConfigManagerProvider = ({
-  configs,
-  children
-}) => {
-  setConfigManagerConfig(configs);
+const useConfigManagerValue = configManagerConfig => {
   const [service] = useState(() => new ConfigService());
-  const [isLoading, setIsLoading] = useState(true);
+  const [isLoading, setIsLoading] = useState(true)
+
+  useEffect(() => {
+    setConfigManagerConfig(configManagerConfig);
+  }, [configManagerConfig])
+
   useEffect(() => {
     const initialize = async () => {
       setIsLoading(true);
@@ -49,21 +50,25 @@ export const ConfigManagerProvider = ({
   const getConfig = useCallback(moduleName => {
     return service.getConfig(moduleName);
   }, [service]);
-  const value = {
+  return {
     get,
     getConfig,
     reloadConfig,
     isLoading,
     loadModuleConfig
   };
+};
+export const ConfigManagerProvider = ({
+  configs,
+  children
+}) => {
+  const value = useConfigManagerValue(configs);
   return React.createElement(ConfigManagerContext.Provider, {
     value: value
   }, children);
 };
 export const useConfigManager = () => {
   const context = useContext(ConfigManagerContext);
-  if (!context) {
-    throw new Error('useConfigManager must be used within a ConfigManagerProvider');
-  }
+  if (!context) throw new Error('useConfigManager must be used within a ConfigManagerProvider');
   return context;
 };

package/providers/ConfigProvider.tsx

@@ -1,85 +1,90 @@
+// @arc-js/config-manager/providers/ConfigProvider.tsx
 import { createContext, useContext, useState, useEffect, useCallback } from 'react';
 import { ConfigService } from '../core/ConfigService';
 import { setConfigManagerConfig } from '../config';
 import type { ConfigManagerConfig } from '../config';
 
-const ConfigManagerContext = createContext<any>(null);
+const ConfigManagerContext = createContext<ReturnType<typeof useConfigManagerValue> | null>(null);
 
-export const ConfigManagerProvider: React.FC<{
-  children: React.ReactNode
-  configs: ConfigManagerConfig
-}> = ({
-  configs,
-  children,
-}) => {
-    setConfigManagerConfig(configs);
-    
-    const [service] = useState(() => new ConfigService());
-    const [isLoading, setIsLoading] = useState(true);
+const useConfigManagerValue = (
+  configManagerConfig: ConfigManagerConfig
+) => {
+  const [service] = useState(() => new ConfigService());
+  const [isLoading, setIsLoading] = useState(true);
 
-    useEffect(() => {
-      const initialize = async () => {
-        setIsLoading(true);
-        try {
-          await service.initialize();
-        } catch (error) {
-          console.error('Failed to initialize config manager:', error);
-        } finally {
-          setIsLoading(false);
-        }
-      };
-      initialize();
-    }, [service]);
+  
+  useEffect(() => {
+    setConfigManagerConfig(configManagerConfig);
+  }, [configManagerConfig]);
 
-    const reloadConfig = useCallback(async () => {
+  
+  useEffect(() => {
+    const initialize = async () => {
       setIsLoading(true);
       try {
-        await service.reload();
+        await service.initialize();
       } catch (error) {
-        console.error('Failed to reload config:', error);
+        console.error('Failed to initialize config manager:', error);
       } finally {
         setIsLoading(false);
       }
-    }, [service]);
+    };
+    initialize();
+  }, [service]);
 
-    const loadModuleConfig = useCallback(async (moduleName: string) => {
-      setIsLoading(true);
-      try {
-        await service.loadModule(moduleName);
-      } catch (error) {
-        console.error(`Failed to load module config ${moduleName}:`, error);
-      } finally {
-        setIsLoading(false);
-      }
-    }, [service]);
+  const reloadConfig = useCallback(async () => {
+    setIsLoading(true);
+    try {
+      await service.reload();
+    } catch (error) {
+      console.error('Failed to reload config:', error);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [service]);
 
-    const get = useCallback((key: string, options?: any) => {
-      return service.get(key, options);
-    }, [service]);
+  const loadModuleConfig = useCallback(async (moduleName: string) => {
+    setIsLoading(true);
+    try {
+      await service.loadModule(moduleName);
+    } catch (error) {
+      console.error(`Failed to load module config ${moduleName}:`, error);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [service]);
 
-    const getConfig = useCallback((moduleName?: string) => {
-      return service.getConfig(moduleName);
-    }, [service]);
+  const get = useCallback((key: string, options?: any) => {
+    return service.get(key, options);
+  }, [service]);
 
-    const value = {
-      get,
-      getConfig,
-      reloadConfig,
-      isLoading,
-      loadModuleConfig,
-    };
+  const getConfig = useCallback((moduleName?: string) => {
+    return service.getConfig(moduleName);
+  }, [service]);
 
-    return (
-      <ConfigManagerContext.Provider value={value}>
-        {children}
-      </ConfigManagerContext.Provider>
-    );
+  return {
+    get,
+    getConfig,
+    reloadConfig,
+    isLoading,
+    loadModuleConfig,
   };
+};
+
+export const ConfigManagerProvider: React.FC<{
+  children: React.ReactNode
+  configs: ConfigManagerConfig
+}> = ({
+  configs,
+  children,
+}) => {
+  const value = useConfigManagerValue(configs);
+  
+  return <ConfigManagerContext.Provider value={value}>{children}</ConfigManagerContext.Provider>;
+};
 
 export const useConfigManager = () => {
   const context = useContext(ConfigManagerContext);
-  if (!context) {
-    throw new Error('useConfigManager must be used within a ConfigManagerProvider');
-  }
+  if (!context) throw new Error('useConfigManager must be used within a ConfigManagerProvider');
   return context;
 };

package/index.d.ts

@@ -1,3 +0,0 @@
-declare const _default: {};
-
-export { _default as default };

package/index.js

@@ -1,3 +0,0 @@
-var index = {};
-
-export { index as default };

package/index.min.js

@@ -1,2 +0,0 @@
-var index={};export{index as default};
-//# sourceMappingURL=index.min.js.map