mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 09:42:07 +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](
|
||
|---|---|---|
| .. | ||
| components | ||
| select-kit | ||
| _index.scss | ||
| admin_badges.scss | ||
| admin_customize.scss | ||
| admin_report_counters.scss | ||
| admin_report_table.scss | ||
| admin_report.scss | ||
| admin_reports.scss | ||
| alert.scss | ||
| buttons.scss | ||
| compose.scss | ||
| dashboard.scss | ||
| dialog.scss | ||
| directory.scss | ||
| discourse.scss | ||
| edit-category.scss | ||
| emoji.scss | ||
| group.scss | ||
| header.scss | ||
| invite-signup.scss | ||
| lightbox.scss | ||
| login-modal.scss | ||
| menu-panel.scss | ||
| modal-overrides.scss | ||
| modal.scss | ||
| new-user.scss | ||
| personal-message.scss | ||
| post-action-feedback.scss | ||
| push-notifications-mobile.scss | ||
| reviewables.scss | ||
| search.scss | ||
| sidebar.scss | ||
| tagging.scss | ||
| topic-list.scss | ||
| topic-post.scss | ||
| topic.scss | ||
| upload.scss | ||
| user-badges.scss | ||
| user.scss | ||