react-rooks
Version:
Store management for React and React Native with simple hooks !
101 lines (100 loc) • 4.16 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
var ownKeys = function(o) {
ownKeys = Object.getOwnPropertyNames || function (o) {
var ar = [];
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
return ar;
};
return ownKeys(o);
};
return function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
__setModuleDefault(result, mod);
return result;
};
})();
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());
});
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Rook = void 0;
const React = __importStar(require("react"));
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));
};
exports.Rook = Rook;
exports.default = exports.Rook;