@luxonis/visualizer-protobuf 2.4.1 → 2.5.1

package/dist/{index-CID-gHFi.js → index-CZpkWHbt.js}

@@ -1,11 +1,11 @@
-import { c as commonjsGlobal, g as getAugmentedNamespace, a as getDefaultExportFromCjs, T as Type$1, P as PointsAnnotationType$2, b as Profile, p as protobufsBySchema, B as BinaryOpcode } from './FoxgloveServer-tJZcJH5-.js';
+import { c as commonjsGlobal, g as getAugmentedNamespace, a as getDefaultExportFromCjs, T as Type$1, P as PointsAnnotationType$2, b as Profile, p as protobufsBySchema, B as BinaryOpcode } from './FoxgloveServer-3hn1w5h4.js';
 import * as React$1 from 'react';
 import React__default, { useContext, useRef, useLayoutEffect, createContext, useReducer, useState, useCallback, useMemo, forwardRef, createElement, Component, useEffect, useImperativeHandle, Fragment as Fragment$1, Suspense } from 'react';
 import { createStore, useStore } from 'zustand';
 import { isParent as isParent$1, getLeaves, createRemoveUpdate, updateTree, getNodeAtPath, createHideUpdate, createDragToUpdates, MosaicContext, MosaicWindowContext } from 'react-mosaic-component';
 import { useTheme as useTheme$3, alpha, Typography, Divider, Link, Button as Button$1, GlobalStyles, Dialog as Dialog$2, DialogTitle as DialogTitle$2, DialogContent as DialogContent$2, DialogContentText, DialogActions, Stack as Stack$3 } from '@mui/material';
 import { i as isObjectLike, b as baseGetTag, S as Symbol$1, a as isArray, g as getNative, r as root$6, o as overArg, c as isPrototype, d as isArrayLike, e as arrayLikeKeys, M as MapCache, f as isArguments, s as setToString, h as overRest, t as toSource, j as Map$1, k as eq, U as Uint8Array$2, l as isBuffer, m as Stack$2, n as isTypedArray, p as isObject$2, q as isLength, u as isIndex, v as identity$1, w as baseFor, x as baseRest, y as isArrayLikeObject, z as baseAssignValue, A as assignValue, B as tinycolor, C as merge$2, D as instance } from './i18next-C5Qe4-E1.js';
