@djangocfg/centrifugo 1.0.1

package/API_GENERATOR.md

@@ -0,0 +1,253 @@
+# Centrifugo Client Generator
+
+Documentation for generating Centrifugo WebSocket RPC clients from gRPC services and Django configuration.
+
+## Overview
+
+The Centrifugo client generator creates typed WebSocket RPC clients from:
+- **gRPC Services**: Protocol buffer definitions and service implementations
+- **Django Config**: Configuration schema from `config.py`
+
+This enables full-stack type safety and auto-completion for WebSocket RPC communication.
+
+## Paths Reference
+
+```
+$PACKAGES    = ../packages                                    (monorepo packages root)
+$ADMIN       = ../apps/admin                                 (admin app root)
+$DJANGO      = ../../../../solution/projects/django          (django project root)
+$DJANGO_CFG  = ../../../../solution/projects/django_cfg      (django_cfg package)
+```
+
+## Quick Start
+
+```bash
+# From admin app root
+cd $ADMIN && make centrifugo
+```
+
+This will:
+1. Generate clients (TypeScript, Python, Go) in `$DJANGO/openapi/centrifugo/`
+2. Copy TypeScript client to `$ADMIN/src/centrifugo/generated/`
+
+## Generator Architecture
+
+### 1. Management Command
+
+**Location**: `$DJANGO/core/management/commands/generate_centrifugo.py`
+
+This is the main entry point that orchestrates the generation process.
+
+```python
+# Usage
+python manage.py generate_centrifugo
+```
+
+### 2. Codegen Logic
+
+**Location**: `$DJANGO_CFG/apps/integrations/centrifugo/codegen/`
+
+The generator has modular architecture:
+
+```
+codegen/
+├── management/commands/
+│   └── generate_centrifugo_clients.py  # Core generator command
+├── generators/
+│   ├── typescript_thin/                # TypeScript client generator
+│   │   ├── generator.py
+│   │   └── templates/                  # Jinja2 templates
+│   ├── python/                         # Python client generator
+│   └── go/                             # Go client generator
+└── utils/                              # Shared utilities
+```
+
+### 3. Templates
+
+Client generation uses Jinja2 templates located in:
+- `$DJANGO_CFG/apps/integrations/centrifugo/codegen/generators/typescript_thin/templates/`
+
+Key templates:
+- `client.ts.j2` - RPC method wrappers
+- `rpc-client.ts.j2` - Base Centrifugo client with connection logic
+- `types.ts.j2` - TypeScript type definitions
+
+## Source Data
+
+### gRPC Services
+
+**Location**: `$DJANGO/apps/*/grpc_services`
+
+The generator scans all Django apps for gRPC service definitions:
+- `.proto` files
+- Service implementations
+- Method signatures
+
+### Django Config
+
+**Location**: `$DJANGO/api/config.py`
+
+Configuration schema is extracted from:
+```python
+class ConfigView(APIView):
+    @action(detail=False, methods=['get'])
+    def config(self, request):
+        return Response({
+            'centrifugo': {
+                'enabled': settings.CENTRIFUGO_ENABLED,
+                'url': settings.CENTRIFUGO_URL,
+                # ...
+            }
+        })
+```
+
+## Generated Outputs
+
+### TypeScript Client
+
+**Output**: `$DJANGO/openapi/centrifugo/typescript/`
+
+Generated files:
+- `client.ts` - High-level RPC method wrappers
+- `rpc-client.ts` - Low-level Centrifugo client
+- `types.ts` - TypeScript interfaces
+
+**Copied to**: `$ADMIN/src/centrifugo/generated/`
+
+### Python Client
+
+**Output**: `$DJANGO/openapi/centrifugo/python/`
+
+### Go Client
+
+**Output**: `$DJANGO/openapi/centrifugo/go/`
+
+## Modifying the Generator
+
+The codegen logic is in `$DJANGO_CFG` which is auto-linked to Django. Changes are immediately available:
+
+1. Edit generator code or templates in `$DJANGO_CFG/apps/integrations/centrifugo/codegen/`
+2. Re-run generation: `cd $ADMIN && make centrifugo`
+3. Verify generated output
+
+### Example: Modify TypeScript Template
+
+```bash
+# Edit base client template
+vim $DJANGO_CFG/apps/integrations/centrifugo/codegen/generators/typescript_thin/templates/rpc-client.ts.j2
+
+# Regenerate
+cd $ADMIN && make centrifugo
+
+# Check output
+cat $ADMIN/src/centrifugo/generated/rpc-client.ts
+```
+
+## Integration with Admin App
+
+The admin app wraps the generated client with app-specific providers:
+
+```
+$ADMIN/src/centrifugo/
+├── generated/                    # Auto-generated (DO NOT EDIT)
+│   ├── client.ts
+│   ├── rpc-client.ts
+│   └── types.ts
+├── AppCentrifugoProvider.tsx    # App-specific wrapper
+└── index.ts                     # Re-exports from @djangocfg/centrifugo
+```
+
+Universal components (context, hooks, debug) are in `@djangocfg/centrifugo` package:
+
+```
+$PACKAGES/centrifugo/src/
+├── context/                     # React context provider
+├── hooks/                       # Custom hooks
+├── components/                  # Debug panel, etc.
+├── config.ts                    # Environment config
+└── types.ts                     # Shared types
+```
+
+## Development Workflow
+
+### 1. Add New gRPC Service
+
+```bash
+# 1. Define .proto file
+vim $DJANGO/apps/myapp/grpc_services/myservice.proto
+
+# 2. Implement service
+vim $DJANGO/apps/myapp/grpc_services/myservice.py
+
+# 3. Regenerate client
+cd $ADMIN && make centrifugo
+```
+
+### 2. Use in Frontend
+
+```tsx
+import { useCentrifugo } from '@/centrifugo';
+
+function MyComponent() {
+  const { client, isConnected } = useCentrifugo();
+
+  const handleCall = async () => {
+    // Auto-generated typed method
+    const result = await client?.myMethod({ param: 'value' });
+  };
+}
+```
+
+## Troubleshooting
+
+### Client Generation Fails
+
+1. Check Django apps are properly configured
+2. Verify gRPC services are valid
+3. Check template syntax in `$DJANGO_CFG/apps/integrations/centrifugo/codegen/generators/typescript_thin/templates/`
+
+### TypeScript Errors After Generation
+
+1. Check generated types in `src/centrifugo/generated/types.ts`
+2. Verify imports match package structure
+3. Run type check: `pnpm tsc --noEmit`
+
+### Connection Issues
+
+Use the debug panel (FAB button in bottom-left corner) to inspect:
+- Connection state
+- Authentication status
+- WebSocket URL
+- Channel subscriptions
+- Error messages
+
+## Advanced Configuration
+
+### Custom Templates
+
+You can customize the generated output by modifying templates:
+
+```bash
+# Location
+$DJANGO_CFG/apps/integrations/centrifugo/codegen/generators/typescript_thin/templates/
+
+# Files
+client.ts.j2          # Method wrappers
+rpc-client.ts.j2      # Base client
+types.ts.j2           # Type definitions
+```
+
+### Generator Options
+
+The `generate_centrifugo_clients` command supports options:
+
+```bash
+python manage.py generate_centrifugo_clients --help
+```
+
+## References
+
+- **Centrifugo Docs**: https://centrifugal.dev/
+- **Centrifuge-JS**: https://github.com/centrifugal/centrifuge-js
+- **gRPC**: https://grpc.io/
+- **Jinja2**: https://jinja.palletsprojects.com/

