@djangocfg/centrifugo 2.1.227 → 2.1.228

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/centrifugo",
-  "version": "2.1.227",
+  "version": "2.1.228",
   "description": "Production-ready Centrifugo WebSocket client for React with real-time subscriptions, RPC patterns, and connection state management",
   "keywords": [
     "centrifugo",
@@ -63,10 +63,10 @@
     "centrifuge": "^5.2.2"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.227",
-    "@djangocfg/i18n": "^2.1.227",
-    "@djangocfg/ui-core": "^2.1.227",
-    "@djangocfg/ui-tools": "^2.1.227",
+    "@djangocfg/api": "^2.1.228",
+    "@djangocfg/i18n": "^2.1.228",
+    "@djangocfg/ui-core": "^2.1.228",
+    "@djangocfg/ui-tools": "^2.1.228",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
     "moment": "^2.30.1",
@@ -74,11 +74,11 @@
     "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@djangocfg/api": "^2.1.227",
-    "@djangocfg/i18n": "^2.1.227",
-    "@djangocfg/typescript-config": "^2.1.227",
-    "@djangocfg/ui-core": "^2.1.227",
-    "@djangocfg/ui-tools": "^2.1.227",
+    "@djangocfg/api": "^2.1.228",
+    "@djangocfg/i18n": "^2.1.228",
+    "@djangocfg/typescript-config": "^2.1.228",
+    "@djangocfg/ui-core": "^2.1.228",
+    "@djangocfg/ui-tools": "^2.1.228",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/components/CentrifugoMonitor/CentrifugoMonitor.tsx

@@ -9,7 +9,7 @@
 
 import React, { useMemo } from 'react';
 
-import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
+import { useAppT } from '@djangocfg/i18n';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@djangocfg/ui-core/components';
 
 import { ConnectionStatus } from '../ConnectionStatus';
@@ -55,7 +55,7 @@ export function CentrifugoMonitor({
   onSubscriptionClick,
   className = '',
 }: CentrifugoMonitorProps) {
-  const t = useTypedT<I18nTranslations>();
+  const t = useAppT();
 
   const labels = useMemo(() => ({
     connection: t('centrifugo.tabs.connection'),

package/src/components/CentrifugoMonitor/CentrifugoMonitorDialog.tsx

@@ -10,7 +10,7 @@
 import { Activity } from 'lucide-react';
 import React, { useMemo, useState } from 'react';
 
-import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
+import { useAppT } from '@djangocfg/i18n';
 import { useEventListener } from '@djangocfg/ui-core';
 import {
     Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle
@@ -24,7 +24,7 @@ import { CentrifugoMonitor } from './CentrifugoMonitor';
 // ─────────────────────────────────────────────────────────────────────────
 
 export function CentrifugoMonitorDialog() {
-  const t = useTypedT<I18nTranslations>();
+  const t = useAppT();
   const [open, setOpen] = useState(false);
   const [variant, setVariant] = useState<'compact' | 'full' | 'minimal'>('full');
 

package/src/components/CentrifugoMonitor/CentrifugoMonitorFAB.tsx

@@ -10,7 +10,7 @@
 import { Activity } from 'lucide-react';
 import React, { useMemo } from 'react';
 
-import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
+import { useAppT } from '@djangocfg/i18n';
 
 import { emitOpenMonitorDialog, OpenMonitorDialogPayload} from '../../events';
 
@@ -33,7 +33,7 @@ export function CentrifugoMonitorFAB({
   size = 'md',
   variant = 'full',
 }: CentrifugoMonitorFABProps) {
-  const t = useTypedT<I18nTranslations>();
+  const t = useAppT();
 
   const labels = useMemo(() => ({
     openMonitor: t('centrifugo.monitor.openMonitor'),

package/src/components/CentrifugoMonitor/CentrifugoMonitorWidget.tsx

@@ -10,7 +10,7 @@
 import { Activity, Maximize2 } from 'lucide-react';
 import React, { useMemo } from 'react';
 
-import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
+import { useAppT } from '@djangocfg/i18n';
 import { Button, Card, CardContent, CardHeader, CardTitle } from '@djangocfg/ui-core/components';
 
 import { emitOpenMonitorDialog } from '../../events';
@@ -35,7 +35,7 @@ export function CentrifugoMonitorWidget({
   showExpandButton = true,
   className = '',
 }: CentrifugoMonitorWidgetProps) {
-  const t = useTypedT<I18nTranslations>();
+  const t = useAppT();
 
   const labels = useMemo(() => ({
     widgetTitle: t('centrifugo.monitor.widgetTitle'),

package/src/components/ConnectionStatus/ConnectionStatus.tsx

@@ -11,7 +11,7 @@ import { Clock, Radio, Wifi, WifiOff } from 'lucide-react';
 import moment from 'moment';
 import React, { useEffect, useMemo, useState } from 'react';
 
-import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
+import { useAppT } from '@djangocfg/i18n';
 import {
   Badge,
   Popover,
@@ -48,7 +48,7 @@ export function ConnectionStatus({
   className = '',
   dotSize = 'md',
 }: ConnectionStatusProps) {
-  const t = useTypedT<I18nTranslations>();
+  const t = useAppT();
   const { isConnected, client } = useCentrifugo();
   const [connectionTime, setConnectionTime] = useState<moment.Moment | null>(null);
   const [uptime, setUptime] = useState<string>('');

package/src/components/MessagesFeed/MessageFilters.tsx

@@ -9,7 +9,7 @@
 import { Filter, Search, X } from 'lucide-react';
 import React, { useMemo } from 'react';
 
-import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
+import { useAppT } from '@djangocfg/i18n';
 import { Badge, Button, Input } from '@djangocfg/ui-core/components';
 
 import type { MessageFilters as MessageFiltersType } from './types';
@@ -35,7 +35,7 @@ export function MessageFilters({
   autoScroll,
   onAutoScrollChange,
 }: MessageFiltersProps) {
-  const t = useTypedT<I18nTranslations>();
+  const t = useAppT();
 
   const labels = useMemo(() => ({
     title: t('centrifugo.filters.title'),

package/src/components/MessagesFeed/MessagesFeed.tsx

@@ -13,7 +13,7 @@ import {
 import moment from 'moment';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
+import { useAppT } from '@djangocfg/i18n';
 import {
     Badge, Button, Card, CardContent, CardHeader, CardTitle, ScrollArea
 } from '@djangocfg/ui-core/components';
@@ -36,7 +36,7 @@ export function MessagesFeed({
   onMessageClick,
   className = '',
 }: MessagesFeedProps) {
-  const t = useTypedT<I18nTranslations>();
+  const t = useAppT();
   const { client } = useCentrifugo();
 
   const labels = useMemo(() => ({

package/src/components/SubscriptionsList/SubscriptionsList.tsx

@@ -10,7 +10,7 @@ import { SubscriptionState } from 'centrifuge';
 import { Radio, RefreshCw, Trash2 } from 'lucide-react';
 import React, { useEffect, useMemo, useState } from 'react';
 
-import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
+import { useAppT } from '@djangocfg/i18n';
 import {
     Badge, Button, Card, CardContent, CardHeader, CardTitle, ScrollArea
 } from '@djangocfg/ui-core/components';
@@ -44,7 +44,7 @@ export function SubscriptionsList({
   onSubscriptionClick,
   className = '',
 }: SubscriptionsListProps) {
-  const t = useTypedT<I18nTranslations>();
+  const t = useAppT();
   const { isConnected, client } = useCentrifugo();
   const [subscriptions, setSubscriptions] = useState<SubscriptionItem[]>([]);
 

package/src/debug/DebugPanel/DebugPanel.tsx

@@ -10,7 +10,7 @@
 import { Bug } from 'lucide-react';
 import { useMemo, useState } from 'react';
 
-import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
+import { useAppT } from '@djangocfg/i18n';
 import {
     Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, Tabs, TabsContent, TabsList,
     TabsTrigger
@@ -25,7 +25,7 @@ import { SubscriptionsTab } from '../SubscriptionsTab';
 // ─────────────────────────────────────────────────────────────────────────
 
 export function DebugPanel() {
-  const t = useTypedT<I18nTranslations>();
+  const t = useAppT();
   const [isOpen, setIsOpen] = useState(false);
   const [activeTab, setActiveTab] = useState('connection');