@luxonis/visualizer-protobuf 2.0.0 → 2.0.1

package/dist/{index-DQCAxiet.js → index-D_KeDxU5.js}

@@ -1,12 +1,11 @@
-import { c as commonjsGlobal, g as getAugmentedNamespace, a as getDefaultExportFromCjs } from './worker-utils-DfViKOHw.js';
-import { T as Type$1, P as PointsAnnotationType$2, a as Profile, p as protobufsBySchema } from './communicator-D_EeiIbd.js';
+import { c as commonjsGlobal, g as getAugmentedNamespace, a as getDefaultExportFromCjs } from './worker-utils-BNThsbdN.js';
+import { T as Type$1, P as PointsAnnotationType$2, a as Profile, p as protobufsBySchema } from './communicator-ZAqNuwq6.js';
 import * as React$1 from 'react';
 import React__default, { useContext, useRef, useLayoutEffect, createContext, useReducer, useState, useCallback, useMemo, forwardRef, createElement, Component, useEffect, Children, isValidElement, cloneElement, Fragment, useImperativeHandle, 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, DialogTitle, DialogContent, 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$1, 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 './worker-utils-BbyBpOVt.js';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import { ThemeContext, __unsafe_useEmotionCache } from '@emotion/react';
@@ -2922,7 +2921,7 @@ function getAllKeys(object) {
 }
 
 /* Built-in method references that are verified to be native. */
-var DataView = getNative(root$6, 'DataView');
+var DataView$1 = getNative(root$6, 'DataView');
 
 /* Built-in method references that are verified to be native. */
 var Promise$1 = getNative(root$6, 'Promise');
@@ -2940,7 +2939,7 @@ var mapTag$2 = '[object Map]',
 var dataViewTag$1 = '[object DataView]';
 
 /** Used to detect maps, sets, and weakmaps. */
-var dataViewCtorString = toSource(DataView),
+var dataViewCtorString = toSource(DataView$1),
     mapCtorString = toSource(Map$1),
     promiseCtorString = toSource(Promise$1),
     setCtorString = toSource(Set$1),
@@ -2956,7 +2955,7 @@ var dataViewCtorString = toSource(DataView),
 var getTag = baseGetTag;
 
 // Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
-if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$1) ||
+if ((DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$1) ||
     (Map$1 && getTag(new Map$1) != mapTag$2) ||
     (Promise$1 && getTag(Promise$1.resolve()) != promiseTag) ||
     (Set$1 && getTag(new Set$1) != setTag$2) ||
@@ -11002,17 +11001,36 @@ function deserializeImgDetectionsCustom({
     width: DEFAULT_WIDTH,
     height: DEFAULT_HEIGHT
   };
-  for (const annotation of message.annotations) {
-    const points = annotation.points.map(annotation => ({
-      timestamp: receiveTime,
-      type: annotation.type === PointsAnnotationType$2.UNRECOGNIZED ? typescript$1.PointsAnnotationType.UNKNOWN : Number(annotation.type),
-      points: annotation.points,
-      outline_color: annotation.outlineColor ?? DEFAULT_STYLE.outline,
-      outline_colors: [],
-      fill_color: annotation.fillColor ?? DEFAULT_STYLE.fill,
-      thickness: annotation.thickness
-    }));
-    const texts = annotation.texts.map(annotation => ({
+  const xMultiplier = width >= height ? 1 : height / width;
+  const yMultiplier = height >= width ? 1 : width / height;
+  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 => ({
+          timestamp: receiveTime,
+          position: point,
+          xMultiplier,
+          yMultiplier,
+          diameter: annotation.thickness / 200,
+          thickness: annotation.thickness,
+          fill_color: annotation.fillColor ?? DEFAULT_STYLE.fill,
+          outline_color: annotation.outlineColor ?? DEFAULT_STYLE.fill
+        })));
+      } else {
+        points.push({
+          timestamp: receiveTime,
+          type: annotation.type === PointsAnnotationType$2.UNRECOGNIZED ? typescript$1.PointsAnnotationType.UNKNOWN : Number(annotation.type),
+          points: annotation.points,
+          outline_color: annotation.outlineColor ?? DEFAULT_STYLE.outline,
+          outline_colors: [],
+          fill_color: annotation.fillColor ?? DEFAULT_STYLE.fill,
+          thickness: annotation.thickness
+        });
+      }
+    }
+    const texts = annotations.texts.map(annotation => ({
       timestamp: receiveTime,
       position: annotation.position ?? {
         x: 0,
@@ -11023,7 +11041,7 @@ function deserializeImgDetectionsCustom({
       text_color: annotation.textColor ?? DEFAULT_TEXT_COLOR,
       background_color: annotation.backgroundColor ?? DEFAULT_BACKGROUND_COLOR
     }));
-    const circles = annotation.circles.map(annotation => ({
+    circles.push(...annotations.circles.map(annotation => ({
       timestamp: receiveTime,
       position: annotation.position ?? {
         x: 0,
@@ -11033,7 +11051,7 @@ function deserializeImgDetectionsCustom({
       thickness: annotation.thickness,
       fill_color: annotation.fillColor ?? DEFAULT_STYLE.fill,
       outline_color: annotation.outlineColor ?? DEFAULT_STYLE.outline
-    }));
+    })));
     const foxgloveMessage = {
       points,
       texts,
@@ -11806,6 +11824,490 @@ class FoxgloveConnection {
   });
 }
 
+class EventEmitter {
+    id = 0;
+    handlers = {};
+    emit(event, data) {
+        const handlers = this.handlers[event] ?? [];
+        for (const { handler } of handlers) {
+            handler(...data);
+        }
+    }
+    on(event, handler) {
+        const key = event;
+        const id = this.id + 1;
+        if (!this.handlers[key]) {
+            this.handlers[key] = [];
+        }
+        this.handlers[key].push({ id, handler });
+        return this.off(event, id);
+    }
+    off(event, id) {
+        const key = event;
+        if (!this.handlers[key]) {
+            return;
+        }
+        const index = this.handlers[key].findIndex(handler => handler.id === id);
+        if (index > 0) {
+            this.handlers[key].splice(index, 1);
+        }
+    }
+    isEventHandled(event) {
+        const eventHandlers = this.handlers[event];
+        return !!eventHandlers && Object.values(eventHandlers).length > 0;
+    }
+}
+
+class WebRtcDataChannel {
+    channel;
+    events = new EventEmitter();
+    oldMessages = [];
+    constructor(channel) {
+        this.channel = channel;
+        this.channel.onerror = event => this.events.emit('error', [event]);
+        this.channel.onmessage = event => this.events.emit('message', [event]);
+        this.channel.onclose = event => this.events.emit('close', [event]);
+        this.channel.onopen = event => {
+            this.events.emit('open', [event]);
+            for (const message of this.oldMessages) {
+                this.sendMessage(message);
+            }
+            this.oldMessages = [];
+        };
+    }
+    get raw() {
+        return this.channel;
+    }
+    get label() {
+        return this.channel.label;
+    }
+    sendMessage(message) {
+        if (this.channel.readyState === 'open') {
+            this.channel.send(message);
+        }
+        else {
+            this.oldMessages.push(message);
+        }
+    }
+    /**
+     * This method does **not** filter messages. Use this method instead of {@link on}
+     * **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 = await event.data.arrayBuffer();
+            const message = new TextDecoder('utf-8').decode(buffer);
+            callback(message);
+        });
+    }
+    on = this.events.on.bind(this.events);
+}
+
+class WebRtcConnection {
+    iceServers;
+    #peerConnection;
+    connected = false;
+    events = new EventEmitter();
+    onIceCandidate;
+    onConnectionEstablished;
+    constructor(props) {
+        this.iceServers = props.iceServers;
+        this.onIceCandidate = props.onCandidate;
+        this.onConnectionEstablished = props.onConnectionEstablished;
+        this.#peerConnection = this.createPeerConnection();
+    }
+    createPeerConnection() {
+        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', []);
+                this.connected = false;
+            }
+        });
+        connection.addEventListener('iceconnectionstatechange', () => {
+            if (connection.connectionState === 'connected') {
+                this.onConnectionEstablished();
+                this.connected = true;
+            }
+            else if (this.connected) {
+                this.events.emit('connection_closed', []);
+                this.connected = false;
+            }
+        });
+        connection.onicecandidate = event => {
+            if (event.candidate) {
+                this.onIceCandidate(event.candidate);
+            }
+        };
+        connection.ondatachannel = event => {
+            const channel = new WebRtcDataChannel(event.channel);
+            if (channel.label === 'ping-pong') {
+                channel.on('message', () => channel.sendMessage('pong'));
+            }
+            this.events.emit('data_channel', [channel]);
+        };
+        return connection;
+    }
+    get peerConnection() {
+        return this.#peerConnection;
+    }
+    createDataChannel(label, options) {
+        const channel = this.#peerConnection.createDataChannel(label, options);
+        return new WebRtcDataChannel(channel);
+    }
+    setRemoteDescription(type, sdp) {
+        return this.#peerConnection.setRemoteDescription({ type, sdp });
+    }
+    async createDescription(type) {
+        const description = await this.#peerConnection[type === 'offer' ? 'createOffer' : 'createAnswer']();
+        await this.#peerConnection.setLocalDescription(description);
+        return description;
+    }
+    addIceCandidate(candidate) {
+        return this.#peerConnection.addIceCandidate(new RTCIceCandidate(candidate));
+    }
+    close() {
+        return this.#peerConnection.close();
+    }
+    on = this.events.on.bind(this.events);
+}
+
+const DEFAULT_SIGNALING_SERVER_URL = 'wss://signal.cloud.luxonis.com/session/';
+class WebRtcClient {
+    config;
+    socket;
+    connection = null;
+    signalingConnectionRetries;
+    events = new EventEmitter();
+    iceCandidates = [];
+    constructor(config) {
+        this.config = config;
+        this.signalingConnectionRetries = (config.signalingConnectionRetries ?? 3) || 0;
+        this.connectSignalingServer();
+    }
+    get signalingServerConnected() {
+        return this.socket.readyState === WebSocket.OPEN;
+    }
+    disconnect(reason) {
+        this.connection?.close();
+        this.sendMessage({
+            Disconnect: {
+                type: 'normal',
+                reason,
+            },
+        });
+    }
+    connect() {
+        this.sendMessage({
+            ConnectSession: {
+                client_id: this.config.clientId,
+                application_identifier: this.config.applicationIdentifier,
+                auth_payload: this.config.authPayload,
+            },
+        });
+    }
+    connectSignalingServer() {
+        this.socket = new WebSocket(this.config.signalingServerUrl ?? DEFAULT_SIGNALING_SERVER_URL);
+        this.socket.onopen = () => {
+            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);
+            }
+            setTimeout(() => {
+                if (this.signalingConnectionRetries) {
+                    this.signalingConnectionRetries -= 1;
+                    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 => {
+            const message = JSON.parse(event.data);
+            this.handleSignalingMessage(message);
+        };
+    }
+    disconnectSignalingServer(reason) {
+        if (this.signalingServerConnected) {
+            this.sendMessage({
+                Disconnect: {
+                    type: 'normal',
+                    reason,
+                },
+            });
+            this.socket.close();
+        }
+    }
+    handleSignalingMessage(message) {
+        if ('AcknowledgeSession' in message) {
+            if (message.AcknowledgeSession.acknowledge) {
+                this.createConnection();
+            }
+            else {
+                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');
+            }
+        }
+        else if ('Candidate' in message) {
+            void this.handleCandidateMessage(message);
+        }
+        else if ('Disconnect' in message) {
+            this.dispose('Targed disconnected');
+        }
+    }
+    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': {
+                const data = `${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..');
+                await this.connection.setRemoteDescription(kind, candidate);
+                // console.debug('[WebRTC] Set remote description');
+                for (const candidate of this.iceCandidates) {
+                    // console.debug('[WebRTC] Adding stored ICE candidate');
+                    this.connection.addIceCandidate(JSON.parse(candidate));
+                }
+                this.iceCandidates = [];
+                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 ?? '',
+                        },
+                    });
+                }
+                return;
+            }
+            case 'candidate': {
+                if (this.connection.peerConnection.remoteDescription === null) {
+                    // console.debug('[WebRTC] Storing ICE candidate (remote description is not set yet)');
+                    this.iceCandidates.push(candidate);
+                }
+                else {
+                    // console.debug('[WebRTC] Adding ICE candidate');
+                    return this.connection.addIceCandidate(JSON.parse(candidate));
+                }
+            }
+        }
+    }
+    reconnect(reason) {
+        // console.debug(`[WebRTC] Reconnecting: ${reason}`);
+        this.disconnect(reason);
+        this.connect();
+    }
+    sendMessage(message) {
+        // console.debug('[WebRTC] Sending message', message);
+        if (this.socket.readyState === WebSocket.OPEN) {
+            this.socket.send(JSON.stringify(message));
+        }
+    }
+    createConnection() {
+        this.connection = new WebRtcConnection({
+            iceServers: this.config.iceServers,
+            onCandidate: candidate => {
+                this.sendMessage({
+                    Candidate: {
+                        type: 'candidate',
+                        candidate: JSON.stringify(candidate),
+                    },
+                });
+            },
+            onConnectionEstablished: () => this.disconnectSignalingServer('P2P connection established'),
+        });
+        this.events.emit('connection_established', [this.connection]);
+    }
+    dispose(reason) {
+        this.disconnect(reason);
+        this.disconnectSignalingServer(reason);
+    }
+    on = this.events.on.bind(this.events);
+}
+
+// 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/
+
+class ArtificialWorker extends EventTarget {
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+  postMessage(data, _transferable) {
+    const event = new MessageEvent('message', {
+      data
+    });
+    super.dispatchEvent(event);
+  }
+
+  // @ts-expect-error Make it typed
+  addEventListener(type, callback) {
+    super.addEventListener(type, callback);
+  }
+  terminate() {}
+}
+
+// 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/
+
+const MESSAGE_CHANNEL_NAME = "message";
+const SYSTEM_CHANNEL_NAME = "system";
+class WebRtcBridge extends ArtificialWorker {
+  #worker;
+  #webrtc = null;
+  #messageChannel = null;
+  #systemChannel = null;
+  constructor() {
+    super();
+    this.#worker = new Worker(new URL("worker-ByVSTHSI.js", import.meta.url), {
+      type: "module"
+    });
+    this.#setupArtificialWorker();
+  }
+  terminate() {
+    this.#worker.terminate();
+  }
+  #setupArtificialWorker() {
+    this.addEventListener('message', event => {
+      switch (event.data.type) {
+        case 'open':
+          {
+            if ('config' in event.data.data) {
+              this.#createWebRtc(event.data.data.config);
+            }
+            break;
+          }
+      }
+    });
+  }
+  #createWebRtc(config) {
+    this.#webrtc = new WebRtcClient(config);
+    this.#handleWebRtc(this.#webrtc);
+    this.#handleMessages();
+  }
+  #handleWebRtc(client) {
+    client.on("connection_established", connection => {
+      connection.on("data_channel", channel => {
+        channel.on('close', () => {
+          if (channel.label !== MESSAGE_CHANNEL_NAME && channel.label !== SYSTEM_CHANNEL_NAME) {
+            return;
+          }
+          this.#worker.postMessage({
+            kind: "connection",
+            data: {
+              channel: channel.label === MESSAGE_CHANNEL_NAME ? 'message' : 'system',
+              ready: false
+            }
+          });
+        });
+        if (channel.label === MESSAGE_CHANNEL_NAME) {
+          this.#messageChannel = channel;
+          channel.on("message", async ({
+            data
+          }) => {
+            const operation = data.getUint8(0);
+            const action = operation === 0x01 ? 'message' : operation === 0x03 ? 'service_response' : 'other';
+            if (action === 'message') {
+              const subscriptionId = data.getUint32(1);
+              const payload = new DataView(data.buffer, data.byteOffset + 1 + 4 + 8);
+              this.#worker.postMessage({
+                kind: "genericMessage",
+                data: {
+                  message: {
+                    subscriptionId,
+                    data: payload
+                  }
+                }
+              }, [payload.buffer]);
+            } else {
+              const callId = data.getUint32(1 + 4); // op-code + service-id
+              const encodingLength = data.getUint32(1 + 4 + 4); // op-code + service-id + call-id
+              const payload = new DataView(data.buffer, data.byteOffset + 1 + 4 + 4 + 4 + encodingLength); // op-code + service-id + call-id + encoding-length
+              this.#worker.postMessage({
+                kind: "systemMessage",
+                data: {
+                  message: {
+                    op: 'serviceResponse',
+                    callId,
+                    data: payload
+                  }
+                }
+              }, [payload.buffer]);
+            }
+          });
+        } else if (channel.label === SYSTEM_CHANNEL_NAME) {
+          this.#systemChannel = channel;
+          channel.on("message", async event => {
+            const message = JSON.parse(event.data);
+            this.#worker.postMessage({
+              kind: "systemMessage",
+              data: {
+                message
+              }
+            });
+          });
+        }
+        this.#worker.postMessage({
+          kind: "connection",
+          data: {
+            channel: channel.label === MESSAGE_CHANNEL_NAME ? 'message' : 'system',
+            ready: true
+          }
+        });
+      });
+      connection.on("connection_closed", () => {
+        this.#worker.postMessage({
+          kind: "connection",
+          data: {
+            channel: null,
+            ready: false
+          }
+        });
+      });
+    });
+  }
+  #handleMessages() {
+    this.#worker.addEventListener('message', event => {
+      switch (event.data.type) {
+        case 'send':
+          {
+            const channel = event.data.data.channel === 'message' ? this.#messageChannel : this.#systemChannel;
+            if (channel) {
+              channel.sendMessage(event.data.data.data);
+            }
+            break;
+          }
+        default:
+          {
+            this.postMessage(event.data);
+          }
+      }
+    });
+  }
+}
+
 // 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/
@@ -11823,14 +12325,12 @@ class VisualizerConnection extends FoxgloveConnection {
     let finalWorker = worker;
     if (type === 'ws') {
       this.#url = data.connectionUrl;
-      finalWorker ??= new Worker(new URL("worker-1z9jlpUn.js", import.meta.url), {
+      finalWorker ??= new Worker(new URL("worker-DlZ2xp8p.js", import.meta.url), {
         type: "module"
       });
     } else {
       this.#config = data.config;
-      finalWorker ??= new Worker(new URL("worker-DNYPTnyn.js", import.meta.url), {
-        type: "module"
-      });
+      finalWorker ??= new WebRtcBridge();
     }
     this.#open(finalWorker);
   }
@@ -11862,7 +12362,7 @@ class VisualizerConnection extends FoxgloveConnection {
       this.onMessagePacket.bind(this)(event);
     });
     this.#adapter.addEventListener("close", this.#onClose.bind(this));
-    this.#adapter.onerror = this.#onError.bind(this);
+    this.#adapter.addEventListener("error", this.#onClose.bind(this));
   };
   #onOpen = () => {
     this.playerPresence = PlayerPresence.PRESENT;
@@ -83050,7 +83550,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql$1(dialectName) {
-    return import('./index-M-zdB4A1.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-XkjbxWyS.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -83061,7 +83561,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-BOSrUvKZ.js').then(m => m.cpp());
+            return import('./index-C1jY05Dy.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83069,7 +83569,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-BOSrUvKZ.js').then(m => m.cpp());
+            return import('./index-C1jY05Dy.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83089,7 +83589,7 @@ const languages = [
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-CnbrHWCd.js').then(m => m.go());
+            return import('./index-Bg_SBKcj.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83104,7 +83604,7 @@ const languages = [
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-D0vwBTE3.js').then(m => m.java());
+            return import('./index-sK4DWbBt.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83120,7 +83620,7 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-DudYiuIt.js').then(m => m.json());
+            return import('./index-CdE_fknn.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83134,14 +83634,14 @@ const languages = [
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-DpXY8ing.js').then(m => m.less());
+            return import('./index-BarbRpkf.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-By94udNp.js').then(m => m.liquid());
+            return import('./index-PZaaEO31.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83167,7 +83667,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-r1jTO4Ay.js').then(m => m.php());
+            return import('./index-COiPTu-O.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83184,28 +83684,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-FOw7-sDA.js').then(m => m.python());
+            return import('./index-DFFtL_uP.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-Al0pDnqr.js').then(m => m.rust());
+            return import('./index-BS1BKdpU.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-doJtQKmP.js').then(m => m.sass({ indented: true }));
+            return import('./index-BPkCb-qN.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-doJtQKmP.js').then(m => m.sass());
+            return import('./index-BPkCb-qN.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83236,7 +83736,7 @@ const languages = [
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-QNisWGZ4.js').then(m => m.wast());
+            return import('./index-CKhCSBGi.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83244,7 +83744,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-BfF6NM_p.js').then(m => m.xml());
+            return import('./index-D8Bx_kL-.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -83252,7 +83752,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-BtdqjdG0.js').then(m => m.yaml());
+            return import('./index-MKv43hnI.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -84048,13 +84548,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-BeQsiPfT.js').then(m => m.vue());
+            return import('./index-D6Z2XgEd.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-D-Et9RVh.js').then(m => m.angular());
+            return import('./index-DULznPlC.js').then(m => m.angular());
         }
     })
 ];
@@ -154266,7 +154766,7 @@ const Panel = ({
   }, children))))));
 };
 
-const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-IoSJKto7.js'));
+const ImagePanelComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-D7G90Nuw.js'));
 const ImagePanelBody = ({
   topic
 }) => {
@@ -154301,7 +154801,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-CgoOLCnB.js'));
+const ThreeDeeRenderComponent = /*#__PURE__*/React__default.lazy(async () => await import('./index-CLrFiqp0.js'));
 const PointCloudPanelBody = ({
   topic
 }) => {