package/README.md

@@ -0,0 +1,84 @@
+# @djangocfg/centrifugo
+
+WebSocket client package for Django-CFG + Centrifugo integration.
+
+## Installation
+
+```bash
+pnpm add @djangocfg/centrifugo
+```
+
+## Usage
+
+### 1. Wrap your app with CentrifugoProvider
+
+```tsx
+import { CentrifugoProvider } from '@djangocfg/centrifugo';
+
+function App() {
+  return (
+    <CentrifugoProvider auth={authContext} config={centrifugoConfig}>
+      <YourApp />
+    </CentrifugoProvider>
+  );
+}
+```
+
+### 2. Use hooks to interact with Centrifugo
+
+```tsx
+import { useCentrifugo, useSubscription } from '@djangocfg/centrifugo';
+
+function MyComponent() {
+  const { isConnected, baseClient } = useCentrifugo();
+
+  const { data, isLoading, error } = useSubscription({
+    channel: 'notifications',
+    onPublication: (data) => console.log('New message:', data),
+  });
+
+  return <div>Connected: {isConnected ? 'Yes' : 'No'}</div>;
+}
+```
+
+### 3. Debug connection (development only)
+
+```tsx
+import { CentrifugoDebug } from '@djangocfg/centrifugo/components';
+
+function DevTools() {
+  return <CentrifugoDebug auth={authContext} config={centrifugoConfig} />;
+}
+```
+
+## Exports
+
+### Context & Provider
+- `CentrifugoProvider` - WebSocket connection provider
+- `useCentrifugo` - Access connection state and client
+
+### Hooks
+- `useCentrifugoLogger` - Consola logger for debugging
+- `useSubscription` - Subscribe to Centrifugo channels
+
+### Components
+- `CentrifugoDebug` - Development debug panel
+
+### Types
+- `CentrifugoConfig` - Configuration interface
+- `CentrifugoToken` - JWT token structure
+- `User` - User type with Centrifugo data
+- `AuthContext` - Authentication context interface
+- `CentrifugoProviderProps` - Provider props
+- `CentrifugoContextValue` - Context value type
+
+## Architecture
+
+This package provides universal WebSocket logic that can be used across multiple Django-CFG admin applications. The generated RPC client is imported separately from your app's generated code.
+
+## Requirements
+
+- React 19+
+- `@djangocfg/ui` - UI components
+- `@djangocfg/layouts` - Layout components
+- `centrifuge` - WebSocket client library

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@djangocfg/centrifugo",
+  "version": "1.0.1",
+  "description": "WebSocket RPC client for Django-CFG + Centrifugo integration",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./components": "./src/components/index.ts",
+    "./hooks": "./src/hooks/index.ts",
+    "./context": "./src/context/index.ts",
+    "./types": "./src/types/index.ts"
+  },
+  "scripts": {
+    "check": "tsc --noEmit",
+    "lint": "eslint . --max-warnings 0"
+  },
+  "dependencies": {
+    "centrifuge": "^5.2.2"
+  },
+  "peerDependencies": {
+    "@djangocfg/ui": "^1.2.26",
+    "@djangocfg/layouts": "^1.2.26",
+    "consola": "^3.4.2",
+    "lucide-react": "^0.468.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@djangocfg/typescript-config": "^1.2.26",
+    "@types/react": "^19.0.6",
+    "@types/react-dom": "^19.0.2",
+    "typescript": "^5.7.3"
+  }
+}

package/src/components/CentrifugoDebug.tsx

