Custom Hamburger Menu Links

Canapin · November 8, 2022, 12:53am

I took a look at Discourse’s sidebar code and @nolo icons addition.

It seems that currently, it’s not possible to customize the icon’s custom links because the hamburger menu decoration method doesn’t take into account the prefixValue constant (which contains the icon’s name) or something like that…

It also seems to me that hamburger-menu decorations with api.decorateWidget are going to be depreciated. See:

github.com

discourse/discourse/blob/main/app/assets/javascripts/discourse/app/lib/plugin-api.js#L534


      
                      // Skip external links support for now
                      return;
                    }
                  } else {
                    args.route = route;
                  }
          
          
        this.addCommunitySectionLink(args, name.match(/footerLinks/));
                } catch {
                  deprecated(
                    `Usage of \`api.decorateWidget('hamburger-menu:generalLinks')\` is incompatible with the \`enable_experimental_sidebar_hamburger\` site setting. Please use \`api.addCommunitySectionLink\` instead.`
                  );
                }
          
          
      return;
              }
            }
          }
          
          
/**
           * Adds a new action to a widget that already exists. You can use this to

Also, the fact that external links don’t work anymore could come from this:

github.com

discourse/discourse/blob/main/app/assets/javascripts/discourse/app/lib/plugin-api.js#L524


      
            const args = {
              name: className || textContent.replace(/\s+/g, "-").toLowerCase(),
              title: textContent,
              text: textContent,
            };
          
          
  if (href) {
              if (DiscourseURL.isInternal(href)) {
                args.href = href;
              } else {
                // Skip external links support for now
                return;
              }
            } else {
              args.route = route;
            }
          
          
  this.addCommunitySectionLink(args, name.match(/footerLinks/));
          } catch {
            deprecated(
              `Usage of \`api.decorateWidget('hamburger-menu:generalLinks')\` is incompatible with the \`enable_experimental_sidebar_hamburger\` site setting. Please use \`api.addCommunitySectionLink\` instead.`

So that there should be some changes in core to make this available.

My knowledge of how Discourse works is almost non-existent so I could be very wrong.

Am I right about my findings?

Topic		Replies	Views
Ability to add a custom section of links to the sidebar feature sidebar	15	3132	February 18, 2023
Right Sidebar Blocks theme-component official , right-sidebar-blocks	75	8551	April 15, 2024
Hamburger Theme Selector theme-component official , end-of-life	69	22662	May 30, 2023
Header Submenus theme-component official , header-submenus	80	34182	January 18, 2024
Custom Header Links theme-component official , custom-header-links	59	46627	April 24, 2024

Custom Hamburger Menu Links

Related Topics