Isaac Janzen 21f23cc032 DEV: Convert header to glimmer (#25214) ... Here is a breakdown of the changes that will be implemented in this PR. # Widgets -> Glimmer Obviously, the intention of the todo here is to convert the header from widgets to glimmer. This PR splits the respective widgets as so: ### widgets/site-header.js ```mermaid height=200 flowchart TB A[widgets/site-header.js] A-->B[components/glimmer-site-header.gjs] ``` ### widgets/header.js and children ```mermaid height=200 flowchart TB A[widgets/header.js] A-->B[components/glimmer-header.gjs] B-->C[glimmer-header/contents.gjs] C-->D[./auth-buttons.gjs] C-->E[./icons.gjs] C-->F[./user-menu-wrapper.gjs] C-->G[./hamburger-dropdown-wrapper.gjs] C-->H[./user-menu-wrapper.gjs] C-->I[./sidebar-toggle.gjs] C-->J[./topic/info.gjs] ``` There are additional components rendered within the `glimmer-header/*` components, but I will leave those out for now. From this view you can see that we split apart the logic of `widgets/header.js` into 10+ components. Breaking apart these mega files has many benefits (readability, etc). # Services I have introduced a [header](cdb42caa04/app/assets/javascripts/discourse/app/services/header.js) service. This simplifies how we pass around data in the header, as well as fixes a bug we have with "swiping" menu panels. # Modifiers Added a [close-on-click-outside](cdb42caa04/app/assets/javascripts/discourse/app/modifiers/close-on-click-outside.js) modifier that is built upon the [close-on-click-outside modifier](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/float-kit/addon/modifiers/close-on-click-outside.js) that @jjaffeux built for float-kit. I think we could replace float-kit's implementation with mine and have it in a centralized location as they are extremely similar. # Tests Rewrote the existing header tests ([1](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/tests/integration/components/widgets/header-test.js), [2](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/tests/integration/components/site-header-test.js)) as system tests. # Other - Converted `widgets/user-status-bubble.js` to a gjs component - Converted `widgets/sidebar-toggle.js` to a gjs component - Converted `topicFeaturedLinkNode()` to a gjs component - Deprecated the [docking mixin](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/mixins/docking.js)		2024-02-23 11:08:15 -07:00
..
ADMIN-QUICK-START-GUIDE.md	DEV: Fix minor broken category link in ADMIN-QUICK-START-GUIDE.md (#25551)	2024-02-06 11:19:40 -05:00
AUTHORS.md
CHANGELOG-JAVASCRIPT-PLUGIN-API.md	DEV: Convert header to glimmer (#25214)	2024-02-23 11:08:15 -07:00
code-of-conduct.md
DEVELOPER-ADVANCED.md
DEVELOPMENT-OSX-NATIVE.md
INSTALL-cloud.md	Update INSTALL-cloud.md screenshots and copy when landed on the forum homepage (#25671)	2024-02-14 07:31:44 -07:00
INSTALL-email.md	DOCS: Update INSTALL-email to point to Brevo correctly	2023-12-04 11:46:33 +11:00
INSTALL.md
PLUGINS.md
SECURITY.md	FEATURE: Increase pbkdf2 iterations to 600k (#20981)	2023-04-11 11:56:20 +01:00
TESTING.md
TROUBLESHOOTING.md