Function startObserver

youtube-dynamic-grid/youtube-dynamic-grid.user.js:678–719

* Starts the MutationObserver for grid changes.

()

         * Starts the MutationObserver for grid changes.
         */
        startObserver() {
            if (isPlaylistPage()) {
                logger('Skipping observer start on playlist page')
                GridManager.removeCSS()
                return
            }
            if (this.observer) {
                this.observer.disconnect()
                logger('Disconnected previous observer', 'debug')
            }
            this.observer = new MutationObserver(mutations => {
                for (const mutation of mutations) {
                    if (
                        mutation.target.matches('ytd-rich-grid-renderer') ||
                        mutation.target.closest('ytd-rich-grid-renderer') ||
                        mutation.target.querySelector('ytd-rich-grid-renderer') ||
                        ['style', 'hidden', 'class', 'elements-per-row'].includes(
                            mutation.attributeName
                        ) ||
                        mutation.addedNodes.length > 0
                    ) {
                        GridManager.updateGrid()
                        break
                    }
                }
            })
            const target = document.querySelector(
                '#contents, ytd-two-column-browse-results-renderer, ytd-app'
            )
            if (target) {
                this.observer.observe(target, {
                    childList: true,
                    subtree: true,
                    attributes: true,
                    attributeFilter: ['style', 'class', 'hidden', 'elements-per-row']
                })
                logger('Started observer', 'debug')
            } else {
                logger('Observer target not found, retrying', 'debug')
                setTimeout(() => this.startObserver(), CONFIG.RETRY_INTERVAL)
            }
        },

        /**
         * Sets up event listeners for resize, load, and popstate.