Skip to content

Instantly share code, notes, and snippets.

@PaGury
Last active October 13, 2020 13:08
Show Gist options
  • Save PaGury/53b846b5da865339c6826ac0a2753fae to your computer and use it in GitHub Desktop.
Save PaGury/53b846b5da865339c6826ac0a2753fae to your computer and use it in GitHub Desktop.
Used to proxify any object and listen any get or set commands on it. Also it's possible to suppress the getter and setter logs, or whitelisting only some keys.
function proxify(obj, { name, keys, showGet = true, showSet /* lol */ = true }) {
return new Proxy(obj, {
get: function (target, key, receiver) {
if (((keys.length > 0 && keys.includes(key)) || keys.length === 0) && showGet) {
console.group('Proxify', name, 'GET', key);
console.trace('Proxify', name, 'TRACING');
console.dir({
target,
key,
receiver,
});
console.groupEnd();
}
return Reflect.get(target, key, receiver);
},
set: function (target, key, value, receiver) {
if (((keys.length > 0 && keys.includes(key)) || keys.length === 0) && showSet) {
console.group('Proxify', name, 'SET', key);
console.trace('Proxify', name, 'TRACING');
console.dir({
target,
key,
value,
receiver,
});
console.groupEnd();
}
return Reflect.set(target, key, value, receiver);
}
});
}
window.OBJECT = proxify(window.OBJECT, {
name: 'window.OBJECT',
keys: ['whitelistedKey'],
showGet: false,
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment