/* eslint-disable react/no-string-refs, tldraw/no-internal-imports */ import { b64Vecs, degreesToRadians, TLShapeCrop, toRichText, VecModel } from 'tldraw' import { TL } from 'tldraw/src/test/test-jsx' const convexPoints: VecModel[] = [ { x: 0, y: 0, z: 0.5 }, { x: 0.1, y: 0, z: 0.5 }, { x: 0.47, y: 0, z: 0.5 }, { x: 1.61, y: 0, z: 0.5 }, { x: 3.9, y: 0, z: 0.5 }, { x: 7.09, y: 0, z: 0.5 }, { x: 10.66, y: 0, z: 0.5 }, { x: 14.15, y: 0, z: 0.5 }, { x: 17.3, y: 0, z: 0.5 }, { x: 20.28, y: 0, z: 0.5 }, { x: 23.43, y: 0.01, z: 0.5 }, { x: 26.21, y: 0.33, z: 0.5 }, { x: 28.78, y: 1.22, z: 0.5 }, { x: 31.52, y: 2.42, z: 0.5 }, { x: 34.2, y: 3.92, z: 0.5 }, { x: 36.52, y: 5.72, z: 0.5 }, { x: 38.36, y: 7.62, z: 0.5 }, { x: 40.26, y: 10.03, z: 0.5 }, { x: 42.18, y: 12.96, z: 0.5 }, { x: 44.04, y: 16.13, z: 0.5 }, { x: 45.89, y: 19.87, z: 0.5 }, { x: 47.5, y: 24.12, z: 0.5 }, { x: 48.77, y: 28.45, z: 0.5 }, { x: 49.75, y: 32.78, z: 0.5 }, { x: 50.36, y: 36.93, z: 0.5 }, { x: 50.72, y: 41.07, z: 0.5 }, { x: 50.84, y: 45.22, z: 0.5 }, { x: 50.84, y: 48.58, z: 0.5 }, { x: 50.84, y: 52.02, z: 0.5 }, { x: 50.79, y: 55.21, z: 0.5 }, { x: 50.45, y: 57.41, z: 0.5 }, { x: 49.83, y: 59.48, z: 0.5 }, { x: 49.09, y: 61.37, z: 0.5 }, { x: 48.22, y: 63.04, z: 0.5 }, { x: 47.28, y: 64.65, z: 0.5 }, { x: 46.22, y: 66.3, z: 0.5 }, { x: 45.03, y: 68.03, z: 0.5 }, { x: 43.81, y: 69.72, z: 0.5 }, { x: 42.48, y: 71.36, z: 0.5 }, { x: 40.85, y: 73.1, z: 0.5 }, { x: 39.24, y: 74.55, z: 0.5 }, { x: 37.4, y: 75.93, z: 0.5 }, { x: 35.5, y: 77.19, z: 0.5 }, { x: 33.64, y: 78.12, z: 0.5 }, { x: 31.66, y: 79.04, z: 0.5 }, { x: 29.82, y: 79.77, z: 0.5 }, { x: 27.93, y: 80.3, z: 0.5 }, { x: 25.85, y: 80.75, z: 0.5 }, { x: 23.56, y: 81.14, z: 0.5 }, { x: 21.35, y: 81.52, z: 0.5 }, { x: 19.18, y: 81.81, z: 0.5 }, { x: 17.08, y: 81.95, z: 0.5 }, { x: 15.18, y: 81.99, z: 0.5 }, { x: 13.43, y: 81.99, z: 0.5 }, { x: 11.91, y: 81.99, z: 0.5 }, { x: 10.63, y: 81.99, z: 0.5 }, { x: 9.47, y: 81.99, z: 0.5 }, { x: 8.43, y: 81.99, z: 0.5 }, { x: 7.57, y: 81.99, z: 0.5 }, { x: 6.81, y: 81.99, z: 0.5 }, { x: 6.05, y: 81.99, z: 0.5 }, { x: 5.31, y: 81.99, z: 0.5 }, { x: 4.67, y: 81.99, z: 0.5 }, { x: 4.17, y: 81.99, z: 0.5 }, { x: 3.71, y: 81.99, z: 0.5 }, { x: 3.26, y: 81.99, z: 0.5 }, { x: 2.85, y: 81.99, z: 0.5 }, { x: 2.46, y: 81.99, z: 0.5 }, { x: 2.13, y: 81.99, z: 0.5 }, { x: 1.77, y: 81.99, z: 0.5 }, { x: 1.37, y: 81.99, z: 0.5 }, { x: 0.96, y: 81.99, z: 0.5 }, { x: 0.46, y: 81.99, z: 0.5 }, { x: -0.03, y: 81.99, z: 0.5 }, { x: -0.37, y: 81.99, z: 0.5 }, { x: -0.62, y: 82.01, z: 0.5 }, ] export const frameContent = ( <> ) export const manAsset = ( ) export const manCrop: TLShapeCrop = { topLeft: { x: 0.25, y: 0.05 }, bottomRight: { x: 0.75, y: 0.3 }, } export const manCropAsCircle: TLShapeCrop = { topLeft: { x: 0.25, y: 0.05 }, bottomRight: { x: 0.75, y: 0.3 }, isCircle: true, } export const richText = { type: 'doc', content: [ { type: 'heading', attrs: { dir: 'auto', level: 3 }, content: [{ type: 'text', text: 'Headers for things that wrap across multiple lines' }], }, { type: 'bulletList', content: [ { type: 'listItem', content: [ { type: 'paragraph', attrs: { dir: 'auto' }, content: [{ type: 'text', text: 'testing 123' }], }, ], }, { type: 'listItem', content: [ { type: 'paragraph', attrs: { dir: 'auto' }, content: [ { type: 'text', text: 'lists and ' }, { type: 'text', marks: [ { type: 'link', attrs: { href: 'https://tldraw.dev', target: '_blank', rel: 'noopener noreferrer nofollow', class: null, }, }, ], text: 'links', }, ], }, ], }, ], }, { type: 'paragraph', attrs: { dir: 'auto' }, content: [ { type: 'text', marks: [{ type: 'bold' }], text: 'and' }, { type: 'text', text: ' ' }, { type: 'text', marks: [{ type: 'strike' }], text: 'obvs' }, { type: 'text', text: ' ' }, { type: 'text', marks: [{ type: 'highlight' }], text: 'rich' }, { type: 'text', text: ' ' }, { type: 'text', marks: [{ type: 'code' }], text: 'text' }, ], }, { type: 'paragraph', attrs: { dir: 'auto' }, content: [ { type: 'text', marks: [{ type: 'highlight' }], text: 'highlight ' }, { type: 'text', marks: [{ type: 'highlight' }, { type: 'bold' }], text: 'across' }, { type: 'text', marks: [{ type: 'highlight' }], text: ' styles' }, ], }, ], } export const richTextForArrow = { type: 'doc', content: [ { type: 'heading', attrs: { dir: 'auto', level: 3 }, content: [{ type: 'text', text: 'Headers' }], }, { type: 'paragraph', attrs: { dir: 'auto' }, content: [ { type: 'text', marks: [{ type: 'highlight' }], text: 'rich' }, { type: 'text', text: ' ' }, { type: 'text', marks: [{ type: 'code' }], text: 'text' }, ], }, ], } export const convexDrawShape = ( ) export const heyDrawShape = ( )