tldraw/state/commands/rotate-ccw.ts
2021-06-24 13:34:43 +01:00

99 lines
2.4 KiB
TypeScript

import Command from './command'
import history from '../history'
import { Data } from 'types'
import {
getBoundsCenter,
getCommonBounds,
getPage,
getSelectedShapes,
} from 'utils'
import vec from 'utils/vec'
import { getShapeUtils } from 'state/shape-utils'
const PI2 = Math.PI * 2
export default function rotateCcwCommand(data: Data): void {
const { boundsRotation } = data
const page = getPage(data)
const initialShapes = Object.fromEntries(
getSelectedShapes(data).map((shape) => {
const bounds = getShapeUtils(shape).getBounds(shape)
return [
shape.id,
{
rotation: shape.rotation,
point: [...shape.point],
center: getBoundsCenter(bounds),
bounds,
},
]
})
)
const commonBoundsCenter = getBoundsCenter(
getCommonBounds(...Object.values(initialShapes).map((b) => b.bounds))
)
const nextShapes = Object.fromEntries(
Object.entries(initialShapes).map(([id, { point, center }]) => {
const shape = { ...page.shapes[id] }
const offset = vec.sub(center, point)
const nextPoint = vec.sub(
vec.rotWith(center, commonBoundsCenter, -(PI2 / 4)),
offset
)
const rot = (PI2 + (shape.rotation - PI2 / 4)) % PI2
getShapeUtils(shape)
.setProperty(shape, 'rotation', rot)
.setProperty(shape, 'point', nextPoint)
return [id, shape]
})
)
const nextboundsRotation = (PI2 + (data.boundsRotation - PI2 / 4)) % PI2
history.execute(
data,
new Command({
name: 'rotate_ccw',
category: 'canvas',
do(data) {
const { shapes } = getPage(data)
for (const id in nextShapes) {
const shape = shapes[id]
if (shape.isLocked) continue
getShapeUtils(shape)
.setProperty(shape, 'rotation', nextShapes[id].rotation)
.setProperty(shape, 'point', nextShapes[id].point)
}
data.boundsRotation = nextboundsRotation
},
undo(data) {
const { shapes } = getPage(data)
for (const id in initialShapes) {
const { point, rotation } = initialShapes[id]
const shape = shapes[id]
if (shape.isLocked) continue
const utils = getShapeUtils(shape)
utils
.setProperty(shape, 'rotation', rotation)
.setProperty(shape, 'point', point)
}
data.boundsRotation = boundsRotation
},
})
)
}