tldraw/state/commands/rotate.ts
2021-06-19 18:22:46 +01:00

46 lines
1.3 KiB
TypeScript

import Command from './command'
import history from '../history'
import { Data } from 'types'
import { RotateSnapshot } from 'state/sessions/rotate-session'
import { getPage } from 'utils/utils'
import { getShapeUtils } from 'lib/shape-utils'
export default function rotateCommand(
data: Data,
before: RotateSnapshot,
after: RotateSnapshot
) {
history.execute(
data,
new Command({
name: 'rotate_shapes',
category: 'canvas',
do(data) {
const { shapes } = getPage(data)
for (let { id, point, rotation } of after.initialShapes) {
const shape = shapes[id]
getShapeUtils(shape)
.rotateBy(shape, rotation - shape.rotation)
.translateTo(shape, point)
.onSessionComplete(shape)
}
data.boundsRotation = after.boundsRotation
},
undo(data) {
const { shapes } = getPage(data, before.currentPageId)
for (let { id, point, rotation } of before.initialShapes) {
const shape = shapes[id]
getShapeUtils(shape)
.rotateBy(shape, rotation - shape.rotation)
.translateTo(shape, point)
.onSessionComplete(shape)
}
data.boundsRotation = before.boundsRotation
},
})
)
}