Is there a good way to add javascript (one file, minimized) to a theme component so that it can be used in common/header.html?

Got it working. Just added the JS (not minimized) into the common/header.html. See discourse-highlight-text/common/header.html at master · sbernhard/discourse-highlight-text · GitHub Would be good if someone could document this behavior to the theme /component developer guide.

How did you use the JS in your component? I’m using the Versatile Banner component and want to add a button that calls my custom JS function. I’ve put in the head as you mention but get a CSP error: dev.londonbikers.com/:1 Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src https://dev.londonbikers.com/logs/ https://dev.londonbikers.com/sidekiq/ https://dev.londonbikers.com/mini-profiler-resources/ https://dev.londonbikers.com/assets/ https://dev.londonbikers.com/brotli_asset/ https://dev.londonbikers.com/extra-locales/ https://dev.londonbikers.com/highlight-js/ https://dev.londonbikers.com/javascripts/ https://dev.londonbikers.com/plugins/ https://dev.londonbikers.com/theme-javascripts/ https://dev.londonbikers.com/svg-sprite/". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. When calling my code via onclick="NavigateToCustomLoginUrl('facebook')" on a button.

Oh, think I answered my own question via Content security policy | Articles | web.dev

Add javascript to a theme component

Development

fzngagan (Faizaan Gagan) June 17, 2020, 4:08pm 5

Check loadScript in the codebase/meta for a systematic way to achieve this.

Topic		Replies	Views
Custom JS script in theme component not loading Product Support	1	690	December 10, 2020
Adding JavaScript to a theme in /head not working (UserWay) Product Support	2	1513	April 29, 2020
Using scripts in the topic Development	6	693	February 9, 2024
Javascript not working in customised areas Product Support	8	1204	May 14, 2019
Defer loading JavaScript in Themes and Components Development dev-news	4	2182	April 7, 2022

Add javascript to a theme component

Related topics