add config file to set defaultParent config

src/editor/index.js

@@ -5,6 +5,7 @@ import { AuthProvider, GeoProvider } from './contexts';
 import Events from './lib/Events';
 import { AssetsLoader } from './lib/assetsLoader';
 import { initCameras } from './lib/cameras';
+import { Config } from './lib/config';
 import { History } from './lib/history';
 import { Shortcuts } from './lib/shortcuts';
 import { Viewport } from './lib/viewport';
@@ -17,6 +18,7 @@ import { commandsByType } from './lib/commands/index.js';
 function Inspector() {
   this.assetsLoader = new AssetsLoader();
   this.exporters = { gltf: new GLTFExporter() };
+  this.config = new Config();
   this.history = new History();
   this.isFirstOpen = true;
   this.modules = {};

src/editor/lib/commands/EntityCreateCommand.js

@@ -24,7 +24,8 @@ export class EntityCreateCommand extends Command {
       this.editor.selectEntity(entity);
     };
     const parentEl =
-      this.definition.parentEl ?? document.querySelector('#street-container');
+      this.definition.parentEl ??
+      document.querySelector(this.editor.config.defaultParent);
     // If we undo and redo, use the previous id so next redo actions (for example entityupdate to move the position) works correctly
     if (this.entityId) {
       definition = { ...this.definition, id: this.entityId };

src/editor/lib/config.js

@@ -0,0 +1,6 @@
+export function Config() {
+  return {
+    // Default parent to add new elements to
+    defaultParent: '#street-container'
+  };
+}

src/editor/lib/entity.js

@@ -652,7 +652,9 @@ export function createEntity(definition, cb, parentEl = undefined) {
   if (parentEl) {
     parentEl.appendChild(entity);
   } else {
-    document.getElementById('street-container').appendChild(entity);
+    document
+      .querySelector(AFRAME.INSPECTOR.config.defaultParent)
+      .appendChild(entity);
   }
 
   return entity;