Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203import { Block } from "components/Blocks/Block";import { useMemo } from "react";import { ReadTransaction } from "replicache";import { useSubscribe } from "src/replicache/useSubscribe";import { Fact, useReplicache } from "src/replicache";import { scanIndex, scanIndexLocal } from "src/replicache/utils";
export const useBlocks = (entityID: string | null) => { let rep = useReplicache(); let initialValue = useMemo( () => entityID === null ? [] : getBlocksWithTypeLocal(rep.initialFacts, entityID), [rep.initialFacts, entityID], ); let repData = useSubscribe( rep?.rep, async (tx) => (entityID === null ? [] : getBlocksWithType(tx, entityID)), { dependencies: [entityID] }, ); let data = repData || initialValue; return data.flatMap((f) => (!f ? [] : [f]));};
export const useCanvasBlocksWithType = (entityID: string | null) => { let rep = useReplicache(); let initialValue = useMemo(() => { if (!entityID) return []; let scan = scanIndexLocal(rep.initialFacts); let blocks = scan.eav(entityID, "canvas/block"); return blocks .map((b) => { let type = scan.eav(b.data.value, "block/type"); if (!type[0]) return null; return { ...b.data, type: type[0]?.data.value || "text", }; }) .filter((f) => f !== null); }, [rep.initialFacts, entityID]); let repData = useSubscribe( rep?.rep, async (tx) => { if (!entityID) return []; let scan = scanIndex(tx); let blocks = await scan.eav(entityID, "canvas/block"); return Promise.all( blocks.map(async (b) => { let type = await scan.eav(b.data.value, "block/type"); return { ...b.data, type: type[0].data.value, }; }), ); }, { dependencies: [entityID] }, ); let data = repData || initialValue; return data .flatMap((f) => (!f ? [] : [f])) .sort((a, b) => { if (a.position.y === b.position.y) { return a.position.x - b.position.x; } return a.position.y - b.position.y; });};
export const getBlocksWithType = async ( tx: ReadTransaction, entityID: string,) => { let initialized = await tx.get("initialized"); if (!initialized) return null; let scan = scanIndex(tx); let blocks = await scan.eav(entityID, "card/block");
return ( await Promise.all( blocks .sort((a, b) => { if (a.data.position === b.data.position) return a.id > b.id ? 1 : -1; return a.data.position > b.data.position ? 1 : -1; }) .map(async (b) => { let type = (await scan.eav(b.data.value, "block/type"))[0]; let isList = await scan.eav(b.data.value, "block/is-list"); if (!type) return null; if (isList[0]?.data.value) { const getChildren = async ( root: Fact<"card/block">, parent: string, depth: number, path: { depth: number; entity: string }[], ): Promise<Block[]> => { let children = ( await scan.eav(root.data.value, "card/block") ).sort((a, b) => (a.data.position > b.data.position ? 1 : -1)); let type = (await scan.eav(root.data.value, "block/type"))[0]; let checklist = await scan.eav( root.data.value, "block/check-list", ); if (!type) return []; let newPath = [...path, { entity: root.data.value, depth }]; let childBlocks = await Promise.all( children.map((c) => getChildren(c, root.data.value, depth + 1, newPath), ), ); return [ { ...root.data, factID: root.id, type: type.data.value, parent: b.entity, listData: { depth: depth, parent, path: newPath, checklist: !!checklist[0], }, }, ...childBlocks.flat(), ]; }; return getChildren(b, b.entity, 1, []); } return [ { ...b.data, factID: b.id, type: type.data.value, parent: b.entity, }, ] as Block[]; }), ) ) .flat() .filter((f) => f !== null);};
export const getBlocksWithTypeLocal = ( initialFacts: Fact<any>[], entityID: string,) => { let scan = scanIndexLocal(initialFacts); let blocks = scan.eav(entityID, "card/block"); return blocks .sort((a, b) => { if (a.data.position === b.data.position) return a.id > b.id ? 1 : -1; return a.data.position > b.data.position ? 1 : -1; }) .map((b) => { let type = scan.eav(b.data.value, "block/type")[0]; let isList = scan.eav(b.data.value, "block/is-list"); if (!type) return null; if (isList[0]?.data.value) { const getChildren = ( root: Fact<"card/block">, parent: string, depth: number, path: { depth: number; entity: string }[], ): Block[] => { let children = scan .eav(root.data.value, "card/block") .sort((a, b) => (a.data.position > b.data.position ? 1 : -1)); let type = scan.eav(root.data.value, "block/type")[0]; if (!type) return []; let newPath = [...path, { entity: root.data.value, depth }]; let childBlocks = children.map((c) => getChildren(c, root.data.value, depth + 1, newPath), ); return [ { ...root.data, factID: root.id, type: type.data.value, parent: b.entity, listData: { depth: depth, parent, path: newPath }, }, ...childBlocks.flat(), ]; }; return getChildren(b, b.entity, 1, []); } return [ { ...b.data, factID: b.id, type: type.data.value, parent: b.entity, }, ] as Block[]; }) .flat() .filter((f) => f !== null);};