import { current } from 'immer' import { Data, DrawShape } from 'types' import BaseSession from './base-session' import { getShapeUtils } from 'lib/shape-utils' import { getPage, getShape, updateParents } from 'utils/utils' import * as vec from 'utils/vec' import commands from 'state/commands' let prevEndPoint: number[] export default class BrushSession extends BaseSession { origin: number[] previous: number[] last: number[] points: number[][] snapshot: DrawSnapshot isLocked: boolean lockedDirection: 'horizontal' | 'vertical' constructor(data: Data, id: string, point: number[], isLocked = false) { super(data) this.origin = point this.previous = point this.last = point this.points = [[0, 0]] this.snapshot = getDrawSnapshot(data, id) const page = getPage(data) const shape = page.shapes[id] as DrawShape getShapeUtils(shape).translateTo(shape, point) updateParents(data, [shape.id]) } update = ( data: Data, point: number[], pressure: number, isLocked = false ) => { const { snapshot } = this const delta = vec.vec(this.origin, point) if (isLocked) { if (!this.isLocked && this.points.length > 1) { this.isLocked = true const returning = [...this.previous] if (Math.abs(delta[0]) < Math.abs(delta[1])) { this.lockedDirection = 'vertical' returning[0] = this.origin[0] } else { this.lockedDirection = 'horizontal' returning[1] = this.origin[1] } this.previous = returning this.points.push(vec.sub(returning, this.origin)) } } else { if (this.isLocked) { this.isLocked = false } } if (this.isLocked) { if (this.lockedDirection === 'vertical') { point[0] = this.origin[0] } else { point[1] = this.origin[1] } } point = vec.med(this.previous, point) const next = vec.round([...vec.sub(point, this.origin), pressure]) // Don't add duplicate points if (vec.isEqual(this.last, next)) return this.points.push(next) this.last = next this.previous = point const shape = getShape(data, snapshot.id) as DrawShape getShapeUtils(shape).setProperty(shape, 'points', [...this.points]) updateParents(data, [shape.id]) } cancel = (data: Data) => { const { snapshot } = this const shape = getShape(data, snapshot.id) as DrawShape getShapeUtils(shape).setProperty(shape, 'points', snapshot.points) updateParents(data, [shape.id]) } complete = (data: Data) => { const { snapshot } = this const page = getPage(data) const shape = page.shapes[snapshot.id] as DrawShape getShapeUtils(shape) .setProperty(shape, 'points', [...this.points]) .onSessionComplete(shape) updateParents(data, [shape.id]) commands.draw(data, this.snapshot.id) } } export function getDrawSnapshot(data: Data, shapeId: string) { const page = getPage(current(data)) const { points } = page.shapes[shapeId] as DrawShape return { id: shapeId, points, } } export type DrawSnapshot = ReturnType