How to re-execute scripts in theme components

Marvelxy · May 24, 2021, 10:17pm

Thanks, @osioke, and @michaeld , I found exactly what I’ve been looking for after going through this theme-component: Homepage Feature Component

github.com

discourse/discourse-homepage-feature-component/blob/main/javascripts/homepage-featured-topics/connectors/above-main-container/homepage-featured-topics.js.es6

import { ajax } from "discourse/lib/ajax";
import Topic from "discourse/models/topic";
import { withPluginApi } from "discourse/lib/plugin-api";

const FEATURED_CLASS = "homepage-featured-topics";

export default {
  setupComponent(args, component) {
    const topMenuRoutes = Discourse.SiteSettings.top_menu
      .split("|")
      .filter(Boolean)
      .map((route) => `/${route}`);

    const homeRoute = topMenuRoutes[0];

    withPluginApi("0.1", (api) => {
      api.onPageChange((url) => {
        if (!settings.featured_tag) {
          return;
        }

This file has been truncated. show original

Topic		Replies	Views
Javascript not re-running between different pages Support	2	421	December 23, 2020
Javascript in theme component only runs once? Support	8	1784	February 10, 2019
How do you force a script to refire on every page load in Discourse? Dev	39	20672	November 26, 2020
[newbie] Trouble adding script to dynamically change CSS values based on conditions Support	10	1634	June 8, 2024
Rerender on new route or transition Dev	8	1582	May 27, 2023

How to re-execute scripts in theme components

Related topics