@luxonis/depthai-viewer-common 3.7.4 → 3.7.6

package/dist/visualizer/components/Panel.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+import { Flex, Tooltip } from "@luxonis/ui-components";
+import React, { Suspense, useRef } from "react";
+import { useConnections } from "../context/ConnectionsProvider.js";
+import { useTopicDecodingError } from "../context/VisualizerContext.js";
+import { constructKeyForTopicRenderMetrics, globalInputEventMetricsManager, globalRenderMetricsManager, } from "../utils/metrics-manager.js";
+import EmptyState from "./EmptyState.js";
+import ErrorBoundary from "./ErrorBoundary.js";
+import { PanelToolbar } from "./PanelToolbar.js";
+import RemountOnValueChange from "./RemountOnValueChange.js";
+import { useSharedIntervalTick } from "./shared-interval.js";
+const EMPTY_ANNOTATION_TOPICS = [];
+const DetectionContext = React.createContext({ detections: [] });
+export const useDetections = () => {
+    return React.useContext(DetectionContext);
+};
+const rawToAnnotations = (rawAnnotations, kind, current) => rawAnnotations.map((annotationTopic) => ({
+    name: annotationTopic,
+    extra: kind === "extra",
+    enabled: current.find(({ name }) => name === annotationTopic)?.enabled ?? kind === "main",
+}));
+const detectionsEqual = (left, right) => {
+    if (left.length !== right.length) {
+        return false;
+    }
+    return left.every((detection, index) => {
+        const other = right[index];
+        return (other != undefined &&
+            detection.name === other.name &&
+            detection.extra === other.extra &&
+            detection.enabled === other.enabled);
+    });
+};
+function MetricItem({ label, value, description }) {
+    return (_jsx(Tooltip, { content: description, children: _jsxs("div", { className: "flex w-full items-center justify-between gap-0.5 px-1 py-0.5 text-[12px]/[12px] text-gray-700 cursor-help", children: [_jsx("span", { className: "font-medium pointer-events-none", children: label }), _jsx("span", { className: "pointer-events-none", children: value })] }) }));
+}
+export const Panel = ({ children, kind, topic, fakedAs, disableAnnotations = false, annotationTopics: annotationTopicsProp, extraAnnotationTopics: extraAnnotationTopicsProp, targetFps, toggleTopic, triggerToast, showPerformanceMetrics = false, hideToolbar = false, toggleFullscreen, canMoveUp, moveUp, canMoveDown, moveDown, panelOverlay, panelToolbarActions, }) => {
+    const [detections, setDetections] = React.useState([]);
+    const sectionRef = useRef(null);
+    const decodingError = useTopicDecodingError(topic);
+    const annotationTopics = annotationTopicsProp ?? EMPTY_ANNOTATION_TOPICS;
+    const extraAnnotationTopics = extraAnnotationTopicsProp ?? EMPTY_ANNOTATION_TOPICS;
+    const connections = useConnections();
+    const connection = connections.at(0);
+    const metricsTopic = fakedAs ?? topic;
+    const [metrics, setMetrics] = React.useState(() => connection?.getTopicMetrics(metricsTopic));
+    const metricsTick = useSharedIntervalTick(1_000);
+    React.useEffect(() => {
+        if (disableAnnotations) {
+            setDetections((current) => (current.length === 0 ? current : []));
+            return;
+        }
+        setDetections((current) => {
+            const next = [
+                ...rawToAnnotations(annotationTopics, "main", current),
+                ...rawToAnnotations(extraAnnotationTopics, "extra", current),
+            ];
+            return detectionsEqual(current, next) ? current : next;
+        });
+    }, [annotationTopics, extraAnnotationTopics, disableAnnotations]);
+    const toggleFullscreenForThisPanel = () => {
+        if (!toggleFullscreen || !sectionRef.current) {
+            return;
+        }
+        toggleFullscreen(sectionRef);
+    };
+    const resolution = metrics?.resolutions.get(topic);
+    React.useEffect(() => {
+        setMetrics(connection?.getTopicMetrics(metricsTopic));
+    }, [connection, metricsTopic]);
+    React.useEffect(() => {
+        if (!showPerformanceMetrics) {
+            return;
+        }
+        void metricsTick;
+        setMetrics(connection?.getTopicMetrics(metricsTopic));
+    }, [connection, metricsTick, metricsTopic, showPerformanceMetrics]);
+    const performanceMetrics = React.useMemo(() => {
+        const values = [];
+        if (targetFps !== undefined) {
+            values.push({
+                label: "Target",
+                value: `${targetFps} FPS`,
+                description: "Configured stream FPS requested from the device.",
+            });
+        }
+        const incomingMetricsKind = kind === "pointCloud" ? "incomingPointCloudFrame" : "incomingImageFrame";
+        const networkFps = globalInputEventMetricsManager.calculate(constructKeyForTopicRenderMetrics(incomingMetricsKind, topic)) ??
+            (fakedAs
+                ? globalInputEventMetricsManager.calculate(constructKeyForTopicRenderMetrics("incomingPointCloudFrame", fakedAs))
+                : undefined);
+        if (networkFps !== undefined) {
+            values.push({
+                label: "Network",
+                value: `${networkFps} FPS`,
+                description: "Rate of frames received by the browser for this stream.",
+            });
+        }
+        const decodedMessagesFps = connection?.getTopicMetrics(topic)?.decodedMessagesFps ?? metrics?.decodedMessagesFps;
+        if (decodedMessagesFps !== undefined) {
+            values.push({
+                label: "Decode",
+                value: `${decodedMessagesFps} FPS`,
+                description: "Rate of frames decoded into renderable data for this stream.",
+            });
+        }
+        const renderingFps = globalRenderMetricsManager.calculate(constructKeyForTopicRenderMetrics(kind === "pointCloud" ? "renderPointCloudFrame" : "renderImageFrame", topic));
+        if (renderingFps !== undefined) {
+            values.push({
+                label: "Render",
+                value: `${renderingFps} FPS`,
+                description: "Rate of frames drawn by the panel renderer for this stream.",
+            });
+        }
+        if (metrics?.messageThroughput !== undefined) {
+            values.push({
+                label: "Throughput",
+                value: `${metrics.messageThroughput.toFixed(2)} Mbps`,
+                description: "Network data throughput received by the browser for this stream.",
+            });
+        }
+        return values;
+    }, [connection, fakedAs, kind, metrics, targetFps, topic]);
+    return (_jsx(RemountOnValueChange, { value: "internal-player", children: _jsx(ErrorBoundary, { resetKey: topic, children: _jsx(DetectionContext.Provider, { value: { detections }, children: _jsxs("section", { className: "flex flex-col grow border border-solid border-[#d3d3d3d9] overflow-hidden rounded-lg", ref: sectionRef, children: [showPerformanceMetrics && (_jsx(Flex, { position: "absolute", className: "w-[175px] z-10 bottom-2 right-2", children: _jsx(Flex, { direction: "column", gap: "xs", className: "bg-gray-100 w-full h-auto p-2 rounded-md", children: performanceMetrics.map((metric) => (_jsx(MetricItem, { ...metric }, metric.label))) }) })), panelOverlay, !hideToolbar && (_jsx(PanelToolbar, { kind: kind, topic: topic, setDetections: setDetections, disableAnnotations: disableAnnotations, targetFps: targetFps, toggleTopic: toggleTopic, toggleFullscreen: toggleFullscreenForThisPanel, triggerToast: triggerToast, canMoveUp: canMoveUp, moveUp: moveUp, canMoveDown: canMoveDown, moveDown: moveDown, touchesBreakpoint: sectionRef.current?.clientWidth ? sectionRef.current.clientWidth <= 550 : false, actions: panelToolbarActions, metrics: metrics, resolution: resolution })), _jsx(Suspense, { fallback: _jsx(EmptyState, { children: _jsx("span", { children: "Loading..." }) }), children: decodingError ? (_jsxs(EmptyState, { children: [_jsx("strong", { children: topic }), _jsx("br", {}), decodingError.message] })) : (_jsx(RemountOnValueChange, { value: detections, children: children })) })] }) }) }) }));
+};
+//# sourceMappingURL=Panel.js.map

