Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125import type { SQL } from "drizzle-orm";import { v7 } from "uuid";import { generateKeyBetween } from "fractional-indexing";import { createYjsText } from "src/utils/createYjsText";import { insertLeaflet, type LeafletFact } from "src/utils/insertLeaflet";
export type DefaultBlockType = "h1" | "text" | "posts-list" | "signup";
// A block to seed into a new leaflet. Either a bare type, or a text block with// pre-filled content.export type DefaultBlockSpec = | DefaultBlockType | { type: "text"; content: string };
export type FactInput = { attribute: string; data: unknown };
// Create a leaflet with a root entity and one seeded page.export async function createLeaflet({ pageType, firstBlocks, rootFacts = [], pageFacts = [], tailCte,}: { pageType: "canvas" | "doc"; firstBlocks?: DefaultBlockSpec[]; rootFacts?: FactInput[]; pageFacts?: FactInput[]; tailCte?: (ids: { permTokenId: string; rootEntityId: string }) => SQL;}): Promise<{ permTokenId: string; rootEntityId: string; firstPageId: string;}> { const rootEntityId = v7(); const firstPageId = v7();
const facts: LeafletFact[] = [ { entity: rootEntityId, attribute: "root/page", data: { type: "ordered-reference", value: firstPageId, position: "a0" }, }, ...rootFacts.map((f) => ({ entity: rootEntityId, ...f })), ...pageFacts.map((f) => ({ entity: firstPageId, ...f })), ];
let blockEntityIds: string[]; if (pageType === "canvas") { const blockId = v7(); blockEntityIds = [blockId]; facts.push( { entity: firstPageId, attribute: "page/type", data: { type: "page-type-union", value: "canvas" }, }, { entity: firstPageId, attribute: "canvas/block", data: { type: "spatial-reference", value: blockId, position: { x: 8, y: 12 }, }, }, { entity: blockId, attribute: "block/type", data: { type: "block-type-union", value: "text" }, }, ); } else { const blockSpecs: DefaultBlockSpec[] = firstBlocks ?? ["h1"]; blockEntityIds = blockSpecs.map(() => v7()); let prevPosition: string | null = null; blockSpecs.forEach((spec, i) => { const entity = blockEntityIds[i]; const position = generateKeyBetween(prevPosition, null); prevPosition = position; const type = typeof spec === "string" ? spec : spec.type; facts.push({ entity: firstPageId, attribute: "card/block", data: { type: "ordered-reference", value: entity, position }, }); if (type === "h1") { facts.push( { entity, attribute: "block/type", data: { type: "block-type-union", value: "heading" }, }, { entity, attribute: "block/heading-level", data: { type: "number", value: 1 }, }, ); } else { facts.push({ entity, attribute: "block/type", data: { type: "block-type-union", value: type }, }); if (typeof spec !== "string" && spec.content) { facts.push({ entity, attribute: "block/text", data: { type: "text", value: createYjsText(spec.content) }, }); } } }); }
const { permTokenId } = await insertLeaflet({ rootEntityId, entityIds: [rootEntityId, firstPageId, ...blockEntityIds], facts, tailCte, }); return { permTokenId, rootEntityId, firstPageId };}