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
Executing js after DOM loaded Support	7	3221	December 30, 2018
Javascripts targeting the footer doesn't work after page transitions Dev	4	1253	February 19, 2021
[newbie] Trouble adding script to dynamically change CSS values based on conditions Support	10	1601	June 8, 2024
How to fire on every footer load (or page load?) Dev	7	1936	August 3, 2024
Javascript in theme component only runs once? Support	8	1721	February 10, 2019

How to re-execute scripts in theme components

Related topics