How can i find the right extender to use

Justoverclock

Hi all,
what is the best way to find the right extender to use, for example, if i want to extend this part (on indexpage too)

which extender i need to use? and how can i find the right extender for flarum parts (maybe there's a trick for this?)

and how can i call for example the login button and signup button?

with the extender that i use now, it appear only on homepage, not inside a tag, and i can't reach signup button (i don't know how to call it)

clarkwinkelmann

Justoverclock right now there isn't really any "magic" way to find the names of the javascript components.

You could:

Find an extension that adds things in the same place you need and check which component they used.
Read Flarum source code to find the correct place.

Reading the source code becomes easier the more you do it. For your particular screenshot, I'd know it's the IndexPage component that renders that page, so I'd go to that file, then under the view method I see most of the page layout, with sidebarItems on the side, and viewItems and actionItems just above the DiscussionList component. It's then easy to confirm viewItems are the controls on the top left and actionItems are the controls on the top right. I'm not sure if that's what you were actually looking for though.

In the past I created this extension that would visually show you all the extendable points of the Flarum frontend but it was never fully finished https://github.com/migratetoflarum/flarum-ext-learn

There's also ways to insert things in other places of the frontend even if there are no ItemLists to extend, but it's a bit more difficult and requires knowledge about how Mithril vdom works.

Justoverclock

indexpage for me works on homepage, not under a tag, but maybe i'm doing something wrong.

i can't find documentation to learn how to extend the sidebar to add a box (i know how to put a link) but not a widget, so i think i will try to read some extension that do similar things

Ralkage

Justoverclock maybe my extension could be of some help? 🙂

If you want to add stuff to the area shown in your screenshot, take a look at Welcome Widgets.

Just as @clarkwinkelmann can tell you which component is which without even looking at core's code, I can also do the same because I looked at so many extensions, Flarum's code, and the API docs so it's become muscle memory now hehe.