Merge branch 'right-panel' of https://github.com/3DStreet/3dstreet in…

…to right-panel

package.json

@@ -41,6 +41,7 @@
     "firebase-admin": "^12.1.1",
     "firebase-functions": "^5.0.1",
     "lodash-es": "^4.17.21",
+    "nanoid": "^5.0.7",
     "posthog-js": "^1.138.3",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",

src/components/street-geo.js

@@ -129,11 +129,11 @@ AFRAME.registerComponent('street-geo', {
       });
       google3dElement.classList.add('autocreated');
 
-      if (AFRAME.INSPECTOR && AFRAME.INSPECTOR.opened) {
-        // emit play event to start loading tiles in Editor mode
+      if (AFRAME.INSPECTOR?.opened) {
         google3dElement.addEventListener(
           'loaded',
           () => {
+            // emit play event to start loading tiles in Editor mode
             google3dElement.play();
           },
           { once: true }
@@ -212,12 +212,21 @@ AFRAME.registerComponent('street-geo', {
       osm3dBuildingElement.classList.add('autocreated');
       osm3dBuildingElement.setAttribute('data-ignore-raycaster', '');
 
-      if (AFRAME.INSPECTOR && AFRAME.INSPECTOR.opened) {
-        // emit play event to start loading tiles in Editor mode
+      if (AFRAME.INSPECTOR?.opened) {
         osm3dElement.addEventListener(
           'loaded',
           () => {
+            // emit play event to start loading tiles in Editor mode
             osm3dElement.play();
+          },
+          { once: true }
+        );
+      }
+      if (AFRAME.INSPECTOR?.opened) {
+        osm3dBuildingElement.addEventListener(
+          'loaded',
+          () => {
+            // emit play event to start loading tiles in Editor mode
             osm3dBuildingElement.play();
           },
           { once: true }