@djangocfg/layouts 2.0.10 → 2.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.0.10",
+  "version": "2.0.11",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -92,9 +92,9 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^1.4.40",
-    "@djangocfg/centrifugo": "^1.4.40",
-    "@djangocfg/ui": "^1.4.40",
+    "@djangocfg/api": "^1.4.41",
+    "@djangocfg/centrifugo": "^1.4.41",
+    "@djangocfg/ui": "^1.4.41",
     "@hookform/resolvers": "^5.2.0",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -114,7 +114,7 @@
     "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^1.4.40",
+    "@djangocfg/typescript-config": "^1.4.41",
     "@types/node": "^24.7.2",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.1",

package/src/components/index.ts

@@ -12,7 +12,4 @@ export * from './errors';
 export * from './RedirectPage';
 
 // ErrorsTracker
-export * from './errors/ErrorsTracker';
-
-// UpdateNotifier
-export * from './UpdateNotifier';
+export * from './errors/ErrorsTracker';

package/src/layouts/AppLayout/AppLayout.tsx

@@ -46,7 +46,6 @@ import { AuthProvider, type AuthConfig } from '../../auth/context';
 import { ErrorTrackingProvider, type ValidationErrorConfig, type CORSErrorConfig, type NetworkErrorConfig } from '../../components/errors/ErrorsTracker';
 import { AnalyticsProvider } from '../../snippets/Analytics';
 import { PageProgress } from '../../components/core/PageProgress';
-import { UpdateNotifier } from '../../components/UpdateNotifier';
 import { Suspense, ClientOnly } from '../../components/core';
 
 export type LayoutMode = 'public' | 'private' | 'admin';
@@ -139,11 +138,6 @@ export interface AppLayoutProps {
     supportEmail?: string;
     onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
   };
