Something went wrong. Try again.
leaflet fork for copy edit / bug fixes forked from leaflet.pub/leaflet
Something went wrong. Try again.
TypeScript
12345678910111213141516171819202122232425262728293031323334353637383940414243import { 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) => { const wasGrouping = isGrouping; if (!wasGrouping) um.startGroup(); const r = cb(); if (!wasGrouping) um.endGroup(); return r; }, }; return um;};