Commit graph

1275 commits

Author SHA1 Message Date
renovate[bot]
5b3cc2d059
Update dependency eslint-plugin-import to v2.26.0 2022-08-16 00:01:00 +00:00
renovate[bot]
f27956d6cb
Update dependency eslint-config-prettier to v8.5.0 2022-08-15 23:57:33 +00:00
renovate[bot]
f11c1b2021
Update dependency date-fns to v2.29.1 2022-08-15 23:54:06 +00:00
renovate[bot]
1c7dedd366
Update dependency chartkick to v4.2.0 2022-08-15 23:50:41 +00:00
renovate[bot]
2fe9a412e7
Update dependency chart.js to v3.9.1 2022-08-15 23:47:51 +00:00
Gabe Kangas
b632699c87
Fix chat error with only a single message 2022-08-15 16:35:54 -07:00
renovate[bot]
640300beae
Update dependency react-markdown-editor-lite to v1.3.3 2022-08-15 23:34:33 +00:00
renovate[bot]
63fe51f310 Update dependency react-markdown to v8.0.3 2022-08-15 23:32:29 +00:00
renovate[bot]
60579c605d
Update dependency rc-overflow to v1.2.8 2022-08-15 23:30:09 +00:00
renovate[bot]
fcaf44bc00
Update dependency @types/prop-types to v15.7.5 2022-08-15 23:27:58 +00:00
renovate[bot]
125c7d41c1
Update dependency @types/chart.js to v2.9.37 2022-08-15 23:26:19 +00:00
renovate[bot]
f3f9775ec3 Update dependency eslint-config-next to v12.2.5 2022-08-15 23:24:57 +00:00
renovate[bot]
baa9ef4d8c
Update dependency slate to v0.82.0 (#2036)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2022-08-15 14:26:15 -07:00
renovate[bot]
f46e3adb0e
Update dependency slate-react to v0.82.0 (#2037)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2022-08-15 13:22:39 -07:00
renovate[bot]
964cfd7c3e
Update dependency react-chartkick to v0.5.3 (#2033)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2022-08-15 11:43:22 -07:00
renovate[bot]
76b049fa4a Update dependency eslint-plugin-storybook to v0.6.4 2022-08-15 18:25:07 +00:00
renovate[bot]
daad6036c9 Update dependency @storybook/testing-library to v0.0.13 2022-08-15 18:22:56 +00:00
renovate[bot]
12c22552db
Pin dependencies (#2032)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2022-08-15 09:42:17 -07:00
Gabe Kangas
44dde66b08
Reduce the custom content width and center it. For #1860 2022-08-14 18:33:04 -07:00
Gabe Kangas
c9321b2dda
Re-generate package-lock 2022-08-14 17:20:28 -07:00
Gabe Kangas
194090e1e4
Force storybook cli to install 2022-08-14 12:05:07 -07:00
gabek
ef56827bf2 Prettified Code! 2022-08-14 18:45:37 +00:00
Gabe Kangas
9e5ff5f35c
Regenerate styles 2022-08-14 11:45:01 -07:00
Gabe Kangas
4da64a6b35
Use actual moderation menu and remove the placeholder 2022-08-10 22:17:08 -07:00
Gabe Kangas
a7bbb06ea5
Fix mod menu showing. Closes #1990 2022-08-10 21:41:56 -07:00
Gabe Kangas
cf03a37aed
Remove category icon component 2022-08-10 20:32:16 -07:00
Gabe Kangas
f8429beef4
Add+style system style chat message. Closes #1998 2022-08-10 20:22:00 -07:00
Gabe Kangas
681067ab93
Add custom offline message+api. Part of #1901 2022-08-09 22:09:43 -07:00
Gabe Kangas
2c1624127a
Fix message collapsing incorrectly. Closes #2001 2022-08-09 20:58:10 -07:00
Gabe Kangas
423ed88fbd
Allow a fallback for storybook building 2022-08-09 20:12:21 -07:00
gabek
2bf7eb8c22 Prettified Code! 2022-08-10 02:58:09 +00:00
Gabe Kangas
68414445c2
Add support for changing user color in name modal. Closes #1805 2022-08-09 19:56:45 -07:00
Gabe Kangas
9187a7a435
Experiment with using image component for logo. Closes #2019 2022-08-09 14:38:23 -07:00
Gabe Kangas
80742097e6
Fix bad message moderation endpoint. Closes #2020 2022-08-02 12:51:18 -07:00
Gabe Kangas
0574725be8
Use vh instead of % to fix storybook rendering of chat container. 2022-07-21 12:15:03 -07:00
Gabe Kangas
25d52c4e1a
Bump Nextjs version 2022-07-21 00:20:26 -07:00
Gabe Kangas
f3a16be0dd
Add user detail API + modal. Closes #2002 2022-07-20 22:36:20 -07:00
Gabe Kangas
82a0b492a5
Add API mocking library 2022-07-20 20:41:03 -07:00
Gabe Kangas
00f8fea929
WIP of chat moderation menu, actions and modal 2022-07-16 17:34:19 -07:00
Gabe Kangas
f4fb7a1d41
Add chat system message component. For #1998 2022-07-15 13:15:20 -07:00
Gabe Kangas
2c8621c873
Add chat join messages 2022-07-14 21:05:34 -07:00
Gabe Kangas
9a2a43d916
Add moderator status chat message. Closes #1999 2022-07-14 20:36:47 -07:00
Gabe Kangas
756ab368c1
Action message component 2022-07-14 20:12:42 -07:00
Gabe Kangas
3d9fdab743
Import global.scss into storybook 2022-07-14 20:10:19 -07:00
Gabe Kangas
b490903a35
Add style and story for generic chat action message 2022-07-14 20:09:40 -07:00
Gabe Kangas
533bdf9e3d
Remove duplicate summary 2022-07-12 17:43:17 -07:00
Gabe Kangas
c6e1a452ab
Render actual external action buttons. Closes #1997 2022-07-12 17:37:40 -07:00
Gabe Kangas
9212db100b
Use the actual summary text 2022-07-12 17:37:05 -07:00
Gabe Kangas
6ee2866260
Handle player being removed 2022-07-12 14:30:21 -07:00
Gabe Kangas
678d5c9fd6
Move statusbar back to under the player 2022-07-12 14:30:21 -07:00
Gabe Kangas
9cdc3b99f2
Fix var name 2022-07-12 14:30:21 -07:00
gabek
594507ad14 Prettified Code! 2022-07-12 20:16:59 +00:00
Gabe Kangas
662ba32f3a
Fix components having transparent backgrounds because colors are unset 2022-07-12 13:16:22 -07:00
Gabe Kangas
c4f51ec2c1
Guard against followers being unset 2022-07-12 13:14:39 -07:00
Gabe Kangas
506d1fa4cf
Merge remote-tracking branch 'origin/develop' into webv2 2022-07-11 21:21:07 -07:00
Gabe Kangas
8c2ffd5a0b
Pull followers from API. For #1861 2022-07-11 21:10:49 -07:00
Gabe Kangas
e0634abc98
Add Followers list and single follower component. Closes #1861 2022-07-11 18:29:58 -07:00
Gabe Kangas
24db1d6c6d
Fix more build errors 2022-07-10 17:41:20 -07:00
Gabe Kangas
fc40953bcc
Add link color 2022-07-10 17:37:51 -07:00
Gabe Kangas
0a5f183c2d
Update colors and typography stories 2022-07-10 17:28:03 -07:00
Gabe Kangas
100b43dd3a
Fix build errors 2022-07-10 17:00:56 -07:00
Gabe Kangas
255585cd9f
Update components to use the new style/color names 2022-07-10 16:45:19 -07:00
Gabe Kangas
9ec1d75d32
Recreate theme variables with new style values 2022-07-10 16:45:17 -07:00
t1enne
b39c84747d Prettified Code! 2022-07-10 07:01:29 +00:00
t1enne
f130abb8f9 Minor styling changes 2022-07-10 09:00:29 +02:00
t1enne
efbe6907ac Reworked mobile UI for some components 2022-07-08 22:20:22 +02:00
t1enne
37ad329072 Fixed linter error 2022-07-08 09:12:26 +02:00
t1enne
ffc73f2760 Added chat tab on mobile layouts and other changes to mobile UI 2022-07-08 09:10:18 +02:00
t1enne
d12712a107 Changed chat behaviour
added recoil value isMobile to determine which chat to display and
style. #1978

changed the player to actually span across the viewport without the
black borders around it.
2022-07-03 12:36:30 +02:00
t1enne
4fcdfdc730 clamp to determine font-size on the body 2022-07-03 12:35:42 +02:00
t1enne
e73013affb Logo now uses clamp to determine size 2022-07-03 12:34:55 +02:00
t1enne
b279f8f707 small fixes on chat behaviour 2022-07-02 09:56:03 +02:00
t1enne
1bbca87afb Prettified Code! 2022-07-02 07:13:50 +00:00
t1enne
26f9a41508 Few changes to chat
Added moderator icon

changed styling for a name change message

Now usernames collapse as long as the user is the same

Imported two weights of Poppins and the OpenSans variable instead of def
400

This is some progress on #1859 and #1625
2022-07-02 09:08:36 +02:00
t1enne
e6cc3a39d1 Added moderator menu to messages and some other styling.
created new ant overrides file.

Ignore the static directory
2022-07-01 22:53:56 +02:00
Gabe Kangas
1cf90fb581
Add fonts to global css file 2022-07-01 13:21:02 -07:00
t1enne
455d8f8169 Few changes to chat.
Changed the way the background is set on self sent messages and some
styling.

Fixed chat container not scrolling. Added 'go to bottom' button.
2022-07-01 19:35:14 +02:00
Gabe Kangas
e7d078fbdb
Add explicit editorconfig block for yaml 2022-06-29 14:29:17 -07:00
Gabe Kangas
32e900f1d0
Fix linter warnings 2022-06-29 14:12:31 -07:00
Gabe Kangas
3c43db4d86
Make video poster fill player and not use the logo. For #1857 2022-06-29 14:01:41 -07:00
Gabe Kangas
ccb97197c5
Fix chat array not being properly appended to 2022-06-29 11:50:56 -07:00
t1enne
d93922f1d0 Added background to own messages in chat and the rounded border.
Closes #1985
2022-06-29 08:22:22 +02:00
Gabe Kangas
5e4334ac01
Use user color for name change messages 2022-06-28 20:40:18 -07:00
Gabe Kangas
23e3751303
Update mock data 2022-06-28 19:15:01 -07:00
Gabe Kangas
aec65af87d
Use a numbered pre-named set of user colors instead of random. Closes #1974 2022-06-28 19:01:47 -07:00
t1enne
c9938cf414 Added alternative styling for own messages in chat
Added alternative styling for messages sent by self in chat

Prettiered the file
2022-06-28 09:12:22 +02:00
Gabe Kangas
577ce5718d
Wire up notify popup to hide/show at correct times. Closes #1911 2022-06-26 23:01:52 -07:00
Gabe Kangas
8fc922588b
Add noreferrer automatically to link tags. Closes #1941 2022-06-26 20:09:07 -07:00
Gabe Kangas
b08393295f
Add option to hide viewer count. Closes #1939 2022-06-26 00:46:55 -07:00
Gabe Kangas
bb1c934c4b
Fix goodbye state not going back online. Closes #1977 2022-06-25 21:26:41 -07:00
Gabe Kangas
e6b857f3b2
Add toggle chat keyboard shortcut. Closes #1892 2022-06-24 23:27:17 -07:00
Gabe Kangas
6de93f9651
Move the favicons 2022-06-24 21:53:16 -07:00
Gabe Kangas
f4de7ed31f
Insert custom CSS styles into layout. Closes #1972 2022-06-24 21:42:42 -07:00
Gabe Kangas
e08037b64a
Wire up chat message props. Add username highlighting. Closes #1921 2022-06-24 21:30:54 -07:00
Gabe Kangas
b7df2949e4
Remove interfont and use Open Sans + Poppins fonts instead. #1625 2022-06-24 16:27:45 -07:00
Gabe Kangas
5d65b4b3b1
Add undesigned functionality of follow modal. For #1862 2022-06-24 15:55:53 -07:00
Gabe Kangas
78dc183c11
Fix warning 2022-06-21 17:28:12 -07:00
Gabe Kangas
0c439ccba4
Add AirPlay support to player. Closes #1963 2022-06-21 15:38:37 -07:00
Gabe Kangas
8624358dde
Add latency compensator to player. Closes #1931 2022-06-19 21:23:26 -07:00
Gabe Kangas
ff968616ba
Support server-rendered index.html for all clients. Closes #1871 2022-06-19 16:35:55 -07:00
Gabe Kangas
1dbeac422f
Add player settings menu. Closes #1932 2022-06-19 13:49:42 -07:00
Gabe Kangas
221b9c8f0f
Add playback performance metrics. Closes #1930 2022-06-02 14:34:32 -07:00
Gabe Kangas
04597908a5
Add keyboard shortcuts for player controls. For #1892 2022-06-02 13:50:16 -07:00
Gabe Kangas
1684979187
Add working but unstyled notify registration modal 2022-05-29 22:08:57 -07:00
Gabe Kangas
bf7319db9a
Install service worker at launch 2022-05-29 21:51:00 -07:00
Gabe Kangas
1b26a44fb6
Fix concurrent rendering error + make logs debug level 2022-05-28 18:45:30 -07:00
Gabe Kangas
aae63e4e2c
Display global error if server is unreachable 2022-05-27 22:53:55 -07:00
Gabe Kangas
ce9d403269
Remove random image 2022-05-27 20:37:54 -07:00
Gabe Kangas
680cfc977a
Removing fetch retries for now until I write it from scratch 2022-05-27 18:44:26 -07:00
Gabe Kangas
7ac66faf48
Support retries fetching server config 2022-05-27 18:16:40 -07:00
Gabe Kangas
24738d7410
I cannot deal with the purple modals anymore 2022-05-27 14:43:43 -07:00
Gabe Kangas
dacfaba32b
Experiment with chromatic to streamline visual UI testing 2022-05-27 14:31:22 -07:00
Gabe Kangas
bf8a7e9f1a
Fix svg related errors with storybook 2022-05-27 13:44:38 -07:00
Gabe Kangas
db184c74dd
Comment out the old ant overrides and try to make colors match design 2022-05-26 22:25:44 -07:00
Gabe Kangas
da0a2f5f5d
Fix play button z-index + add basic player theme 2022-05-26 21:44:54 -07:00
Gabe Kangas
8ed01ed4da
../
First pass at the emoji picker
2022-05-26 18:59:16 -07:00
Gabe Kangas
1d213b71d4
Support changing your own name and handling name change events 2022-05-26 13:52:04 -07:00
Gabe Kangas
5a51b2d779
Change cursor to pointer 2022-05-26 11:31:45 -07:00
Gabe Kangas
b3407cbdea
Remove user menu when chat is not available 2022-05-26 11:08:37 -07:00
Gabe Kangas
f041727f07
Add first pass for offline banner component 2022-05-25 22:52:27 -07:00
Gabe Kangas
281829a473
Support re-authing on invalid access token 2022-05-25 22:51:17 -07:00
Gabe Kangas
09ea1951be
Fix lint warning 2022-05-25 21:49:30 -07:00
Gabe Kangas
7b1667bf6a
Refactor app state to be a state machine with access selectors 2022-05-25 21:47:09 -07:00
Gabe Kangas
dde9878a46
Fix favicon 404s in dev 2022-05-25 21:33:06 -07:00
t1enne
fd131a25af Fixed two error logs
no nesting buttons inside buttons
mismatch between server and client redendered html
2022-05-24 22:26:04 +02:00
t1enne
a947e67968 ported some formatting logic from webroot 2022-05-24 08:47:22 +02:00
t1enne
d692a2bb5c Styled chat messages 2022-05-22 16:10:34 +02:00
t1enne
b6dd441107 Fixed import and lint-errors 2022-05-22 15:05:40 +02:00
t1enne
018ee135b2 Moved chat header into ChatContainer and created component folder 2022-05-22 14:55:52 +02:00
t1enne
b53c1cc32e Changed button hover and focus color 2022-05-22 14:41:09 +02:00
t1enne
3a785c2a48 Lowered font-size in chat input 2022-05-22 14:28:51 +02:00
t1enne
6a0d0970d6 Added icons and formatted with prettier 2022-05-22 14:27:06 +02:00
t1enne
0ddeb5dfb8 Added icons to voices in menu 2022-05-22 14:20:11 +02:00
t1enne
d1ea0fa81b Destructured props 2022-05-22 14:19:39 +02:00
t1enne
abc210477f Added icons to buttons 2022-05-22 14:18:16 +02:00
t1enne
3c72114d5e Changed some button and dropdown overrides 2022-05-22 14:17:26 +02:00
t1enne
bef99afa05 Few changes to Chat input 2022-05-22 08:37:23 +02:00
t1enne
e045ab605b Changed user dropdown to include icon and removed font size 2022-05-22 08:36:52 +02:00
Gabe Kangas
99f40e28cb
Add placeholders for moderation actions 2022-05-20 13:23:46 -07:00
Gabe Kangas
3c291556e0
Add mock to follower 2022-05-20 13:12:16 -07:00
Gabe Kangas
3bc13fd08a
Add more mocks 2022-05-20 12:32:26 -07:00
Gabe Kangas
c03be0cf9f
Add some detail around how colors are defined 2022-05-19 13:38:05 -07:00
t1enne
1b9c04210b Fixed Slate error by providing initial value 2022-05-18 08:16:46 +02:00
Gabe Kangas
0bf1c7ce48
Add category icons as customizable svgs 2022-05-17 21:20:27 -07:00
Gabe Kangas
0d5d89a1c8
Fix empty state for text field 2022-05-17 17:58:51 -07:00
Gabe Kangas
f6525412c8
Fix typo + var defined in generated file 2022-05-17 17:58:06 -07:00
Gabe Kangas
97b2e64f58
Position the logo and title components 2022-05-17 16:08:39 -07:00
Gabe Kangas
51a12dc905
Fix logo to support non-square sizes 2022-05-17 16:08:38 -07:00
Gabe Kangas
8925e1b4e2
Organize stories into folders 2022-05-17 16:08:38 -07:00
Gabe Kangas
8ce045aa9a
Fix dark mode on storybook 2022-05-17 16:08:38 -07:00
t1enne
b6aa20b0aa worked on chat styling 2022-05-17 16:36:07 +02:00
t1enne
5f9995bab9 Merge branch 'webv2' of https://github.com/owncast/owncast into webv2 2022-05-17 08:43:01 +02:00
t1enne
a69ec7511a Changed Layout a bit
now we use less state for the layout. Chat and header are now sticky.
Moved some css vars.
2022-05-17 08:41:39 +02:00
Gabe Kangas
f6eeee2463
Use icon instead of the word viewers 2022-05-16 23:20:56 -07:00
Gabe Kangas
8d7a5d6d6e
Add placeholder embed pages 2022-05-16 22:55:22 -07:00
Gabe Kangas
5645f0070f
Add start of chat documentation 2022-05-16 22:18:07 -07:00
Gabe Kangas
528ae4c1ad
Add logo component and social links 2022-05-16 21:44:09 -07:00
Gabe Kangas
a1c06ec9de
Add notification reminder popup component 2022-05-16 20:08:22 -07:00
Gabe Kangas
f14b8ea8ba
Wire up placeholder name change modal 2022-05-13 15:07:49 -07:00
Gabe Kangas
e0f8a1f702
More accurately hide/show and track chat state 2022-05-13 14:44:16 -07:00
Gabe Kangas
de4ed9bb62
Fix some styling 2022-05-12 21:27:21 -07:00
Gabe Kangas
67cec2dcbb
Expand documentation for web project. Closes #1848 2022-05-12 20:58:08 -07:00
Gabe Kangas
ae78716572
Add more placeholder components and some mocks 2022-05-12 20:52:19 -07:00
Gabe Kangas
d427c0ad70
Organize stories and populate readme 2022-05-12 17:59:40 -07:00
Gabe Kangas
363787faa3
Add some links and context to readme 2022-05-12 15:41:54 -07:00
Gabe Kangas
f1e3adbec5
Split up design/style pages 2022-05-12 14:45:56 -07:00
Gabe Kangas
72c01e1b9a
Fix web project build errors 2022-05-11 23:31:31 -07:00
Gabe Kangas
b66617961d
Remove old web workflows and add new ones 2022-05-11 20:41:32 -07:00
Gabe Kangas
ff6886575f
Add player poster 2022-05-10 15:36:09 -07:00
Gabe Kangas
9bb37679c0
Add some images+icons to assets section 2022-05-09 19:02:10 -07:00
Gabe Kangas
92fe213b9b
Remove unused images 2022-05-09 16:40:41 -07:00
Gabe Kangas
92a1da4df6
Add custom Modal component 2022-05-09 15:34:02 -07:00
Gabe Kangas
8c7c11cb72
Continue to troubleshoot the emoji picker 2022-05-09 13:44:11 -07:00
Gabe Kangas
d6e0b55337
Missing file 2022-05-09 13:06:17 -07:00
Gabe Kangas
97762c17b0
Add viewer ping + volume saving to player 2022-05-08 23:42:40 -07:00
Gabe Kangas
3b3f785984
Use the webpack dev server proxy for requests 2022-05-08 23:28:54 -07:00
Gabe Kangas
2a8b474fa1
Format status bar text 2022-05-08 20:41:26 -07:00
Gabe Kangas
21585f5aea
Use title or name in header 2022-05-08 18:05:37 -07:00
t1enne
00bc662c7f Changed Logo and Header
logo has two variants. Changed story to reflect that. Updated header
2022-05-08 10:45:45 +02:00
t1enne
93d69a26eb Moved UserDropdown to comps/common/, updated imports, some styling on Header 2022-05-08 09:41:47 +02:00
t1enne
ced449175c renamed component 2022-05-08 09:39:58 +02:00
t1enne
df131acd06 wrapped with recoil 2022-05-08 09:39:26 +02:00
t1enne
d5145942bd Closed ending bracket 2022-05-08 09:38:42 +02:00
Gabe Kangas
f835ae5086
Add action buttons and status bar 2022-05-07 16:13:06 -07:00
Gabe Kangas
448c23d097
Use some style values so it looks like this page is making progress 2022-05-07 10:25:04 -07:00
Gabe Kangas
c99fcf5ed9
Tweak storybook UI a bit 2022-05-07 01:13:26 -07:00
Gabe Kangas
f7a03705a8
Use the generated style variables 2022-05-07 00:36:57 -07:00
Gabe Kangas
a78869302e
Add style-dictionary definitions 2022-05-06 23:29:44 -07:00
Gabe Kangas
97b957adbe
Add WIP external action buttons 2022-05-05 15:01:23 -07:00
Gabe Kangas
44173ac09d
WIP emoji picker 2022-05-05 14:43:40 -07:00
Gabe Kangas
66a55401a8
Use slate.js as a rich text editor for chat messages 2022-05-05 13:52:10 -07:00
Gabe Kangas
f96bde4f71
Can send a message from text input using submit button 2022-05-04 23:06:35 -07:00
Gabe Kangas
c56c45d904
Use contentEditable for chat input field 2022-05-04 16:55:54 -07:00
Gabe Kangas
008f607cf7
Fill out the follower component 2022-05-04 08:56:47 -07:00
t1enne
2cfb336411 Added mobile chat and some responsiveness
weird 0 popping out when toggling chat. wasn't able to find which
component is responsible. Used bare mininum scss. May refactor in the
future.
2022-05-04 09:55:44 +02:00
t1enne
502cf4478a reworked slightly main layout 2022-05-03 23:55:13 +02:00
Gabe Kangas
d65be6013a
Add some todo comments 2022-05-03 13:26:04 -07:00
Gabe Kangas
8b07eb7457
Render chat messages that come over the socket 2022-05-03 13:01:50 -07:00
Gabe Kangas
15becc5121
Connect to websocket and start accepting messages 2022-05-02 22:13:36 -07:00
Gabe Kangas
a0354d6d49
Handle centralized app state and registration + chat history 2022-05-02 17:45:22 -07:00