redext
Version:
A simple global store based on React Context and Hooks
113 lines (110 loc) • 2.8 kB
JavaScript
// src/memoize.ts
import React from "react";
// src/utils/isEqual.ts
var isArray = Array.isArray;
var keyList = Object.keys;
var hasProp = Object.prototype.hasOwnProperty;
var hasElementType = typeof Element !== "undefined";
function equal(a, b) {
if (a === b) {
return true;
}
if (a && b && typeof a == "object" && typeof b == "object") {
const arrA = isArray(a);
const arrB = isArray(b);
let length;
let key;
if (arrA && arrB) {
length = a.length;
if (length !== b.length) {
return false;
}
for (let i = 0; i < length; i++) {
if (!equal(a[i], b[i])) {
return false;
}
}
return true;
}
if (arrA !== arrB) {
return false;
}
const dateA = a instanceof Date;
const dateB = b instanceof Date;
if (dateA !== dateB) {
return false;
}
if (dateA && dateB) {
return a.getTime() === b.getTime();
}
const regexpA = a instanceof RegExp;
const regexpB = b instanceof RegExp;
if (regexpA !== regexpB) {
return false;
}
if (regexpA && regexpB) {
return a.toString() === b.toString();
}
const keys = keyList(a);
length = keys.length;
if (length !== keyList(b).length)
return false;
for (let i = 0; i < length; i++) {
if (!hasProp.call(b, keys[i])) {
return false;
}
}
if (hasElementType && a instanceof Element) {
return false;
}
for (let i = 0; i < length; i++) {
key = keys[i];
if (key === "_owner" && a.$$typeof) {
continue;
} else {
if (!equal(a[key], b[key])) {
return false;
}
}
}
return true;
}
return a !== a && b !== b;
}
function exportedEqual(a, b) {
try {
return equal(a, b);
} catch (error) {
if (error.message && error.message.match(/stack|recursion/i) || error.number === -2146828260) {
console.warn("Warning: isEqual does not handle circular references.", error.name, error.message);
return false;
}
throw error;
}
}
// src/memoize.ts
var shallowDiffers = (prev, next) => {
for (let attribute in prev) {
if (!(attribute in next)) {
return true;
}
}
for (let attribute in next) {
if (!exportedEqual(prev[attribute], next[attribute])) {
return true;
}
}
return false;
};
var areEqual = (prevProps, nextProps) => {
const { style: prevStyle, ...prevRest } = prevProps;
const { style: nextStyle, ...nextRest } = nextProps;
return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
};
var memoize = (Component, memoPropsAreEqual = areEqual) => {
return React.memo(Component, memoPropsAreEqual);
};
var memoize_default = memoize;
export {
memoize_default as default
};