from How to require external libraries in a component helper file? - #2 by merefield [image] How to require external libraries in a component helper file? You can use the approach I use in GitHub - merefield/discourse-tc-tag-cloud: A Discourse Theme Component that displays a tag cloud above the …

The result of your loadscript is a promise so you need to put your code relying on it in a .then block as per my example code

I don’t know if this is a similar thing (I suspect it isn’t) but holy smoly is it driving me nuts because this should be simple to do. javascripts/discourse/components/user-card-contents.js.es6 main import { default as userCardContents } from "discourse/components/user-card-con…

Thanks very much! But I thought I did that: return loadScript(settings.theme_uploads.QRCode).then(() => { return loadScript(settings.theme_uploads.QRCode); }); I tried very hard to change your example as little as possible :slight_smile: Maybe I need to use a .then when I’m trying …

My two main advices are: Put the library in the assets folder This solves CSP, makes the theme self-contained and is considered a good practice, instead of loading it from third-parties. Load it lazily Only when needed, you can load it lazily using await loadScript. This means it won’t be loaded i…

[image] Jay Pfaffman: Maybe I need to use a .then when I’m trying to use the code later? Yes, precisely. :+1:. That’s how it works in my example.

One more question: What’s the difference between ...initializers/mycode.js and ...api-initializers/mycode.js? And much thanks to both of you!! [image] Falco: A good example of a theme that follows those good practices is GitHub - discourse/discourse-mermaid-theme-component That was a good e…

How to load library in a theme component

Development

merefield (Robert) August 25, 2023, 6:30pm 6

Yes, precisely. . That’s how it works in my example.

Topic		Replies	Views
How to require external libraries in a component helper file? Development	6	900	July 3, 2021
Issues on loading a js asset from a Theme Component Development	18	1173	September 28, 2023
Javascript assets in a theme component Development	15	2451	May 7, 2021
Defer loading JavaScript in Themes and Components Development dev-news	4	2133	April 7, 2022
Custom JS script in theme component not loading Support	1	674	December 10, 2020

How to load library in a theme component

Related topics