package/dist/visualizer/components/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../src/visualizer/components/Panel.tsx"],"names":[],"mappings":"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"}

package/dist/visualizer/components/PanelLayout.d.ts

@@ -0,0 +1,3 @@
+import type React from "react";
+export declare const PanelLayout: React.FC<React.PropsWithChildren>;
+//# sourceMappingURL=PanelLayout.d.ts.map

package/dist/visualizer/components/PanelLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelLayout.d.ts","sourceRoot":"","sources":["../../../src/visualizer/components/PanelLayout.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAEzD,CAAC"}

package/dist/visualizer/components/PanelLayout.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const PanelLayout = ({ children }) => {
+    return _jsx("div", { className: "flex h-full w-full flex-row gap-1", children: children });
+};
+//# sourceMappingURL=PanelLayout.js.map

package/dist/visualizer/components/PanelLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelLayout.js","sourceRoot":"","sources":["../../../src/visualizer/components/PanelLayout.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,MAAM,WAAW,GAAsC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7E,OAAO,cAAK,SAAS,EAAC,mCAAmC,YAAE,QAAQ,GAAO,CAAC;AAC7E,CAAC,CAAC"}

package/dist/visualizer/components/PanelToolbar.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { Metrics } from "../connection/foxglove-connection.js";
+import type { ProtobufKind } from "../messaging/protobuf.js";
+import { type PanelTopic } from "./Panel.js";
+export type PanelToolbarProps = {
+    topic: string;
+    kind: ProtobufKind;
+    disableAnnotations?: boolean;
+    setDetections?: (cb: (topics: PanelTopic[]) => PanelTopic[]) => void;
+    targetFps?: number;
+    triggerToast?: () => void;
+    toggleTopic?: (topic: string) => void;
+    toggleFullscreen?: () => void;
+    canMoveUp?: boolean;
+    moveUp?: () => void;
+    canMoveDown?: boolean;
+    moveDown?: () => void;
+    touchesBreakpoint?: boolean;
+    actions?: JSX.Element;
+    metrics?: Metrics;
+    resolution?: string;
+};
+export declare const PanelToolbar: React.FC<PanelToolbarProps>;
+//# sourceMappingURL=PanelToolbar.d.ts.map