@@ -0,0 +1,182 @@
+/**
+ * Centrifugo Debug Component
+ *
+ * Displays detailed Centrifugo connection status and diagnostics
+ */
+
+'use client';
+
+import React from 'react';
+import { useCentrifugo } from '../context';
+import { useAuth } from '@djangocfg/layouts';
+import { Card, CardHeader, CardTitle, CardContent, Badge, Separator, Button, useCopy } from '@djangocfg/ui';
+import { PrettyCode } from '@djangocfg/ui/tools';
+import { Wifi, WifiOff, Radio, X, Copy, RefreshCw } from 'lucide-react';
+import { centrifugoConfig } from '../config';
+
+export function CentrifugoDebug() {
+  const { isConnected, isConnecting, error, connectionState, baseClient, enabled, reconnect } = useCentrifugo();
+  const { isAuthenticated, isLoading: authLoading, user } = useAuth();
+  const [isVisible, setIsVisible] = React.useState(true);
+  const [isReconnecting, setIsReconnecting] = React.useState(false);
+  const { copyToClipboard } = useCopy();
+
+  const centrifugoToken = user?.centrifugo;
+  const hasCentrifugoToken = !!centrifugoToken?.token;
+
+  const shouldConnect = isAuthenticated && !authLoading && enabled && hasCentrifugoToken;
+
+  const debugInfo = React.useMemo(() => ({
+    connection: {
+      status: connectionState,
+      isConnected,
+      isConnecting,
+      error: error?.message || null,
+    },
+    auth: {
+      isAuthenticated,
+      authLoading,
+      userId: user?.id,
+    },
+    config: {
+      centrifugoEnabled: enabled,
+      hasCentrifugoToken,
+    },
+    websocket: {
+      url: centrifugoToken?.centrifugo_url || null,
+      channels: centrifugoToken?.channels || [],
+      activeSubscriptions: baseClient?.getAllSubscriptions?.() || [],
+    },
+    autoConnect: {
+      shouldConnect,
+      reasons: {
+        authenticated: isAuthenticated,
+        authLoading: !authLoading,
+        centrifugoEnabled: enabled,
+        hasToken: hasCentrifugoToken,
+      },
+    },
+  }), [connectionState, isConnected, isConnecting, error, isAuthenticated, authLoading, user?.id, enabled, hasCentrifugoToken, centrifugoToken, baseClient, shouldConnect]);
+
+  const copyDebugInfo = () => {
+    copyToClipboard(JSON.stringify(debugInfo, null, 2), 'Debug info copied to clipboard');
+  };
+
+  const handleReconnect = async () => {
+    setIsReconnecting(true);
+    try {
+      await reconnect();
+    } finally {
+      setTimeout(() => setIsReconnecting(false), 1000);
+    }
+  };
+
+  // Only show in development mode and not in static builds
+  if (!centrifugoConfig.showDebugPanel) {
+    return null;
+  }
+
+  return (
+    <>
+      {/* FAB Button (always visible) */}
+      <button
+        onClick={() => setIsVisible(!isVisible)}
+        className="rounded-full bg-primary text-primary-foreground shadow-lg hover:shadow-xl transition-all duration-200 flex items-center justify-center"
+        style={{ position: 'fixed', bottom: '1rem', left: '1rem', width: '56px', height: '56px', zIndex: 9999 }}
+        title="Toggle Centrifugo Debug Panel"
+      >
+        {isConnected ? (
+          <Wifi style={{ width: '24px', height: '24px' }} />
+        ) : (
+          <WifiOff style={{ width: '24px', height: '24px' }} />
+        )}
+      </button>
+
+      {/* Debug Panel */}
+      {isVisible && (
+        <div style={{ position: 'fixed', bottom: '5rem', left: '1rem', width: '420px', zIndex: 9999 }}>
+          <Card className="shadow-lg">
+            <CardHeader className="pb-3">
+              <div className="flex items-center justify-between">
+                <div className="flex items-center gap-2">
+                  {isConnected ? (
+                    <Wifi className="text-green-600 dark:text-green-500" style={{ width: '16px', height: '16px' }} />
+                  ) : (
+                    <WifiOff className="text-red-600 dark:text-red-500" style={{ width: '16px', height: '16px' }} />
+                  )}
+                  <CardTitle className="text-base">Centrifugo Debug</CardTitle>
+                </div>
+                <div className="flex items-center gap-1">
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={handleReconnect}
+                    disabled={isReconnecting || isConnecting}
+                    className="px-2 py-1"
+                    title="Reconnect"
+                  >
+                    <RefreshCw
+                      style={{ width: '14px', height: '14px' }}
+                      className={isReconnecting ? 'animate-spin' : ''}
+                    />
+                  </Button>
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={copyDebugInfo}
+                    className="px-2 py-1"
+                    title="Copy debug info"
+                  >
+                    <Copy style={{ width: '14px', height: '14px' }} />
+                  </Button>
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={() => setIsVisible(false)}
+                    className="px-2 py-1"
+                  >
+                    <X style={{ width: '14px', height: '14px' }} />
+                  </Button>
+                </div>
+              </div>
+            </CardHeader>
+
+            <CardContent className="space-y-3">
+              {/* Connection Status Badge */}
+              <div className="flex items-center justify-between">
+                <span className="text-sm font-medium">Status:</span>
+                <Badge variant={isConnected ? 'default' : isConnecting ? 'secondary' : 'destructive'}>
+                  {connectionState.toUpperCase()}
+                </Badge>
+              </div>
+
+              {/* Auto-Connect Decision */}
+              <div className="flex items-center justify-between">
+                <span className="text-sm font-medium">Should Connect:</span>
+                <Badge variant={shouldConnect ? 'default' : 'outline'}>
+                  {shouldConnect ? 'YES' : 'NO'}
+                </Badge>
+              </div>
+
+              <Separator />
+
+              {/* JSON Debug Output */}
+              <div className="space-y-2">
+                <div className="flex items-center gap-2">
+                  <Radio className="text-muted-foreground" style={{ width: '14px', height: '14px' }} />
+                  <span className="text-sm font-medium">Debug State:</span>
+                </div>
+                <div className="max-h-[300px] overflow-y-auto">
+                  <PrettyCode data={debugInfo} language="json" />
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+        </div>
+      )}
+    </>
+  );
+}
+
+// Alias for backward compatibility
+export const WSRPCDebug = CentrifugoDebug;

package/src/components/index.ts

@@ -0,0 +1,5 @@
+/**
+ * Centrifugo Components
+ */
+
+export { CentrifugoDebug, WSRPCDebug } from './CentrifugoDebug';

package/src/config.ts

@@ -0,0 +1,16 @@
+/**
+ * Centrifugo Package Configuration
+ */
+
+export const isDevelopment = process.env.NODE_ENV === 'development';
+export const isProduction = !isDevelopment;
+export const isStaticBuild = process.env.NEXT_PUBLIC_STATIC_BUILD === 'true';
+
+const showDebugPanel = isDevelopment && !isStaticBuild;
+
+export const centrifugoConfig = {
+  // Show debug panel only in development and not in static builds
+  showDebugPanel,
+} as const;
+
+export type CentrifugoConfig = typeof centrifugoConfig;

package/src/context/CentrifugoProvider.tsx

