126 lines
4.0 KiB
JavaScript
126 lines
4.0 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
Object.defineProperty(exports, "useReducerWithReduxDevtools", {
|
|
enumerable: true,
|
|
get: function() {
|
|
return useReducerWithReduxDevtools;
|
|
}
|
|
});
|
|
const _react = require("react");
|
|
function normalizeRouterState(val) {
|
|
if (val instanceof Map) {
|
|
const obj = {};
|
|
for (const [key, value] of val.entries()){
|
|
if (typeof value === "function") {
|
|
obj[key] = "fn()";
|
|
continue;
|
|
}
|
|
if (typeof value === "object" && value !== null) {
|
|
if (value.$$typeof) {
|
|
obj[key] = value.$$typeof.toString();
|
|
continue;
|
|
}
|
|
if (value._bundlerConfig) {
|
|
obj[key] = "FlightData";
|
|
continue;
|
|
}
|
|
}
|
|
obj[key] = normalizeRouterState(value);
|
|
}
|
|
return obj;
|
|
}
|
|
if (typeof val === "object" && val !== null) {
|
|
const obj = {};
|
|
for(const key in val){
|
|
const value = val[key];
|
|
if (typeof value === "function") {
|
|
obj[key] = "fn()";
|
|
continue;
|
|
}
|
|
if (typeof value === "object" && value !== null) {
|
|
if (value.$$typeof) {
|
|
obj[key] = value.$$typeof.toString();
|
|
continue;
|
|
}
|
|
if (value.hasOwnProperty("_bundlerConfig")) {
|
|
obj[key] = "FlightData";
|
|
continue;
|
|
}
|
|
}
|
|
obj[key] = normalizeRouterState(value);
|
|
}
|
|
return obj;
|
|
}
|
|
if (Array.isArray(val)) {
|
|
return val.map(normalizeRouterState);
|
|
}
|
|
return val;
|
|
}
|
|
function devToolReducer(fn, ref) {
|
|
return (state, action)=>{
|
|
const res = fn(state, action);
|
|
if (ref.current) {
|
|
ref.current.send(action, normalizeRouterState(res));
|
|
}
|
|
return res;
|
|
};
|
|
}
|
|
function useReducerWithReduxDevtoolsNoop(fn, initialState) {
|
|
const [state, dispatch] = (0, _react.useReducer)(fn, initialState);
|
|
return [
|
|
state,
|
|
dispatch,
|
|
()=>{}
|
|
];
|
|
}
|
|
function useReducerWithReduxDevtoolsImpl(fn, initialState) {
|
|
const devtoolsConnectionRef = (0, _react.useRef)();
|
|
const enabledRef = (0, _react.useRef)();
|
|
(0, _react.useEffect)(()=>{
|
|
if (devtoolsConnectionRef.current || enabledRef.current === false) {
|
|
return;
|
|
}
|
|
if (enabledRef.current === undefined && typeof window.__REDUX_DEVTOOLS_EXTENSION__ === "undefined") {
|
|
enabledRef.current = false;
|
|
return;
|
|
}
|
|
devtoolsConnectionRef.current = window.__REDUX_DEVTOOLS_EXTENSION__.connect({
|
|
instanceId: 8000,
|
|
name: "next-router"
|
|
});
|
|
if (devtoolsConnectionRef.current) {
|
|
devtoolsConnectionRef.current.init(normalizeRouterState(initialState));
|
|
}
|
|
return ()=>{
|
|
devtoolsConnectionRef.current = undefined;
|
|
};
|
|
}, [
|
|
initialState
|
|
]);
|
|
const [state, dispatch] = (0, _react.useReducer)(devToolReducer(/* logReducer( */ fn /*)*/ , devtoolsConnectionRef), initialState);
|
|
const sync = (0, _react.useCallback)(()=>{
|
|
if (devtoolsConnectionRef.current) {
|
|
devtoolsConnectionRef.current.send({
|
|
type: "RENDER_SYNC"
|
|
}, normalizeRouterState(state));
|
|
}
|
|
}, [
|
|
state
|
|
]);
|
|
return [
|
|
state,
|
|
dispatch,
|
|
sync
|
|
];
|
|
}
|
|
const useReducerWithReduxDevtools = typeof window !== "undefined" ? useReducerWithReduxDevtoolsImpl : useReducerWithReduxDevtoolsNoop;
|
|
|
|
if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
|
|
Object.defineProperty(exports.default, '__esModule', { value: true });
|
|
Object.assign(exports.default, exports);
|
|
module.exports = exports.default;
|
|
}
|
|
|
|
//# sourceMappingURL=use-reducer-with-devtools.js.map
|