package/dist/visualizer/components/PanelToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelToolbar.d.ts","sourceRoot":"","sources":["../../../src/visualizer/components/PanelToolbar.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,KAAK,UAAU,EAAiB,MAAM,YAAY,CAAC;AAmE5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,IAAI,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8RpD,CAAC"}

package/dist/visualizer/components/PanelToolbar.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+import { ArrowDownIcon, ArrowUpIcon, Button, CloseIcon, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Flex, FullscreenIcon, HelpIcon, Icon, Label, MoreMenuIcon, NormalText, SubHeader, Tooltip, } from "@luxonis/ui-components";
+import React from "react";
+import { CiFilter } from "react-icons/ci";
+import { FaCaretDown, FaCaretUp } from "react-icons/fa";
+import { ImCheckboxChecked, ImCheckboxUnchecked } from "react-icons/im";
+import { useDetections } from "./Panel.js";
+import { useElementWidth } from "./use-element-width.js";
+function PointCloudPanelInstructions() {
+    return (_jsxs(_Fragment, { children: [_jsx(Label, { text: "To move camera:" }), _jsxs("ul", { children: [_jsxs("li", { children: [_jsx("b", { className: "font-semibold", children: "Scroll:" }), " Zoom In and Out"] }), _jsxs("li", { children: [_jsx("b", { className: "font-semibold", children: "Left-click + Drag:" }), " Rotate Camera"] }), _jsxs("li", { children: [_jsx("b", { className: "font-semibold", children: "Right-click + Drag:" }), " Move Camera (X and Y axes)"] }), _jsxs("li", { children: [_jsx("b", { className: "font-semibold", children: "WASD:" }), " Pan Camera"] }), _jsxs("li", { children: [_jsx("b", { className: "font-semibold", children: "SHIFT+WASD:" }), " Pan Camera (Faster)"] }), _jsxs("li", { children: [_jsx("b", { className: "font-semibold", children: "O:" }), " Orbit Camera"] }), _jsxs("li", { children: [_jsx("b", { className: "font-semibold", children: "SHIFT+O:" }), " Orbit Camera (Opposite Direction)"] })] }), _jsx(Label, { text: "While orbiting:" }), _jsxs("ul", { children: [_jsxs("li", { children: [_jsx("b", { className: "font-semibold", children: "Q:" }), " Slow Down"] }), _jsxs("li", { children: [_jsx("b", { className: "font-semibold", children: "E:" }), " Speed Up"] })] })] }));
+}
+const PanelAnnotationButton = ({ topic, onClick }) => {
+    const handleClick = React.useCallback((event) => {
+        event.preventDefault();
+        onClick();
+    }, [onClick]);
+    return (_jsx(DropdownMenuItem, { onClick: handleClick, children: _jsxs(Flex, { align: "center", gap: "sm", children: [_jsx(Icon, { color: "active", icon: topic.enabled ? ImCheckboxChecked : ImCheckboxUnchecked }), _jsx(NormalText, { text: topic.name })] }) }));
+};
+export const PanelToolbar = ({ topic, kind, setDetections, disableAnnotations = false, targetFps, triggerToast, toggleTopic, toggleFullscreen, canMoveUp, moveUp, canMoveDown, moveDown, touchesBreakpoint, actions, metrics, resolution, }) => {
+    const { detections } = useDetections();
+    const wrapperRef = React.useRef(null);
+    const wrapperWidth = useElementWidth(wrapperRef);
+    const wrapperBreakpointRef = React.useRef(null);
+    const parentContainer = wrapperBreakpointRef.current ?? wrapperRef.current ?? document.body;
+    const showResolution = wrapperWidth >= 600;
+    const hasExtra = React.useMemo(() => detections.some((detection) => detection.extra && !detection.enabled), [detections]);
+    const [extraVisible, setExtraVisible] = React.useState(false);
+    const onToggleTopic = React.useCallback((toggleTopicName) => {
+        setDetections?.((current) => current.map((detection) => ({
+            ...detection,
+            ...(toggleTopicName === detection.name && {
+                enabled: !detection.enabled,
+            }),
+        })));
+    }, [setDetections]);
+    const name = React.useMemo(() => {
+        return topic;
+    }, [topic]);
+    React.useEffect(() => {
+        if (targetFps && metrics?.incomingMessagesFps && targetFps > metrics.incomingMessagesFps) {
+            const timeout = setTimeout(() => {
+                if (metrics.incomingMessagesFps && targetFps * 0.8 > metrics.incomingMessagesFps) {
+                    triggerToast?.();
+                }
+            }, 10_000);
+            return () => {
+                clearTimeout(timeout);
+            };
+        }
+        return;
+    }, [targetFps, metrics?.incomingMessagesFps, triggerToast]);
+    const makeDetection = React.useCallback((detection, { extra }) => (extra ? detection.extra && !detection.enabled : !detection.extra || detection.enabled) && (_jsx(PanelAnnotationButton, { topic: detection, onClick: () => {
+            onToggleTopic(detection.name);
+        } }, detection.name)), [onToggleTopic]);
+    return (_jsx(Flex, { direction: "row", gap: "xs", align: "center", justify: "between", className: "px-4 bg-white", ref: wrapperRef, children: _jsxs(Flex, { direction: "row", gap: "xs", align: "center", justify: touchesBreakpoint ? "between" : "start", className: "w-full max-w-full py-4", children: [_jsxs(Flex, { gap: "xs", className: "flex-col xl:flex-row items-start xl:items-end max-w-[60%] w-fit", children: [_jsx(Tooltip, { content: resolution, children: _jsx(SubHeader, { text: name, className: "text-[20px]/[20px] text-nowrap" }) }), showResolution && resolution && (_jsx(Label, { text: `(${resolution})`, className: "text-[14px]/[14px] xl:pb-[2px]" }))] }), touchesBreakpoint ? (_jsxs(Flex, { direction: "row", gap: "xs", align: "center", children: [actions, _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { icon: MoreMenuIcon, variant: "outline", intent: "white", size: "sm" }) }), _jsxs(DropdownMenuContent, { ref: wrapperBreakpointRef, children: [kind === "pointCloud" && (_jsx(Tooltip, { parentContainer: parentContainer, side: "bottom", content: _jsx(PointCloudPanelInstructions, {}), children: _jsx(DropdownMenuItem, { icon: HelpIcon, onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    e.preventDefault();
+                                                }, className: "cursor-help", children: "Point Cloud Details" }) })), !disableAnnotations && kind === "image" && detections.length > 0 && (_jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { disabled: detections.length === 0, className: detections.length === 0 ? "opacity-50" : "opacity-100", children: "Annotations" }), _jsxs(DropdownMenuSubContent, { children: [detections.map((detection) => makeDetection(detection, { extra: false })), hasExtra && (_jsx(Button, { variant: "ghost", "aria-expanded": extraVisible ? "true" : undefined, onClick: () => {
+                                                                setExtraVisible((current) => !current);
+                                                            }, icon: extraVisible ? ArrowUpIcon : ArrowDownIcon, className: "w-full py-2 rounded", children: extraVisible ? "Less" : "More" })), extraVisible &&
+                                                            detections.map((detection) => makeDetection(detection, { extra: true }))] })] })), _jsx(DropdownMenuItem, { onClick: moveUp, disabled: !canMoveUp, icon: FaCaretUp, children: "Move Panel Up" }), _jsx(DropdownMenuItem, { onClick: moveDown, disabled: !canMoveDown, icon: FaCaretDown, children: "Move Panel Down" }), toggleFullscreen && (_jsx(DropdownMenuItem, { onClick: toggleFullscreen, icon: FullscreenIcon, children: "Fullscreen" })), _jsx(DropdownMenuItem, { onClick: () => toggleTopic?.(name), disabled: !canMoveDown, icon: CloseIcon, children: "Close Stream" })] })] })] })) : (_jsxs(Flex, { direction: "row", gap: "xs", align: "center", justify: "start", className: "w-fit ml-auto", children: [!disableAnnotations && kind === "image" && (_jsxs(DropdownMenu, { children: [_jsx(Tooltip, { content: "Annotations", parentContainer: parentContainer, children: _jsx(DropdownMenuTrigger, { asChild: true, disabled: detections.length === 0, children: _jsx(Button, { variant: "outline", intent: "white", size: "sm", icon: CiFilter, disabled: detections.length === 0 }) }) }), _jsxs(DropdownMenuContent, { parentContainer: parentContainer, children: [detections.map((detection) => makeDetection(detection, { extra: false })), hasExtra && (_jsx(Button, { variant: "ghost", "aria-expanded": extraVisible ? "true" : undefined, onClick: () => {
+                                                setExtraVisible((current) => !current);
+                                            }, icon: extraVisible ? ArrowUpIcon : ArrowDownIcon, className: "w-full py-2 rounded", children: extraVisible ? "Less" : "More" })), extraVisible &&
+                                            detections.map((detection) => makeDetection(detection, { extra: true }))] })] })), kind === "pointCloud" && (_jsx(Flex, { children: _jsx(Tooltip, { parentContainer: parentContainer, side: "bottom", content: _jsx(PointCloudPanelInstructions, {}), children: _jsx(Button, { icon: HelpIcon, variant: "outline", intent: "white", size: "sm", className: "text-gray-700" }) }) })), _jsx(Tooltip, { content: "Move Panel Up", parentContainer: parentContainer, children: _jsx(Button, { icon: FaCaretUp, variant: "outline", intent: "white", size: "sm", disabled: !canMoveUp, onClick: moveUp }) }), _jsx(Tooltip, { content: "Move Panel Down", parentContainer: parentContainer, children: _jsx(Button, { icon: FaCaretDown, variant: "outline", intent: "white", size: "sm", disabled: !canMoveDown, onClick: moveDown }) }), toggleFullscreen && (_jsx(Tooltip, { content: "Fullscreen", parentContainer: parentContainer, children: _jsx(Button, { icon: FullscreenIcon, variant: "outline", intent: "white", size: "sm", onClick: toggleFullscreen }) })), actions, _jsx(Tooltip, { content: "Close Stream", parentContainer: parentContainer, children: _jsx(Button, { icon: CloseIcon, variant: "outline", intent: "white", size: "sm", onClick: () => toggleTopic?.(name) }) })] }))] }) }));
+};
+//# sourceMappingURL=PanelToolbar.js.map

