@luxonis/visualizer-protobuf 1.6.2 → 1.7.0

package/dist/{index-CDLN8AQd.js → index-KZ3VqQGp.js}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Component, useContext, useState, useEffect, createContext, forwardRef, createElement, cloneElement, useMemo, Profiler, StrictMode } from 'react';
-import ReactDOM from 'react-dom';
-import { i as isSymbol, t as toString, k as keys, g as getSymbols$1, s as stubArray, a as arrayPush, b as baseGetAllKeys, c as getTag, d as getAllKeys, e as createAggregator, f as baseGet, h as baseIteratee, j as castPath, l as toKey, m as flatRest, n as arrayMap$1, o as baseSet, p as baseUniq, q as baseFlatten, A as AnalyticsContext, u as useMustNotChange, P as PropTypes, _ as _objectWithoutPropertiesLoose$1, r as useCurrentLayoutActions, v as useCurrentLayoutSelector, w as reportError, x as AppError, E as ErrorDisplay, S as Stack$1, y as makeStyles$1, z as _extends$1, L as Logger, B as useGuaranteedContext, W as WorkspaceContext, C as useAnalytics, D as AppEvent, F as LeftSidebarItemKeys, R as RightSidebarItemKeys, G as usePanelMosaicId, H as useTranslation, I as usePanelCatalog, J as EmptyState, K as isEmpty, M as PanelContext, N as PanelCatalogContext, O as useSelectedPanels, Q as usePanelStateStore, T as useDefaultPanelTitle, U as PANEL_TITLE_CONFIG_KEY, V as noop$4, X as getPanelTypeFromId, Y as useWorkspaceStore, Z as useShallowMemo, $ as TAB_PANEL_TYPE, a0 as WorkspaceStoreSelectors, a1 as difference, a2 as filterMap, a3 as dist$3, a4 as usePanelContext, a5 as useMessagePipeline, a6 as v4, a7 as useHoverValue, a8 as useSetHoverValue, a9 as useClearHoverValue, aa as useAppConfiguration, ab as useMessagePipelineGetter, ac as usePanelSettingsTreeUpdate, ad as PlayerCapabilities, ae as useValueChangedDebugLog, af as assertNever, ag as PlayerPresence, ah as typescript, ai as isEqual, aj as isDesktopApp, ak as generateUtilityClasses, al as createTheme, am as propTypesExports, an as useJsonTreeTheme } from './index-BoCFgPcb.js';
+import ReactDOM__default from 'react-dom';
+import { i as isSymbol, t as toString, k as keys, g as getSymbols$1, s as stubArray, a as arrayPush, b as baseGetAllKeys, c as getTag, d as getAllKeys, e as createAggregator, f as baseGet, h as baseIteratee, j as castPath, l as toKey, m as flatRest, n as arrayMap$1, o as baseSet, p as baseUniq, q as baseFlatten, r as generateUtilityClass, A as AnalyticsContext, u as useMustNotChange, P as PropTypes, v as useCurrentLayoutActions, w as useCurrentLayoutSelector, x as reportError, y as AppError, E as ErrorDisplay, S as Stack$1, z as makeStyles$1, _ as _extends$1, L as Logger, B as useGuaranteedContext, W as WorkspaceContext, C as useAnalytics, D as AppEvent, F as LeftSidebarItemKeys, R as RightSidebarItemKeys, G as usePanelMosaicId, H as useTranslation, I as usePanelCatalog, J as EmptyState, K as isEmpty, M as PanelContext, N as PanelCatalogContext, O as useSelectedPanels, Q as usePanelStateStore, T as useDefaultPanelTitle, U as PANEL_TITLE_CONFIG_KEY, V as noop$4, X as getPanelTypeFromId, Y as useWorkspaceStore, Z as useShallowMemo, $ as TAB_PANEL_TYPE, a0 as WorkspaceStoreSelectors, a1 as difference, a2 as filterMap, a3 as dist$3, a4 as usePanelContext, a5 as useMessagePipeline, a6 as v4, a7 as useHoverValue, a8 as useSetHoverValue, a9 as useClearHoverValue, aa as useAppConfiguration, ab as useMessagePipelineGetter, ac as usePanelSettingsTreeUpdate, ad as PlayerCapabilities, ae as useValueChangedDebugLog, af as assertNever, ag as PlayerPresence, ah as typescript, ai as isEqual, aj as isDesktopApp, ak as createTheme, al as propTypesExports, am as useJsonTreeTheme } from './index-Bya68zyH.js';
 import { createStore, useStore } from 'zustand';
 import { MosaicDragType, MosaicContext, MosaicWindowContext, getOtherBranch, getNodeAtPath } from 'react-mosaic-component';
 import { a as getDefaultExportFromCjs, c as commonjsGlobal, g as getAugmentedNamespace } from './protobuf-CjDCjqx3.js';
