Skip to content

refactor: use lit element to refactor comment component#80

Merged
f2c-ci-robot[bot] merged 36 commits intohalo-dev:mainfrom
ruibaby:refactor/use-lit
Mar 4, 2024
Merged

refactor: use lit element to refactor comment component#80
f2c-ci-robot[bot] merged 36 commits intohalo-dev:mainfrom
ruibaby:refactor/use-lit

Conversation

@ruibaby
Copy link
Copy Markdown
Member

@ruibaby ruibaby commented Feb 25, 2024 •
edited
Loading

使用 Lit 重写评论组件，可以获得更小的体积，并且提高可移植性，用于任何 JS 框架。

可测试插件：plugin-comment-widget-2.0.0-SNAPSHOT.jar.zip

/kind improvement

Fixes #79

此外，重写之后也解决了以下遗留问题：

  1. Fixes 评论区域大小问题 #78
  2. Fixes 评论组件字体样式会覆盖主题默认的字体样式 #72
  3. Fixes 评论区在白天/黑夜模式切换后的样式问题 #56
  4. Fixes 手机端样式问题 #74
  5. Fixes Halo2.12.4环境Earth主题1.7.1下评论链接错误问题 #81
  6. Emoji 选择器的配色切换问题。

TODO:

  • 完成 Emoji 选择组件的适配
  • 完善基础样式（按钮、分页等）
  • 整理 CSS，抽取部分 CSS 规则为变量
  • 完善默认的暗黑样式
  • 完善操作提示（比如评论成功后的提示）
  • 完善文档
使用 Lit Element 重构评论组件，以获得更小的体积，以及解决若干遗留问题。

@ruibaby
refactor: use lit element to refactor widget component
3cbf883 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@f2c-ci-robot f2c-ci-robot bot added do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. kind/improvement Categorizes issue or PR as related to a improvement. do-not-merge/release-note-label-needed Indicates that a PR should not merge because it's missing one of the release note labels. labels Feb 25, 2024
@f2c-ci-robot f2c-ci-robot bot requested review from JohnNiang and guqing February 25, 2024 13:51
@ruibaby ruibaby changed the title WIP: refactor: use lit element to refactor widget component WIP: refactor: use lit element to refactor comment component Feb 25, 2024
ruibaby added 15 commits February 25, 2024 22:01
@ruibaby
Remove bundle file
87ff19a 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Active quote reply
d1861e0 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine styles
07218aa 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine styles
c1bb8a8 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine styles
deacdbf 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine styles
e59de6a 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine styles
1962cce 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Fix reply
a35c757 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refactor icon
37ca220 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine css var
e2eef91 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine css var
6c3b019 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine css var for emoji picker
1f54f80 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Add auto resize feature for content input
15b223b 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Simplify css naming
e43c59a 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Scroll into view
be578b8 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby ruibaby mentioned this pull request Mar 2, 2024
Closed
ruibaby added 7 commits March 2, 2024 22:55
@ruibaby
Refine var.css
6bcbbd5 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine docs
7a58842 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine docs
441f146 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Improve styles in mobile devices
223df08 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine color styles
7910dd4 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refactor emoji button
3df8a26 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Website
9d6f374 
Signed-off-by: Ryan Wang <i@ryanc.cc>
ruibaby added 10 commits March 3, 2024 14:54
@ruibaby
Eslint
6be45ec 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Fix logout
3ca3a79 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Add toast feature:
eecf000 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
rem to em
e8aeb0b 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
rem to em
cd74f6c 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
rem to em
3d7e666 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refactor toast position
97f1e2f 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Emoji picker i18n
e95b312 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Update readme
f68b102 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Refine font size
153e632 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby ruibaby changed the title WIP: refactor: use lit element to refactor comment component refactor: use lit element to refactor comment component Mar 4, 2024
@f2c-ci-robot f2c-ci-robot bot removed the do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. label Mar 4, 2024
@ruibaby
Update version
b2f1eab 
Signed-off-by: Ryan Wang <i@ryanc.cc>
JohnNiang
JohnNiang approved these changes Mar 4, 2024
View reviewed changes
Copy link
Copy Markdown
Member

@JohnNiang JohnNiang left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome!

/approve

@f2c-ci-robot
Copy link
Copy Markdown

f2c-ci-robot bot commented Mar 4, 2024

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: JohnNiang

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Details Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@f2c-ci-robot f2c-ci-robot bot added approved Indicates a PR has been approved by an approver from all required OWNERS files. release-note Denotes a PR that will be considered when it comes time to generate release notes. and removed do-not-merge/release-note-label-needed Indicates that a PR should not merge because it's missing one of the release note labels. labels Mar 4, 2024
ruibaby added 2 commits March 4, 2024 16:47
@ruibaby
Refine font size
9f8be25 
Signed-off-by: Ryan Wang <i@ryanc.cc>
@ruibaby
Fix duplicate registry
0697d0c 
Signed-off-by: Ryan Wang <i@ryanc.cc>
guqing
guqing reviewed Mar 4, 2024
View reviewed changes
Copy link
Copy Markdown
Member

@guqing guqing left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

/lgtm

@f2c-ci-robot f2c-ci-robot bot added the lgtm Indicates that a PR is ready to be merged. label Mar 4, 2024
@f2c-ci-robot f2c-ci-robot bot merged commit 5bc1867 into halo-dev:main Mar 4, 2024
@ruibaby ruibaby deleted the refactor/use-lit branch March 4, 2024 10:55
@ruibaby ruibaby mentioned this pull request Mar 5, 2024
Merged
f2c-ci-robot bot pushed a commit to halo-dev/plugin-search-widget that referenced this pull request Mar 5, 2024
@ruibaby
refactor: refine css var (#27)
a15b258 
移除在 #25 中提供的字体和行高变量，改为和 halo-dev/plugin-comment-widget#80 中一致的字体设置方案。

添加了三个 CSS 变量：

```
--halo-search-widget-base-font-size: ;			全局字体大小
--halo-search-widget-base-border-radius: ;	边框圆角
--halo-search-widget-base-font-family: ;			字体
```

/kind feature

```release-note
添加和字体相关的 CSS 变量
```
@ruibaby ruibaby mentioned this pull request Mar 20, 2024
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@guqing guqing guqing left review comments

@JohnNiang JohnNiang JohnNiang approved these changes

Assignees

@guqing guqing

Labels

approved Indicates a PR has been approved by an approver from all required OWNERS files. kind/improvement Categorizes issue or PR as related to a improvement. lgtm Indicates that a PR is ready to be merged. release-note Denotes a PR that will be considered when it comes time to generate release notes.

Projects

None yet

Milestone

No milestone

3 participants

@ruibaby @JohnNiang @guqing