122 lines
4.0 KiB
JavaScript
122 lines
4.0 KiB
JavaScript
|
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.useReducerWithReduxDevtools = void 0;
|
||
|
|
var _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: 1,
|
||
|
|
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;
|
||
|
|
exports.useReducerWithReduxDevtools = useReducerWithReduxDevtools;
|
||
|
|
|
||
|
|
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
|