kame
4f078e1ee4
Migrated Storybook notation from CSF2 to CSF3 ( #3412 )
...
* Migrate web action-buttons directory to CSF3 notation
* Migrate web chat directory to CSF3 notation
* Migrate web common directory to CSF3 notation
* Migrate web layout directory to CSF3 notation
* Migrate web modals directory to CSF3 notation
* Migrate web ui directory to CSF3 notation
* Migrate web video directory to CSF3 notation
* Migrate web stories directory to CSF3 notation
2023-11-06 19:35:05 -08:00
Gabe Kangas
364afd0e71
fix: add spacing between user badges. Closes #3247
2023-08-17 19:28:21 -07:00
janWilejan
c00b0be3d4
fix emojis overflowing the chat message ( #3228 )
...
* fix emojis overflowing the chat message
* fix: force ignoring of certain paths?
---------
Co-authored-by: janWilejan <>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-08-02 12:29:25 -07:00
John Regan
58bc3ac173
emoji: display native emoji simiarly to custom ( #3147 )
2023-07-06 12:47:38 -07:00
John Regan
5c07e3ced6
highlighting: make case-insensitive, support unicode ( #3137 )
...
* highlighting: make case-insensitive, support unicode
* highlighting: also highlight simplified/normalized form
* highlighting: use MDN-recommended escape pattern
2023-07-05 11:23:39 -07:00
janWilejan
ce724fa073
username of repeat chat messages is display:none ( #3101 )
...
users who want to show repeat usernames can inject the following CSS:
[class^="ChatUserMessage_repeatUser"]{display:flex !important;}
Co-authored-by: janWilejan <>
2023-06-28 09:58:07 -07:00
Gabe Kangas
a354787a9e
feat(chat): support line breaks and pasted content. Closes #3108
2023-06-27 14:51:01 -07:00
Gabe Kangas
d33f117a82
fix(chat): fix missing alt tags on custom emoji. Closes #3106
2023-06-26 11:38:10 -07:00
Gabe Kangas
ccb9b5d075
chore: run stylelint on our css files
2023-06-20 20:58:00 -07:00
Gabe Kangas
a86049729e
fix(chat): enable tld validation in autolinking and add online to accepted tlds
2023-06-15 05:41:19 -07:00
Gabe Kangas
2046e4999f
feat(chat): decrease msg collapse timeout + add spacing. Closes #3062
2023-06-02 19:48:07 -07:00
Gabe Kangas
924223328c
fix(chat): tweak layouts of chat user badges. Closes #3009
2023-05-31 14:53:13 -07:00
Gabe Kangas
e50b23d081
Cleanup unused Javascript ( #3027 )
...
* chore(js): be stricter about dead code warnings
* chore(js): remove dead code and unused exports
* rebase
* chore: remove unused files
* chore(deps): remove unused prop-types dep
* chore(js): remove unused function
* chore(deps): remove + check unused deps
* chore(js): remove unused exports. Closes #3036
2023-05-20 21:15:25 -07:00
Gabe Kangas
acab4e5c85
fix(ui): hard code the colors of the chat moderation menu button
2023-05-20 14:59:02 -07:00
gingervitis
44483a45d3
some webv2 UI polish ( #2940 )
...
* style tweaks for Action Button, UserMenu, Modal
* a bunch of misc polish; some around chat
* Prettified Code!
* cleanup
* fix formatting
* Reduce content padding a bit
* some stylesheet cleanup
* fix action button sizing
* Remove action button height completely
---------
Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2023-04-24 10:58:57 -07:00
Gabe Kangas
d346485f94
Revert "FIX : Chat: words containing one or more dots are turned into links #2898 ( #2903 )"
...
This reverts commit 11a3a79032
2023-04-03 18:28:25 -07:00
Dev Gupta
11a3a79032
FIX : Chat: words containing one or more dots are turned into links #2898 ( #2903 )
...
* FIX: Chat: words containing one or more dots are turned into links #2898
Making validateTLD to true and also adding a parameter of customTLDs
* Update ChatUserMessage.tsx
* Prettified Code!
---------
Co-authored-by: dev265545 <dev265545@users.noreply.github.com>
2023-04-03 18:00:21 -07:00
Gabe Kangas
b7e4298e58
Use non-animated image in example so it does not show as changed
2023-02-10 15:35:22 -08:00
Gabe Kangas
57d8bdbdbe
Use same message highlighting on system messages
2023-02-05 15:46:54 -08:00
Gabe Kangas
1ee71aecaa
Add bot user badge. Closes #2681
2023-02-05 15:37:16 -08:00
Gabe Kangas
e6d3da4f9c
Refactor how message content highlighting works + change to safe HTML rendering component. Closes #2669
2023-02-04 17:21:24 -08:00
Gabe Kangas
71bb8a7381
Redesign the user badges (authed, mods)
2023-01-29 15:40:59 -08:00
Gabe Kangas
7b4c3f38d5
Fix message background rendering on top of message. Closes #2636
2023-01-28 18:32:57 -08:00
Gabe Kangas
bbd3041d90
Add linking to user chat messages. Closes #2635
2023-01-27 12:57:14 -08:00
Gabe Kangas
7ba91404cc
Style moderation hover button
2023-01-18 20:23:12 -08:00
Gabe Kangas
49cdb1dafb
Fix chat message background color not showing. Closes #2594
2023-01-16 17:33:50 -08:00
Gabe Kangas
6fbd6cbbcf
Lazy load every instance of using ant icons. Closes #2583
2023-01-15 22:31:36 -08:00
Gabe Kangas
7ce35a8a08
Increase user message border width
2023-01-11 00:51:39 -08:00
Gabe Kangas
d8a5380b7f
Fix some React lifecycle and rendering errors that exist in build
2023-01-10 16:39:20 -08:00
Gabe Kangas
cfaeda94b0
Lazy load more components. #2167
2023-01-10 00:37:12 -08:00
Gabe Kangas
bd3c81c353
Replace he html decoding lib with entities
2023-01-10 00:37:10 -08:00
Gabe Kangas
e64da8003c
More component selectors for CSS overrides for #2193
2022-12-12 22:54:52 -08:00
Gabe Kangas
a75c838ef3
Populate user message tooltip. Closes #2343
2022-11-18 17:08:46 -08:00
Gabe Kangas
bc6af8251e
Add padding to chat messages
2022-11-13 12:43:15 -08:00
Gabe Kangas
813f8692f0
Support color customization from the admin ( #2338 )
...
* Add user-customizable theming. Closes #1915
* Prettified Code!
* Add user-customizable theming. Closes #1915
* Add explicit color for page content background
* Prettified Code!
Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-11-12 20:26:55 -08:00
Gabe Kangas
2e7787f70b
Force the bundler to build the player as its own file
2022-10-28 12:19:39 -07:00
t1enne
f6e158ab88
reduced font weight of message text
2022-10-22 10:46:17 +02:00
Gabe Kangas
b1484f4c9f
Lazy load some components that aren't needed at load. For #2167
2022-10-03 21:06:46 -07:00
t1enne
91bc45dbef
moved borders to the right for own msgs. Closes #2074
2022-10-03 09:51:28 +02:00
t1enne
f90295269e
Updated styles to match design for chat msgs
2022-09-30 09:57:12 +02:00
t1enne
0b35919357
Fixed messages not wrapping + changed some styles to accomodate scrollbar better
2022-09-13 08:43:59 +02:00
James Young
d1f3fffe2f
reafctor: normalize component formatting ( #2082 )
...
* refactor: move/rename BanUserButton file
* refactor: move/rename Chart file
* refactor: update generic component filenames to PascalCase
* refactor: update config component filenames to PascalCase
* refactor: update AdminLayout component filename to PascalCase
* refactor: update/move VideoJS component
* chore(eslint): disable bad react/require-default-props rule
* refactor: normalize ActionButton component
* refactor: normalize ActionButtonRow component
* refactor: normalize FollowButton component
* refactor: normalize NotifyButton component
* refactor: normalize ChatActionMessage component
* refactor: normalize ChatContainer component
* refactor: normalize ChatJoinMessage component
* refactor: normalize ChatModerationActionMenu component
* refactor: normalize ChatModerationDetailsModal component
* refactor: normalize ChatModeratorNotification component
* refactor: normalize ChatSocialMessage component
* refactor: normalize ChatSystemMessage component
* refactor: normalize ChatTextField component
* refactor: normalize ChatUserBadge component
* refactor: normalize ChatUserMessage component
* refactor: normalize ContentHeader component
* refactor: normalize OwncastLogo component
* refactor: normalize UserDropdown component
* chore(eslint): modify react/function-component-definition rule
* refactor: normalize CodecSelector component
* refactor: update a bunch of functional components using eslint
* refactor: update a bunch of functional components using eslint, pt2
* refactor: update a bunch of functional components using eslint, pt3
* refactor: replace all component->component default imports with named imports
* refactor: replace all component-stories->component default imports with named imports
* refactor: remove default exports from most components
* chore(eslint): add eslint config files for the components and pages dirs
* fix: use-before-define error in ChatContainer
* Fix ChatContainer import
* Only process .tsx files in Next builds
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2022-09-07 00:00:28 -07:00
Gabe Kangas
121c9415f1
Wire up emoji+custom emote selector to text input. Closes #1887
2022-09-06 17:52:09 -07:00
Gabe Kangas
b8a108ba03
Fix chat message story
2022-09-04 18:09:30 -07:00
Gabe Kangas
ac7e095fdf
Handle hide/show chat messages via moderation. Closes #1986
2022-09-04 17:58:06 -07:00
James Young
5ebbbb8bf2
refactor(stories): co-locate stories with components ( #2078 )
...
* refactor: move ActionButton component
* refactor: move BanUserButton component
* refactor: move ChatActionMessage component
* refactor: move ChatContainer component
* refactor: move AuthModal component
* refactor: move BrowserNotifyModal component
* refactor: move ChatUserMessage component
* refactor: move ChatJoinMessage component
* refactor: move ChatTextField component
* refactor: move ChatUserBadge component
* refactor: move FollowerCollection and SingleFollower components
* fix: bad import path
* refactor: move FollowModal component
* refactor: move Modal component
* refactor: move ContentHeader component
* refactor: move ChatSystemMessage component
* refactor: move Header component
* refactor: move Footer component
* refactor: move StatusBar component
* refactor: move OfflineBanner component
* refactor: move OwncastPlayer component
* refactor: move IndieAuthModal component
* refactor: move SocialLinks component
* refactor: move VideoPoster component
* refactor: move FollowModal component
* refactor: move FediAuthModal.tsx component
* refactor: move UserDropdown component
* refactor: move ChatSocialMessage component
* refactor: move Logo component
* refactor: move NotifyReminderPopup component
* refactor: move NameChangeModal component
* refactor: move FatalErrorStateModal component
* refactor: move ChatModeratorNotification component
* refactor: move ChatModerationActionMenu and ChatModerationDetailsModal components
* refactor: move CustomPageContent component
* refactor: move storybook Introduction file
* refactor: update storybook story import path
* refactor: move storybook preview styles
* refactor: move storybook doc pages
* refactor: move Color and ImageAsset components
* fix: bad import path
* fix: bad import path in story file
2022-09-03 11:38:52 -07:00
Gabe Kangas
46166a78d9
Set message content as renderable html
2022-09-01 22:00:16 -07:00
Gabe Kangas
6d7f0302bf
Replace the auth chat message badge with an icon
2022-09-01 22:00:15 -07:00
Gabe Kangas
aa0b43074f
Fix chat user color variable
2022-09-01 19:37:21 -07:00
gingervitis
d5fa81f76e
Draft: rough-ish draft of proposed color theme changes ( #2067 )
...
* color experimentation and troubleshooting
* create color scheme, assign colors, more ant overrides
* fun selection color
* Prettified Code!
* Correctly import opensans
* Prettified Code!
* Organize+standardize colors/names and update the app to use them
* Prettified Code!
* Use css var references instead of resolving value of vars in css files
* Prettified Code!
Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>
2022-08-29 23:17:12 -07:00
