tldraw/src/lib/shapes/geo/toolStates/Idle.ts

A tiny little drawing editor.

import { StateNode, TLKeyboardEventInfo, TLPointerEventInfo } from '@tldraw/editor'
import { startEditingShapeWithRichText } from '../../../tools/SelectTool/selectHelpers'

export class Idle extends StateNode {
	static override id = 'idle'

	override onPointerDown(info: TLPointerEventInfo) {
		this.parent.transition('pointing', info)
	}

	override onEnter() {
		this.editor.setCursor({ type: 'cross', rotation: 0 })
	}

	override onKeyUp(info: TLKeyboardEventInfo) {
		const { editor } = this
		if (info.key === 'Enter') {
			const onlySelectedShape = editor.getOnlySelectedShape()
			if (editor.canEditShape(onlySelectedShape)) {
				startEditingShapeWithRichText(editor, onlySelectedShape, { selectAll: true })
			}
		}
	}

	override onCancel() {
		this.editor.setCurrentTool('select')
	}
}