Commit graph

31 commits

Author SHA1 Message Date
Gabe Kangas
46d0be3e6d
fix(web): fix incorrect image 2024-03-06 21:55:49 -08:00
Gabe Kangas
5ce78fbad4
New offline embed (#3599)
* WIP

* feat(web): add new offline embed view. First step of #2917

* feat(web): support remote fediverse follow flow from embed

* feat(chore): add back offline video embed browser test
2024-02-25 12:52:32 -08:00
Gabe Kangas
82d0b9c121
fix(web): make video embed player fit entire window. Closes #3587 2024-02-21 20:41:25 -08:00
Patrick Bollinger
9a7925444f
Fix embedded status bar being cut off (#3352)
* Fix embedded status bar being cut off

This should resolve https://github.com/owncast/owncast/issues/3210.

As recommended in the discussion, flexbox was the way to solve this issue.
The main thing that needed to be addressed though was not applying too many constraints on the OwncastPlayer component just because it was embedded.
By removing the embedded constraints, styling appears to be working as expected.
I'll attach screenshots to the pull request.

* Fix eslint error
2023-10-21 21:46:10 -07:00
Gabe Kangas
243156b307
chore: address linter warnings 2023-08-02 13:46:00 -07:00
Gabe Kangas
ccb9b5d075
chore: run stylelint on our css files 2023-06-20 20:58:00 -07:00
Gabe Kangas
8dbc8a07cf
feat(embeds): wrap chat embeds in error components 2023-05-06 14:11:23 -07:00
Gabe Kangas
d139cf08f5
fix(embeds): import custom theme into chat embeds 2023-05-05 12:21:20 -07:00
Gabe Kangas
7261b1d49f
fix(embed): allow flexible player sizes for embeds. Closes #2984 2023-05-04 11:29:48 -07:00
Gabe Kangas
f2fbce113e
fix(embed): set background color and height of chat embed. closes #2961 2023-04-27 10:26:12 -07:00
Gabe Kangas
1dc71004c9
fix(embed): set background color of video embed 2023-04-27 10:26:12 -07:00
Gabe Kangas
bb9cc28596
fix(embed): change text color of offline banner. Closes #2953 2023-04-26 09:40:17 -07:00
Gabe Kangas
7ec7e1704c
Add bool option to player to fill container for embeds. Closes #2884 2023-04-05 20:05:22 -07:00
Gabe Kangas
4a0476b237
Add support for disabled chat state in the chat input field. Closes #2761 2023-03-01 16:22:10 -08:00
Gabe Kangas
5b8bacb83f
Add chat embed automated browser tests. Closes #2743 2023-02-26 19:06:22 -08:00
Gabe Kangas
1f99b0bf22
Fix chat embeds not loading. Fixes #2744 2023-02-26 18:48:41 -08:00
Gabe Kangas
8b8f221eb4
Show streamTitle in header if set. Closes #2720 2023-02-22 18:52:25 -08:00
Gabe Kangas
ae660ed216
Add video embed loading state 2023-01-31 23:29:02 -08:00
Gabe Kangas
24f6bb1ea5
Add aria-title attribute to video player. For #1826 2023-01-23 19:28:32 -08:00
Gabe Kangas
cdaae66e94
Add skip links for content, player and footer. For #1826 2023-01-21 23:22:28 -08:00
Michael David Kuckuk
2f2300db8d
Add initiallyMuted query parameter to embed player (#2539)
* Add query param to initially mute embed player

* Add stories for embed player

* Improve VideoJS typing
2022-12-31 16:08:54 -08:00
Gabe Kangas
80a012a3c7
Add current user object that holds user session values instead of standalone getters. Closes #2050 2022-10-10 16:40:13 -07:00
Gabe Kangas
6c2e25e597
Update the offline banner. Filed #2179 to discuss text 2022-10-08 15:05:52 -07:00
Gabe Kangas
88919efde9
Add read-write chat embed. Closes #1906 2022-09-10 21:19:35 -07:00
Gabe Kangas
8d02f4068d
Polish up the initial loading experience 2022-09-10 18:08:56 -07: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
c61bea29ee
Add read-only chat embed page. Closes #1905 2022-09-04 21:53:04 -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
f041727f07
Add first pass for offline banner component 2022-05-25 22:52:27 -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
8d7a5d6d6e
Add placeholder embed pages 2022-05-16 22:55:22 -07:00