I want to make an rpc call using the helper this._rpc but I only want to execute this on 'my/account' route. I think there are serveral ways to achieve this task in js side, I like this one because I found this comment on PublicWidget 'class':

/**
 * The selector attribute, if defined, allows to automatically create an
 * instance of this widget on page load for each DOM element which
 * matches this selector. The `PublicWidget.$target` element will then be
 * that particular DOM element. This should be the main way of instantiating
 * `PublicWidget` elements.
 *
 */

There are PLENTY of examples on source code, so and I created a js module and outside the scope of widget.extend is working properly (can load js-module and can read console log instructions) but when I go into the scope of widget.extend I cannot see my custom widget properties and handlers are not executed anymore, but the console does not show any errors.

I declared assets_xml (module is loading properly), created js file that is logging infos correctly and extended '/my/account' form to append the selector. Can some one give me a good advice to make my instructions execute ? What am I missing to make this work?

Update: I tried to console.log the registry itself instead of a generic string, it log and I see that my widget is correctly added to prototype object, as I stated in updated comment, also, the selector seems ok, the only thing it comes to my mind is the 'momentum' when my js code is executed, maybe it should be loaded after template is rendered (that would make sense to me) but I'm not sure if that's the matter and I'm not sure what I should do here. I defined assets.xml before the template with id "portal_details_extend_widget" , but even if I switch the position in the manifest I don't see relevant changes, meaning that code inside widget still not executed.

JS MODULE:

odoo.define("idro_portal.my_account_extend", function (require) {
"use strict";

var publicWidget = require('web.public.widget');
var core = require('web.core');
var ServicesMixin = require('web.ServicesMixin');
var webSession = require('web.session');
var rootWidget = require('root.widget');

console.log('logging') //CAN see in console
publicWidget.registry.PublicWidgetMyAccountExtend = publicWidget.Widget.extend({
    selector: '.custom_public_widget_extend',

    start: function () {
        var res = this._super.apply(this, arguments);
        console.log('publicwidget'); // CANNOT see in console
        this.do_notify('Success', 'Start function notify'); // does NOT work, but also NOT raise any error
        return res
    },
});
console.log(publicWidget)
//This console.log show object 'registry' in console, if I expand
//I can find 'PublicWidgetMyAccountExtend' in 'registry' key, so it's added
    return publicWidget.registry.PublicWidgetMyAccountExtend;});

LOAD SCRIPT IN THE ASSET BUNDLE FRONTEND:

​
<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <template id="assets_frontend" inherit_id="web.assets_frontend" name="Portal Extend JS">
        <xpath expr="//script[last()]" position="after">
            <script type="text/javascript" src="/idro_portal/static/src/js/my_account_extend.js"/>
        </xpath>
    </template>
</odoo>

DEFINE SELECTOR IN THE FORM:

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <!-- ADD SELECTOR CLASS TO RUN THE JS WIDGET SCRIPT -->
    <template id="portal_details_extend_widget" inherit_id="portal.portal_my_details" name="User Profile Extend">
        <xpath expr="//form" position="attributes">
            <attribute name="class" add="custom_public_widget_extend" separator=" "/>
        </xpath>
    </template></odoo>