Scripts in theme components execute only once; how do I re-execute them when there is a route change(not full page refresh)? For example, I want the scripts in a component to execute even after navigating between tags.

api.onPageChange(() => { // your code });

Where would this if I’m building a theme component? This is my code at the moment. I’m trying to re-render the footer every time there’s a route change so that the scripts would re-execute. I’m getting weird errors. I’m a total beginner, and I don’t know if this is the right way to go about this. initialize() { withPluginApi("0.8", api => { if (settings.Show_footer_on_login_required_page) { api.modifyClass("controller:static", { @on("init") showFooterOnStatic() { this.set("application.showFooter", true); } }); api.onPageChange(() => { showFooterOnStatic() { this.set("application.showFooter", true); } }); } });

Have you tried looking at prior art/work/code in another similar #theme-component to get some insights on how to go about it?

I have looked at some, but they don’t seem to have what I’m trying to do. I guess I will look at more theme-component

Thanks, @osioke, and @michaeld :raised_hands:, I found exactly what I’ve been looking for after going through this theme-component: Homepage Feature https://github.com/discourse/discourse-homepage-feature-component/blob/main/javascripts/homepage-featured-topics/connectors/above-main-container/homepage-featured-topics.js.es6

How to re-execute scripts in theme components

Development

osioke (Osioke Itseuwa) May 24, 2021, 1:39pm 4

Have you tried looking at prior art/work/code in another similar Customization > Theme component to get some insights on how to go about it?

Topic		Replies	Views
Javascript not re-running between different pages Product Support	1	475	November 23, 2020
Javascript in theme component only runs once? Product Support	7	2018	January 10, 2019
How do you force a script to refire on every page load in Discourse? Development	38	21636	March 12, 2020
[newbie] Trouble adding script to dynamically change CSS values based on conditions Product Support	9	1852	October 11, 2016
Rerender on new route or transition Development	8	1852	May 27, 2023

How to re-execute scripts in theme components

Related topics