@@ -23,9 +23,12 @@ import require$$2$1 from 'lodash.curry';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import 'react-dnd-html5-backend';
 import 'object-assign';
-import '@mui/icons-material';
 import 'react/jsx-runtime';
-import '@emotion/styled';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
+import 'react-syntax-highlighter';
+import 'extend';
+import 'react-icons';
+import '@pandacss/dev';
 import 'protobufjs/minimal';
 
 /** Used to match a single whitespace character. */
@@ -3147,6 +3150,18 @@ var createCache = function createCache(options) {
   return cache;
 };
 
+function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {
+  const result = {};
+  slots.forEach(slot => {
+    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
+  });
+  return result;
+}
+
+function commonjsRequire(path) {
+	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
 // 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/
@@ -4424,6 +4439,19 @@ const TabDesktopMultiple20Regular = /*#__PURE__*/createFluentIcon('TabDesktopMul
 
 const Warning20Regular = /*#__PURE__*/createFluentIcon('Warning20Regular', "20", ["M9.56 3.26a.5.5 0 0 1 .88 0l6.5 12a.5.5 0 0 1-.44.74h-13a.5.5 0 0 1-.44-.74l6.5-12Zm1.76-.47a1.5 1.5 0 0 0-2.64 0l-6.5 12A1.5 1.5 0 0 0 3.5 17h13a1.5 1.5 0 0 0 1.32-2.21l-6.5-12ZM10.5 7.5a.5.5 0 0 0-1 0v4a.5.5 0 1 0 1 0v-4Zm.25 6.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"]);
 
+function _objectWithoutPropertiesLoose$1(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
 function _setPrototypeOf(o, p) {
   _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
@@ -4686,7 +4714,7 @@ var Transition$1 = /*#__PURE__*/function (_React$Component) {
 
       if (nextStatus === ENTERING$1) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
+          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
           // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
           // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
 
@@ -4710,7 +4738,7 @@ var Transition$1 = /*#__PURE__*/function (_React$Component) {
     var enter = this.props.enter;
     var appearing = this.context ? this.context.isMounting : mounting;
 
-    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],
+    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM__default.findDOMNode(this), appearing],
         maybeNode = _ref2[0],
         maybeAppearing = _ref2[1];
 
@@ -4748,7 +4776,7 @@ var Transition$1 = /*#__PURE__*/function (_React$Component) {
 
     var exit = this.props.exit;
     var timeouts = this.getTimeouts();
-    var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED
+    var maybeNode = this.props.nodeRef ? undefined : ReactDOM__default.findDOMNode(this); // no exit animation skip right to EXITED
 
     if (!exit || config.disabled) {
       this.safeSetState({
@@ -4812,7 +4840,7 @@ var Transition$1 = /*#__PURE__*/function (_React$Component) {
 
   _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {
     this.setNextCallback(handler);
-    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
+    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default.findDOMNode(this);
     var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
 
     if (!node || doesNotHaveTimeoutOrListener) {
@@ -33232,6 +33260,13 @@ class MessageHandler {
   /** listener functions that are called when the state changes. */
   #listeners = [];
 
+  /** Holds what annotations are currently available on the given source. These are needed because annotations
+   * that are marked as visible may be present in the layout/config, but are not present on the source.
+   * This can cause synchronized annotations to never resolve if the source does not have the annotation topic
+   * with no indication to the user that the annotation is not available.
+   */
+  #availableAnnotationTopics;
+
   /**
    *
    * @param config - subset of ImageMode settings required for message handling
@@ -33243,6 +33278,7 @@ class MessageHandler {
       annotationsByTopic: new Map()
     };
     this.#tree = new dist$1.AVLTree(dist$3.compare);
+    this.#availableAnnotationTopics = new Set();
   }
   addListener(listener) {
     this.#listeners.push(listener);
@@ -33303,6 +33339,15 @@ class MessageHandler {
       }
     }
   }
+  #visibleAnnotations() {
+    const visibleAnnotations = new Set();
+    for (const [topic, settings] of Object.entries(this.#config.annotations ?? {})) {
+      if (settings?.visible === true && this.#availableAnnotationTopics.has(topic)) {
+        visibleAnnotations.add(topic);
+      }
+    }
+    return visibleAnnotations;
+  }
   handleCameraInfo = message => {
     const cameraInfo = normalizeCameraInfo(message.message);
     this.#lastReceivedMessages.cameraInfo = cameraInfo;
@@ -33398,7 +33443,8 @@ class MessageHandler {
       this.#emitState();
     }
   }
-  setAvailableAnnotationTopics(_topicNames) {
+  setAvailableAnnotationTopics(topicNames) {
+    this.#availableAnnotationTopics = new Set(topicNames);
     this.#emitState();
   }
   clear() {
@@ -33437,7 +33483,7 @@ class MessageHandler {
   }
   #getRenderState() {
     if (this.#config.synchronize === true) {
-      const result = findSynchronizedSetAndRemoveOlderItems(this.#tree);
+      const result = findSynchronizedSetAndRemoveOlderItems(this.#tree, this.#visibleAnnotations());
       if (result.found) {
         return {
           cameraInfo: this.#lastReceivedMessages.cameraInfo,
@@ -33456,7 +33502,7 @@ class MessageHandler {
     };
   }
 }
-const ACCEPT_LAST_INDEX = 10;
+const ACCEPT_LAST_INDEX = 5;
 
 /**
  * Find the newest entry where we have everything synchronized and remove all older entries from tree.
@@ -33464,29 +33510,40 @@ const ACCEPT_LAST_INDEX = 10;
  * @param visibleAnnotations - visible annotation topics
  * @returns - the newest synchronized item with all active annotations and image, or set of missing annotations if synchronization failed
  */
-function findSynchronizedSetAndRemoveOlderItems(tree) {
+function findSynchronizedSetAndRemoveOlderItems(tree, visibleAnnotations) {
+  let lastEntry = undefined;
+
   // Find ACCEPT_LAST_INDEX frame from the end
   let imageEntries = 0;
-  for (const [_, state] of tree.entries()) {
-    if (state.image) {
+  for (const entry of tree.entries()) {
+    if (entry[1].image) {
       imageEntries += 1;
+      lastEntry = entry;
     }
   }
-  let acceptableIndex = imageEntries - ACCEPT_LAST_INDEX + 1;
-  if (acceptableIndex < 0) {
-    acceptableIndex = 0;
-  }
   let validEntry = undefined;
-  let index = 0;
-  for (const entry of tree.entries()) {
-    if (!entry[1].image) {
-      continue;
-    }
-    if (index === acceptableIndex) {
-      validEntry = entry;
-      break;
+  if (visibleAnnotations.size !== 0) {
+    let acceptableIndex = imageEntries - ACCEPT_LAST_INDEX + 1;
+    if (acceptableIndex < 0) {
+      acceptableIndex = 0;
+    }
+    let index = 0;
+    for (const entry of tree.entries()) {
+      if (!entry[1].image) {
+        continue;
+      }
+      if (index === acceptableIndex) {
+        validEntry = entry;
+      } else if (index > acceptableIndex) {
+        const hasAllAnnotations = Array.from(visibleAnnotations).every(topic => entry[1].annotationsByTopic.has(topic));
+        if (hasAllAnnotations) {
+          validEntry = entry;
+        }
+      }
+      index += 1;
     }
-    index += 1;
+  } else {
+    validEntry = lastEntry;
   }
   if (validEntry) {
     // Drop  older messages
@@ -64455,10 +64512,6 @@ function isTypicalFilterName(name) {
 
 var momentDurationFormat = {exports: {}};
 
-function commonjsRequire(path) {
-	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-
 var moment$2 = {exports: {}};
 
 var hasRequiredMoment;
@@ -77637,7 +77690,7 @@ function ThreeDeeRender(props) {
     // function has finished executing. This allows scene extensions that call
     // renderer.updateConfig to read out the new config value and configure their renderables
     // before the render occurs.
-    ReactDOM.unstable_batchedUpdates(() => {
+    ReactDOM__default.unstable_batchedUpdates(() => {
       if (renderer) {
         const initialCameraState = renderer.getCameraState();
         renderer.settings.handleAction(action);
@@ -77736,7 +77789,7 @@ function ThreeDeeRender(props) {
   // Establish a connection to the message pipeline with context.watch and context.onRender
   useLayoutEffect(() => {
     context.onRender = (renderState, done) => {
-      ReactDOM.unstable_batchedUpdates(() => {
+      ReactDOM__default.unstable_batchedUpdates(() => {
         if (renderState.currentTime) {
           setCurrentTime(renderState.currentTime);
         }
@@ -78143,7 +78196,7 @@ function initPanel(args, context) {
     customSceneExtensions
   } = args;
   // eslint-disable-next-line react/no-deprecated
-  ReactDOM.render( /*#__PURE__*/React__default.createElement(StrictMode, null, /*#__PURE__*/React__default.createElement(CaptureErrorBoundary, {
+  ReactDOM__default.render( /*#__PURE__*/React__default.createElement(StrictMode, null, /*#__PURE__*/React__default.createElement(CaptureErrorBoundary, {
     onError: crash
   }, /*#__PURE__*/React__default.createElement(ForwardAnalyticsContextProvider, {
     forwardedAnalytics: forwardedAnalytics
@@ -78155,7 +78208,7 @@ function initPanel(args, context) {
   })))), context.panelElement);
   return () => {
     // eslint-disable-next-line react/no-deprecated
-    ReactDOM.unmountComponentAtNode(context.panelElement);
+    ReactDOM__default.unmountComponentAtNode(context.panelElement);
   };
 }
 function ThreeDeeRenderAdapter(interfaceMode, props) {