tldraw/state/commands/transform.ts

import Command from './command'
import history from '../history'
import { Data } from 'types'
import { TransformSnapshot } from 'state/sessions/transform-session'
import { getShapeUtils } from 'lib/shape-utils'
import { getPage } from 'utils/utils'

export default function transformCommand(
  data: Data,
  before: TransformSnapshot,
  after: TransformSnapshot
) {
  history.execute(
    data,
    new Command({
      name: 'translate_shapes',
      category: 'canvas',
      do(data) {
        const { type, shapeBounds } = after

        const { shapes } = getPage(data)

        for (let id in shapeBounds) {
          const { initialShape, initialShapeBounds, transformOrigin } =
            shapeBounds[id]
          const shape = shapes[id]

          getShapeUtils(shape).transform(shape, initialShapeBounds, {
            type,
            initialShape,
            transformOrigin,
            scaleX: 1,
            scaleY: 1,
          })
        }
      },
      undo(data) {
        const { type, shapeBounds } = before

        const { shapes } = getPage(data)

        for (let id in shapeBounds) {
          const { initialShape, initialShapeBounds, transformOrigin } =
            shapeBounds[id]
          const shape = shapes[id]

          getShapeUtils(shape).transform(shape, initialShapeBounds, {
            type,
            initialShape,
            transformOrigin,
            scaleX: 1,
            scaleY: 1,
          })
        }
      },
    })
  )
}