@djangocfg/ui-nextjs 2.1.67 → 2.1.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-nextjs",
-  "version": "2.1.67",
+  "version": "2.1.68",
   "description": "Next.js UI component library with Radix UI primitives, Tailwind CSS styling, charts, and form components",
   "keywords": [
     "ui-components",
@@ -58,8 +58,8 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.67",
-    "@djangocfg/ui-core": "^2.1.67",
+    "@djangocfg/api": "^2.1.68",
+    "@djangocfg/ui-core": "^2.1.68",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
     "consola": "^3.4.2",
@@ -110,7 +110,7 @@
     "wavesurfer.js": "^7.12.1"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^2.1.67",
+    "@djangocfg/typescript-config": "^2.1.68",
     "@types/node": "^24.7.2",
     "eslint": "^9.37.0",
     "tailwindcss-animate": "1.0.7",

package/src/stores/mediaCache.ts

@@ -2,6 +2,7 @@
 
 import { create } from 'zustand';
 import { persist, devtools } from 'zustand/middleware';
+import { useShallow } from 'zustand/react/shallow';
 
 // Types
 interface BlobUrlEntry {
@@ -373,47 +374,56 @@ export const useMediaCacheStore = create<MediaCacheStore>()(
 
 /**
  * Hook for image-related cache operations
+ * Uses useShallow to prevent infinite re-renders
  */
 export const useImageCache = () =>
-  useMediaCacheStore((state) => ({
-    getOrCreateBlobUrl: state.getOrCreateBlobUrl,
-    releaseBlobUrl: state.releaseBlobUrl,
-    hasBlobUrl: state.hasBlobUrl,
-    cacheDimensions: state.cacheDimensions,
-    getDimensions: state.getDimensions,
-  }));
+  useMediaCacheStore(
+    useShallow((state) => ({
+      getOrCreateBlobUrl: state.getOrCreateBlobUrl,
+      releaseBlobUrl: state.releaseBlobUrl,
+      hasBlobUrl: state.hasBlobUrl,
+      cacheDimensions: state.cacheDimensions,
+      getDimensions: state.getDimensions,
+    }))
+  );
 
 /**
  * Hook for audio-related cache operations
+ * Uses useShallow to prevent infinite re-renders
  */
 export const useAudioCache = () =>
-  useMediaCacheStore((state) => ({
-    getOrCreateBlobUrl: state.getOrCreateBlobUrl,
-    releaseBlobUrl: state.releaseBlobUrl,
-    hasBlobUrl: state.hasBlobUrl,
-    saveAudioPosition: state.saveAudioPosition,
-    getAudioPosition: state.getAudioPosition,
-    getEffectConfig: state.getEffectConfig,
-    cacheEffectConfig: state.cacheEffectConfig,
-  }));
+  useMediaCacheStore(
+    useShallow((state) => ({
+      getOrCreateBlobUrl: state.getOrCreateBlobUrl,
+      releaseBlobUrl: state.releaseBlobUrl,
+      hasBlobUrl: state.hasBlobUrl,
+      saveAudioPosition: state.saveAudioPosition,
+      getAudioPosition: state.getAudioPosition,
+      getEffectConfig: state.getEffectConfig,
+      cacheEffectConfig: state.cacheEffectConfig,
+    }))
+  );
 
 /**
  * Hook for video-related cache operations
+ * Uses useShallow to prevent infinite re-renders
  */
 export const useVideoCache = () =>
-  useMediaCacheStore((state) => ({
-    getOrCreateBlobUrl: state.getOrCreateBlobUrl,
-    releaseBlobUrl: state.releaseBlobUrl,
-    hasBlobUrl: state.hasBlobUrl,
-    getOrCreateStreamUrl: state.getOrCreateStreamUrl,
-    getPosterUrl: state.getPosterUrl,
-    cachePosterUrl: state.cachePosterUrl,
-    saveVideoPosition: state.saveVideoPosition,
-    getVideoPosition: state.getVideoPosition,
-    cacheVideoMetadata: state.cacheVideoMetadata,
-    getVideoMetadata: state.getVideoMetadata,
-    invalidateSession: state.invalidateSession,
-  }));
+  useMediaCacheStore(
+    useShallow((state) => ({
+      getOrCreateBlobUrl: state.getOrCreateBlobUrl,
+      releaseBlobUrl: state.releaseBlobUrl,
+      hasBlobUrl: state.hasBlobUrl,
+      getOrCreateStreamUrl: state.getOrCreateStreamUrl,
+      getPosterUrl: state.getPosterUrl,
+      cachePosterUrl: state.cachePosterUrl,
+      saveVideoPosition: state.saveVideoPosition,
+      getVideoPosition: state.getVideoPosition,
+      cacheVideoMetadata: state.cacheVideoMetadata,
+      getVideoMetadata: state.getVideoMetadata,
+      invalidateSession: state.invalidateSession,
+    }))
+  );
 
 /**
  * Hook for blob URL cleanup on unmount