add option to rename object

dpwoert · Jan 22, 2024 · bcb951a · bcb951a
1 parent b290f5b
commit bcb951a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/examples/three-gltf-editor/src/Viewer.ts b/examples/three-gltf-editor/src/Viewer.ts
@@ -204,6 +204,7 @@ export default class Viewer {
         },
         canDelete: true,
         onDelete: () => this.syncGUI(),
+        onRename: () => this.syncGUI(),
       })
     );
 

diff --git a/plugins/three/src/object3d.ts b/plugins/three/src/object3d.ts
@@ -22,6 +22,7 @@ type MatrixSettings = {
   onTransformEnd?: () => void;
   canDelete?: boolean;
   onDelete?: () => void;
+  onRename?: (object: Object3D) => void;
 };
 
 type Object3dSettings = Partial<MatrixSettings>;
@@ -30,6 +31,8 @@ export type MeshSettings = Object3dSettings & {
   customMaterial?: materialTransform;
 };
 
+let renameDebounce: ReturnType<typeof setTimeout> | undefined;
+
 export function matrixFolders(
   object: Object3D,
   settings: MatrixSettings
@@ -38,7 +41,15 @@ export function matrixFolders(
 
   const general = new Folder('General');
   general.add([
-    new TextControl(object, 'name'),
+    new TextControl(object, 'name').on('update', () => {
+      if (renameDebounce) {
+        clearTimeout(renameDebounce);
+      }
+
+      renameDebounce = setTimeout(() => {
+        if (settings.onRename) settings.onRename(object);
+      }, 500);
+    }),
     new TextControl(object, 'id'),
     new BooleanControl(object, 'visible'),
   ]);