How to inject a service in discourse?

david · February 8, 2022, 5:56pm

The problem here is that the ‘connector’ is not an EmberObject, and so you can’t inject things into it. Instead, you’ll need to create an Ember Component and inject it there.

Your ‘connector’ template would then look something like

{{my-component-name}}

Here’s an example of how that’s done in the whos-online plugin:

We have a service in core:

github.com/discourse/discourse

app/assets/javascripts/discourse/app/services/presence.js

5a93ce421


      
                }
                this.set("count", this.users.length);
              } else {
                // Unexpected message
                await this._resubscribe();
                return;
              }
            }
          }
          
          export default class PresenceService extends Service {
            init() {
              super.init(...arguments);
              this._queuedEvents = [];
              this._presenceChannelStates = EmberObject.create();
              this._presentProxies = new Map();
              this._subscribedProxies = new Map();
              this._initialDataRequests = new Map();
          
              if (this.currentUser) {
                window.addEventListener("beforeunload", this._beaconLeaveAll);

A connector template in the plugin

github.com/discourse/discourse-whos-online

assets/javascripts/discourse/templates/connectors/discovery-list-container-top/online_users_widget.hbs

db7af7bce


      
          {{whos-online}}

The component definition:
https://github.com/discourse/discourse-whos-online/blob/main/assets/javascripts/discourse/components/whos-online.js#L6-L7

(or you can use export default Component.extend({ whosOnline: service() }) if you prefer)

And the component template:
https://github.com/discourse/discourse-whos-online/blob/main/assets/javascripts/discourse/templates/components/whos-online.hbs

Topic		Replies	Views
Using Ember Services in Discourse plugins Development	7	2270	February 6, 2022
Using a Discourse component in a plugin Development	19	4766	January 26, 2017
Correct way to build components Development	3	2444	January 10, 2017
Ember Observer changes between Components Development	0	733	November 17, 2020
Theme Developer Tutorial: 4. Using Outlets to insert and replace content Developer Guides	0	1270	March 18, 2025

How to inject a service in discourse?

Related topics