How to refer to `api.addPosterIcon` from inside of a function

blattersturm · September 8, 2021, 4:19pm

The implementation of text/discourse-plugin snippets in themes is apparently as follows:

app/models/theme_field.rb

88aa0136e


      
          js = <<~JS
            import { withPluginApi } from "discourse/lib/plugin-api";
          
            export default {
              name: #{initializer_name.inspect},
              after: "inject-objects",
          
              initialize() {
                withPluginApi(#{version.inspect}, (api) => {
                  #{node.inner_html}
                });
              }
            };
          JS
          
          js_compiler.append_module(js, "discourse/initializers/#{initializer_name}", include_variables: true)

I’m not directly seeing any mention of a this instance here, which would imply it’s not related to JS’ implicit this, nor can it be api going out of scope, as the snippet is pasted in there.

Does this minimal example actually work, i.e. is it not an issue with the omitted code?

FWIW: the Discourse global and its currentUser field could be replaced with api.getCurrentUser() as well here:

github.com/discourse/discourse

app/assets/javascripts/discourse/app/lib/plugin-api.js

11a07b37e


      
          getCurrentUser() {
            return this._lookupContainer("current-user:main");

Topic		Replies	Views
Where do I find discourse functions? Development	4	672	July 8, 2022
Theme Developer Tutorial: 6. Using the JS API Developer Guides	3	1174	April 14, 2025
Using api from custom component Development plugin-api	2	429	April 19, 2024
Accessing the api from a component Development	1	622	July 13, 2023
Using the JS API Developer Guides plugin-api , explanation , code	18	12618	January 30, 2026

How to refer to `api.addPosterIcon` from inside of a function

Related topics