package/dist/visualizer/components/PanelToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelToolbar.js","sourceRoot":"","sources":["../../../src/visualizer/components/PanelToolbar.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAC1D,OAAO,EACL,aAAa,EACb,WAAW,EACX,MAAM,EACN,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,UAAU,EACV,SAAS,EACT,OAAO,GACR,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,OAAO,EAAmB,aAAa,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,SAAS,2BAA2B;IAClC,OAAO,CACL,8BACE,KAAC,KAAK,IAAC,IAAI,EAAC,iBAAiB,GAAG,EAChC,yBACE,yBACE,YAAG,SAAS,EAAC,eAAe,wBAAY,wBACrC,EACL,yBACE,YAAG,SAAS,EAAC,eAAe,mCAAuB,sBAChD,EACL,yBACE,YAAG,SAAS,EAAC,eAAe,oCAAwB,mCACjD,EACL,yBACE,YAAG,SAAS,EAAC,eAAe,sBAAU,mBACnC,EACL,yBACE,YAAG,SAAS,EAAC,eAAe,4BAAgB,4BACzC,EACL,yBACE,YAAG,SAAS,EAAC,eAAe,mBAAO,qBAChC,EACL,yBACE,YAAG,SAAS,EAAC,eAAe,yBAAa,0CACtC,IACF,EACL,KAAC,KAAK,IAAC,IAAI,EAAC,iBAAiB,GAAG,EAChC,yBACE,yBACE,YAAG,SAAS,EAAC,eAAe,mBAAO,kBAChC,EACL,yBACE,YAAG,SAAS,EAAC,eAAe,mBAAO,iBAChC,IACF,IACJ,CACJ,CAAC;AACJ,CAAC;AAOD,MAAM,qBAAqB,GAAyC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACzF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAK,EAAE,EAAE;QACR,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IAAC,OAAO,EAAE,WAAW,YACpC,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC3B,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,GAAI,EACtF,KAAC,UAAU,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IAC3B,GACU,CACpB,CAAC;AACJ,CAAC,CAAC;AAqBF,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,IAAI,EACJ,aAAa,EACb,kBAAkB,GAAG,KAAK,EAC1B,SAAS,EACT,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEvC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IACjD,MAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,oBAAoB,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC;IAC5F,MAAM,cAAc,GAAG,YAAY,IAAI,GAAG,CAAC;IAE3C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAC5B,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAC3E,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,eAAuB,EAAE,EAAE;QAC1B,aAAa,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,CAC1B,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;YAC1B,GAAG,SAAS;YACZ,GAAG,CAAC,eAAe,KAAK,SAAS,CAAC,IAAI,IAAI;gBACxC,OAAO,EAAE,CAAC,SAAS,CAAC,OAAO;aAC5B,CAAC;SACH,CAAC,CAAC,CACJ,CAAC;IACJ,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,IAAI,OAAO,EAAE,mBAAmB,IAAI,SAAS,GAAG,OAAO,CAAC,mBAAmB,EAAE,CAAC;YACzF,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,IAAI,OAAO,CAAC,mBAAmB,IAAI,SAAS,GAAG,GAAG,GAAG,OAAO,CAAC,mBAAmB,EAAE,CAAC;oBACjF,YAAY,EAAE,EAAE,CAAC;gBACnB,CAAC;YACH,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,OAAO,GAAG,EAAE;gBACV,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC,CAAC;QACJ,CAAC;QACD,OAAO;IACT,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5D,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,SAAqB,EAAE,EAAE,KAAK,EAAsB,EAAE,EAAE,CACvD,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,IAAI,CACzF,KAAC,qBAAqB,IAEpB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,GAAG,EAAE;YACZ,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC,IAJI,SAAS,CAAC,IAAI,CAKnB,CACH,EACH,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAC,KAAK,EACf,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,eAAe,EACzB,GAAG,EAAE,UAAU,YAEf,MAAC,IAAI,IACH,SAAS,EAAC,KAAK,EACf,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAChD,SAAS,EAAC,wBAAwB,aAElC,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAC,iEAAiE,aACxF,KAAC,OAAO,IAAC,OAAO,EAAE,UAAU,YAC1B,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,gCAAgC,GAAG,GAC5D,EAET,cAAc,IAAI,UAAU,IAAI,CAC/B,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,UAAU,GAAG,EAAE,SAAS,EAAC,gCAAgC,GAAG,CAC9E,IACI,EAEN,iBAAiB,CAAC,CAAC,CAAC,CACnB,MAAC,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC1C,OAAO,EAER,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,GAAG,GACrD,EAEtB,MAAC,mBAAmB,IAAC,GAAG,EAAE,oBAAoB,aAC3C,IAAI,KAAK,YAAY,IAAI,CACxB,KAAC,OAAO,IACN,eAAe,EAAE,eAAe,EAChC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAC,2BAA2B,KAAG,YAExC,KAAC,gBAAgB,IACf,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oDACb,CAAC,CAAC,eAAe,EAAE,CAAC;oDACpB,CAAC,CAAC,cAAc,EAAE,CAAC;gDACrB,CAAC,EACD,SAAS,EAAC,aAAa,oCAGN,GACX,CACX,EACA,CAAC,kBAAkB,IAAI,IAAI,KAAK,OAAO,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACnE,MAAC,eAAe,eACd,KAAC,sBAAsB,IACrB,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,EACjC,SAAS,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,4BAG1C,EACzB,MAAC,sBAAsB,eACpB,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EACzE,QAAQ,IAAI,CACX,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,mBACA,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAChD,OAAO,EAAE,GAAG,EAAE;gEACZ,eAAe,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;4DACzC,CAAC,EACD,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAChD,SAAS,EAAC,qBAAqB,YAE9B,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GACxB,CACV,EACA,YAAY;4DACX,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IACnD,IACT,CACnB,EACD,KAAC,gBAAgB,IAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,8BAErD,EACnB,KAAC,gBAAgB,IAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,WAAW,gCAE3D,EAClB,gBAAgB,IAAI,CACnB,KAAC,gBAAgB,IAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,cAAc,2BAE9C,CACpB,EACD,KAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,EAClC,QAAQ,EAAE,CAAC,WAAW,EACtB,IAAI,EAAE,SAAS,6BAGE,IACC,IACT,IACV,CACR,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,eAAe,aACpF,CAAC,kBAAkB,IAAI,IAAI,KAAK,OAAO,IAAI,CAC1C,MAAC,YAAY,eACX,KAAC,OAAO,IAAC,OAAO,EAAC,aAAa,EAAC,eAAe,EAAE,eAAe,YAC7D,KAAC,mBAAmB,IAAC,OAAO,QAAC,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,YAC5D,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,GACjC,GACkB,GACd,EAEV,MAAC,mBAAmB,IAAC,eAAe,EAAE,eAAe,aAClD,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EACzE,QAAQ,IAAI,CACX,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,mBACA,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAChD,OAAO,EAAE,GAAG,EAAE;gDACZ,eAAe,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;4CACzC,CAAC,EACD,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAChD,SAAS,EAAC,qBAAqB,YAE9B,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GACxB,CACV,EACA,YAAY;4CACX,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IACtD,IACT,CAChB,EAEA,IAAI,KAAK,YAAY,IAAI,CACxB,KAAC,IAAI,cACH,KAAC,OAAO,IACN,eAAe,EAAE,eAAe,EAChC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAC,2BAA2B,KAAG,YAExC,KAAC,MAAM,IACL,IAAI,EAAE,QAAQ,EACd,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,eAAe,GACzB,GACM,GACL,CACR,EAED,KAAC,OAAO,IAAC,OAAO,EAAC,eAAe,EAAC,eAAe,EAAE,eAAe,YAC/D,KAAC,MAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAE,MAAM,GACf,GACM,EAEV,KAAC,OAAO,IAAC,OAAO,EAAC,iBAAiB,EAAC,eAAe,EAAE,eAAe,YACjE,KAAC,MAAM,IACL,IAAI,EAAE,WAAW,EACjB,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,WAAW,EACtB,OAAO,EAAE,QAAQ,GACjB,GACM,EAET,gBAAgB,IAAI,CACnB,KAAC,OAAO,IAAC,OAAO,EAAC,YAAY,EAAC,eAAe,EAAE,eAAe,YAC5D,KAAC,MAAM,IACL,IAAI,EAAE,cAAc,EACpB,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,gBAAgB,GACzB,GACM,CACX,EAEA,OAAO,EAER,KAAC,OAAO,IAAC,OAAO,EAAC,cAAc,EAAC,eAAe,EAAE,eAAe,YAC9D,KAAC,MAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,OAAO,EACd,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAClC,GACM,IACL,CACR,IACI,GACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/visualizer/components/RemountOnValueChange.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type RemountOnValueChangeProps = React.PropsWithChildren<{
+    value: unknown;
+}>;
+export default function RemountOnValueChange({ children, value, }: RemountOnValueChangeProps): React.ReactElement;
+export {};
+//# sourceMappingURL=RemountOnValueChange.d.ts.map

