@nocios/crudify-ui 1.0.65 → 1.0.66

package/dist/index.d.mts

@@ -55,9 +55,7 @@ interface UseCrudifyLoginOptions {
 declare const useCrudifyLogin: (config: CrudifyLoginConfig, _options?: UseCrudifyLoginOptions) => {
     crudify: {
         login: (identifier: string, password: string) => Promise<_nocios_crudify_browser.CrudifyResponse>;
-        transaction: (data: any, options?: {
-            signal?: AbortSignal;
-        }) => Promise<_nocios_crudify_browser.CrudifyResponse>;
+        transaction: (data: any, options?: any) => Promise<_nocios_crudify_browser.CrudifyResponse>;
     } | null;
 };
 

package/dist/index.d.ts

@@ -55,9 +55,7 @@ interface UseCrudifyLoginOptions {
 declare const useCrudifyLogin: (config: CrudifyLoginConfig, _options?: UseCrudifyLoginOptions) => {
     crudify: {
         login: (identifier: string, password: string) => Promise<_nocios_crudify_browser.CrudifyResponse>;
-        transaction: (data: any, options?: {
-            signal?: AbortSignal;
-        }) => Promise<_nocios_crudify_browser.CrudifyResponse>;
+        transaction: (data: any, options?: any) => Promise<_nocios_crudify_browser.CrudifyResponse>;
     } | null;
 };
 

package/dist/index.js

@@ -1117,6 +1117,10 @@ var getCookie = (name) => {
 };
 
 // src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
+var globalInitPromise = null;
+var isGloballyInitialized = false;
+var lastApiKey = "";
+var lastEnv = "";
 var useCrudifyLogin = (config, _options = {}) => {
   const [isInitialized, setIsInitialized] = (0, import_react7.useState)(false);
   const finalConfig = (0, import_react7.useMemo)(() => {
@@ -1143,37 +1147,70 @@ var useCrudifyLogin = (config, _options = {}) => {
     console.log("\u{1F527} useCrudifyLogin useEffect triggered:", {
       publicApiKey: !!finalConfig.publicApiKey,
       env: finalConfig.env,
-      hasPublicApiKey: !!finalConfig.publicApiKey
+      hasPublicApiKey: !!finalConfig.publicApiKey,
+      isGloballyInitialized,
+      lastApiKey: lastApiKey ? lastApiKey.substring(0, 10) + "..." : "none",
+      lastEnv
     });
     if (!finalConfig.publicApiKey) {
       console.log("\u274C No publicApiKey, skipping crudify initialization");
       setIsInitialized(false);
       return;
     }
+    const currentApiKey = finalConfig.publicApiKey;
+    const currentEnv = finalConfig.env;
+    if (isGloballyInitialized && lastApiKey === currentApiKey && lastEnv === currentEnv) {
+      console.log("\u2705 Crudify already initialized with same config, reusing");
+      setIsInitialized(true);
+      return;
+    }
     const initializeCrudify = async () => {
-      try {
-        console.log("\u2699\uFE0F Configuring crudify with env:", finalConfig.env);
-        import_crudify_browser.default.config(finalConfig.env);
-        console.log("\u{1F680} Initializing crudify with publicApiKey:", finalConfig.publicApiKey.substring(0, 10) + "...");
-        import_crudify_browser.default.init(finalConfig.publicApiKey, "none");
-        console.log("\u{1F9EA} Testing crudify initialization...");
-        await new Promise((resolve) => setTimeout(resolve, 50));
-        if (typeof import_crudify_browser.default.transaction === "function" && typeof import_crudify_browser.default.login === "function") {
-          console.log("\u2705 Crudify initialization verified and ready");
-          setIsInitialized(true);
-        } else {
-          console.log("\u274C Crudify methods not properly initialized");
-          setIsInitialized(false);
+      if (globalInitPromise) {
+        console.log("\u23F3 Waiting for existing initialization to complete");
+        try {
+          await globalInitPromise;
+          setIsInitialized(isGloballyInitialized);
+          return;
+        } catch (error) {
+          console.error("\u274C Previous initialization failed:", error);
         }
-        console.log("\u{1F50D} Crudify state after init:", {
-          hasTransaction: typeof import_crudify_browser.default.transaction === "function",
-          hasLogin: typeof import_crudify_browser.default.login === "function",
-          isInitialized: true,
-          crudifyObject: import_crudify_browser.default
-        });
+      }
+      globalInitPromise = (async () => {
+        try {
+          console.log("\u2699\uFE0F Configuring crudify with env:", currentEnv);
+          import_crudify_browser.default.config(currentEnv);
+          console.log("\u{1F680} Initializing crudify with publicApiKey:", currentApiKey.substring(0, 10) + "...");
+          import_crudify_browser.default.init(currentApiKey, "none");
+          console.log("\u{1F9EA} Testing crudify initialization...");
+          await new Promise((resolve) => setTimeout(resolve, 50));
+          if (typeof import_crudify_browser.default.transaction === "function" && typeof import_crudify_browser.default.login === "function") {
+            console.log("\u2705 Crudify initialization verified and ready");
+            isGloballyInitialized = true;
+            lastApiKey = currentApiKey;
+            lastEnv = currentEnv;
+          } else {
+            console.log("\u274C Crudify methods not properly initialized");
+            isGloballyInitialized = false;
+          }
+          console.log("\u{1F50D} Crudify state after init:", {
+            hasTransaction: typeof import_crudify_browser.default.transaction === "function",
+            hasLogin: typeof import_crudify_browser.default.login === "function",
+            isGloballyInitialized,
+            crudifyObject: import_crudify_browser.default
+          });
+        } catch (error) {
+          console.error("\u274C Error initializing crudify:", error);
+          isGloballyInitialized = false;
+          throw error;
+        }
+      })();
+      try {
+        await globalInitPromise;
+        setIsInitialized(isGloballyInitialized);
       } catch (error) {
-        console.error("\u274C Error initializing crudify:", error);
         setIsInitialized(false);
+      } finally {
+        globalInitPromise = null;
       }
     };
     initializeCrudify();
@@ -1182,28 +1219,43 @@ var useCrudifyLogin = (config, _options = {}) => {
     console.log("\u{1F504} crudifyMethods useMemo triggered:", {
       publicApiKey: !!finalConfig.publicApiKey,
       isInitialized,
+      isGloballyInitialized,
       crudifyLogin: typeof import_crudify_browser.default.login,
       crudifyTransaction: typeof import_crudify_browser.default.transaction
     });
-    if (!finalConfig.publicApiKey || !isInitialized) {
+    if (!finalConfig.publicApiKey || !isInitialized || !isGloballyInitialized) {
       console.log("\u274C Crudify not ready:", {
         publicApiKey: !!finalConfig.publicApiKey,
-        isInitialized
+        isInitialized,
+        isGloballyInitialized
       });
       return null;
     }
     const methods = {
-      login: import_crudify_browser.default.login,
-      transaction: import_crudify_browser.default.transaction
+      login: async (identifier, password) => {
+        console.log("\u{1F517} Wrapper login called, isGloballyInitialized:", isGloballyInitialized);
+        if (!isGloballyInitialized) {
+          throw new Error("Crudify not globally initialized");
+        }
+        return await import_crudify_browser.default.login(identifier, password);
+      },
+      transaction: async (data, options) => {
+        console.log("\u{1F517} Wrapper transaction called, isGloballyInitialized:", isGloballyInitialized);
+        if (!isGloballyInitialized) {
+          throw new Error("Crudify not globally initialized");
+        }
+        return await import_crudify_browser.default.transaction(data, options);
+      }
     };
     console.log("\u2705 Returning ready crudifyMethods:", {
       hasLogin: typeof methods.login === "function",
       hasTransaction: typeof methods.transaction === "function",
       isInitialized,
+      isGloballyInitialized,
       methods
     });
     return methods;
-  }, [finalConfig.publicApiKey, isInitialized]);
+  }, [finalConfig.publicApiKey, isInitialized, isGloballyInitialized]);
   return { crudify: crudifyMethods };
 };
 

package/dist/index.mjs

@@ -1073,6 +1073,10 @@ var getCookie = (name) => {
 };
 
 // src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
+var globalInitPromise = null;
+var isGloballyInitialized = false;
+var lastApiKey = "";
+var lastEnv = "";
 var useCrudifyLogin = (config, _options = {}) => {
   const [isInitialized, setIsInitialized] = useState6(false);
   const finalConfig = useMemo2(() => {
@@ -1099,37 +1103,70 @@ var useCrudifyLogin = (config, _options = {}) => {
     console.log("\u{1F527} useCrudifyLogin useEffect triggered:", {
       publicApiKey: !!finalConfig.publicApiKey,
       env: finalConfig.env,
-      hasPublicApiKey: !!finalConfig.publicApiKey
+      hasPublicApiKey: !!finalConfig.publicApiKey,
+      isGloballyInitialized,
+      lastApiKey: lastApiKey ? lastApiKey.substring(0, 10) + "..." : "none",
+      lastEnv
     });
     if (!finalConfig.publicApiKey) {
       console.log("\u274C No publicApiKey, skipping crudify initialization");
       setIsInitialized(false);
       return;
     }
+    const currentApiKey = finalConfig.publicApiKey;
+    const currentEnv = finalConfig.env;
+    if (isGloballyInitialized && lastApiKey === currentApiKey && lastEnv === currentEnv) {
+      console.log("\u2705 Crudify already initialized with same config, reusing");
+      setIsInitialized(true);
+      return;
+    }
     const initializeCrudify = async () => {
-      try {
-        console.log("\u2699\uFE0F Configuring crudify with env:", finalConfig.env);
-        crudify.config(finalConfig.env);
-        console.log("\u{1F680} Initializing crudify with publicApiKey:", finalConfig.publicApiKey.substring(0, 10) + "...");
-        crudify.init(finalConfig.publicApiKey, "none");
-        console.log("\u{1F9EA} Testing crudify initialization...");
-        await new Promise((resolve) => setTimeout(resolve, 50));
-        if (typeof crudify.transaction === "function" && typeof crudify.login === "function") {
-          console.log("\u2705 Crudify initialization verified and ready");
-          setIsInitialized(true);
-        } else {
-          console.log("\u274C Crudify methods not properly initialized");
-          setIsInitialized(false);
+      if (globalInitPromise) {
+        console.log("\u23F3 Waiting for existing initialization to complete");
+        try {
+          await globalInitPromise;
+          setIsInitialized(isGloballyInitialized);
+          return;
+        } catch (error) {
+          console.error("\u274C Previous initialization failed:", error);
         }
-        console.log("\u{1F50D} Crudify state after init:", {
-          hasTransaction: typeof crudify.transaction === "function",
-          hasLogin: typeof crudify.login === "function",
-          isInitialized: true,
-          crudifyObject: crudify
-        });
+      }
+      globalInitPromise = (async () => {
+        try {
+          console.log("\u2699\uFE0F Configuring crudify with env:", currentEnv);
+          crudify.config(currentEnv);
+          console.log("\u{1F680} Initializing crudify with publicApiKey:", currentApiKey.substring(0, 10) + "...");
+          crudify.init(currentApiKey, "none");
+          console.log("\u{1F9EA} Testing crudify initialization...");
+          await new Promise((resolve) => setTimeout(resolve, 50));
+          if (typeof crudify.transaction === "function" && typeof crudify.login === "function") {
+            console.log("\u2705 Crudify initialization verified and ready");
+            isGloballyInitialized = true;
+            lastApiKey = currentApiKey;
+            lastEnv = currentEnv;
+          } else {
+            console.log("\u274C Crudify methods not properly initialized");
+            isGloballyInitialized = false;
+          }
+          console.log("\u{1F50D} Crudify state after init:", {
+            hasTransaction: typeof crudify.transaction === "function",
+            hasLogin: typeof crudify.login === "function",
+            isGloballyInitialized,
+            crudifyObject: crudify
+          });
+        } catch (error) {
+          console.error("\u274C Error initializing crudify:", error);
+          isGloballyInitialized = false;
+          throw error;
+        }
+      })();
+      try {
+        await globalInitPromise;
+        setIsInitialized(isGloballyInitialized);
       } catch (error) {
-        console.error("\u274C Error initializing crudify:", error);
         setIsInitialized(false);
+      } finally {
+        globalInitPromise = null;
       }
     };
     initializeCrudify();
@@ -1138,28 +1175,43 @@ var useCrudifyLogin = (config, _options = {}) => {
     console.log("\u{1F504} crudifyMethods useMemo triggered:", {
       publicApiKey: !!finalConfig.publicApiKey,
       isInitialized,
+      isGloballyInitialized,
       crudifyLogin: typeof crudify.login,
       crudifyTransaction: typeof crudify.transaction
     });
-    if (!finalConfig.publicApiKey || !isInitialized) {
+    if (!finalConfig.publicApiKey || !isInitialized || !isGloballyInitialized) {
       console.log("\u274C Crudify not ready:", {
         publicApiKey: !!finalConfig.publicApiKey,
-        isInitialized
+        isInitialized,
+        isGloballyInitialized
       });
       return null;
     }
     const methods = {
-      login: crudify.login,
-      transaction: crudify.transaction
+      login: async (identifier, password) => {
+        console.log("\u{1F517} Wrapper login called, isGloballyInitialized:", isGloballyInitialized);
+        if (!isGloballyInitialized) {
+          throw new Error("Crudify not globally initialized");
+        }
+        return await crudify.login(identifier, password);
+      },
+      transaction: async (data, options) => {
+        console.log("\u{1F517} Wrapper transaction called, isGloballyInitialized:", isGloballyInitialized);
+        if (!isGloballyInitialized) {
+          throw new Error("Crudify not globally initialized");
+        }
+        return await crudify.transaction(data, options);
+      }
     };
     console.log("\u2705 Returning ready crudifyMethods:", {
       hasLogin: typeof methods.login === "function",
       hasTransaction: typeof methods.transaction === "function",
       isInitialized,
+      isGloballyInitialized,
       methods
     });
     return methods;
-  }, [finalConfig.publicApiKey, isInitialized]);
+  }, [finalConfig.publicApiKey, isInitialized, isGloballyInitialized]);
   return { crudify: crudifyMethods };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocios/crudify-ui",
-  "version": "1.0.65",
+  "version": "1.0.66",
   "description": "Biblioteca de componentes UI para Crudify",
   "author": "Nocios",
   "license": "MIT",