r3f-frame-profiler 1.0.1 → 1.0.3

package/dist/types/hooks/useFrameTime.d.ts

@@ -0,0 +1,3 @@
+import { type FrameBreakdown } from '../collectors/frame-time-collector';
+export declare function useFrameTime(): FrameBreakdown | null;
+//# sourceMappingURL=useFrameTime.d.ts.map

package/dist/types/hooks/useFrameTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFrameTime.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFrameTime.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAG7F,wBAAgB,YAAY,IAAI,cAAc,GAAG,IAAI,CAsCpD"}

package/dist/types/hooks/useGPUStats.d.ts

@@ -0,0 +1,3 @@
+import { type GPUStats } from '../collectors/gpu-collector';
+export declare function useGPUStats(): GPUStats | null;
+//# sourceMappingURL=useGPUStats.d.ts.map

package/dist/types/hooks/useGPUStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGPUStats.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGPUStats.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG1E,wBAAgB,WAAW,IAAI,QAAQ,GAAG,IAAI,CAsC7C"}

package/dist/types/hooks/useHotPath.d.ts

@@ -0,0 +1,3 @@
+import { type HotPathAnalysis } from '../collectors/hot-path-detector';
+export declare function useHotPath(): HotPathAnalysis | null;
+//# sourceMappingURL=useHotPath.d.ts.map

package/dist/types/hooks/useHotPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHotPath.d.ts","sourceRoot":"","sources":["../../../src/hooks/useHotPath.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIxF,wBAAgB,UAAU,IAAI,eAAe,GAAG,IAAI,CAiCnD"}

package/dist/types/hooks/useMemoryHistory.d.ts

@@ -0,0 +1,5 @@
+import type { MemoryStats } from '../collectors/memory-collector';
+export declare function useMemoryHistory(): Array<MemoryStats & {
+    time: number;
+}>;
+//# sourceMappingURL=useMemoryHistory.d.ts.map

package/dist/types/hooks/useMemoryHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMemoryHistory.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMemoryHistory.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,wBAAgB,gBAAgB,IAAI,KAAK,CAAC,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAsCxE"}

package/dist/types/hooks/useMemoryStats.d.ts

@@ -0,0 +1,3 @@
+import { type MemoryStats } from '../collectors/memory-collector';
+export declare function useMemoryStats(): MemoryStats | null;
+//# sourceMappingURL=useMemoryStats.d.ts.map

package/dist/types/hooks/useMemoryStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMemoryStats.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMemoryStats.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGnF,wBAAgB,cAAc,IAAI,WAAW,GAAG,IAAI,CAsCnD"}

package/dist/types/hooks/useMetricsCollector.d.ts

@@ -0,0 +1,31 @@
+export interface MetricsCollectorOptions {
+    /**
+     * Intervalle de mise à jour (en frames). Default: 3
+     * Ex: 3 = mettre à jour toutes les 3 frames
+     */
+    updateInterval?: number;
+    /**
+     * Activer les logs de debug
+     */
+    debug?: boolean;
+}
+export interface MetricsCallback {
+    (): Record<string, number> | void;
+}
+/**
+ * Hook simplifié pour collecter des métriques de jeu
+ * Gère automatiquement le throttling, la vérification d'activation, et le notify()
+ *
+ * @example
+ * ```tsx
+ * const collectMetrics = useMetricsCollector({ updateInterval: 3 });
+ *
+ * collectMetrics(() => ({
+ *   'Ball Speed': ballSpeed,
+ *   'Distance to Hole': distance,
+ *   'Camera Distance': camDist,
+ * }));
+ * ```
+ */
+export declare function useMetricsCollector(options?: MetricsCollectorOptions): (callback: MetricsCallback) => void;
+//# sourceMappingURL=useMetricsCollector.d.ts.map

package/dist/types/hooks/useMetricsCollector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetricsCollector.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMetricsCollector.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CACnC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,uBAA4B,cAMrC,eAAe,UA4ClD"}

package/dist/types/hooks/usePerformanceBudget.d.ts

@@ -0,0 +1,20 @@
+import { type PerformanceBudget, type BudgetViolation } from '../core/budget-manager';
+export declare function usePerformanceBudget(): {
+    budget: PerformanceBudget | null;
+    violations: BudgetViolation[];
+    setBudget: (newBudget: PerformanceBudget) => void;
+    clearViolations: () => void;
+    clearBudget: () => void;
+    getRecommendedBudget: (metrics: {
+        fps?: number;
+        frameTime?: number;
+        memory?: {
+            used: number;
+        };
+        gpu?: {
+            drawCalls: number;
+            triangles: number;
+        };
+    }) => PerformanceBudget;
+};
+//# sourceMappingURL=usePerformanceBudget.d.ts.map

