baseURI not valid in decorateCooked

[markschmucker (Mark S)]

api.decorateCooked($elem => {
    var uri = $elem[0].baseURI;
});

uri is not consistent. It has one of the following values, with about equal frequency.

• https://forum.example.com/t/test-topic-1/43803 (expected behavior)
• https://forum.example.com
• about:blank
• (empty)

[Canapin (Coin-coin le Canapin)]

What do you want to achieve exactly?
I’m (still, unfortunately) not a code wizard, but that looks like a race condition.

It may be irrelevant since I don’t know what you want to do, but just in case, what about trying to write your code in

api.onPageChange(() => {
    // just some example code if you need to know on which page you are
    const router = api.container.lookup('service:router');
    console.log(router.currentRoute.name);
}

?

[markschmucker (Mark S)]

I’m trying to do this:

How to get topic slug or id from PluginAPI?

PluginAPI newbie here. I have a working script something like: api.decorateCooked($elem => { var iframes = $elem[0].querySelectorAll('iframe'); var uri = $elem[0].baseURI; // modify the iframes in a way that depends on the topic }); I’m using the uri as a key into another database to know how to modify the iframes. However I think this will break if the topic is moved; in any case I would prefer to use the topic id or slug. Is there a way to get those from the PluginAPI?

I think I can use window.location.href instead, but thought I’d point out the inconsistent behavior.

I’m very new at this and don’t understand when I should use decorateCooked and when should I use onPageChange as you suggest, and what other events there might be.