Create snapshot upon releasing transform gizmo

packages/editor/src/components/properties/ScenePreviewCameraNodeEditor.tsx

@@ -61,7 +61,7 @@ export const ScenePreviewCameraNodeEditor: EditorComponentType = (props) => {
     transform.rotation.copy(rotation)
     computeTransformMatrix(props.entity)
 
-    EditorControlFunctions.commitTransformSave(props.entity)
+    EditorControlFunctions.commitTransformSave([props.entity])
   }
 
   const updateScenePreview = async () => {

packages/editor/src/components/properties/TransformPropertyGroup.tsx

@@ -68,7 +68,7 @@ export const TransformPropertyGroup: EditorComponentType = (props) => {
   const useGlobalTransformComponent = useHookstate(false)
 
   const onRelease = () => {
-    EditorControlFunctions.commitTransformSave(props.entity)
+    EditorControlFunctions.commitTransformSave([props.entity])
   }
 
   const onChangeDynamicLoad = (value) => {

packages/editor/src/functions/EditorControlFunctions.ts

@@ -777,14 +777,16 @@ const addToSelection = (nodes: EntityOrObjectUUID[]) => {
   // dispatchAction(EditorHistoryAction.createSnapshot(newSnapshot))
 }
 
-const commitTransformSave = (entity: Entity) => {
+const commitTransformSave = (nodes: EntityOrObjectUUID[]) => {
   const newSnapshot = EditorHistoryState.cloneCurrentSnapshot()
-  LocalTransformComponent.stateMap[entity]!.set(LocalTransformComponent.valueMap[entity])
-
-  const entityData = newSnapshot.data.scene.entities[getComponent(entity, UUIDComponent)]
-  const component = entityData.components.find((c) => c.name === LocalTransformComponent.jsonID)!
-  component.props = serializeComponent(entity, LocalTransformComponent)
-
+  for (let i = 0; i < nodes.length; i++) {
+    const entity = nodes[i]
+    if (typeof entity === 'string') continue
+    LocalTransformComponent.stateMap[entity]!.set(LocalTransformComponent.valueMap[entity])
+    const entityData = newSnapshot.data.scene.entities[getComponent(entity, UUIDComponent)]
+    const component = entityData.components.find((c) => c.name === LocalTransformComponent.jsonID)!
+    component.props = serializeComponent(entity, LocalTransformComponent)
+  }
   dispatchAction(EditorHistoryAction.createSnapshot(newSnapshot))
 }
 

packages/editor/src/systems/EditorControlSystem.tsx

@@ -664,10 +664,13 @@ const execute = () => {
           EditorControlFunctions.replaceSelection([])
         }
       }
-
       gizmoObj.deselectAxis()
       dragging = false
     }
+
+    // commit transform changes upon releasing the gizmo
+    const nodes = getEntityNodeArrayFromEntities(getState(SelectionState).selectedEntities)
+    EditorControlFunctions.commitTransformSave(nodes)
   }
 
   if (editorHelperState.isFlyModeEnabled) return