sepehr
8d95f34fcc
- Add debounced state updates for title and content (500ms delay) - Immediate UI updates with delayed history saving - Prevent one-letter-per-undo issue - Add cleanup for debounce timers on unmount
49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
// src/jsx/dom/hooks/index.ts
|
|
import { PERMALINK } from "../../constants.js";
|
|
import { useContext } from "../../context.js";
|
|
import { useCallback, useState } from "../../hooks/index.js";
|
|
import { createContext } from "../context.js";
|
|
var FormContext = createContext({
|
|
pending: false,
|
|
data: null,
|
|
method: null,
|
|
action: null
|
|
});
|
|
var actions = /* @__PURE__ */ new Set();
|
|
var registerAction = (action) => {
|
|
actions.add(action);
|
|
action.finally(() => actions.delete(action));
|
|
};
|
|
var useFormStatus = () => {
|
|
return useContext(FormContext);
|
|
};
|
|
var useOptimistic = (state, updateState) => {
|
|
const [optimisticState, setOptimisticState] = useState(state);
|
|
if (actions.size > 0) {
|
|
Promise.all(actions).finally(() => {
|
|
setOptimisticState(state);
|
|
});
|
|
} else {
|
|
setOptimisticState(state);
|
|
}
|
|
const cb = useCallback((newData) => {
|
|
setOptimisticState((currentState) => updateState(currentState, newData));
|
|
}, []);
|
|
return [optimisticState, cb];
|
|
};
|
|
var useActionState = (fn, initialState, permalink) => {
|
|
const [state, setState] = useState(initialState);
|
|
const actionState = async (data) => {
|
|
setState(await fn(state, data));
|
|
};
|
|
actionState[PERMALINK] = permalink;
|
|
return [state, actionState];
|
|
};
|
|
export {
|
|
FormContext,
|
|
registerAction,
|
|
useActionState,
|
|
useFormStatus,
|
|
useOptimistic
|
|
};
|