@ewb/reach-react
Version:
React Resource and Fetch stuff
47 lines (46 loc) • 2.41 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());
});
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useGet = void 0;
const react_1 = require("react");
const reach_1 = require("@ewb/reach");
const ReachContext_1 = require("./ReachContext");
function useGet(path, props, reachOptions) {
const init = react_1.useRef(false);
const service = react_1.useContext(ReachContext_1.ReachContext);
const disableInit = react_1.useMemo(() => props === null || props === void 0 ? void 0 : props.disableInit, [props]);
const reach = react_1.useMemo(() => new reach_1.Reach(service), [service]);
const [state, setState] = react_1.useState({ busy: !disableInit });
const get = react_1.useCallback(() => __awaiter(this, void 0, void 0, function* () {
try {
setState((s) => (!s.busy ? Object.assign(Object.assign({}, s), { busy: true }) : s));
const data = yield reach.api(path, reachOptions);
setState((s) => (Object.assign(Object.assign({}, s), { busy: false, data })));
if (props === null || props === void 0 ? void 0 : props.onGet)
props.onGet(data);
return data;
}
catch (error) {
setState((s) => (Object.assign(Object.assign({}, s), { busy: false, error })));
if (props === null || props === void 0 ? void 0 : props.onError)
props.onError(error);
return null;
}
}), [path, props, reachOptions]);
react_1.useEffect(() => {
if (!init.current && !disableInit) {
get().then();
}
init.current = true;
}, [get, disableInit]);
return react_1.useMemo(() => [state, get, setState], [state, get, setState]);
}
exports.useGet = useGet;