Consolidated mutation observer handler for use by other reddit userscripts. By itself doesn't do much, but other scripts and use hooks to avoid redundant observers on the same thing.
目前为
Consolidated MutationObserver handler for use by other Reddit userscripts. By itself doesn't do much, but other scripts can use hooks to avoid redundant observers watching the same thing. The main benefit being that overloading MutationObservers could slow down the browser. As such, if using multiple userscripts that use this function, a centralized handler will avoid unnecessary duplication.
Can use with:
Ensure in userscript dashboard that this is loaded before any dependent scripts by moving it above in the sorted list of installed userscripts.
unsafeWindow instead of no-sandboxing with @grant noneLives as object named unsafeWindow.redditWatcher as simplest way of making itself available to other userscripts. As such, the @grant parameter of the userscript header will need access to unsafeWindow.
Within are three watcher objects for redditWatcher.body, redditWatcher.listing, and redditWatcher.feed. Each handles changes to the document body, the listing outer container, and the post feed respectively. The latter two are written to handle deletions and recreations of the watched element, should it be removed and readded.
Each watch for updates and changes on the element it is observing, for which hooks can be applied. Updates are defined as anything that would trigger the MutationObserver to detect an update. For body and listing, these include anything DOM changes in subtree. For feed, this only includes direct children, which translates to any added/removed post item in the feed.
Changes are defined as the element being removed and replaced, which will subsequently also fire an update event. This should never happen on the body, and generally, Reddit keeps an empty version of the other watched elements, so they should never be removed/replace either. E.g. swapping from the front page to r/popular doesn't replace the feed container, it simply empties and repopulates it. As such, a special case is implement the feed watcher, which triggers a change event when the first post is removed and/or changes. Thus, swapping 'pages' are detected as change in the feed.
In the case a change does occur, the old MutationObserver is disconnected and a new MutationObserver is created to watch the replacement element. Ideally this helps prevent memory leaks from old MutationObservers hanging on to references of detached elements.
To apply a hook, identify the applicable watcher and pass a function to onUpdate() or onChange(). E.g., to add events to the feed watcher:
unsafeWindow.redditWatcher.feed.onUpdate((feed, mutated) => {
mutated.addedNodes.forEach(post => {
console.log("New post detected");
});
mutated.removedNodes.forEach(post => {
console.log("Post removed");
});
});
unsafeWindow.redditWatcher.feed.onChange(feed => {
console.log("Feed changed");
});
The function onUpdate() is provided with the watched element and the array of changes as MutationRecords. The function onChange() is provided with only the watched element. Both append hooks (instead of replacing a singular hook).
Change and update events can be manually fired with update() and change(). The function check() may be called to fire a manual check for if a change has occurred.
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址