I’m trying to build an STL preview theme component. There is an excellent javascript library for this, but I’m not sure how to make it work in a theme component. It’s regular javascript, not es6, which I think means I can’t just stick it in the “javascripts” directory and import it, right? Besides…

This seems to show how to do it for a plugin: How to ship javascript library with plugin? Still haven’t found anything for a theme component.

I don’t know, but you don’t have any good answers! The next thing to look at is the…thing…about including other files in the theme component. I think some of the big theme components are where to look. Basically, I think, the file structure is the theme component is the same and ember will just lo…

I don’t think so, each component gets it’s own virtual directory I think. Something like discourse/theme-10/… So to load stuff from there I have to at least know what the directory is somehow.

Assets names seem to only be accessible as variables, and the real names are long and complicated numbers, so that won’t work either. It kind of seems like there is no way to do this as a component right now, so I’m going to sideload the JS files through nginx and access them that way for now. Prob…

You can add the normal script tag to the header.html file inside your theme component. image-optimizer/common at main · discourse/image-optimizer Contribute to discourse/image-optimizer development by creating an account on GitHub.

sideloading works! Once. :frowning: If I navigate to another topic and back to the topic with the STL in it, then it doesn’t work. I’m not sure why because there is no error in the javascript console. I saw a thread somewhere earlier that talked about onload weirdness, and given that these script…

[صورة] Falco: You can add the normal script tag to the header.html file inside your theme component. True, but viewstl code isn’t meant to be inlined. With the sideloading I put a script tag like this in common/head_tag.html: <script src="/xi/viewstl/stl_viewer.min.js"></script> (/xi/ is s…

Discourse is a SPA. You can’t just slap a script that now on the onLoad as that won’t work. You will need to hook into our API endpoints. Check Developer’s guide to Discourse Themes

Alrighty then, I’m going to have a go at replacing the crufty script-tag-based loading with something else then.

[صورة] Falco: Check Developer’s guide to Discourse Themes I have now read this page several times, but I still can’t make it work. I’m trying to load three.js with import statements, but it seems regardless of what I do, it complains that it can’t find the import. The weird part is that I c…

أصول Javascript في مكون سمة

مطور

Hubbe (Fredrik Hubinette) 4 مايو 2021، 11:14م 2

يبدو أن هذا يوضح كيفية القيام بذلك لـ إضافة: How to ship javascript library with plugin?
لم أجد حتى الآن أي شيء خاص بمكون السمة.

الموضوع		الردود	مرات العرض
Issues on loading a js asset from a Theme Component Development	19	897	28 سبتمبر 2023
Defer loading JavaScript in Themes and Components Development dev-news	4	1982	7 أبريل 2022
Question about web app loading Support	2	95	25 أبريل 2025
Need help with theme component Github Development	7	174	17 سبتمبر 2024
When to switch themes/plugins to `.gjs`? Development	27	547	5 يناير 2026

أصول Javascript في مكون سمة

الموضوعات ذات الصلة