yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Capability to mention users in a document (#4838)

Browse Source 
* feat: mention user

* fix: trigger api call on every letter typed

* fix: this allows command menu to re-render upon props change, shouldComponentUpdate prevented re-rendering when necessary

* fix: add node

* fix: mention node styling

* fix: Caret not visible after inserting mention

* fix: apply mentionRule

* fix: label is to be obtained from content, not attrs

* feat: add mentions table and model

* fix: typo

* fix: make all mention nodes visible in shared doc

* feat: parse mention ids from doc text

* feat: MentionsProcessor

* feat: documents.publish tests

* feat: tests for MentionsProcessor

* feat: schedule notifs for mentions

* fix: get rid of Mention model

* fix: put actor id and mention id in raw md

* Revert "fix: put actor id and mention id in raw md"

This reverts commit 3bb8a22e3c560971dccad6d2f82266256bcb2d96.

* Revert "Revert "fix: put actor id and mention id in raw md""

This reverts commit 3c5b36c40cebf147663908cf27d0dce6488adfad.

* fix: review

* fix: no need of set

* fix: show avatar

* fix: get rid of eventName

* fix: font-weight

* fix: prioritize mention notifs

* fix: store id in md

* fix: no need of prepending m

* fix: fetchPage

* fix: Avatars incorrect color

* fix: remove scanRE

* fix: test

* fix: include alphabet other than latin

* lockfile

* fix: regex should test for letters, marks and digits

---------

Co-authored-by: Tom Moor <tom.moor@gmail.com>
This commit is contained in:
Apoorv Mishra
2023-03-07 04:24:57 +05:30
committed by GitHub
parent 09435ed798
commit de031b365c
18 changed files with 704 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
shared/editor/components/Styles.ts
View File

@@ -56,7 +56,7 @@ math-inline {
}
math-inline .math-render {
math-inline .math-render {
display: inline-block;
font-size: 0.85em;
}
@@ -120,6 +120,17 @@ font-size: 1em;
line-height: 1.6em;
width: 100%;
.mention {
background: ${props.theme.mentionBackground};
border-radius: 12px;
padding-bottom: 2px;
padding-top: 1px;
padding-left: 4px;
padding-right: 4px;
font-weight: 500;
font-size: 14px;
}
> div {
background: transparent;
}
@@ -978,7 +989,7 @@ mark {
display: inline;
}
&.code-hidden {
&.code-hidden {
button,
select,
button.show-diagram-button {