mirror of
https://github.com/discourse/discourse.git
synced 2024-11-29 18:35:23 +08:00
21f23cc032
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](
|
||
|---|---|---|
| .. | ||
| admin | ||
| base | ||
| components | ||
| float-kit | ||
| foundation | ||
| login | ||
| modal | ||
| select-kit | ||
| table-builder | ||
| d-editor.scss | ||
| font-variables.scss | ||
| input_tip.scss | ||
| loading-slider.scss | ||
| post-action-feedback.scss | ||
| printer-friendly.scss | ||
| software-update-prompt.scss | ||
| topic-entrance.scss | ||
| topic-timeline.scss | ||
| whcm.scss | ||