odoo_source/addons/mail/static/src/component_hooks/use_update.js

/** @odoo-module **/

import { Listener } from '@mail/model/model_listener';

const { onMounted, onPatched, onWillDestroy, useComponent } = owl;

/**
 * This hook provides support for executing code after update (render or patch).
 *
 * @param {Object} param0
 * @param {function} param0.func the function to execute after the update.
 */
export function useUpdate({ func }) {
    const component = useComponent();
    const { modelManager } = component.env.services.messaging;
    const listener = new Listener({
        isLocking: false, // unfortunately onUpdate methods often have side effect
        name: `useUpdate() of ${component}`,
        onChange: () => component.render(),
    });
    function onUpdate() {
        if (modelManager) {
            modelManager.startListening(listener);
        }
        func();
        if (modelManager) {
            modelManager.stopListening(listener);
        }
    }
    onMounted(onUpdate);
    onPatched(onUpdate);
    onWillDestroy(() => {
        if (modelManager) {
            modelManager.removeListener(listener);
        }
    });
}