Tldraw/state/data.ts

import { Data, ShapeType } from "types"
import shapeUtils from "lib/shapes"

export const defaultDocument: Data["document"] = {
  pages: {
    page0: {
      id: "page0",
      type: "page",
      name: "Page 0",
      childIndex: 0,
      shapes: {
        shape3: shapeUtils[ShapeType.Dot].create({
          id: "shape3",
          name: "Shape 3",
          childIndex: 3,
          point: [500, 100],
          style: {
            fill: "#AAA",
            stroke: "#777",
            strokeWidth: 1,
          },
        }),
        shape0: shapeUtils[ShapeType.Circle].create({
          id: "shape0",
          name: "Shape 0",
          childIndex: 1,
          point: [100, 100],
          radius: 50,
          style: {
            fill: "#AAA",
            stroke: "#777",
            strokeWidth: 1,
          },
        }),
        shape5: shapeUtils[ShapeType.Ellipse].create({
          id: "shape5",
          name: "Shape 5",
          childIndex: 5,
          point: [250, 100],
          radiusX: 50,
          radiusY: 30,
          style: {
            fill: "#AAA",
            stroke: "#777",
            strokeWidth: 1,
          },
        }),
        shape2: shapeUtils[ShapeType.Polyline].create({
          id: "shape2",
          name: "Shape 2",
          childIndex: 2,
          point: [200, 600],
          points: [
            [0, 0],
            [75, 200],
            [100, 50],
          ],
          style: {
            fill: "none",
            stroke: "#777",
            strokeWidth: 2,
            strokeLinecap: "round",
            strokeLinejoin: "round",
          },
        }),
        shape1: shapeUtils[ShapeType.Rectangle].create({
          id: "shape1",
          name: "Shape 1",
          childIndex: 1,
          point: [300, 300],
          size: [200, 200],
          style: {
            fill: "#AAA",
            stroke: "#777",
            strokeWidth: 1,
          },
        }),
        shape6: shapeUtils[ShapeType.Line].create({
          id: "shape6",
          name: "Shape 6",
          childIndex: 1,
          point: [400, 400],
          direction: [0.2, 0.2],
          style: {
            fill: "#AAA",
            stroke: "#777",
            strokeWidth: 1,
          },
        }),
      },
    },
  },
}