Something went wrong. Try again.
a tool for shared writing and social publishing forked from leaflet.pub/leaflet
Something went wrong. Try again.
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142import { UndoManager as RociUndoManager } from "@rocicorp/undo";import { create } from "zustand";
export type UndoManager = ReturnType<typeof createUndoManager>;export const useUndoState = create(() => ({ canUndo: false, canRedo: false }));export const createUndoManager = () => { let isGrouping = false; let undoManager = new RociUndoManager({ onChange: (state) => { useUndoState.setState(state); }, }); let um = { add: (args: { undo: () => Promise<void> | void; redo: () => Promise<void> | void; }) => { undoManager.add(args); }, startGroup: (groupName?: string) => { if (isGrouping) { undoManager.endGroup(); } isGrouping = true; undoManager.startGroup(); }, endGroup: () => { isGrouping = false; undoManager.endGroup(); }, undo: () => undoManager.undo(), redo: () => undoManager.redo(), withUndoGroup: <T>(cb: () => T) => { if (!isGrouping) um.startGroup(); const r = cb(); if (!isGrouping) um.endGroup(); return r; }, }; return um;};