I’ve been writing a Svelte app that needs to install itself on each page. I figured out how to add my JS file into the head section and get it to load on the first page load. However, as I experimented, I realized that discourse is pulling in new content via XHR and replacing certain sections, and s…

[이미지] Chris Dawson: I played around with various attempts to get notified when the page changes, but it does not seem like Ember provides the hooks, and I was unable to find any custom events that I could listen for. This is what you need How do you force a script to refire on every page load…

I think you want to put your code in an initializer rather than in a head. Look at the developer guide and see how you can put your JS in separate files.

Thanks so much for the reply! I think this is partly why I’m confused, I’m having trouble finding any references to extending Discourse by adding my own JS. When I do a duckduckgo search for “Discourse developer guide” the first link I get is a link to the github repo. The next link is to the “Di…

Yeah it’s not all trivial. Discourse is an EmberJS app. Ideally JavaScript extensions should be written in the EmberJS framework using a Theme Component (or Plugin), the Discourse JavaScript API where appropriate and plugin outlets. The main issue you will encounter in using ad hoc external scri…

That’s good confirmation. But, I have to say, I’m really happy with my mutation observer code. It detects when the content of the page changes correctly, and then allows me to run my custom JS code. It’s working beautifully, and I didn’t have to learn Ember, nor modify the RoR app in any way. I’m re…

I just tried to use a popstate event observer. If that would have worked, then the code would be 5 lines instead of 20. However, clicking around does not seem to trigger that event. If I use the forward or back buttons, I do see the event. I don’t obviously understand popstate enough but for now I a…

I realized I was doing one foolish thing here. I’m modifying the theme and adding code to the head. If I switch to a different theme, those changes are lost. The right way is to add the code using a plugin. I used the template here: GitHub - discourse/discourse-plugin-skeleton: Template for Discours…

[이미지] Chris Dawson: The right way is to add the code using a plugin Not true. If you are not modifying the API (e.g. using 100% javascript) there is no need to use a Plugin which are more cumbersome to deploy and switch out. If all you are doing is modifying or adding some JavaScript a Them…

OK. But, when I switch themes (or if I allow a user to choose their own theme), then am I not faced with the problem that I need to make sure each theme is 1) editable so I can add the new head tags and even worse 2) need to maintain my code across all themes? When I started using different themes,…

In this case, you would make it a Theme Component and add that Component to all Themes. (I’ll admit this is an additional complexity). If you want to run the site professionally, making sure all your code is on Github is a very good idea indeed. However, initially when you are just trying some id…

Have a look at GitHub - discourse/discourse-theme-skeleton: Template for Discourse themes · GitHub

페이지별 커스텀 JS를 설정하는 'on-discourse' JavaScript에 대한 피드백을 구합니다.

개발

RGJ (Richard - Communiteq) 11월 18, 2023, 1:56오후 12

여기에 필요한 링크입니다: How do you force a script to refire on every page load in Discourse? - #5 by simon

<script type="text/discourse-plugin" version="0.8">
    api.onPageChange(() =>{
        // code
    });
</script>

글		댓글	조회수
How do you force a script to refire on every page load in Discourse? Development	38	21525	3월 12, 2020
[newbie] Trouble adding script to dynamically change CSS values based on conditions Product Support	9	1823	10월 11, 2016
A versioned API for client side plugins Development rest-api	33	20495	6월 21, 2024
Modernizing inline script tags for templates & JS API Development dev-news	46	5972	3월 25, 2026
Theme-Component v Plugin: What's the difference Development	22	6102	6월 9, 2020

페이지별 커스텀 JS를 설정하는 'on-discourse' JavaScript에 대한 피드백을 구합니다.

Related topics