-import { p as parseFoxgloveMessage } from './foxglove-protocol-RBwoTi12.js';
+import { p as parseFoxgloveMessage } from './foxglove-protocol-DmlyBIf3.js';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import { ThemeContext, __unsafe_useEmotionCache } from '@emotion/react';
@@ -11023,9 +11023,10 @@ function deserializeImgDetectionsCustom({
   };
   const xMultiplier = width >= height ? 1 : height / width;
   const yMultiplier = height >= width ? 1 : width / height;
+  const points = [];
+  const texts = [];
+  const circles = [];
   for (const annotations of message.annotations) {
-    const points = [];
-    const circles = [];
     for (const annotation of annotations.points) {
       if (annotation.type === PointsAnnotationType$2.POINTS) {
         circles.push(...annotation.points.map(point => ({
@@ -11050,7 +11051,7 @@ function deserializeImgDetectionsCustom({
         });
       }
     }
-    const texts = annotations.texts.map(annotation => ({
+    texts.push(...annotations.texts.map(annotation => ({
       timestamp: receiveTime,
       position: annotation.position ?? {
         x: 0,
@@ -11060,7 +11061,7 @@ function deserializeImgDetectionsCustom({
       font_size: annotation.fontSize ?? getTextSize(width, height),
       text_color: annotation.textColor ?? DEFAULT_TEXT_COLOR,
       background_color: annotation.backgroundColor ?? DEFAULT_BACKGROUND_COLOR
-    }));
+    })));
     circles.push(...annotations.circles.map(annotation => ({
       timestamp: receiveTime,
       position: annotation.position ?? {
@@ -11072,19 +11073,19 @@ function deserializeImgDetectionsCustom({
       fill_color: annotation.fillColor ?? DEFAULT_STYLE.fill,
       outline_color: annotation.outlineColor ?? DEFAULT_STYLE.outline
     })));
-    const foxgloveMessage = {
-      points,
-      texts,
-      circles
-    };
-    callback({
-      topic,
-      receiveTime,
-      message: foxgloveMessage,
-      sizeInBytes: estimateObjectSize(foxgloveMessage),
-      schemaName: "foxglove.ImageAnnotations"
-    });
   }
+  const foxgloveMessage = {
+    points,
+    texts,
+    circles
+  };
+  callback({
+    topic,
+    receiveTime,
+    message: foxgloveMessage,
+    sizeInBytes: estimateObjectSize(foxgloveMessage),
+    schemaName: "foxglove.ImageAnnotations"
+  });
 }
 
 // This Source Code Form is subject to the terms of the Mozilla Public
@@ -11845,6 +11846,7 @@ class FoxgloveConnection {
   });
 }
 
+// biome-ignore lint/suspicious/noExplicitAny: See https://github.com/biomejs/biome/issues/4906
 class EventEmitter {
     id = 0;
     handlers = {};
@@ -11868,7 +11870,7 @@ class EventEmitter {
         if (!this.handlers[key]) {
             return;
         }
-        const index = this.handlers[key].findIndex(handler => handler.id === id);
+        const index = this.handlers[key].findIndex((handler) => handler.id === id);
         if (index > 0) {
             this.handlers[key].splice(index, 1);
         }
@@ -11899,54 +11901,62 @@ class WebRtcDataChannel {
     withFragmentation;
     events = new EventEmitter();
     oldMessages = [];
-    buffer = new Uint8Array(0);
+    buffers = new Map();
     constructor(channel, withFragmentation = false) {
         this.channel = channel;
         this.withFragmentation = withFragmentation;
-        this.channel.addEventListener('error', event => this.events.emit('error', [event]));
-        this.channel.addEventListener('message', async (event) => {
-            if (channel.label === 'ping-pong') {
-                this.sendMessage('pong');
+        this.channel.addEventListener("error", (event) => this.events.emit("error", [event]));
+        this.channel.addEventListener("message", async (event) => {
+            if (channel.label === "ping-pong") {
+                this.sendMessage("pong");
             }
             if (!this.withFragmentation) {
-                this.events.emit('message', [event]);
+                this.events.emit("message", [event]);
                 return;
             }
-            const buffer = event.data instanceof ArrayBuffer ? event.data : await event.data.arrayBuffer();
+            const buffer = event.data instanceof ArrayBuffer
+                ? event.data
+                : await event.data.arrayBuffer();
             const view = new DataView(buffer);
             const totalChunks = view.getUint32(0);
             const chunkIndex = view.getUint32(4);
-            const data = new Uint8Array(buffer, 8).slice(0);
+            const messageId = view.getUint32(8);
+            const data = new Uint8Array(buffer, 12).slice(0);
             if (totalChunks !== 1) {
-                this.appendChunk(data);
+                this.appendChunk(messageId, data);
                 if (totalChunks - 1 !== chunkIndex) {
                     return;
                 }
             }
-            const completeData = totalChunks === 1 ? data : this.buffer;
-            this.events.emit('message', [
-                new MessageEvent('message', {
+            const completeData = 
+            // biome-ignore lint/style/noNonNullAssertion: Buffer is definitely created above
+            totalChunks === 1 ? data : this.buffers.get(messageId);
+            this.events.emit("message", [
+                new MessageEvent("message", {
                     data: completeData.buffer,
                 }),
             ]);
             if (totalChunks !== 1) {
-                this.buffer = new Uint8Array(0);
+                this.buffers.delete(messageId);
             }
         });
-        this.channel.addEventListener('close', event => this.events.emit('close', [event]));
-        this.channel.addEventListener('open', event => {
-            this.events.emit('open', [event]);
+        this.channel.addEventListener("close", (event) => this.events.emit("close", [event]));
+        this.channel.addEventListener("open", (event) => {
+            this.events.emit("open", [event]);
             for (const message of this.oldMessages) {
                 this.sendMessage(message);
             }
             this.oldMessages = [];
         });
     }
-    appendChunk(bytes) {
-        const newBuffer = new Uint8Array(this.buffer.byteLength + bytes.byteLength);
-        newBuffer.set(this.buffer, 0);
-        newBuffer.set(bytes, this.buffer.byteLength);
-        this.buffer = newBuffer;
+    appendChunk(messageId, bytes) {
+        const buffer = this.buffers.get(messageId);
+        const newBuffer = new Uint8Array((buffer?.byteLength ?? 0) + bytes.byteLength);
+        if (buffer) {
+            newBuffer.set(buffer, 0);
+        }
+        newBuffer.set(bytes, buffer?.byteLength ?? 0);
+        this.buffers.set(messageId, newBuffer);
     }
     get raw() {
         return this.channel;
@@ -11955,8 +11965,10 @@ class WebRtcDataChannel {
         return this.channel.label;
     }
     sendMessage(message) {
-        if (this.channel.readyState === 'open') {
-            const chunks = message instanceof DataView && this.withFragmentation ? makeChunks(message) : [message];
+        if (this.channel.readyState === "open") {
+            const chunks = message instanceof DataView && this.withFragmentation
+                ? makeChunks(message)
+                : [message];
             for (const chunk of chunks) {
                 this.channel.send(chunk);
             }
@@ -11972,29 +11984,39 @@ class WebRtcDataChannel {
      * **only** if you are sure that all messages sent over this channel will contain text.
      */
     onTextMessage(callback) {
-        return this.events.on('message', async (event) => {
-            const buffer = event.data instanceof ArrayBuffer ? event.data : await event.data.arrayBuffer();
-            const message = new TextDecoder('utf-8').decode(buffer);
+        this.events.on("message", async (event) => {
+            const buffer = event.data instanceof ArrayBuffer
+                ? event.data
+                : await event.data.arrayBuffer();
+            const message = new TextDecoder("utf-8").decode(buffer);
             callback(message);
         });
     }
     on(event, callback) {
-        const specificMessageEvents = ['message:binary', 'message:string', 'message:json'];
+        const specificMessageEvents = [
+            "message:binary",
+            "message:string",
+            "message:json",
+        ];
         if (!specificMessageEvents.includes(event)) {
             return this.events.on(event, callback);
         }
-        return this.events.on('message', async (rawEvent) => {
-            const buffer = rawEvent.data instanceof ArrayBuffer ? rawEvent.data : await rawEvent.data.arrayBuffer();
-            if (event === 'message:binary') {
+        return this.events.on("message", async (rawEvent) => {
+            const buffer = rawEvent.data instanceof ArrayBuffer
+                ? rawEvent.data
+                : await rawEvent.data.arrayBuffer();
+            if (event === "message:binary") {
                 const view = new DataView(buffer);
+                // biome-ignore lint/suspicious/noExplicitAny: TS is weak
                 callback(view);
             }
             else {
-                const message = new TextDecoder('utf-8').decode(buffer);
-                if (event === 'message:string') {
+                const message = new TextDecoder("utf-8").decode(buffer);
+                if (event === "message:string") {
+                    // biome-ignore lint/suspicious/noExplicitAny: TS is weak
                     callback(message);
                 }
-                else if (event === 'message:json') {
+                else if (event === "message:json") {
                     callback(JSON.parse(message));
                 }
             }
@@ -12010,42 +12032,40 @@ class WebRtcConnection {
     onIceCandidate;
     onConnectionEstablished;
     constructor(args) {
-        this.iceServers = args.iceServers;
+        this.iceServers = args.iceServers ?? [];
         this.onIceCandidate = args.onCandidate;
         this.onConnectionEstablished = args.onConnectionEstablished;
         this.#peerConnection = this.createPeerConnection(args.withFragmentation);
     }
     createPeerConnection(withFragmentation = false) {
-        const config = {
-            iceServers: this.iceServers ?? [],
-        };
-        const connection = new RTCPeerConnection(config);
-        connection.addEventListener('connectionstatechange', () => {
-            if (connection.connectionState === 'disconnected' ||
-                connection.connectionState === 'failed' ||
-                connection.connectionState === 'closed') {
-                this.events.emit('connection_closed', []);
+        console.log("Using ICE servers:", this.iceServers);
+        const connection = new RTCPeerConnection({ iceServers: this.iceServers });
+        connection.addEventListener("connectionstatechange", () => {
+            if (connection.connectionState === "disconnected" ||
+                connection.connectionState === "failed" ||
+                connection.connectionState === "closed") {
+                this.events.emit("connection_closed", []);
                 this.connected = false;
             }
         });
-        connection.addEventListener('iceconnectionstatechange', () => {
-            if (connection.connectionState === 'connected') {
+        connection.addEventListener("iceconnectionstatechange", () => {
+            if (connection.connectionState === "connected") {
                 this.onConnectionEstablished();
                 this.connected = true;
             }
             else if (this.connected) {
-                this.events.emit('connection_closed', []);
+                this.events.emit("connection_closed", []);
                 this.connected = false;
             }
         });
-        connection.onicecandidate = event => {
+        connection.onicecandidate = (event) => {
             if (event.candidate) {
                 this.onIceCandidate(event.candidate);
             }
         };
-        connection.addEventListener('datachannel', event => {
-            const channel = new WebRtcDataChannel(event.channel, event.channel.label !== 'ping-pong' && withFragmentation);
-            this.events.emit('data_channel', [channel]);
+        connection.addEventListener("datachannel", (event) => {
+            const channel = new WebRtcDataChannel(event.channel, event.channel.label !== "ping-pong" && withFragmentation);
+            this.events.emit("data_channel", [channel]);
         });
         return connection;
     }
@@ -12060,7 +12080,7 @@ class WebRtcConnection {
         return this.#peerConnection.setRemoteDescription({ type, sdp });
     }
     async createDescription(type) {
-        const description = await this.#peerConnection[type === 'offer' ? 'createOffer' : 'createAnswer']();
+        const description = await this.#peerConnection[type === "offer" ? "createOffer" : "createAnswer"]();
         await this.#peerConnection.setLocalDescription(description);
         return description;
     }
@@ -12068,12 +12088,13 @@ class WebRtcConnection {
         return this.#peerConnection.addIceCandidate(new RTCIceCandidate(candidate));
     }
     close() {
-        return this.#peerConnection.close();
+        this.#peerConnection.close();
     }
     on = this.events.on.bind(this.events);
 }
 
-const DEFAULT_SIGNALING_SERVER_URL = 'wss://signal.cloud.luxonis.com/session/';
+const ICE_SERVERS_API_ENDPOINT = "https://signal.cloud.luxonis.com/api/v1/turn-credentials";
+const DEFAULT_SIGNALING_SERVER_URL = "wss://signal.cloud.luxonis.com/session/";
 class WebRtcClient {
     config;
     socket;
@@ -12083,9 +12104,24 @@ class WebRtcClient {
     iceCandidates = [];
     constructor(config) {
         this.config = config;
-        this.signalingConnectionRetries = (config.signalingConnectionRetries ?? 3) || 0;
+        this.config.iceServers ??= [];
+        this.signalingConnectionRetries =
+            (config.signalingConnectionRetries ?? 3) || 0;
         this.connectSignalingServer();
     }
+    async useLuxonisIceServers() {
+        try {
+            const response = await fetch(ICE_SERVERS_API_ENDPOINT);
+            const data = (await response.json());
+            if (data.iceServers) {
+                // biome-ignore lint/style/noNonNullAssertion: Always set in the constructor
+                this.config.iceServers.push(data.iceServers);
+            }
+        }
+        catch (error) {
+            console.error("DAI Connection Error: Cannot retrieve ICE servers, falling back to default:", error);
+        }
+    }
     get signalingServerConnected() {
         return this.socket.readyState === WebSocket.OPEN;
     }
@@ -12093,7 +12129,7 @@ class WebRtcClient {
         this.connection?.close();
         this.sendMessage({
             Disconnect: {
-                type: 'normal',
+                type: "normal",
                 reason,
             },
         });
@@ -12113,22 +12149,23 @@ class WebRtcClient {
             this.connect();
         };
         // this.socket.onclose = () => console.debug('[WebRTC] Disconnected from signaling server');
-        this.socket.onerror = error => {
-            this.events.emit('error', ['signaling_connection_error', error]);
-            if (!this.events.isEventHandled('error')) {
-                console.error('[WebRTC] Signaling connection error:', error);
+        this.socket.onerror = (error) => {
+            this.events.emit("error", ["signaling_connection_error", error]);
+            if (!this.events.isEventHandled("error")) {
+                console.error("[WebRTC] Signaling connection error:", error);
             }
             setTimeout(() => {
                 if (this.signalingConnectionRetries) {
                     this.signalingConnectionRetries -= 1;
-                    if (this.socket.readyState === WebSocket.CLOSED || this.socket.readyState === WebSocket.CLOSING) {
+                    if (this.socket.readyState === WebSocket.CLOSED ||
+                        this.socket.readyState === WebSocket.CLOSING) {
                         // console.debug('[WebRTC] Reconnecting to signaling server');
                         this.connectSignalingServer();
                     }
                 }
             }, 3_000);
         };
-        this.socket.onmessage = event => {
+        this.socket.onmessage = (event) => {
             const message = JSON.parse(event.data);
             this.handleSignalingMessage(message);
         };
@@ -12137,7 +12174,7 @@ class WebRtcClient {
         if (this.signalingServerConnected) {
             this.sendMessage({
                 Disconnect: {
-                    type: 'normal',
+                    type: "normal",
                     reason,
                 },
             });
@@ -12145,38 +12182,46 @@ class WebRtcClient {
         }
     }
     handleSignalingMessage(message) {
-        if ('AcknowledgeSession' in message) {
+        if ("AcknowledgeSession" in message) {
             if (message.AcknowledgeSession.acknowledge) {
-                this.createConnection();
+                if (this.config.useLuxonisIceServers) {
+                    this.useLuxonisIceServers().then(() => this.createConnection());
+                }
+                else {
+                    this.createConnection();
+                }
             }
             else {
-                if (!this.events.isEventHandled('error')) {
-                    console.error('[WebRTC] Connection refused:', message.AcknowledgeSession.reason);
+                if (!this.events.isEventHandled("error")) {
+                    console.error("[WebRTC] Connection refused:", message.AcknowledgeSession.reason);
                 }
-                this.events.emit('error', ['signaling_rejected', message.AcknowledgeSession.reason]);
-                this.dispose('Connection refused');
+                this.events.emit("error", [
+                    "signaling_rejected",
+                    message.AcknowledgeSession.reason,
+                ]);
+                this.dispose("Connection refused");
             }
         }
-        else if ('Candidate' in message) {
+        else if ("Candidate" in message) {
             void this.handleCandidateMessage(message);
         }
-        else if ('Disconnect' in message) {
-            this.dispose('Targed disconnected');
+        else if ("Disconnect" in message) {
+            this.dispose("Targed disconnected");
         }
     }
-    async handleCandidateMessage({ Candidate: { type: kind, candidate } }) {
+    async handleCandidateMessage({ Candidate: { type: kind, candidate }, }) {
         if (!this.connection) {
             // console.error('[WebRTC] Candidate message dropped: conenction not established');
             return;
         }
         // console.debug('[WebRTC] Processing candidate message', kind);
         switch (kind) {
-            case 'answer':
-            case 'offer': {
+            case "answer":
+            case "offer": {
                 const data = `${candidate}`;
-                if (data === 'null' || data === '') {
-                    console.error('[WebRTC] Offer refused: remote description cannot be null');
-                    this.reconnect('Error: received invalid candidate');
+                if (data === "null" || data === "") {
+                    console.error("[WebRTC] Offer refused: remote description cannot be null");
+                    this.reconnect("Error: received invalid candidate");
                     return;
                 }
                 // console.debug('[WebRTC] Offer accepted. Setting remote description..');
@@ -12187,19 +12232,19 @@ class WebRtcClient {
                     void this.connection.addIceCandidate(JSON.parse(iceCandidate));
                 }
                 this.iceCandidates = [];
-                if (kind === 'offer') {
-                    const answer = await this.connection.createDescription('answer');
+                if (kind === "offer") {
+                    const answer = await this.connection.createDescription("answer");
                     // console.debug('[WebRTC] Answer created (set local description)');
                     this.sendMessage({
                         Candidate: {
-                            type: 'answer',
-                            candidate: answer.sdp ?? '',
+                            type: "answer",
+                            candidate: answer.sdp ?? "",
                         },
                     });
                 }
                 return;
             }
-            case 'candidate': {
+            case "candidate": {
                 if (this.connection.peerConnection.remoteDescription === null) {
                     // console.debug('[WebRTC] Storing ICE candidate (remote description is not set yet)');
                     this.iceCandidates.push(candidate);
@@ -12225,18 +12270,18 @@ class WebRtcClient {
     createConnection() {
         this.connection = new WebRtcConnection({
             iceServers: this.config.iceServers,
-            onCandidate: candidate => {
+            onCandidate: (candidate) => {
                 this.sendMessage({
                     Candidate: {
-                        type: 'candidate',
+                        type: "candidate",
                         candidate: JSON.stringify(candidate),
                     },
                 });
             },
-            onConnectionEstablished: () => this.disconnectSignalingServer('P2P connection established'),
+            onConnectionEstablished: () => this.disconnectSignalingServer("P2P connection established"),
             withFragmentation: this.config.withFragmentation,
         });
-        this.events.emit('connection_established', [this.connection]);
+        this.events.emit("connection_established", [this.connection]);
     }
     dispose(reason) {
         this.disconnect(reason);
@@ -12296,7 +12341,7 @@ class WebRtcBridge extends ArtificialWorker {
   #systemChannel = null;
   constructor() {
     super();
-    this.#worker = new Worker(new URL("worker-CXuTdrjS.js", import.meta.url), {
+    this.#worker = new Worker(new URL("worker-C3ml2hfy.js", import.meta.url), {
       type: "module"
     });
     this.#setupArtificialWorker();
@@ -12478,7 +12523,7 @@ class VisualizerConnection extends FoxgloveConnection {
     let worker;
     if (type === 'ws') {
       this.#url = data.connectionUrl;
-      worker = new Worker(new URL("worker-DfTPsYKZ.js", import.meta.url), {
+      worker = new Worker(new URL("worker-CCvY-EFQ.js", import.meta.url), {
         type: "module"
       });
     } else {
@@ -89666,7 +89711,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-BIxD6cyL.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-DxtAwaZe.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -89677,7 +89722,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-CTIiK-ow.js').then(m => m.cpp());
+            return import('./index-B0k0a7K7.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89685,7 +89730,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-CTIiK-ow.js').then(m => m.cpp());
+            return import('./index-B0k0a7K7.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89705,7 +89750,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-DRtC0s1g.js').then(m => m.go());
+            return import('./index-CRgjpD5O.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89720,7 +89765,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-Bjz2L7av.js').then(m => m.java());
+            return import('./index-CmnfrXfd.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89736,7 +89781,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-BLVgbFKd.js').then(m => m.json());
+            return import('./index-Cm0Rlc5T.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89750,14 +89795,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-DJfY-OXr.js').then(m => m.less());
+            return import('./index-HpLzRF8D.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-DcKMJn1j.js').then(m => m.liquid());
+            return import('./index-J5rh5N2R.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89783,7 +89828,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-c_xtx4CB.js').then(m => m.php());
+            return import('./index-BzTvrAka.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89800,28 +89845,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-WIZWsFgb.js').then(m => m.python());
+            return import('./index-DE0KXNtW.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-D4LzjTJ_.js').then(m => m.rust());
+            return import('./index-CjQnzfCb.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-nLzJz-lo.js').then(m => m.sass({ indented: true }));
+            return import('./index-BjOIPnF_.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-nLzJz-lo.js').then(m => m.sass());
+            return import('./index-BjOIPnF_.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89852,7 +89897,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-IWR90Ihz.js').then(m => m.wast());
+            return import('./index-C5MtTXSg.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89860,7 +89905,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-BPx2E4TX.js').then(m => m.xml());
+            return import('./index-BNSpM4kb.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -89868,7 +89913,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-DehNNs3K.js').then(m => m.yaml());
+            return import('./index-aoIw7apL.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -90664,13 +90709,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-CeUCpNeK.js').then(m => m.vue());
+            return import('./index-ffLV-hNV.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-D-neXcCK.js').then(m => m.angular());
+            return import('./index-CvYJPdRE.js').then(m => m.angular());
         }
     })
 ];
@@ -161575,7 +161620,7 @@ const Panel = ({
   }, children))))));
 };
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CfLhRzJ8.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CetYY1E_.js'));
 const ImagePanelBody = ({
   topic
 }) => {
@@ -161610,7 +161655,7 @@ const ImagePanel = /*#__PURE__*/React__default.memo(function ImagePanel(props) {
 // 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/
 
-const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-DxfR1dya.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-DW-s_1Hw.js'));
 const PointCloudPanelBody = ({
   topic
 }) => {