package/dist/visualizer/components/RemountOnValueChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemountOnValueChange.d.ts","sourceRoot":"","sources":["../../../src/visualizer/components/RemountOnValueChange.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,yBAAyB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACvD,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC,CAAC;AAcH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,KAAK,GACN,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAEhD"}

package/dist/visualizer/components/RemountOnValueChange.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+import React from "react";
+function toStableKey(value) {
+    if (typeof value === "string") {
+        return value;
+    }
+    try {
+        return JSON.stringify(value) ?? String(value);
+    }
+    catch {
+        return String(value);
+    }
+}
+export default function RemountOnValueChange({ children, value, }) {
+    return _jsx(React.Fragment, { children: children }, toStableKey(value));
+}
+//# sourceMappingURL=RemountOnValueChange.js.map

package/dist/visualizer/components/RemountOnValueChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemountOnValueChange.js","sourceRoot":"","sources":["../../../src/visualizer/components/RemountOnValueChange.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,SAAS,WAAW,CAAC,KAAc;IACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,KAAK,GACqB;IAC1B,OAAO,KAAC,KAAK,CAAC,QAAQ,cAA2B,QAAQ,IAA7B,WAAW,CAAC,KAAK,CAAC,CAA6B,CAAC;AAC9E,CAAC"}

