Display short prefab names in treeview

flecs-hub · Nov 1, 2024 · 4129742 · 4129742
1 parent b44c800
commit 4129742
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/etc/index.html b/etc/index.html
@@ -148,6 +148,7 @@
     <script src="flecs.js" type="text/javascript" charset="utf-8"></script>
 
     <!-- Application source -->
+    <script src="js/common.js"></script>
     <script src="js/module_loader.js"></script>
     <script src="js/app.js"></script>
   </body>

diff --git a/etc/js/common.js b/etc/js/common.js
@@ -0,0 +1,8 @@
+explorer = {
+  shortenEntity: function(entity) {
+    let escaped = entity.replaceAll("\\.", "@@");
+    escaped = escaped.split(".").pop();
+    escaped = escaped.replaceAll("@@", ".");
+    return escaped;
+  }
+}
diff --git a/etc/js/components/widgets/inspector/entity-inspector-component.vue b/etc/js/components/widgets/inspector/entity-inspector-component.vue
@@ -177,10 +177,7 @@ const nameIsPair = computed(() => {
 });
 
 function shortenEntity(entity) {
-  let escaped = entity.replaceAll("\\.", "@@");
-  escaped = escaped.split(".").pop();
-  escaped = escaped.replaceAll("@@", ".");
-  return escaped;
+  return explorer.shortenEntity(entity);
 }
 
 function removeComponent() {

diff --git a/etc/js/components/widgets/tree/entity-tree-item.vue b/etc/js/components/widgets/tree/entity-tree-item.vue
@@ -11,7 +11,7 @@
       </div>
       <div class="entity-tree-item-name noselect">
         <span>
-          {{ itemName }}<template v-if="item.baseEntity"><span class="entity-tree-item-base">&nbsp;:&nbsp;{{ item.baseEntity }}</span></template>
+          {{ itemName }}<template v-if="item.baseEntity"><span class="entity-tree-item-base">&nbsp;:&nbsp;{{ shortenEntity(item.baseEntity) }}</span></template>
         </span>
       </div>
     </div>
@@ -100,6 +100,10 @@ const chevronRotation = computed(() => {
   }
 });
 
+function shortenEntity(entity) {
+  return explorer.shortenEntity(entity);
+}
+
 </script>
 
 <style scoped>