Please, how would I go about inserting a Component in a particular widget. What I am interested in is placing the TopicNotificationsButton component in the “post-body” widget.
I would appreciate the assistance immensely.
Please, how would I go about inserting a Component in a particular widget. What I am interested in is placing the TopicNotificationsButton component in the “post-body” widget.
I would appreciate the assistance immensely.
We’ve got a shim that can do this… in a theme you’d want to add a file like this within the javascripts/discourse/api-initializers
directory…
import { withPluginApi } from "discourse/lib/plugin-api";
import { registerWidgetShim } from "discourse/widgets/render-glimmer";
import { hbs } from "ember-cli-htmlbars";
export default {
name: "unique-customization-name",
initialize() {
withPluginApi("0.1", (api) => {
api.decorateWidget(`post-body:after`, (decorate) => {
const attrs = decorate.attrs;
return decorate.widget.attach("custom-widget-name", { attrs });
});
registerWidgetShim(
"custom-widget-name",
"div.custom-widget-name",
hbs`<ComponentName @postAttrs={{@data.attrs}} />`
);
});
},
};