-  
-  /** Update notifier configuration */
-  updateNotifier?: {
-    enabled?: boolean;
-  };
 }
 
 /**
@@ -160,7 +154,6 @@ function AppLayoutContent({
   analytics,
   centrifugo,
   errorBoundary,
-  updateNotifier,
 }: AppLayoutProps) {
   const pathname = usePathname();
 
@@ -257,9 +250,6 @@ function AppLayoutContent({
     <>
       {content}
       <PageProgress />
-      <UpdateNotifier 
-        enabled={updateNotifier?.enabled !== false} 
-      />
       <Toaster />
     </>
   );

package/src/components/UpdateNotifier/UpdateNotifier.tsx

@@ -1,178 +0,0 @@
-/**
- * Update Notifier Component
- *
- * Checks npm registry for @djangocfg package updates
- * Shows toast notification when new version is available
- * Uses localStorage to cache check and avoid spam
- */
-
-'use client';
-
-import React, { useEffect, useState, useRef } from 'react';
-import consola from 'consola';
-import { toast } from '@djangocfg/ui/hooks';
-import { useLocalStorage } from '@djangocfg/ui/hooks';
-
-const PACKAGE_NAME = '@djangocfg/layouts';
-const CHECK_INTERVAL_MS = 24 * 60 * 60 * 1000; // 24 hours
-const CACHE_KEY = 'djangocfg_update_check';
-
-interface UpdateCheckCache {
-  lastCheck: number;
-  latestVersion: string;
-  dismissed: boolean;
-}
-
-const defaultCache: UpdateCheckCache = {
-  lastCheck: 0,
-  latestVersion: '',
-  dismissed: false,
-};
-
-export interface UpdateNotifierProps {
-  /**
-   * Enable update notifications
-   * @default false
-   */
-  enabled?: boolean;
-}
-
-/**
- * Get current package version from package.json
- * Uses require in runtime to avoid TypeScript rootDir issues
- */
-function getCurrentVersion(): string | null {
-  try {
-    // Use require in runtime (works in both dev and build)
-    // eslint-disable-next-line @typescript-eslint/no-require-imports
-    const packageJson = require('../../../package.json');
-    return packageJson.version || null;
-  } catch (error) {
-    consola.warn('[UpdateNotifier] Failed to load package.json:', error);
-    return null;
-  }
-}
-
-/**
- * Compare semver versions
- * Returns true if newVersion > currentVersion
- */
-function isNewerVersion(current: string, latest: string): boolean {
-  const parseCurrent = current.split('.').map(Number);
-  const parseLatest = latest.split('.').map(Number);
-
-  for (let i = 0; i < 3; i++) {
-    if (parseLatest[i] > parseCurrent[i]) return true;
-    if (parseLatest[i] < parseCurrent[i]) return false;
-  }
-  return false;
-}
-
-/**
- * Fetch latest version from npm registry
- */
-async function fetchLatestVersion(): Promise<string | null> {
-  try {
-    const response = await fetch(`https://registry.npmjs.org/${PACKAGE_NAME}/latest`, {
-      method: 'GET',
-      headers: { 'Accept': 'application/json' },
-    });
-
-    if (!response.ok) return null;
-
-    const data = await response.json();
-    return data.version || null;
-  } catch (error) {
-    consola.warn('[UpdateNotifier] Failed to check for updates:', error);
-    return null;
-  }
-}
-
-export function UpdateNotifier({ enabled = false }: UpdateNotifierProps) {
-  const [checked, setChecked] = useState(false);
-  const [cache, setCache] = useLocalStorage<UpdateCheckCache | null>(CACHE_KEY, null);
-  const cacheRef = useRef(cache);
-  
-  // Keep cacheRef in sync with cache
-  useEffect(() => {
-    cacheRef.current = cache;
-  }, [cache]);
-
-  useEffect(() => {
-    if (!enabled || checked || typeof window === 'undefined') return;
-
-    const checkForUpdates = async () => {
-      // Get current version from package.json
-      const currentVersion = getCurrentVersion();
-      if (!currentVersion) {
-        setChecked(true);
-        return;
-      }
-      
-      // Check cache first (use ref to get latest value)
-      const now = Date.now();
-      const cachedData = cacheRef.current || defaultCache;
-
-      // If we checked recently, skip
-      if (cachedData && cachedData.lastCheck > 0 && (now - cachedData.lastCheck) < CHECK_INTERVAL_MS) {
-        // Show notification if there's an update and it wasn't dismissed
-        if (cachedData.latestVersion && !cachedData.dismissed && isNewerVersion(currentVersion, cachedData.latestVersion)) {
-          showUpdateNotification(currentVersion, cachedData.latestVersion, setCache);
-        }
-        setChecked(true);
-        return;
-      }
-
-      // Fetch latest version from npm
-      const latestVersion = await fetchLatestVersion();
-
-      if (!latestVersion) {
-        setChecked(true);
-        return;
-      }
-
-      // Update cache
-      setCache({
-        lastCheck: now,
-        latestVersion,
-        dismissed: false,
-      });
-
-      // Show notification if newer version available
-      if (isNewerVersion(currentVersion, latestVersion)) {
-        showUpdateNotification(currentVersion, latestVersion, setCache);
-      }
-
-      setChecked(true);
-    };
-
-    // Check after a short delay to not block initial render
-    const timer = setTimeout(checkForUpdates, 2000);
-
-    return () => clearTimeout(timer);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [enabled, checked]);
-
-  return null; // This component doesn't render anything
-}
-
-/**
- * Show update notification toast
- */
-function showUpdateNotification(
-  currentVersion: string,
-  latestVersion: string,
-  setCache: (value: UpdateCheckCache | null | ((val: UpdateCheckCache | null) => UpdateCheckCache | null)) => void
-) {
-  toast({
-    title: `📦 Update Available`,
-    description: `New version ${latestVersion} of @djangocfg packages is available. You're using ${currentVersion}. Run: pnpm update @djangocfg/layouts@latest`,
-    duration: 10000,
-  });
-
-  // Mark as dismissed in cache after showing
-  setCache((prev) => {
-    if (!prev) return null;
-    return { ...prev, dismissed: true };
-  });
-}

package/src/components/UpdateNotifier/index.ts

@@ -1,2 +0,0 @@
-export { UpdateNotifier } from './UpdateNotifier';
-export type { UpdateNotifierProps } from './UpdateNotifier';