Trying to extend the tags functionality

sanjucta

Hi,
I am trying to modify the way Discussion List Items are displayed. Specifically I want to dynamically stop certain tags from being displayed. The tags extention adds tags like so -

 extend(DiscussionListItem.prototype, 'infoItems', function(items) {
    const tags = this.props.discussion.tags();

    if (tags && tags.length) {
      items.add('tags', tagsLabel(tags), 10);
    }
  });

I was assuming that in my extentions bootstrap.js if I did

extend(DiscussionListItem.prototype, 'infoItems', function(items) {
      items.get('tags');
     });

I would get the list of tags added by the tags extension. But that is not the case.

The following returns false.

 items.has('tags');

Why is that?

luceos

sanjucta extensions are processed via the initializers logic based on their name (by default) if your extension name is sorted after flarum-tags it will be able to see the modification added by that extension. In case your extension is sorted before, it won't. You can force a specific priority using the third argument when registering your initializer:

https://github.com/flarum/core/blob/c5a3715701d19fb1839a29516a94ea3c9d0e3458/js/src/common/utils/ItemList.js#L60-L71

eg taking this from reflar/gamification per example:

app.initializers.add('Reflar-Gamification', app => {
  app.store.models.ranks = Rank

  app.notificationComponents.vote = VoteNotification

  app.routes.rankings = {path: '/rankings', component: RankingsPage.component()}

  AddVoteButtons()
  AddHotnessFilter()
  AddAttributes()
}, <PRIORITY as integer; eg 500>)

sanjucta

Thanks a ton !!!