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…

Comment charger une bibliothèque dans un composant de thème

Dev

merefield (Robert) Août 25, 2023, 2:56 2

Le résultat de votre loadscript est une promesse, vous devez donc placer votre code qui en dépend dans un bloc .then, conformément à mon exemple de code.

Sujet		Réponses	Vues
How to require external libraries in a component helper file? Development	6	900	Juillet 3, 2021
Issues on loading a js asset from a Theme Component Development	18	1173	Septembre 28, 2023
Javascript assets in a theme component Development	15	2451	Mai 7, 2021
Defer loading JavaScript in Themes and Components Development dev-news	4	2133	Avril 7, 2022
Custom JS script in theme component not loading Support	1	674	Décembre 10, 2020

Comment charger une bibliothèque dans un composant de thème

Sujets connexes