/* 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 = (
)