package/dist/visualizer/components/measure-event-loop-delay.d.ts

@@ -0,0 +1,2 @@
+export declare function createEventLoopDelaySampler(): number;
+//# sourceMappingURL=measure-event-loop-delay.d.ts.map

package/dist/visualizer/components/measure-event-loop-delay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure-event-loop-delay.d.ts","sourceRoot":"","sources":["../../../src/visualizer/components/measure-event-loop-delay.tsx"],"names":[],"mappings":"AAMA,wBAAgB,2BAA2B,WAgB1C"}

package/dist/visualizer/components/measure-event-loop-delay.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { useSharedIntervalTick } from "./shared-interval.js";
+const refreshInterval = 500;
+export function createEventLoopDelaySampler() {
+    const tick = useSharedIntervalTick(refreshInterval);
+    const [delay, setDelay] = React.useState(0);
+    const lastKnownTimeRef = React.useRef(performance.now());
+    React.useEffect(() => {
+        if (tick === 0) {
+            return;
+        }
+        const now = performance.now();
+        setDelay(Math.max(0, now - lastKnownTimeRef.current - refreshInterval));
+        lastKnownTimeRef.current = now;
+    }, [tick]);
+    return delay;
+}
+//# sourceMappingURL=measure-event-loop-delay.js.map

