@foxglove/extension 2.43.0 → 2.45.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxglove/extension",
-  "version": "2.43.0",
+  "version": "2.45.0",
   "license": "MIT",
   "author": {
     "name": "Foxglove Technologies",
@@ -15,7 +15,7 @@
     "prepack": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@foxglove/tsconfig": "2.0.0",
-    "typescript": "5.9.2"
+    "@foxglove/tsconfig": "3.1.0",
+    "typescript": "5.9.3"
   }
-}
+}

package/src/experimental.ts

@@ -291,7 +291,7 @@ export namespace Experimental {
     /** Queue of messages to be handled since last frame. Will be reassigned to new empty array each frame. */
     queue?: MessageEvent<T>[] | undefined;
     /** Optional callback to be called on `queue` to filter. Returns new queue. */
-    filterQueue?: (queue: MessageEvent<T>[]) => MessageEvent<T>[];
+    filterQueue?: (queue: ReadonlyArray<MessageEvent<T>>) => ReadonlyArray<MessageEvent<T>>;
   };
 
   export type AnyPanelOverlaySubscription = Immutable<

package/src/stable.ts

@@ -1516,6 +1516,26 @@ export type SettingsTreeNodeActionDivider = { type: "divider" };
  */
 export type SettingsTreeNodeAction = SettingsTreeNodeActionItem | SettingsTreeNodeActionDivider;
 
+/**
+ * Drag-and-drop metadata for a settings tree node. Allows the node to be
+ * dragged onto panels that accept topics or message paths.
+ *
+ * @category Custom panels
+ */
+export type SettingsTreeNodeDrag =
+  | {
+      type: "topic";
+      /** Topic name without quotes, e.g. `/my_topic`. */
+      topicName: string;
+    }
+  | {
+      type: "message-path";
+      /** Full message path, e.g. `/my_topic.field` or `"/topic with spaces".field`. */
+      value: string;
+      /** True if the path points to a primitive value. Required by panels like Plot. */
+      isLeaf?: boolean;
+    };
+
 /**
  * A node represents a single item or group of items in the settings tree.
  *
@@ -1558,6 +1578,13 @@ export type SettingsTreeNode = {
    */
   icon?: SettingsIcon;
 
+  /**
+   * Optional color for this node. When an icon is specified, the icon will be
+   * rendered in this color. Otherwise, a small color swatch is displayed before
+   * the label. Expects a valid CSS color string (e.g., "#ff0000", "rgb(255, 0, 0)", "red").
+   */
+  color?: string;
+
   /**
    * An optional label shown at the top of this node.
    */
@@ -1595,6 +1622,11 @@ export type SettingsTreeNode = {
    * Filter Children by visibility status
    */
   enableVisibilityFilter?: boolean;
+
+  /**
+   * Drag-and-drop configuration for this node.
+   */
+  drag?: SettingsTreeNodeDrag;
 };
 
 /**