@@ -0,0 +1,228 @@
+/**
+ * Base Centrifugo Provider
+ *
+ * Generic WebSocket RPC provider that can be used in any app.
+ * Automatically accesses auth context from @djangocfg/layouts.
+ */
+
+'use client';
+
+import { createContext, useContext, useState, useEffect, useCallback, useRef, useMemo } from 'react';
+import { useAuth } from '@djangocfg/layouts';
+import type { CentrifugoProviderProps, CentrifugoContextValue } from '../types';
+import { useCentrifugoLogger } from '../hooks';
+import { CentrifugoDebug } from '../components';
+
+const CentrifugoContext = createContext<CentrifugoContextValue | undefined>(undefined);
+
+export function CentrifugoProvider({
+  children,
+  enabled = false,
+  RPCClientClass,
+  APIClientClass,
+  url,
+  autoConnect: autoConnectProp = true,
+}: CentrifugoProviderProps) {
+  const { isAuthenticated, isLoading, user } = useAuth();
+
+  const [client, setClient] = useState<any>(null);
+  const [baseClient, setBaseClient] = useState<any>(null);
+  const [isConnected, setIsConnected] = useState(false);
+  const [isConnecting, setIsConnecting] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  const logger = useCentrifugoLogger();
+
+  const reconnectTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+  const hasConnectedRef = useRef(false);
+  const isConnectingRef = useRef(false);
+  const isMountedRef = useRef(true);
+
+  const centrifugoToken = user?.centrifugo;
+  const hasCentrifugoToken = !!centrifugoToken?.token;
+
+  const wsUrl = useMemo(() => {
+    if (url) return url;
+    if (centrifugoToken?.centrifugo_url) return centrifugoToken.centrifugo_url;
+    return '';
+  }, [url, centrifugoToken?.centrifugo_url]);
+
+  const autoConnect = autoConnectProp &&
+                      (isAuthenticated && !isLoading) &&
+                      enabled &&
+                      hasCentrifugoToken;
+
+  useEffect(() => {
+    if (!isLoading) {
+      logger.info(`[RPC] Auto-connect decision: ${autoConnect ? 'YES' : 'NO'}`);
+      logger.info(`[RPC]   - Authenticated: ${isAuthenticated}`);
+      logger.info(`[RPC]   - Auth loading: ${isLoading}`);
+      logger.info(`[RPC]   - Centrifugo enabled: ${enabled}`);
+      logger.info(`[RPC]   - Centrifugo token from profile: ${hasCentrifugoToken}`);
+      logger.info(`[RPC]   - WebSocket URL: ${wsUrl}`);
+
+      if (hasCentrifugoToken && centrifugoToken) {
+        logger.info(`[RPC]   - Channels: ${centrifugoToken.channels?.join(', ')}`);
+      }
+    }
+  }, [autoConnect, isAuthenticated, isLoading, enabled, hasCentrifugoToken, centrifugoToken, logger, wsUrl]);
+
+  const connect = useCallback(async () => {
+    if (hasConnectedRef.current || isConnectingRef.current) return;
+    if (isConnecting || isConnected) return;
+
+    isConnectingRef.current = true;
+    setIsConnecting(true);
+    setError(null);
+
+    try {
+      logger.info('Connecting to WebSocket RPC server...');
+
+      if (!centrifugoToken?.token) {
+        throw new Error('No Centrifugo token available in user profile. Please refresh the page.');
+      }
+
+      const token = centrifugoToken.token;
+      let userId = user?.id?.toString() || '1';
+
+      if (!user?.id) {
+        try {
+          const tokenPayload = JSON.parse(atob(token.split('.')[1]));
+          userId = tokenPayload.user_id?.toString() || tokenPayload.sub?.toString() || '1';
+        } catch (err) {
+          // Silently fallback
+        }
+      }
+
+      const baseRPC = new RPCClientClass(wsUrl, token, userId);
+      await baseRPC.connect();
+
+      if (!isMountedRef.current) {
+        baseRPC.disconnect();
+        isConnectingRef.current = false;
+        return;
+      }
+
+      const rpcClient = new APIClientClass(baseRPC);
+
+      hasConnectedRef.current = true;
+      isConnectingRef.current = false;
+
+      setBaseClient(baseRPC);
+      setClient(rpcClient);
+      setIsConnected(true);
+      setError(null);
+
+      logger.success('WebSocket RPC connected successfully');
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error('Connection failed');
+      setError(error);
+      setBaseClient(null);
+      setClient(null);
+      setIsConnected(false);
+      hasConnectedRef.current = false;
+      isConnectingRef.current = false;
+
+      const isAuthError = error.message.includes('token') ||
+                          error.message.includes('auth') ||
+                          error.message.includes('expired');
+
+      if (isAuthError) {
+        logger.error('WebSocket RPC authentication failed', error);
+      } else {
+        logger.error('WebSocket RPC connection failed', error);
+        reconnectTimeoutRef.current = setTimeout(() => {
+          logger.info('Attempting to reconnect...');
+          connect();
+        }, 5000);
+      }
+    } finally {
+      setIsConnecting(false);
+    }
+  }, [wsUrl, centrifugoToken, user, logger, RPCClientClass, APIClientClass, isConnecting, isConnected]);
+
+  const disconnect = useCallback(() => {
+    if (isConnectingRef.current) return;
+
+    if (reconnectTimeoutRef.current) {
+      clearTimeout(reconnectTimeoutRef.current);
+      reconnectTimeoutRef.current = null;
+    }
+
+    if (baseClient) {
+      logger.info('Disconnecting from WebSocket RPC server...');
+      baseClient.disconnect();
+      setBaseClient(null);
+      setClient(null);
+      setIsConnected(false);
+      setError(null);
+    }
+
+    hasConnectedRef.current = false;
+    isConnectingRef.current = false;
+  }, [baseClient, logger]);
+
+  const reconnect = useCallback(async () => {
+    disconnect();
+    await connect();
+  }, [connect, disconnect]);
+
+  useEffect(() => {
+    isMountedRef.current = true;
+
+    if (autoConnect && !hasConnectedRef.current) {
+      connect();
+    }
+
+    return () => {
+      if (isConnectingRef.current && !hasConnectedRef.current) {
+        return;
+      }
+
+      if (!hasConnectedRef.current) {
+        return;
+      }
+
+      isMountedRef.current = false;
+      disconnect();
+    };
+  }, [autoConnect, connect, disconnect]);
+
+  const connectionState = isConnected
+    ? 'connected'
+    : isConnecting
+    ? 'connecting'
+    : error
+    ? 'error'
+    : 'disconnected';
+
+  const value: CentrifugoContextValue = {
+    client,
+    baseClient,
+    isConnected,
+    isConnecting,
+    error,
+    connectionState,
+    enabled,
+    connect,
+    disconnect,
+    reconnect,
+  };
+
+  return (
+    <CentrifugoContext.Provider value={value}>
+      {children}
+      <CentrifugoDebug />
+    </CentrifugoContext.Provider>
+  );
+}
+
+export function useCentrifugo(): CentrifugoContextValue {
+  const context = useContext(CentrifugoContext);
+
+  if (context === undefined) {
+    throw new Error('useCentrifugo must be used within a CentrifugoProvider');
+  }
+
+  return context;
+}

package/src/context/index.ts

@@ -0,0 +1,5 @@
+/**
+ * Centrifugo Providers
+ */
+
+export { CentrifugoProvider, useCentrifugo } from './CentrifugoProvider';

package/src/hooks/index.ts

@@ -0,0 +1,9 @@
+/**
+ * Centrifugo Hooks
+ */
+
+export { useCentrifugoLogger, useRPCLogger } from './useLogger';
+export type { CentrifugoLogger, RPCLogger } from './useLogger';
+
+export { useSubscription } from './useSubscription';
+export type { useSubscriptionOptions } from './useSubscription';

package/src/hooks/useLogger.ts

@@ -0,0 +1,69 @@
+/**
+ * Centrifugo Logger Hook
+ *
+ * React hook for Centrifugo logging using consola library.
+ */
+
+'use client';
+
+import { useMemo } from 'react';
+import { createConsola, type ConsolaInstance } from 'consola';
+
+export interface CentrifugoLogger {
+  info: (message: string) => void;
+  debug: (message: string) => void;
+  warning: (message: string) => void;
+  error: (message: string, error?: Error) => void;
+  success: (message: string) => void;
+}
+
+/**
+ * React hook for Centrifugo logger with consola
+ *
+ * @param isDevelopment - Enable debug logging (optional)
+ * @returns Centrifugo logger instance
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const logger = useCentrifugoLogger();
+ *   logger.info('Connected to Centrifugo server');
+ * }
+ * ```
+ */
+export function useCentrifugoLogger(isDevelopment = process.env.NODE_ENV === 'development'): CentrifugoLogger {
+  const logger = useMemo(() => {
+    const consola = createConsola({
+      level: isDevelopment ? 4 : 3, // debug in dev, info in prod
+      formatOptions: {
+        colors: true,
+        date: false,
+        compact: !isDevelopment,
+      },
+    }).withTag('Centrifugo');
+
+    return {
+      info: (message: string) => {
+        if (isDevelopment) consola.info(message);
+      },
+      debug: (message: string) => {
+        if (isDevelopment) consola.debug(message);
+      },
+      warning: (message: string) => {
+        if (isDevelopment) consola.warn(message);
+      },
+      error: (message: string, error?: Error) => {
+        consola.error(message, error || '');
+      },
+      success: (message: string) => {
+        if (isDevelopment) consola.success(message);
+      },
+    };
+  }, [isDevelopment]);
+
+  return logger;
+}
+
+// Alias for backward compatibility
+export const useRPCLogger = useCentrifugoLogger;
+export type RPCLogger = CentrifugoLogger;

package/src/hooks/useSubscription.ts