package/dist/visualizer/components/measure-event-loop-delay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure-event-loop-delay.js","sourceRoot":"","sources":["../../../src/visualizer/components/measure-event-loop-delay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,eAAe,GAAG,GAAY,CAAC;AAErC,MAAM,UAAU,2BAA2B;IACzC,MAAM,IAAI,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAC9B,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,gBAAgB,CAAC,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC;QACxE,gBAAgB,CAAC,OAAO,GAAG,GAAG,CAAC;IACjC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/visualizer/components/shared-interval.d.ts

@@ -0,0 +1,2 @@
+export declare function useSharedIntervalTick(intervalMs: number): number;
+//# sourceMappingURL=shared-interval.d.ts.map

package/dist/visualizer/components/shared-interval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-interval.d.ts","sourceRoot":"","sources":["../../../src/visualizer/components/shared-interval.ts"],"names":[],"mappings":"AA6DA,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAGhE"}

package/dist/visualizer/components/shared-interval.js

@@ -0,0 +1,50 @@
+import React from "react";
+const sharedTickers = new Map();
+function getOrCreateSharedTicker(intervalMs) {
+    const existingTicker = sharedTickers.get(intervalMs);
+    if (existingTicker) {
+        return existingTicker;
+    }
+    let tick = 0;
+    const listeners = new Set();
+    let intervalId;
+    const start = () => {
+        if (intervalId != undefined) {
+            return;
+        }
+        intervalId = setInterval(() => {
+            tick += 1;
+            for (const listener of listeners) {
+                listener();
+            }
+        }, intervalMs);
+    };
+    const stop = () => {
+        if (intervalId == undefined || listeners.size > 0) {
+            return;
+        }
+        clearInterval(intervalId);
+        intervalId = undefined;
+        sharedTickers.delete(intervalMs);
+    };
+    const ticker = {
+        getSnapshot() {
+            return tick;
+        },
+        subscribe(listener) {
+            listeners.add(listener);
+            start();
+            return () => {
+                listeners.delete(listener);
+                stop();
+            };
+        },
+    };
+    sharedTickers.set(intervalMs, ticker);
+    return ticker;
+}
+export function useSharedIntervalTick(intervalMs) {
+    const ticker = React.useMemo(() => getOrCreateSharedTicker(intervalMs), [intervalMs]);
+    return React.useSyncExternalStore(ticker.subscribe, ticker.getSnapshot, ticker.getSnapshot);
+}
+//# sourceMappingURL=shared-interval.js.map

package/dist/visualizer/components/shared-interval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-interval.js","sourceRoot":"","sources":["../../../src/visualizer/components/shared-interval.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,aAAa,GAAG,IAAI,GAAG,EAAwB,CAAC;AAEtD,SAAS,uBAAuB,CAAC,UAAkB;IACjD,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACrD,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;IACxC,IAAI,UAAsD,CAAC;IAE3D,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,UAAU,IAAI,SAAS,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAC5B,IAAI,IAAI,CAAC,CAAC;YACV,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;gBACjC,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,EAAE,UAAU,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,IAAI,UAAU,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YAClD,OAAO;QACT,CAAC;QAED,aAAa,CAAC,UAAU,CAAC,CAAC;QAC1B,UAAU,GAAG,SAAS,CAAC;QACvB,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,MAAM,GAAiB;QAC3B,WAAW;YACT,OAAO,IAAI,CAAC;QACd,CAAC;QACD,SAAS,CAAC,QAAQ;YAChB,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACxB,KAAK,EAAE,CAAC;YAER,OAAO,GAAG,EAAE;gBACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAC3B,IAAI,EAAE,CAAC;YACT,CAAC,CAAC;QACJ,CAAC;KACF,CAAC;IAEF,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACtC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,UAAkB;IACtD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACtF,OAAO,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;AAC9F,CAAC"}