package/dist/types/hooks/usePerformanceBudget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePerformanceBudget.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePerformanceBudget.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAErG,wBAAgB,oBAAoB;;;2BAqBJ,iBAAiB;;;oCAiBR;QACrC,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1B,GAAG,CAAC,EAAE;YAAE,SAAS,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAE,CAAC;KAChD;EAYF"}

package/dist/types/hooks/useProfiler.d.ts

@@ -0,0 +1,5 @@
+import { type ProfilerData } from '../core/profiler';
+export declare function useProfiled<T extends (...args: any[]) => any>(name: string, fn: T): T;
+export declare function useProfiledAsync<T extends (...args: any[]) => Promise<any>>(name: string, fn: T): T;
+export declare function useProfilerData(): ProfilerData | null;
+//# sourceMappingURL=useProfiler.d.ts.map

package/dist/types/hooks/useProfiler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProfiler.d.ts","sourceRoot":"","sources":["../../../src/hooks/useProfiler.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG/D,wBAAgB,WAAW,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAC3D,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,CAAC,GACJ,CAAC,CAKH;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,EACzE,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,CAAC,GACJ,CAAC,CAKH;AAGD,wBAAgB,eAAe,IAAI,YAAY,GAAG,IAAI,CA2CrD"}

package/dist/types/hooks/useR3FProfiler.d.ts

@@ -0,0 +1,2 @@
+export declare function useProfiledFrame(callback: (state: any, delta: number) => void, hookName?: string): void;
+//# sourceMappingURL=useR3FProfiler.d.ts.map

package/dist/types/hooks/useR3FProfiler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useR3FProfiler.d.ts","sourceRoot":"","sources":["../../../src/hooks/useR3FProfiler.ts"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EAC7C,QAAQ,CAAC,EAAE,MAAM,QA0BlB"}

package/dist/types/hooks/useR3FProfilerCollector.d.ts

@@ -0,0 +1,2 @@
+export declare const ProfilerDataCollector: () => null;
+//# sourceMappingURL=useR3FProfilerCollector.d.ts.map

package/dist/types/hooks/useR3FProfilerCollector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useR3FProfilerCollector.d.ts","sourceRoot":"","sources":["../../../src/hooks/useR3FProfilerCollector.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,YAkBjC,CAAC"}

package/dist/types/hooks/useR3FStatsCollector.d.ts

@@ -0,0 +1,2 @@
+export declare const R3FStatsCollector: () => null;
+//# sourceMappingURL=useR3FStatsCollector.d.ts.map

package/dist/types/hooks/useR3FStatsCollector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useR3FStatsCollector.d.ts","sourceRoot":"","sources":["../../../src/hooks/useR3FStatsCollector.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,iBAAiB,YA4E7B,CAAC"}

package/dist/types/hooks/useReactProfiler.d.ts

@@ -0,0 +1,3 @@
+import { type ReactPerformanceData } from '../core/react-monitor';
+export declare function useReactProfiler(): ReactPerformanceData | null;
+//# sourceMappingURL=useReactProfiler.d.ts.map

package/dist/types/hooks/useReactProfiler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactProfiler.d.ts","sourceRoot":"","sources":["../../../src/hooks/useReactProfiler.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGhF,wBAAgB,gBAAgB,IAAI,oBAAoB,GAAG,IAAI,CAgC9D"}

package/dist/types/hooks/useReportMetric.d.ts

@@ -0,0 +1,19 @@
+export interface ReportMetricOptions {
+    /**
+     * Intervalle de mise à jour (en frames). Default: 3
+     */
+    updateInterval?: number;
+}
+/**
+ * Hook pour enregistrer une métrique unique pour le rapport de performance.
+ * Cette métrique n'apparaîtra PAS dans les hotspots de performance (temps d'exécution),
+ * mais seulement dans la section "Custom Metrics" du rapport.
+ *
+ * @example
+ * ```tsx
+ * // Enregistrer la vitesse du joueur
+ * useReportMetric('Player Speed', () => player.getSpeed());
+ * ```
+ */
+export declare function useReportMetric(name: string, valueProvider: () => number, options?: ReportMetricOptions): void;
+//# sourceMappingURL=useReportMetric.d.ts.map

package/dist/types/hooks/useReportMetric.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReportMetric.d.ts","sourceRoot":"","sources":["../../../src/hooks/useReportMetric.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAC3B,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,MAAM,MAAM,EAC3B,OAAO,GAAE,mBAAwB,QAiCpC"}

package/dist/types/hooks/useSceneStats.d.ts