@@ -0,0 +1,86 @@
+/**
+ * React hook for subscribing to Centrifugo channels.
+ *
+ * Automatically handles subscription lifecycle (mount/unmount).
+ *
+ * @example
+ * // Subscribe to bot heartbeat
+ * useSubscription('bot#bot-123#heartbeat', (data) => {
+ *   console.log('Heartbeat:', data);
+ *   updateMetrics(data);
+ * });
+ *
+ * @example
+ * // Conditional subscription
+ * useSubscription(
+ *   'bot#bot-123#status',
+ *   (data) => console.log('Status:', data),
+ *   { enabled: isMonitoring }
+ * );
+ */
+
+import { useEffect, useRef } from 'react';
+import { useCentrifugo } from '../context';
+
+export interface useSubscriptionOptions {
+  /**
+   * Enable/disable subscription.
+   * Defaults to true.
+   */
+  enabled?: boolean;
+}
+
+/**
+ * Hook for subscribing to a Centrifugo channel.
+ *
+ * @param channel - Channel name (e.g., 'bot#bot-123#heartbeat'). Set to null to disable.
+ * @param callback - Callback function for received messages
+ * @param options - Subscription options
+ *
+ * @example
+ * ```tsx
+ * function BotMonitor({ botId }: { botId: string }) {
+ *   const [heartbeat, setHeartbeat] = useState(null);
+ *
+ *   useSubscription(`bot#${botId}#heartbeat`, (data) => {
+ *     setHeartbeat(data);
+ *   });
+ *
+ *   return <div>CPU: {heartbeat?.cpu_usage}%</div>;
+ * }
+ * ```
+ */
+export function useSubscription<T = any>(
+  channel: string | null,
+  callback: (data: T) => void,
+  options: useSubscriptionOptions = {}
+) {
+  const { baseClient, isConnected } = useCentrifugo();
+  const callbackRef = useRef(callback);
+  const { enabled = true } = options;
+
+  // Keep callback ref updated (avoid stale closures)
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+
+  useEffect(() => {
+    // Don't subscribe if disabled, not connected, or no channel
+    if (!enabled || !isConnected || !baseClient || !channel) {
+      return;
+    }
+
+    console.log(`🎣 useSubscription: Subscribing to ${channel}`);
+
+    // Subscribe with stable callback wrapper
+    const unsubscribe = baseClient.subscribe(channel, (data) => {
+      callbackRef.current(data);
+    });
+
+    // Cleanup on unmount or channel change
+    return () => {
+      console.log(`🎣 useSubscription: Unsubscribing from ${channel}`);
+      unsubscribe();
+    };
+  }, [channel, enabled, isConnected, baseClient]);
+}

package/src/index.ts

@@ -0,0 +1,27 @@
+/**
+ * @djangocfg/centrifugo
+ *
+ * WebSocket client for Django-CFG + Centrifugo integration
+ */
+
+// Context & Provider
+export { CentrifugoProvider, useCentrifugo } from './context';
+
+// Hooks
+export { useCentrifugoLogger, useRPCLogger, useSubscription } from './hooks';
+export type { CentrifugoLogger, RPCLogger } from './hooks';
+export type { useSubscriptionOptions } from './hooks';
+
+// Components
+export { CentrifugoDebug, WSRPCDebug } from './components';
+
+// Types
+export type {
+  CentrifugoToken,
+  User,
+  CentrifugoProviderProps,
+  CentrifugoContextValue,
+} from './types';
+
+// Config
+export { isDevelopment, isProduction, isStaticBuild, centrifugoConfig } from './config';

package/src/types/index.ts

