@djangocfg/layouts 1.2.19 → 1.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "1.2.19",
+  "version": "1.2.20",
   "description": "Layout system and components for Unrealon applications",
   "author": {
     "name": "DjangoCFG",
@@ -53,9 +53,9 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^1.2.19",
-    "@djangocfg/og-image": "^1.2.19",
-    "@djangocfg/ui": "^1.2.19",
+    "@djangocfg/api": "^1.2.20",
+    "@djangocfg/og-image": "^1.2.20",
+    "@djangocfg/ui": "^1.2.20",
     "@hookform/resolvers": "^5.2.0",
     "consola": "^3.4.2",
     "lucide-react": "^0.468.0",
@@ -76,7 +76,7 @@
     "vidstack": "0.6.15"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^1.2.19",
+    "@djangocfg/typescript-config": "^1.2.20",
     "@types/node": "^24.7.2",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.1",

package/src/layouts/AppLayout/components/PackageVersions/packageVersions.config.ts

@@ -16,36 +16,36 @@ export interface PackageInfo {
 /**
  * Package versions registry
  * Auto-synced from package.json files
- * Last updated: 2025-11-02T05:58:03.758Z
+ * Last updated: 2025-11-02T09:59:18.371Z
  */
 const PACKAGE_VERSIONS: PackageInfo[] = [
   {
     "name": "@djangocfg/ui",
-    "version": "1.2.19"
+    "version": "1.2.20"
   },
   {
     "name": "@djangocfg/api",
-    "version": "1.2.19"
+    "version": "1.2.20"
   },
   {
     "name": "@djangocfg/layouts",
-    "version": "1.2.19"
+    "version": "1.2.20"
   },
   {
     "name": "@djangocfg/markdown",
-    "version": "1.2.19"
+    "version": "1.2.20"
   },
   {
     "name": "@djangocfg/og-image",
-    "version": "1.2.19"
+    "version": "1.2.20"
   },
   {
     "name": "@djangocfg/eslint-config",
-    "version": "1.2.19"
+    "version": "1.2.20"
   },
   {
     "name": "@djangocfg/typescript-config",
-    "version": "1.2.19"
+    "version": "1.2.20"
   }
 ];
 

package/src/layouts/AppLayout/layouts/AdminLayout/hooks/useApp.ts

@@ -94,13 +94,10 @@ export function useCfgApp(options?: UseCfgAppOptions): UseCfgAppReturn {
   const [parentThemeMode, setParentThemeMode] = useState<string | null>(null);
 
   useEffect(() => {
-    // Debug logging (uncomment for debugging)
-    // console.log('[useCfgApp] Hook initializing...');
     setIsMounted(true);
 
     // Check if running in iframe
     const inIframe = window.self !== window.top;
-    // console.log('[useCfgApp] Iframe detection:', { inIframe });
     setIsEmbedded(inIframe);
 
     // Check if running as standalone PWA
@@ -109,85 +106,19 @@ export function useCfgApp(options?: UseCfgAppOptions): UseCfgAppReturn {
 
     // Get referrer if embedded
     if (inIframe && document.referrer) {
-      // console.log('[useCfgApp] Referrer:', document.referrer);
       setReferrer(document.referrer);
     }
 
-    // Setup resize observer and interval for iframe height updates
-    let resizeObserver: ResizeObserver | null = null;
-    let checkHeightInterval: NodeJS.Timeout | null = null;
-
-    // Notify parent window that iframe is ready
-    if (inIframe) {
-      try {
-        // console.log('[useCfgApp] Sending iframe-ready message to parent');
-        window.parent.postMessage({
-          type: 'iframe-ready',
-          data: {
-            url: window.location.href,
-            referrer: document.referrer
-          }
-        }, '*'); // Use '*' or specific origin for security
-        // console.log('[useCfgApp] iframe-ready message sent');
-      } catch (e) {
-        console.error('[useCfgApp] Failed to notify parent:', e);
-      }
-
-      // Send current content height (both increases and decreases)
-      const sendHeight = () => {
-        try {
-          // Use body.scrollHeight to avoid iframe height feedback loop
-          // document.documentElement.scrollHeight includes iframe's own height!
-          const bodyScrollHeight = document.body.scrollHeight;
-          const bodyOffsetHeight = document.body.offsetHeight;
-          const height = Math.max(bodyScrollHeight, bodyOffsetHeight);
-
-          window.parent.postMessage({
-            type: 'iframe-resize',
-            data: { height }
-          }, '*');
-        } catch (e) {
-          console.error('[useCfgApp] Failed to send height:', e);
-        }
-      };
-
-      // Send height immediately after mount
-      setTimeout(sendHeight, 100);
-
-      // Watch for content size changes using ResizeObserver
-      resizeObserver = new ResizeObserver(() => {
-        sendHeight();
-      });
-
-      // Observe document body for size changes
-      resizeObserver.observe(document.body);
-
-      // Also observe on route changes and after data loads
-      checkHeightInterval = setInterval(sendHeight, 1000);
-    }
-
     // Listen for messages from parent window
     const handleMessage = (event: MessageEvent) => {
-      // console.log('[useCfgApp] Message received:', {
-      //   origin: event.origin,
-      //   type: event.data?.type,
-      //   data: event.data?.data
-      // });
-
-      // Verify origin for security (optional - adjust for your needs)
-      // if (event.origin !== window.location.origin) return;
-
       const { type, data } = event.data || {};
 
       switch (type) {
         case 'parent-auth':
-          // console.log('[useCfgApp] Processing parent-auth message');
           // Receive authentication tokens from parent
           if (data?.authToken && options?.onAuthTokenReceived) {
             try {
-              // console.log('[useCfgApp] Calling onAuthTokenReceived');
               options.onAuthTokenReceived(data.authToken, data.refreshToken);
-              // console.log('[useCfgApp] Auth tokens received from parent');
             } catch (e) {
               console.error('[useCfgApp] Failed to process auth tokens:', e);
             }
@@ -195,19 +126,13 @@ export function useCfgApp(options?: UseCfgAppOptions): UseCfgAppReturn {
           break;
 
         case 'parent-theme':
-          // console.log('[useCfgApp] Processing parent-theme message');
           // Receive theme from parent
           if (data?.theme) {
             try {
-              // console.log('[useCfgApp] Setting theme:', {
-              //   theme: data.theme,
-              //   themeMode: data.themeMode
-              // });
               setParentTheme(data.theme);
               if (data.themeMode) {
                 setParentThemeMode(data.themeMode);
               }
-              // console.log('[useCfgApp] Theme received from parent:', data.theme, 'mode:', data.themeMode);
             } catch (e) {
               console.error('[useCfgApp] Failed to process theme:', e);
             }
@@ -216,31 +141,32 @@ export function useCfgApp(options?: UseCfgAppOptions): UseCfgAppReturn {
 
         case 'parent-resize':
           // Handle parent window resize (optional)
-          // console.log('[useCfgApp] Parent resized:', data);
           break;
 
         default:
-          // if (type) {
-          //   console.log('[useCfgApp] Unknown message type:', type);
-          // }
           break;
       }
     };
 
-    // console.log('[useCfgApp] Adding message event listener');
     window.addEventListener('message', handleMessage);
 
+    // Send iframe-ready since listener is registered
+    if (inIframe) {
+      try {
+        window.parent.postMessage({
+          type: 'iframe-ready',
+          data: {
+            url: window.location.href,
+            referrer: document.referrer
+          }
+        }, '*');
+      } catch (e) {
+        console.error('[useCfgApp] Failed to notify parent about ready state:', e);
+      }
+    }
+
     return () => {
-      // console.log('[useCfgApp] Cleaning up message event listener');
       window.removeEventListener('message', handleMessage);
-
-      // Cleanup resize observer and interval
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-      if (checkHeightInterval) {
-        clearInterval(checkHeightInterval);
-      }
     };
   }, [options]);