@@ -0,0 +1,3 @@
+import { type SceneStats } from '../collectors/scene-collector';
+export declare function useSceneStats(): SceneStats | null;
+//# sourceMappingURL=useSceneStats.d.ts.map

package/dist/types/hooks/useSceneStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSceneStats.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSceneStats.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAGhF,wBAAgB,aAAa,IAAI,UAAU,GAAG,IAAI,CAsCjD"}

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+export { profile, reportMetric, isProfilerEnabled } from './core/profiler';
+export { ProfilerDataCollector } from './hooks/useR3FProfilerCollector';
+export { R3FStatsCollector } from './hooks/useR3FStatsCollector';
+export { PerformanceMonitor } from './ui/PerformanceMonitor';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAG3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/types/ui/PerformanceMonitor.d.ts

@@ -0,0 +1,7 @@
+export interface PerformanceMonitorProps {
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    defaultTab?: string;
+    collapsed?: boolean;
+}
+export declare const PerformanceMonitor: ({ position, defaultTab, collapsed: initialCollapsed, }: PerformanceMonitorProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PerformanceMonitor.d.ts.map

package/dist/types/ui/PerformanceMonitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerformanceMonitor.d.ts","sourceRoot":"","sources":["../../../src/ui/PerformanceMonitor.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,GAAI,wDAIhC,uBAAuB,mDA8YzB,CAAC"}

package/dist/types/ui/components/AlertBadge.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface AlertBadgeProps {
+    severity: 'info' | 'warning' | 'error';
+    count?: number;
+    children?: ReactNode;
+    onClick?: () => void;
+}
+export declare const AlertBadge: ({ severity, count, children, onClick }: AlertBadgeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AlertBadge.d.ts.map

package/dist/types/ui/components/AlertBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBadge.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/AlertBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,wCAAwC,eAAe,4CAmDjF,CAAC"}

package/dist/types/ui/components/MetricCard.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export interface MetricCardProps {
+    label: string;
+    value: string | number;
+    unit?: string;
+    trend?: 'up' | 'down' | 'neutral';
+    status?: 'good' | 'warning' | 'error';
+    color?: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+export declare const MetricCard: ({ label, value, unit, trend, status, color, icon, onClick, className, }: MetricCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MetricCard.d.ts.map

package/dist/types/ui/components/MetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/MetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,yEAUxB,eAAe,4CA4GjB,CAAC"}

package/dist/types/ui/components/SimpleChart.d.ts

@@ -0,0 +1,13 @@
+export interface SimpleChartProps {
+    data: number[];
+    width?: number | string;
+    height?: number;
+    color?: string;
+    maxValue?: number;
+    minValue?: number;
+    showGrid?: boolean;
+    showLabels?: boolean;
+    label?: string;
+}
+export declare const SimpleChart: ({ data, width, height, color, maxValue, minValue, showGrid, showLabels, label, }: SimpleChartProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SimpleChart.d.ts.map

package/dist/types/ui/components/SimpleChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleChart.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/SimpleChart.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,GAAI,kFAUzB,gBAAgB,4CA2IlB,CAAC"}

package/dist/types/ui/components/Tabs.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export interface Tab {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    badge?: number | string;
+}
+export interface TabsProps {
+    tabs: Tab[];
+    activeTab: string;
+    onTabChange: (tabId: string) => void;
+    className?: string;
+}
+export declare const Tabs: ({ tabs, activeTab, onTabChange, className }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/types/ui/components/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,GAAI,6CAAkD,SAAS,4CAiF/E,CAAC"}

package/dist/types/ui/components/index.d.ts

@@ -0,0 +1,5 @@
+export { MetricCard, type MetricCardProps } from './MetricCard';
+export { Tabs, type TabsProps, type Tab } from './Tabs';
+export { SimpleChart, type SimpleChartProps } from './SimpleChart';
+export { AlertBadge, type AlertBadgeProps } from './AlertBadge';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/types/ui/panels/BudgetPanel.d.ts

@@ -0,0 +1,2 @@
+export declare const BudgetPanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BudgetPanel.d.ts.map

package/dist/types/ui/panels/BudgetPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BudgetPanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/panels/BudgetPanel.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW,+CAihBvB,CAAC"}

package/dist/types/ui/panels/FramePanel.d.ts

@@ -0,0 +1,2 @@
+export declare const FramePanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FramePanel.d.ts.map

package/dist/types/ui/panels/FramePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FramePanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/panels/FramePanel.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,+CAuStB,CAAC"}

package/dist/types/ui/panels/FrameTimePanel.d.ts

@@ -0,0 +1,2 @@
+export declare const FrameTimePanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FrameTimePanel.d.ts.map

package/dist/types/ui/panels/FrameTimePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameTimePanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/panels/FrameTimePanel.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,+CAmN1B,CAAC"}

package/dist/types/ui/panels/GPUPanel.d.ts

@@ -0,0 +1,2 @@
+export declare const GPUPanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GPUPanel.d.ts.map

package/dist/types/ui/panels/GPUPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GPUPanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/panels/GPUPanel.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAmJpB,CAAC"}

package/dist/types/ui/panels/HotPathPanel.d.ts

@@ -0,0 +1,2 @@
+export declare const HotPathPanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HotPathPanel.d.ts.map

package/dist/types/ui/panels/HotPathPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotPathPanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/panels/HotPathPanel.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,+CAiWxB,CAAC"}

package/dist/types/ui/panels/MemoryPanel.d.ts

@@ -0,0 +1,2 @@
+export declare const MemoryPanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MemoryPanel.d.ts.map

package/dist/types/ui/panels/MemoryPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryPanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/panels/MemoryPanel.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,+CA+NvB,CAAC"}

package/dist/types/ui/panels/ReactPanel.d.ts

@@ -0,0 +1,2 @@
+export declare const ReactPanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReactPanel.d.ts.map

package/dist/types/ui/panels/ReactPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactPanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/panels/ReactPanel.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,+CAuLtB,CAAC"}

package/dist/types/ui/panels/ScenePanel.d.ts

@@ -0,0 +1,2 @@
+export declare const ScenePanel: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScenePanel.d.ts.map

package/dist/types/ui/panels/ScenePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScenePanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/panels/ScenePanel.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+CAyOtB,CAAC"}

package/dist/types/ui/panels/index.d.ts

@@ -0,0 +1,9 @@
+export { FramePanel } from './FramePanel';
+export { GPUPanel } from './GPUPanel';
+export { ScenePanel } from './ScenePanel';
+export { MemoryPanel } from './MemoryPanel';
+export { FrameTimePanel } from './FrameTimePanel';
+export { BudgetPanel } from './BudgetPanel';
+export { ReactPanel } from './ReactPanel';
+export { HotPathPanel } from './HotPathPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/panels/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/panels/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/types/ui/styles/theme.d.ts

@@ -0,0 +1,76 @@
+export type ThemeMode = 'dark' | 'light';
+export interface Theme {
+    mode: ThemeMode;
+    colors: {
+        background: string;
+        surface: string;
+        surfaceElevated: string;
+        text: string;
+        textSecondary: string;
+        textTertiary: string;
+        border: string;
+        borderLight: string;
+        primary: string;
+        primaryHover: string;
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+        accent: string;
+    };
+    shadows: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    borderRadius: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    typography: {
+        fontFamily: string;
+        fontFamilyMono: string;
+        fontSize: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    transitions: {
+        fast: string;
+        normal: string;
+        slow: string;
+    };
+    zIndex: {
+        base: number;
+        dropdown: number;
+        sticky: number;
+        overlay: number;
+        modal: number;
+        popover: number;
+        tooltip: number;
+    };
+}
+export declare const themes: {
+    dark: Theme;
+    light: Theme;
+};
+export declare const defaultTheme: Theme;
+export declare function getPerformanceColor(value: number, thresholds: {
+    good: number;
+    warning: number;
+}): string;
+export declare function formatNumber(value: number, decimals?: number): string;
+export declare function formatPercentage(value: number, decimals?: number): string;
+//# sourceMappingURL=theme.d.ts.map

package/dist/types/ui/styles/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/ui/styles/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzC,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE,MAAM,CAAC;QACtB,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;QACvB,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;KACH,CAAC;IACF,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AA8FD,eAAO,MAAM,MAAM;;;CAGlB,CAAC;AAEF,eAAO,MAAM,YAAY,OAAY,CAAC;AAGtC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAIxG;AAGD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAU,GAAG,MAAM,CAExE;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAU,GAAG,MAAM,CAE5E"}

package/dist/types/ui/visualizations/FrameGraph.d.ts

@@ -0,0 +1,10 @@
+export interface FrameGraphProps {
+    width?: number | string;
+    height?: number;
+    showGrid?: boolean;
+    showLabels?: boolean;
+    maxValue?: number;
+    minValue?: number;
+}
+export declare const FrameGraph: ({ width, height, showGrid, showLabels, maxValue, minValue, }: FrameGraphProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FrameGraph.d.ts.map

package/dist/types/ui/visualizations/FrameGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameGraph.d.ts","sourceRoot":"","sources":["../../../../src/ui/visualizations/FrameGraph.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,GAAI,8DAOxB,eAAe,4CAyLjB,CAAC"}

package/dist/types/ui/visualizations/MemoryChart.d.ts

@@ -0,0 +1,10 @@
+export interface MemoryChartProps {
+    width?: number | string;
+    height?: number;
+    showGrid?: boolean;
+    showLabels?: boolean;
+    timeWindow?: number;
+    metric?: 'jsHeap' | 'gpuMemory' | 'both';
+}
+export declare const MemoryChart: ({ width, height, showGrid, showLabels, timeWindow, metric, }: MemoryChartProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MemoryChart.d.ts.map

package/dist/types/ui/visualizations/MemoryChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoryChart.d.ts","sourceRoot":"","sources":["../../../../src/ui/visualizations/MemoryChart.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW,GAAI,8DAOzB,gBAAgB,4CA4LlB,CAAC"}

package/dist/types/ui/visualizations/PerformanceChart.d.ts

@@ -0,0 +1,16 @@
+export interface PerformanceChartProps {
+    data: number[];
+    width?: number | string;
+    height?: number;
+    color?: string;
+    label?: string;
+    unit?: string;
+    maxValue?: number;
+    minValue?: number;
+    showGrid?: boolean;
+    showLabels?: boolean;
+    targetValue?: number;
+    targetLabel?: string;
+}
+export declare const PerformanceChart: ({ data, width, height, color, label, unit, maxValue, minValue, showGrid, showLabels, targetValue, targetLabel, }: PerformanceChartProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PerformanceChart.d.ts.map

package/dist/types/ui/visualizations/PerformanceChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerformanceChart.d.ts","sourceRoot":"","sources":["../../../../src/ui/visualizations/PerformanceChart.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,GAAI,kHAa9B,qBAAqB,4CAqLvB,CAAC"}

package/dist/types/ui/visualizations/TimelineView.d.ts

@@ -0,0 +1,7 @@
+export interface TimelineViewProps {
+    width?: number | string;
+    height?: number;
+    timeWindow?: number;
+}
+export declare const TimelineView: ({ width, height, timeWindow, }: TimelineViewProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimelineView.d.ts.map

package/dist/types/ui/visualizations/TimelineView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineView.d.ts","sourceRoot":"","sources":["../../../../src/ui/visualizations/TimelineView.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,GAAI,gCAI1B,iBAAiB,4CA8OnB,CAAC"}

package/dist/types/ui/visualizations/index.d.ts

@@ -0,0 +1,5 @@
+export { FrameGraph, type FrameGraphProps } from './FrameGraph';
+export { PerformanceChart, type PerformanceChartProps } from './PerformanceChart';
+export { TimelineView, type TimelineViewProps } from './TimelineView';
+export { MemoryChart, type MemoryChartProps } from './MemoryChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/visualizations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/visualizations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "r3f-frame-profiler",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A performance profiler for React Three Fiber applications",
   "keywords": [
     "react",
@@ -15,12 +15,12 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/yourusername/r3f-frame-profiler"
+    "url": "https://github.com/Conviicts/r3f-frame-profiler"
   },
   "bugs": {
-    "url": "https://github.com/yourusername/r3f-frame-profiler/issues"
+    "url": "https://github.com/Conviicts/r3f-frame-profiler/issues"
   },
-  "homepage": "https://github.com/yourusername/r3f-frame-profiler#readme",
+  "homepage": "https://github.com/Conviicts/r3f-frame-profiler#readme",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -42,22 +42,29 @@
     "README.md"
   ],
   "scripts": {
-    "build": "tsc -p tsconfig.json && vite build",
+    "clean": "node -e \"require('fs').rmSync('./dist', { recursive: true, force: true })\"",
+    "build": "npm run clean && tsc -p tsconfig.json && vite build && tsc -p tsconfig.json",
+    "update-project": "npm run build && node scripts/sync.js",
     "prepublishOnly": "npm run build",
     "lint": "eslint ."
   },
   "peerDependencies": {
+    "@react-three/fiber": "^8.0.0 || ^9.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@react-three/fiber": "^8.0.0 || ^9.0.0"
+    "three": "^0.150.0 || ^0.160.0 || ^0.170.0 || ^0.180.0 || ^0.190.0"
   },
   "devDependencies": {
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
+    "@types/three": "^0.182.0",
     "@vitejs/plugin-react": "^5.1.1",
     "eslint": "^9.39.1",
-    "typescript": "~5.9.3",
+    "typescript": "^5.9.3",
     "vite": "^7.2.4"
+  },
+  "dependencies": {
+    "@react-three/fiber": "^9.5.0"
   }
 }