I’m trying to put a template in a specific plugin outlet in my javascripts/discourse/initializers/persistent-banner.gjs. Code: import Component from "@glimmer/component"; import { apiInitializer } from "discourse/lib/api"; banner_plugin_outlet = settings.banner_position export default apiInitial…

A few things to get you going again: this file has an missing closing round bracket at the end of your apiInitializer call - that will just not work. On fixing that issue I see more errors. banner_plugin_outlet is not declared - you need a const here. you assign it twice? you don’t need it…

Don’t use an initialiser for this? Use the connectors folder. There are loads of examples.

The reason is that there are different outlets that can be selected. I adapted this code from Notification Banner’s repo.

Ah got it. Yes that makes sense. Sorry wasn’t sure if your functional intention. I should have read the code in more detail.

[image] Robert: I couldn’t get themeSetting to work as a helper here. No error, just blank, so try this code instead: get bannerTextContent() { return settings.banner_text_content; } <template> {{#if this.bannerIsFilled}} <div class='persi…

Thanks. That didn’t seem very transparent! :sweat_smile:

Yeah that’s fair. Let’s improve the error messages: https://github.com/discourse/discourse/pull/29191 [SCR-20241014-kvau] [SCR-20241014-kvmu]

Thank you. This really helps with the developer experience. Which as we know has improved dramatically with.gjs over widgets. however There are lots of very odd errors you can get when using gjs components that do not make finding the issues very easy. For example, lets mess up the helper name…

Ouch, that’s a bad one! When I try locally, I see: [SCR-20241014-muuf] Where did you see the WeakMap error? On a production site? If so… perhaps this is one of the checks which ember optimizes out of production builds to improve performance. If you can, I’d always recommend developing themes/pl…

Yes, Production site using the Theme CLI ( which I guess is one of its downsides, despite its otherwise it’s a great workflow?) [image] David Taylor: one of the checks which ember optimizes out of production builds to improve performance. That makes total sense. [image] David Taylor: I’…

Cannot put the template in the desired outlet

Development

NateDhaliwal (Nate Dhaliwal) October 14, 2024, 3:03am 7

I imported htmlSafe and this worked like a charm!
Thanks so much!

Topic		Replies	Views
Templating of my "component" broke. How do I fix it? Development	14	494	March 17, 2026
api.renderInOutlet not rendering? Development	11	461	June 28, 2025
Overriding .gjs files - not possible? Development	2	669	October 10, 2023
Using Plugin Outlet Connectors from a Theme or Plugin Developer Guides how-to , code	12	19275	October 14, 2024
Modernizing inline script tags for templates & JS API Development dev-news	46	5905	March 25, 2026

Cannot put the template in the desired outlet

Related topics