gram: essay

> ./src/tldraw/datatype.ts

Lenses
(coming soon!)

import { init as tldrawinit } from "automerge-tldraw";

import { PenLine } from "lucide-react";

// When a copy of the document has been made,
// update the title so it's more clear which one is the copy vs original.
// (this mechanism needs to be thought out more...)
export const markCopy = (doc: any) => {
  doc.store["page:page"].name = "Copy of " + doc.store["page:page"].name;
};

const getTitle = (doc: any) => {
  return doc.store["page:page"].name || "Drawing";
};

export const setTitle = (doc: any, title: string) => {
  doc.store["page:page"].name = title;
};

export const init = (doc: any) => {
  tldrawinit(doc);
  doc.store["page:page"].name = "Drawing";
};

export const TLDrawDatatype = {
  id: "tldraw",
  name: "Drawing",
  icon: PenLine,
  init,
  getTitle,
  setTitle,
  markCopy, // TODO: this shouldn't be here
};