react-rooks
Version:
Store management for React and React Native with simple hooks !
64 lines (63 loc) • 2.66 kB
JavaScript
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
import * as React from "react";
export const Rook = ({ defaultStore, init, storeReducer, reducers, Provider, children, }) => {
const [rookState, setRookState] = React.useState({
inited: false,
store: null,
});
const reduceValues = (values, currentStore) => __awaiter(void 0, void 0, void 0, function* () {
if (storeReducer) {
values = yield storeReducer(values, currentStore);
}
if (!reducers) {
return values;
}
for (const name in values) {
const reducer = reducers[name];
if (!reducer) {
continue;
}
// Type assertion to ensure TypeScript knows the value exists
values[name] = yield reducer(values[name], currentStore[name]);
}
return values;
});
const updateStore = React.useCallback((values) => {
(() => __awaiter(void 0, void 0, void 0, function* () {
if (!rookState.inited) {
return;
}
// Si values est une fonction, l'appeler avec le store actuel
const valuesToApply = typeof values === "function" ? values(rookState.store) : values;
const reducedValues = yield reduceValues(valuesToApply, rookState.store);
setRookState({
store: Object.assign(Object.assign({}, rookState.store), reducedValues),
inited: true,
});
}))();
}, [rookState, storeReducer, reducers]);
React.useEffect(() => {
(() => __awaiter(void 0, void 0, void 0, function* () {
setRookState({
inited: true,
store: yield init(defaultStore),
});
}))();
}, []);
if (!rookState.inited) {
return null;
}
return (React.createElement(Provider, { value: {
store: rookState.store,
update: updateStore,
} }, children));
};
export default Rook;