package/dist/visualizer/components/use-element-width.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function useElementWidth<T extends HTMLElement>(ref: React.RefObject<T | null>): number;
+//# sourceMappingURL=use-element-width.d.ts.map

package/dist/visualizer/components/use-element-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element-width.d.ts","sourceRoot":"","sources":["../../../src/visualizer/components/use-element-width.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,MAAM,CA0B7F"}

package/dist/visualizer/components/use-element-width.js

@@ -0,0 +1,23 @@
+import React from "react";
+export function useElementWidth(ref) {
+    const [width, setWidth] = React.useState(0);
+    React.useEffect(() => {
+        const element = ref.current;
+        if (!element) {
+            return;
+        }
+        const updateWidth = () => {
+            setWidth(element.clientWidth);
+        };
+        updateWidth();
+        const observer = new ResizeObserver(() => {
+            updateWidth();
+        });
+        observer.observe(element);
+        return () => {
+            observer.disconnect();
+        };
+    }, [ref]);
+    return width;
+}
+//# sourceMappingURL=use-element-width.js.map

package/dist/visualizer/components/use-element-width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element-width.js","sourceRoot":"","sources":["../../../src/visualizer/components/use-element-width.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,eAAe,CAAwB,GAA8B;IACnF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC,CAAC;QAEF,WAAW,EAAE,CAAC;QAEd,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE1B,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/visualizer/connection/adapter.d.ts

@@ -0,0 +1,43 @@
+import type { ArtificialWorker } from "../utils/artificial-worker.js";
+import type { WorkerInputMessage, WorkerOutputMessage } from "./communicator.js";
+import type { PublicChannelData, ServiceRequestArgs, VisualizerConnection } from "./connection.js";
+export type EventData = {
+    channels: PublicChannelData[] | null;
+    services: string[] | null;
+};
+export declare class FoxgloveWebSocketAdapter extends EventTarget implements WebSocket {
+    #private;
+    binaryType: "blob" | "arraybuffer";
+    protocol: string;
+    url: string;
+    extensions: string;
+    bufferedAmount: number;
+    readyState: 0 | 1 | 2 | 3;
+    onerror: ((this: WebSocket, event: unknown) => void) | null;
+    onopen: ((this: WebSocket, event: unknown) => void) | null;
+    onclose: ((this: WebSocket, event: unknown) => void) | null;
+    onmessage: ((this: WebSocket, event: unknown) => void) | null;
+    /** The connection is not yet open. */
+    readonly CONNECTING: 0;
+    /**  The connection is open and ready to communicate. */
+    readonly OPEN: 1;
+    /**  The connection is in the process of closing. */
+    readonly CLOSING: 2;
+    /**  The connection is closed or couldn't be opened. */
+    readonly CLOSED: 3;
+    constructor(data: (WorkerInputMessage & {
+        type: "open";
+    })["data"], worker: Worker | ArtificialWorker<WorkerInputMessage, WorkerOutputMessage>);
+    on: VisualizerConnection["on"];
+    off: VisualizerConnection["off"];
+    close(): void;
+    subscribe({ topics }: {
+        topics: string[];
+    }): void;
+    unsubscribe({ topics }: {
+        topics: string[];
+    }): void;
+    request({ name, timeout, ignoreResponse, body, }: ServiceRequestArgs): Promise<DataView | null>;
+    send(data: string | Blob | BufferSource): void;
+}
+//# sourceMappingURL=adapter.d.ts.map

package/dist/visualizer/connection/adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../../src/visualizer/connection/adapter.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAMnG,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,qBAAa,wBAAyB,SAAQ,WAAY,YAAW,SAAS;;IAKrE,UAAU,EAAE,MAAM,GAAG,aAAa,CAAiB;IACnD,QAAQ,EAAE,MAAM,CAAM;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAM;IACxB,cAAc,EAAE,MAAM,CAAK;IAC3B,UAAU,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAoB;IAE7C,OAAO,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IACnE,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IAClE,OAAO,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IACnE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IAE5E,sCAAsC;IACtC,SAAgB,UAAU,IAAwB;IAClD,wDAAwD;IACxD,SAAgB,IAAI,IAAkB;IACtC,oDAAoD;IACpD,SAAgB,OAAO,IAAqB;IAC5C,uDAAuD;IACvD,SAAgB,MAAM,IAAoB;gBAyGxC,IAAI,EAAE,CAAC,kBAAkB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,MAAM,CAAC,EACrD,MAAM,EAAE,MAAM,GAAG,gBAAgB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC;IAWrE,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAQnC;IAEK,GAAG,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAErC;IAEK,KAAK,IAAI,IAAI;IAWb,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,IAAI;IAIjD,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,IAAI;IAI7C,OAAO,CAAC,EACnB,IAAI,EACJ,OAAkC,EAClC,cAAsB,EACtB,IAAS,GACV,EAAE,kBAAkB,GAAG,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;IAyCzC,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,YAAY,GAAG,IAAI;CAItD"}