@@ -0,0 +1,45 @@
+/**
+ * Centrifugo Package Types
+ */
+
+export interface CentrifugoToken {
+  token: string;
+  centrifugo_url: string;
+  channels: string[];
+  expires_at: string;
+}
+
+export interface User {
+  id: number;
+  centrifugo?: CentrifugoToken;
+}
+
+export interface CentrifugoProviderProps {
+  children: React.ReactNode;
+  /** Is Centrifugo enabled */
+  enabled?: boolean;
+  /** Base RPC client class */
+  RPCClientClass: any;
+  /** API client wrapper class */
+  APIClientClass: any;
+  /** Custom WebSocket URL (defaults to user profile URL) */
+  url?: string;
+  /** Auto-connect on mount (default: true) */
+  autoConnect?: boolean;
+}
+
+export interface CentrifugoContextValue {
+  // Connection State
+  client: any;
+  baseClient: any;
+  isConnected: boolean;
+  isConnecting: boolean;
+  error: Error | null;
+  connectionState: string;
+  enabled: boolean;
+
+  // Connection Methods
+  connect: () => Promise<void>;
+  disconnect: () => void;
+  reconnect: () => Promise<void>;
+}

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@djangocfg/typescript-config/react-library.json",
+  "compilerOptions": {
+    "skipLibCheck": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"fileNames":["../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.webworker.importscripts.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.scripthost.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","./src/context/index.ts","../../node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/global.d.ts","../../node_modules/.pnpm/csstype@3.1.3/node_modules/csstype/index.d.ts","../../node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts","./src/hooks/uselogger.ts","./src/hooks/usesubscription.ts","./src/hooks/index.ts","./src/components/index.ts","./src/types/index.ts","./src/index.ts","../ui/src/components/index.ts","../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/ts3.1-typings/moment.d.ts","../ui/src/hooks/usecountdown.ts","../ui/src/hooks/usedebouncedcallback.ts","../ui/src/hooks/usedebugtools.ts","../ui/src/hooks/useeventsbus.ts","../ui/src/hooks/uselocalstorage.ts","../ui/src/hooks/usesessionstorage.ts","../ui/src/hooks/usetoast.ts","../ui/src/hooks/usecopy.ts","../ui/src/hooks/usetheme.ts","../ui/src/hooks/useimageloader.ts","../ui/src/hooks/index.ts","../ui/src/blocks/index.ts","../ui/src/animations/index.ts","../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/clsx.d.ts","../../node_modules/.pnpm/tailwind-merge@3.3.1/node_modules/tailwind-merge/dist/types.d.ts","../ui/src/lib/utils.ts","../ui/src/lib/index.ts","../ui/src/tools/index.ts","../ui/src/theme/index.ts","../ui/src/index.ts","../../node_modules/.pnpm/lucide-react@0.468.0_react@19.1.0/node_modules/lucide-react/dist/lucide-react.d.ts","./src/components/centrifugodebug.tsx","./src/context/centrifugoprovider.tsx","../../node_modules/.pnpm/@types+react-dom@19.2.1_@types+react@19.2.2/node_modules/@types/react-dom/index.d.ts","../../node_modules/.pnpm/@types+estree@1.0.8/node_modules/@types/estree/index.d.ts","../../node_modules/.pnpm/@types+json-schema@7.0.15/node_modules/@types/json-schema/index.d.ts","../../node_modules/.pnpm/@types+eslint@9.6.1/node_modules/@types/eslint/use-at-your-own-risk.d.ts","../../node_modules/.pnpm/@types+eslint@9.6.1/node_modules/@types/eslint/index.d.ts","../../node_modules/.pnpm/@types+eslint-scope@3.7.7/node_modules/@types/eslint-scope/index.d.ts"],"fileIdsList":[[44,47],[44,45,46],[47],[11],[9,10],[8,11,16,39,40],[41],[11,14,16],[42],[12,13],[8,14,15,16],[20,21,22,23,24,25,26,27,28,29],[11,26],[11,19],[18,30,31,32,36,37,38],[35],[33,34]],"fileInfos":[{"version":"a7297ff837fcdf174a9524925966429eb8e5feecc2cc55cc06574e6b092c1eaa","impliedFormat":1},{"version":"c430d44666289dae81f30fa7b2edebf186ecc91a2d4c71266ea6ae76388792e1","affectsGlobalScope":true,"impliedFormat":1},{"version":"080941d9f9ff9307f7e27a83bcd888b7c8270716c39af943532438932ec1d0b9","affectsGlobalScope":true,"impliedFormat":1},{"version":"80e18897e5884b6723488d4f5652167e7bb5024f946743134ecc4aa4ee731f89","affectsGlobalScope":true,"impliedFormat":1},{"version":"cd034f499c6cdca722b60c04b5b1b78e058487a7085a8e0d6fb50809947ee573","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e7f8264d0fb4c5339605a15daadb037bf238c10b654bb3eee14208f860a32ea","affectsGlobalScope":true,"impliedFormat":1},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true,"impliedFormat":1},"4757b95eb7c31ff9e4acbc3cdc2e9c9077c0904e85c6d8c7b7033b056c6945c7",{"version":"170d4db14678c68178ee8a3d5a990d5afb759ecb6ec44dbd885c50f6da6204f6","affectsGlobalScope":true,"impliedFormat":1},{"version":"8a8eb4ebffd85e589a1cc7c178e291626c359543403d58c9cd22b81fab5b1fb9","impliedFormat":1},{"version":"0ff1b165090b491f5e1407ae680b9a0bc3806dc56827ec85f93c57390491e732","impliedFormat":1},"066a67181338eaae17358afd59a454beecb0dae8e767a25bb37994de2a014f43","af7ede2ef236aaa2083b492eb0b57b833bf813249ee91c94be63bd8880478ee3","f8a94383d6f72b5d288fa4fa09260fcd679a54403aa1527cb67b71e88fa0400b","d165064e8883f2570d35d0a780d80a394b2efa03445c99737b1d09bffcaa354d","8d14cf166c8f6f0a8563f7ea58bb88dfa507bc1374690d72e07b2414e7f0ec72","60794174640b02141441fbbba83cec65397fa462f2dc86fb512f1f3cfbd6e8af","086cceb0b6b332a1e74131104e911ea622aeb4cfb388c295c87d229ecb4a2e6c",{"version":"4051f6311deb0ce6052329eeb1cd4b1b104378fe52f882f483130bea75f92197","impliedFormat":1},"160eb2c958e4f6d73677c19a6f401d301698c392f0e76838f59955579b3a3e06","3745ae4cd217bdb6f775bfe6a8e92582a8b8316d691847df0aaccac491341e61","f9463828bb8ace2ca6d8267c2d7fe1d82fefd619123692d89a0ce6ecad012d37","f5c7c443338e2764761a9e402f98d3f3754b929ccd112e4cf0df58d13e44960f","a79e5251a9910e79d2eee01a3967ee550292fc5dd63e3f7a8eaca4270739c4cd","7b8583231528ebae505db574f6b2310f50bb3e62cf1ba59c7deaa0e33ed040d4","11422f1a01a0d5247d278dce4ca54c1bfb4964922a24fca846a3526e1a9338e6","2bf5d00c4a73796533c3cf504c8dcef8e910a7c57d4ff8a24b858e24e488de8f","cfd9d21f2d2c7d9b124518c8ea653b956aea17f6271315845b28151422b5ceb3","17a15fb9bbc36593d6e1a98270ed1825229020dea4377073273481211e50c242","1421ff768aeba1e18ae6b562cec87de9e00860d1c1df7ccf179ca441f01609a2","8fedb76b4ba3d059c073da3aa2cd4585c694c7f4c96292f604a58b16a1564062","eaf0b63207c6771cbce157645473b11faf74809a722dbad297edf979a06a4e65",{"version":"ef73bcfef9907c8b772a30e5a64a6bd86a5669cba3d210fcdcc6b625e3312459","impliedFormat":1},{"version":"8b15d05f236e8537d3ecbe4422ce46bf0de4e4cd40b2f909c91c5818af4ff17a","impliedFormat":1},"977654e3a808b6e4be8a7bb8965d36ef88fb4e9a7b69aa0aed36c44cf733477b","4af8c78ed17e46cde04b067d8c72a511b0af5d195f6adb2708a82c1f89287336","07dc4a80bdcf4c0b192e155a9b42b249d5ea02f3d50c93dda2f9d7e0c7f80a2d","dfdbbbc3eb8f4ec5d0e5dd0b7da41d71e672fe7a31b51095452ae4801b5f360f","35f22d21ca29d0d2789ccb04a77f8e922b396a06660121882df0ab5127661d72",{"version":"40eb4eb274d7def754b3352c23328af96a69261fe5e99d20df41f1d5de8d0f5e","impliedFormat":1},"c055c6dfdfe0bc857811e0969dabab2ba3f2fee469ba1ed4da93e1d9702176a3","227ce148b7c12185acd0ad544a580e467ae84253a01139e7aa0672f4990a1126",{"version":"be1cc4d94ea60cbe567bc29ed479d42587bf1e6cba490f123d329976b0fe4ee5","impliedFormat":1},{"version":"151ff381ef9ff8da2da9b9663ebf657eac35c4c9a19183420c05728f31a6761d","impliedFormat":1},{"version":"f3d8c757e148ad968f0d98697987db363070abada5f503da3c06aefd9d4248c1","impliedFormat":1},{"version":"a4a39b5714adfcadd3bbea6698ca2e942606d833bde62ad5fb6ec55f5e438ff8","impliedFormat":1},{"version":"bbc1d029093135d7d9bfa4b38cbf8761db505026cc458b5e9c8b74f4000e5e75","impliedFormat":1},{"version":"1f68ab0e055994eb337b67aa87d2a15e0200951e9664959b3866ee6f6b11a0fe","impliedFormat":1}],"root":[8,[12,17],41,42],"options":{"composite":true,"declarationMap":true,"outDir":"./dist","rootDir":"./src"},"referencedMap":[[48,1],[47,2],[46,3],[43,4],[11,5],[40,4],[41,6],[15,7],[42,8],[8,9],[14,10],[12,4],[13,4],[17,11],[30,12],[27,13],[20,14],[21,4],[22,4],[23,4],[29,4],[24,4],[25,4],[28,4],[26,4],[39,15],[36,16],[35,17]],"semanticDiagnosticsPerFile":[[8,[{"start":83,"length":22,"messageText":"Module './CentrifugoProvider' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/centrifugo/src/context/CentrifugoProvider.tsx', but '--jsx' is not set.","category":1,"code":6142}]],[11,[{"start":1482,"length":8,"messageText":"Cannot find name 'Iterable'.","category":1,"code":2304},{"start":14019,"length":9,"messageText":"Type alias 'ReactNode' circularly references itself.","category":1,"code":2456},{"start":14115,"length":8,"messageText":"Cannot find name 'Iterable'.","category":1,"code":2304}]],[12,[{"start":198,"length":9,"messageText":"Cannot find module 'consola' or its corresponding type declarations.","category":1,"code":2307},{"start":816,"length":7,"messageText":"Cannot find name 'process'. Do you need to install type definitions for node? Try `npm i --save-dev @types/node`.","category":1,"code":2580}]],[13,[{"start":549,"length":11,"messageText":"Cannot find module './context' or its corresponding type declarations.","category":1,"code":2307}]],[15,[{"start":78,"length":19,"messageText":"Module './CentrifugoDebug' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/centrifugo/src/components/CentrifugoDebug.tsx', but '--jsx' is not set.","category":1,"code":6142}]],[18,[{"start":55,"length":10,"messageText":"Module './button' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/button.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":98,"length":19,"messageText":"Module './button-download' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/button-download.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":160,"length":19,"messageText":"Module './button-download' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/button-download.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":267,"length":8,"messageText":"Module './card' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/card.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":299,"length":9,"messageText":"Module './badge' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/badge.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":332,"length":9,"messageText":"Module './input' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/input.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":368,"length":12,"messageText":"Module './textarea' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/textarea.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":404,"length":9,"messageText":"Module './label' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/label.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":454,"length":11,"messageText":"Module './section' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/section.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":501,"length":23,"messageText":"Module './image-with-fallback' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/image-with-fallback.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":571,"length":12,"messageText":"Module './checkbox' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/checkbox.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":628,"length":15,"messageText":"Module './radio-group' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/radio-group.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":723,"length":10,"messageText":"Module './select' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/select.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":760,"length":12,"messageText":"Module './combobox' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/combobox.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":825,"length":12,"messageText":"Module './combobox' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/combobox.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":862,"length":10,"messageText":"Module './switch' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/switch.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":897,"length":10,"messageText":"Module './slider' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/slider.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":963,"length":13,"messageText":"Module './input-otp' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/input-otp.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1026,"length":13,"messageText":"Module './separator' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/separator.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1066,"length":12,"messageText":"Module './skeleton' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/skeleton.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1108,"length":16,"messageText":"Module './aspect-ratio' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/aspect-ratio.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1164,"length":15,"messageText":"Module './scroll-area' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/scroll-area.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1250,"length":13,"messageText":"Module './resizable' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/resizable.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1288,"length":10,"messageText":"Module './sticky' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/sticky.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1515,"length":19,"messageText":"Module './navigation-menu' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/navigation-menu.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1668,"length":14,"messageText":"Module './breadcrumb' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/breadcrumb.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1721,"length":25,"messageText":"Module './breadcrumb-navigation' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/breadcrumb-navigation.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1839,"length":25,"messageText":"Module './breadcrumb-navigation' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/breadcrumb-navigation.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":1983,"length":11,"messageText":"Module './menubar' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/menubar.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":2145,"length":10,"messageText":"Module './dialog' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/dialog.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":2343,"length":16,"messageText":"Module './alert-dialog' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/alert-dialog.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":2417,"length":11,"messageText":"Module './popover' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/popover.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":2548,"length":9,"messageText":"Module './sheet' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/sheet.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":2685,"length":10,"messageText":"Module './drawer' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/drawer.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":2759,"length":14,"messageText":"Module './hover-card' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/hover-card.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":2848,"length":11,"messageText":"Module './tooltip' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/tooltip.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":2981,"length":9,"messageText":"Module './table' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/table.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3049,"length":8,"messageText":"Module './tabs' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/tabs.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3136,"length":13,"messageText":"Module './accordion' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/accordion.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3219,"length":15,"messageText":"Module './collapsible' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/collapsible.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3261,"length":12,"messageText":"Module './progress' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/progress.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3327,"length":10,"messageText":"Module './avatar' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/avatar.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3364,"length":12,"messageText":"Module './calendar' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/calendar.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3466,"length":12,"messageText":"Module './carousel' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/carousel.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3614,"length":14,"messageText":"Module './pagination' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/pagination.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3660,"length":18,"messageText":"Module './ssr-pagination' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/ssr-pagination.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3753,"length":21,"messageText":"Module './pagination-static' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/pagination-static.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3818,"length":21,"messageText":"Module './pagination-static' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/pagination-static.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3867,"length":14,"messageText":"Module './token-icon' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/token-icon.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":3919,"length":14,"messageText":"Module './token-icon' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/token-icon.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":4067,"length":9,"messageText":"Module './chart' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/chart.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":4128,"length":10,"messageText":"Module './toggle' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/toggle.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":4185,"length":16,"messageText":"Module './toggle-group' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/toggle-group.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":4345,"length":11,"messageText":"Module './command' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/command.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":4636,"length":16,"messageText":"Module './context-menu' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/context-menu.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":4964,"length":17,"messageText":"Module './dropdown-menu' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/dropdown-menu.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5059,"length":9,"messageText":"Module './alert' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/alert.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5177,"length":9,"messageText":"Module './toast' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/toast.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5212,"length":11,"messageText":"Module './toaster' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/toaster.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5355,"length":8,"messageText":"Module './form' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/form.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5393,"length":16,"messageText":"Module './button-group' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/button-group.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5502,"length":9,"messageText":"Module './empty' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/empty.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5537,"length":11,"messageText":"Module './spinner' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/spinner.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5580,"length":7,"messageText":"Module './kbd' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/kbd.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5616,"length":15,"messageText":"Module './input-group' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/input-group.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5654,"length":8,"messageText":"Module './item' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/item.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":5686,"length":9,"messageText":"Module './field' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/field.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":6182,"length":11,"messageText":"Module './sidebar' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/sidebar.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":6223,"length":15,"messageText":"Module './phone-input' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/phone-input.tsx', but '--jsx' is not set.","category":1,"code":6142}]],[20,[{"start":7,"length":6,"messageText":"Module '\"/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/node_modules/.pnpm/moment@2.30.1/node_modules/moment/ts3.1-typings/moment\"' can only be default-imported using the 'esModuleInterop' flag","category":1,"code":1259,"relatedInformation":[{"file":"../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/ts3.1-typings/moment.d.ts","start":23282,"length":16,"messageText":"This module is declared with 'export =', and can only be used with a default import when using the 'esModuleInterop' flag.","category":1,"code":2594}]}]],[21,[{"start":481,"length":6,"messageText":"Cannot find namespace 'NodeJS'.","category":1,"code":2503}]],[22,[{"start":727,"length":7,"code":2550,"category":1,"messageText":"Property 'entries' does not exist on type 'ObjectConstructor'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2017' or later."}]],[23,[{"start":267,"length":3,"messageText":"Cannot find name 'Set'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later.","category":1,"code":2583},{"start":297,"length":3,"messageText":"Cannot find name 'Set'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later.","category":1,"code":2583}]],[26,[{"start":143,"length":21,"messageText":"Module '../components/toast' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/components/toast.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":586,"length":16,"code":2339,"category":1,"messageText":"Property 'MAX_SAFE_INTEGER' does not exist on type 'NumberConstructor'."},{"start":1090,"length":3,"messageText":"Cannot find name 'Map'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later.","category":1,"code":2583}]],[30,[{"start":492,"length":13,"messageText":"Module './useMobile' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/hooks/useMobile.tsx', but '--jsx' is not set.","category":1,"code":6142}]],[31,[{"start":14,"length":14,"messageText":"Module './CTASection' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/blocks/CTASection.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":44,"length":18,"messageText":"Module './FeatureSection' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/blocks/FeatureSection.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":78,"length":8,"messageText":"Module './Hero' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/blocks/Hero.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":102,"length":21,"messageText":"Module './NewsletterSection' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/blocks/NewsletterSection.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":139,"length":16,"messageText":"Module './StatsSection' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/blocks/StatsSection.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":171,"length":13,"messageText":"Module './SuperHero' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/blocks/SuperHero.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":200,"length":22,"messageText":"Module './TestimonialSection' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/blocks/TestimonialSection.tsx', but '--jsx' is not set.","category":1,"code":6142}]],[32,[{"start":35,"length":22,"messageText":"Module './AnimatedBackground' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/animations/AnimatedBackground.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":98,"length":22,"messageText":"Module './AnimatedBackground' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/animations/AnimatedBackground.tsx', but '--jsx' is not set.","category":1,"code":6142}]],[37,[{"start":367,"length":12,"messageText":"Module './JsonTree' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/tools/JsonTree/index.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":417,"length":12,"messageText":"Module './JsonTree' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/tools/JsonTree/index.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":466,"length":11,"messageText":"Module './Mermaid' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/tools/Mermaid/index.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":517,"length":14,"messageText":"Module './PrettyCode' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/tools/PrettyCode/index.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":563,"length":14,"messageText":"Module './PrettyCode' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/tools/PrettyCode/index.tsx', but '--jsx' is not set.","category":1,"code":6142}]],[38,[{"start":47,"length":17,"messageText":"Module './ThemeProvider' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/theme/ThemeProvider.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":94,"length":15,"messageText":"Module './ThemeToggle' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/theme/ThemeToggle.tsx', but '--jsx' is not set.","category":1,"code":6142},{"start":138,"length":14,"messageText":"Module './ForceTheme' was resolved to '/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/packages/ui/src/theme/ForceTheme.tsx', but '--jsx' is not set.","category":1,"code":6142}]],[40,[{"start":41,"length":8,"messageText":"Module '\"../../../../../../packages/centrifugo/node_modules/@types/react\"' has no exported member 'ReactSVG'.","category":1,"code":2305}]],[41,[{"start":130,"length":5,"messageText":"Module '\"/Users/markinmatrix/Documents/htdocs/@CARAPIS/encar_parser_new/@projects/django-cfg/projects/django-cfg-dev/src/django_admin/node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index\"' can only be default-imported using the 'esModuleInterop' flag","category":1,"code":1259,"relatedInformation":[{"file":"../../node_modules/.pnpm/@types+react@19.2.2/node_modules/@types/react/index.d.ts","start":2169,"length":15,"messageText":"This module is declared with 'export =', and can only be used with a default import when using the 'esModuleInterop' flag.","category":1,"code":2594}]},{"start":1110,"length":72,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":1189,"length":28,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":1226,"length":29,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":1266,"length":51,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":1330,"length":41,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":1419,"length":77,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":1533,"length":78,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":1643,"length":33,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":1736,"length":161,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":1912,"length":47,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2030,"length":43,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2120,"length":51,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2184,"length":40,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2251,"length":57,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2420,"length":51,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2484,"length":40,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2558,"length":57,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2743,"length":51,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2807,"length":40,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":2880,"length":55,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3028,"length":30,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3095,"length":51,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3159,"length":40,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3226,"length":52,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3408,"length":51,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3472,"length":40,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3551,"length":59,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3744,"length":51,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3808,"length":40,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":3878,"length":60,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":4120,"length":27,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":4162,"length":40,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":4231,"length":59,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":4514,"length":27,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":4556,"length":41,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":4614,"length":85,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":4716,"length":40,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":4844,"length":49,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":5095,"length":27,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":5137,"length":40,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":5211,"length":49,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":5453,"length":27,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":5495,"length":61,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":5584,"length":100,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":5781,"length":30,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":5863,"length":73,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":5949,"length":62,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":6080,"length":50,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":6180,"length":50,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":6327,"length":29,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":6504,"length":68,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":6610,"length":5,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":6674,"length":5,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":6740,"length":5,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004},{"start":6817,"length":5,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004}]],[42,[{"file":false,"messageText":"Cannot find global value 'Promise'.","category":1,"code":2468},{"start":1100,"length":6,"messageText":"Cannot find namespace 'NodeJS'.","category":1,"code":2503},{"start":2568,"length":13,"messageText":"An async function or method in ES5 requires the 'Promise' constructor.  Make sure you have a declaration for the 'Promise' constructor or include 'ES2015' in your '--lib' option.","category":1,"code":2705},{"start":4214,"length":8,"code":2550,"category":1,"messageText":"Property 'includes' does not exist on type 'string'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later."},{"start":4275,"length":8,"code":2550,"category":1,"messageText":"Property 'includes' does not exist on type 'string'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later."},{"start":4335,"length":8,"code":2550,"category":1,"messageText":"Property 'includes' does not exist on type 'string'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later."},{"start":5425,"length":13,"messageText":"An async function or method in ES5 requires the 'Promise' constructor.  Make sure you have a declaration for the 'Promise' constructor or include 'ES2015' in your '--lib' option.","category":1,"code":2705},{"start":6260,"length":42,"messageText":"Cannot use JSX unless the '--jsx' flag is provided.","category":1,"code":17004}]],[46,[{"start":90,"length":3,"messageText":"Cannot find name 'Map'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later.","category":1,"code":2583},{"start":571,"length":16,"messageText":"Cannot find name 'IterableIterator'.","category":1,"code":2304}]],[47,[{"start":1567,"length":3,"messageText":"Cannot find name 'Map'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later.","category":1,"code":2583},{"start":36676,"length":16,"messageText":"Cannot find name 'IterableIterator'.","category":1,"code":2304},{"start":39333,"length":3,"messageText":"Cannot find name 'Map'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later.","category":1,"code":2583}]],[48,[{"start":755,"length":3,"messageText":"Cannot find name 'Map'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later.","category":1,"code":2583}]]],"affectedFilesPendingEmit":[41,15,42,8,14,12,13,17,16],"emitSignatures":[8,12,13,14,15,16,17,41,42],"version":"5.9.3"}