TanTan
2a69b23b47
Dev Build / cleanup (push) Canceled after 0s
Dev Build / typecheck (push) Canceled after 0s
Dev Build / build (linux-arm64, ubuntu-24.04-arm, linux-arm64) (push) Canceled after 0s
Dev Build / build (linux-x64, ubuntu-latest, linux-x64) (push) Canceled after 0s
Dev Build / build (win-x64, windows-latest, win32-x64) (push) Canceled after 0s
Dev Build / dispatch-dev-docker (push) Skipped
66 lines
2.2 KiB
Plaintext
66 lines
2.2 KiB
Plaintext
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
const require_jsx_constants = require("../../constants.js");
|
|
const require_jsx_dom_context = require("../context.js");
|
|
const require_jsx_context = require("../../context.js");
|
|
const require_jsx_hooks_index = require("../../hooks/index.js");
|
|
//#region src/jsx/dom/hooks/index.ts
|
|
/**
|
|
* Provide hooks used only in jsx/dom
|
|
*/
|
|
const FormContext = require_jsx_dom_context.createContext({
|
|
pending: false,
|
|
data: null,
|
|
method: null,
|
|
action: null
|
|
});
|
|
const actions = /* @__PURE__ */ new Set();
|
|
const registerAction = (action) => {
|
|
actions.add(action);
|
|
action.finally(() => actions.delete(action));
|
|
};
|
|
/**
|
|
* This hook returns the current form status
|
|
* @returns FormStatus
|
|
*/
|
|
const useFormStatus = () => {
|
|
return require_jsx_context.useContext(FormContext);
|
|
};
|
|
/**
|
|
* This hook returns the current state and a function to update the state optimistically
|
|
* The current state is updated optimistically and then reverted to the original state when all actions are resolved
|
|
* @param state
|
|
* @param updateState
|
|
* @returns [T, (action: N) => void]
|
|
*/
|
|
const useOptimistic = (state, updateState) => {
|
|
const [optimisticState, setOptimisticState] = require_jsx_hooks_index.useState(state);
|
|
if (actions.size > 0) Promise.all(actions).finally(() => {
|
|
setOptimisticState(state);
|
|
});
|
|
else setOptimisticState(state);
|
|
return [optimisticState, require_jsx_hooks_index.useCallback((newData) => {
|
|
setOptimisticState((currentState) => updateState(currentState, newData));
|
|
}, [])];
|
|
};
|
|
/**
|
|
* This hook returns the current state and a function to update the state by form action
|
|
* @param fn
|
|
* @param initialState
|
|
* @param permalink
|
|
* @returns [T, (data: FormData) => void]
|
|
*/
|
|
const useActionState = (fn, initialState, permalink) => {
|
|
const [state, setState] = require_jsx_hooks_index.useState(initialState);
|
|
const actionState = async (data) => {
|
|
setState(await fn(state, data));
|
|
};
|
|
actionState[require_jsx_constants.PERMALINK] = permalink;
|
|
return [state, actionState];
|
|
};
|
|
//#endregion
|
|
exports.FormContext = FormContext;
|
|
exports.registerAction = registerAction;
|
|
exports.useActionState = useActionState;
|
|
exports.useFormStatus = useFormStatus;
|
|
exports.useOptimistic = useOptimistic;
|