Commit graph

169 commits

Author SHA1 Message Date
Gabe Kangas
0c133053bb
Remove windows edge screenshots as it is no longer valid. See #2731 2023-02-26 12:36:26 -08:00
Owncast
254b2d5fc0 Commit screenshots 2023-02-26 04:23:42 +00:00
Owncast
e6b3c8f18c Commit screenshots 2023-02-24 04:19:54 +00:00
Owncast
1b386e1144 Commit screenshots 2023-02-23 04:30:59 +00:00
Dhanu Saputra
0a653aaba7
Remove usage of the PropTypes dependency (#2723)
* Remove usage of the PropTypes dependency

* Prettified Code!

---------

Co-authored-by: dhanusaputra <dhanusaputra@users.noreply.github.com>
2023-02-22 09:21:00 -08:00
Owncast
9b6c13574a Commit screenshots 2023-02-22 04:19:56 +00:00
Owncast
f1d1a7b7c4 Commit updated Storybook stories 2023-02-22 00:19:52 +00:00
Owncast
dce4fab661 Commit screenshots 2023-02-19 04:09:46 +00:00
Owncast
1cf57ec073 Commit screenshots 2023-02-17 04:40:40 +00:00
Owncast
cad0ff10c7 Commit screenshots 2023-02-16 04:11:54 +00:00
Owncast
97b49afc46 Commit screenshots 2023-02-15 04:22:49 +00:00
Gabe Kangas
d5c0d25084
Refactor component stories to be documents to reduce story snapshots 2023-02-14 17:03:18 -08:00
Owncast
219e5ad72d Commit screenshots 2023-02-14 04:19:39 +00:00
Gabe Kangas
4226e66286
Use built-in storybook color components and render as docs instead of story 2023-02-13 19:01:27 -08:00
Gabe Kangas
81f2c4280d
Use built-in storybook typography component 2023-02-13 15:34:22 -08:00
Owncast
2b8abfd245 Commit screenshots 2023-02-13 04:11:29 +00:00
Gabe Kangas
7d288365b4
Add Android landscape screenshots 2023-02-12 14:55:49 -08:00
Gabe Kangas
3a5e143ddf
Add stories to display screenshots. Not yet automated. 2023-02-11 18:21:54 -08:00
Gabe Kangas
13da6f6936
Beginning of some infrastructure examples 2023-01-31 17:32:35 -08:00
imgbot[bot]
e977279eef
[ImgBot] Optimize images (#2654)
*Total -- 14,486.60kb -> 13,473.50kb (6.99%)

/static/img/emoji/blob/ablobaww.gif -- 401.59kb -> 221.70kb (44.79%)
/static/img/emoji/blob/ablobdancer.gif -- 33.43kb -> 24.81kb (25.78%)
/static/img/emoji/blob/ablobthinking.gif -- 82.81kb -> 61.59kb (25.62%)
/web/stories/assets/mocks/offline-state.png -- 25.70kb -> 19.44kb (24.34%)
/web/.storybook/story-assets/project/sticker-bigtech-alt.png -- 161.87kb -> 131.11kb (19%)
/static/img/emoji/blob/blobwave.png -- 7.84kb -> 6.55kb (16.44%)
/static/web/img/platformlogos/fediverse.svg -- 18.53kb -> 15.55kb (16.08%)
/web/public/img/platformlogos/fediverse.svg -- 18.53kb -> 15.55kb (16.08%)
/static/img/emoji/blob/blobaww.png -- 8.72kb -> 7.38kb (15.32%)
/web/.storybook/story-assets/project/owncast-background.png -- 3,228.15kb -> 2,739.00kb (15.15%)
/static/img/emoji/blob/ablobgift.gif -- 205.24kb -> 174.65kb (14.91%)
/web/.storybook/story-assets/project/logo-translucent-grey.svg -- 7.51kb -> 6.45kb (14.22%)
/web/components/video/airplay.svg -- 1.36kb -> 1.18kb (13.35%)
/static/web/_next/static/media/airplay.1a413e9c.svg -- 1.36kb -> 1.18kb (13.35%)
/static/img/emoji/conigliolo96/conigliolo15.gif -- 34.76kb -> 30.12kb (13.35%)
/static/img/emoji/conigliolo96/conigliolo1.gif -- 34.66kb -> 30.03kb (13.35%)
/static/img/emoji/conigliolo96/conigliolo17.gif -- 35.63kb -> 30.90kb (13.26%)
/static/img/emoji/blob/blobdancer.png -- 9.63kb -> 8.42kb (12.5%)
/static/img/emoji/blob/blobthinking.png -- 11.07kb -> 9.69kb (12.43%)
/static/web/img/platformlogos/matrix.svg -- 1.21kb -> 1.06kb (12.32%)
/web/public/img/platformlogos/matrix.svg -- 1.21kb -> 1.06kb (12.32%)
/static/web/img/platformlogos/xmpp.svg -- 4.23kb -> 3.73kb (11.83%)
/web/public/img/platformlogos/xmpp.svg -- 4.23kb -> 3.73kb (11.83%)
/static/img/emoji/blob/ablobcry.gif -- 42.70kb -> 37.93kb (11.16%)
/web/stories/assets/mocks/follow-modal.png -- 100.92kb -> 90.24kb (10.59%)
/static/img/emoji/dog/img347.svg -- 17.25kb -> 15.50kb (10.13%)
/static/img/emoji/blob/blobjam.png -- 12.81kb -> 11.56kb (9.71%)
/static/img/emoji/blob/blobyum.png -- 9.49kb -> 8.58kb (9.58%)
/static/img/emoji/blob/ablobsleep.gif -- 45.52kb -> 41.19kb (9.52%)
/static/img/emoji/dog/img346.svg -- 15.84kb -> 14.36kb (9.39%)
/static/img/emoji/dog/img327.svg -- 16.52kb -> 14.99kb (9.27%)
/static/img/emoji/blob/blobangry.png -- 8.23kb -> 7.49kb (9.06%)
/static/img/emoji/blob/ablobwave.gif -- 77.02kb -> 70.13kb (8.94%)
/static/img/emoji/dog/img091.svg -- 14.19kb -> 12.94kb (8.82%)
/static/img/emoji/dog/img001.svg -- 15.80kb -> 14.42kb (8.74%)
/static/img/emoji/dog/img093.svg -- 14.39kb -> 13.13kb (8.7%)
/static/img/emoji/dog/img203.svg -- 15.82kb -> 14.45kb (8.61%)
/static/img/emoji/conigliolo96/conigliolo25.gif -- 38.86kb -> 35.54kb (8.54%)
/static/img/emoji/blob/blobyes.png -- 13.01kb -> 11.91kb (8.49%)
/static/img/emoji/blob/blobthanks.png -- 11.97kb -> 10.97kb (8.38%)
/static/img/emoji/dog/img288.svg -- 16.43kb -> 15.10kb (8.07%)
/static/img/emoji/blob/ablobblewobble.gif -- 16.01kb -> 14.80kb (7.56%)
/static/img/emoji/conigliolo96/conigliolo28.gif -- 38.59kb -> 35.80kb (7.22%)
/static/img/emoji/conigliolo96/conigliolo21.gif -- 38.29kb -> 35.64kb (6.92%)
/static/img/emoji/dog/img352.svg -- 22.09kb -> 20.57kb (6.9%)
/web/stories/assets/mocks/notify-popup.png -- 48.11kb -> 45.48kb (5.46%)
/static/web/img/indieauth.png -- 9.85kb -> 9.32kb (5.38%)
/web/public/img/indieauth.png -- 9.85kb -> 9.32kb (5.38%)
/web/stories/assets/mocks/chatmessage-system.png -- 33.28kb -> 31.55kb (5.19%)
/static/img/emoji/blob/ablobcheer.gif -- 37.57kb -> 35.74kb (4.86%)
/static/img/emoji/blob/ablobattention.gif -- 36.55kb -> 34.81kb (4.76%)
/static/img/logo.png -- 127.20kb -> 121.26kb (4.68%)
/web/.storybook/story-assets/project/logo-glare-outlined.png -- 127.20kb -> 121.26kb (4.68%)
/web/.storybook/story-assets/project/kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png -- 127.20kb -> 121.26kb (4.68%)
/web/stories/assets/mocks/chatmessage-action.png -- 9.85kb -> 9.39kb (4.66%)
/web/.storybook/story-assets/project/header.png -- 57.15kb -> 54.50kb (4.63%)
/web/stories/assets/mocks/chatmessage-user.png -- 37.25kb -> 35.79kb (3.91%)
/static/img/emoji/blob/ablobgiggle.gif -- 228.77kb -> 221.60kb (3.13%)
/web/stories/assets/mocks/notify-modal.png -- 63.75kb -> 61.91kb (2.89%)
/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62999.png -- 724.91kb -> 705.22kb (2.72%)
/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde51eb3.png -- 689.98kb -> 671.76kb (2.64%)
/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde52297.png -- 682.39kb -> 664.39kb (2.64%)
/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b626d5.png -- 760.09kb -> 740.90kb (2.53%)
/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-back-6087418b62aa4.png -- 530.18kb -> 524.45kb (1.08%)
/web/stories/assets/mocks/fediauth-modal.png -- 76.13kb -> 75.33kb (1.05%)
/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde523ae.png -- 604.79kb -> 598.44kb (1.05%)
/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-front-60873dde52064.png -- 689.60kb -> 682.66kb (1.01%)
/web/stories/assets/mocks/indieauth-modal.png -- 97.92kb -> 96.98kb (0.96%)
/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-front-6087418b62878.png -- 533.18kb -> 528.58kb (0.86%)
/web/stories/assets/mocks/followers-tab.png -- 145.22kb -> 143.97kb (0.86%)
/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-right-6087418b62c88.png -- 459.98kb -> 456.04kb (0.86%)
/static/img/emoji/blob/blobscream.png -- 11.65kb -> 11.55kb (0.82%)
/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-back-60873dde524ca.png -- 612.37kb -> 607.37kb (0.82%)
/web/.storybook/story-assets/tshirt/all-over-print-womens-crew-neck-t-shirt-white-left-6087418b62b91.png -- 501.58kb -> 497.80kb (0.75%)
/static/img/emoji/blob/ablobparty.gif -- 254.34kb -> 252.42kb (0.75%)
/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-right-60873dde52184.png -- 481.94kb -> 478.58kb (0.7%)
/web/stories/assets/mocks/single-follower.png -- 51.88kb -> 51.54kb (0.65%)
/web/.storybook/story-assets/tshirt/all-over-print-mens-crew-neck-t-shirt-white-left-60873dde525e2.png -- 597.15kb -> 593.50kb (0.61%)
/static/img/emoji/mutant/grumpy_block.svg -- 1.01kb -> 1.01kb (0.29%)
/static/img/emoji/mutant/tennis.svg -- 1.02kb -> 1.01kb (0.29%)
/static/img/emoji/mutant/studio_microphone.svg -- 1.17kb -> 1.17kb (0.25%)
/static/img/emoji/mutant/eye.svg -- 1.43kb -> 1.43kb (0.2%)
/static/img/emoji/mutant/singer.svg -- 2.92kb -> 2.92kb (0.17%)
/static/img/emoji/mutant/technologist.svg -- 3.08kb -> 3.08kb (0.16%)
/static/img/emoji/mutant/softball.svg -- 2.30kb -> 2.30kb (0.13%)
/static/img/emoji/mutant/8_ball.svg -- 1.75kb -> 1.75kb (0.11%)
/static/img/emoji/mutant/football.svg -- 1.93kb -> 1.92kb (0.1%)
/static/img/emoji/mutant/jack_o_lantern.svg -- 1.99kb -> 1.98kb (0.1%)
/static/img/emoji/mutant/cat_kiss.svg -- 3.37kb -> 3.37kb (0.09%)
/static/img/emoji/mutant/blep.svg -- 3.43kb -> 3.43kb (0.09%)
/static/img/emoji/mutant/cat_pouting.svg -- 3.69kb -> 3.69kb (0.08%)
/static/img/emoji/mutant/student.svg -- 2.47kb -> 2.47kb (0.08%)
/static/img/emoji/mutant/cat_grin.svg -- 3.74kb -> 3.74kb (0.08%)
/static/img/emoji/mutant/cat_heart_eyes.svg -- 3.81kb -> 3.81kb (0.08%)
/static/img/emoji/mutant/cat_devious.svg -- 3.87kb -> 3.87kb (0.08%)
/static/img/emoji/mutant/skull.svg -- 2.58kb -> 2.58kb (0.08%)
/static/img/emoji/mutant/cat_crying.svg -- 4.19kb -> 4.19kb (0.07%)
/static/img/emoji/mutant/cat_joy.svg -- 4.21kb -> 4.21kb (0.07%)
/static/img/emoji/mutant/cat_smile.svg -- 4.25kb -> 4.25kb (0.07%)
/static/img/emoji/mutant/office_worker.svg -- 3.00kb -> 3.00kb (0.07%)
/static/img/emoji/mutant/chef.svg -- 3.09kb -> 3.09kb (0.06%)
/static/img/emoji/mutant/cat_scream.svg -- 4.93kb -> 4.93kb (0.06%)
/static/img/emoji/mutant/astronaut.svg -- 3.40kb -> 3.40kb (0.06%)
/static/img/emoji/mutant/artist.svg -- 3.66kb -> 3.65kb (0.05%)
/static/img/emoji/mutant/skull_and_crossbones.svg -- 5.04kb -> 5.04kb (0.04%)
/static/img/emoji/mutant/detective.svg -- 5.35kb -> 5.35kb (0.04%)

Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>
Co-authored-by: ImgBotApp <ImgBotHelp@gmail.com>
2023-01-31 09:12:51 -08:00
Gabe Kangas
7a1ceda25f
More fixes to disabling story snapshot UI tests 2023-01-30 15:23:27 -08:00
Gabe Kangas
81e1f7920b
Disable snapshot UI tests on certain stories. Closes #2642 2023-01-30 14:46:34 -08:00
Owncast
9ee9983bda Commit updated Storybook stories 2023-01-30 22:10:01 +00:00
Gabe Kangas
a51f831aa8
Merge branch 'gek/webv2-merge' into develop 2023-01-30 14:06:10 -08:00
Gabe Kangas
b1efd241f2
Point story at develop 2023-01-29 18:46:54 -08:00
Owncast
e37563d173 Commit updated Storybook stories 2023-01-28 21:21:54 +00:00
Gabe Kangas
a10c7bbac1
Add sticker design to asset collection 2023-01-28 13:17:11 -08:00
Gabe Kangas
ee3e81d163
Fix storybook image paths 2023-01-27 20:36:44 -08:00
Gabe Kangas
3cd99033c4
Add additional assets to Storybook 2023-01-27 20:33:45 -08:00
Gabe Kangas
3dda431079
Remove references to webv2 branch in docs and builds 2023-01-27 20:16:47 -08:00
Gabe Kangas
f97c180c3d
Add additional assets to Storybook 2023-01-27 20:13:23 -08:00
Gabe Kangas
212a12b4ef
Organize colors 2023-01-27 15:35:53 -08:00
Gabe Kangas
ed3ba377b1
Split out emoji stories per collection 2023-01-26 20:46:10 -08:00
Gabe Kangas
647685627d
Generate more stories from images 2023-01-26 20:15:02 -08:00
Owncast
f4ef01fca0 Commit updated Storybook stories 2023-01-27 01:15:50 +00:00
Gabe Kangas
a5a6587234
Remove storybook dark mode. It is ugly. 2023-01-26 17:08:23 -08:00
Gabe Kangas
05151ab95f
Fix license link 2023-01-26 16:37:29 -08:00
Gabe Kangas
7d34634778
Run documentation story script 2023-01-26 16:15:10 -08:00
Gabe Kangas
b16a34eb3e
Fix relative img path 2023-01-26 16:01:28 -08:00
Gabe Kangas
518bfd3829
Remove unused story 2023-01-26 15:38:53 -08:00
Gabe Kangas
a3e77687d4
Add select documentation to Storybook 2023-01-26 15:23:25 -08:00
Gabe Kangas
41435e2d7e
Generate Emoji image storybook page 2023-01-26 14:18:12 -08:00
Gabe Kangas
2b46bb5b6d
Make statusbar dark 2023-01-18 19:18:30 -08:00
Gabe Kangas
a0fecb7e1f
Update image paths in story 2023-01-12 15:06:01 -08:00
Gabe Kangas
85dc3bf21e
Fix storybook errors 2023-01-10 01:00:13 -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
d8e1b037d9
Remove some unused storybook addons 2022-10-18 23:11:18 -07:00
Gabe Kangas
6745759904
Tell storybook to use mdxv2 2022-10-16 21:48:19 -07:00
Gabe Kangas
34a5104a6d
Add and use additional light background color for custom page content 2022-10-09 18:41:52 -07:00
Gabe Kangas
da153b83c9
Update some links in storybook readme. 2022-09-17 13:57:56 -07:00
Gabe Kangas
88919efde9
Add read-write chat embed. Closes #1906 2022-09-10 21:19:35 -07:00
Gabe Kangas
c5947f5de4
Delete old chat doc 2022-09-09 23:40:16 -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
gabek
682b525eb8 Prettified Code! 2022-09-03 18:39:18 +00: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
f3a16be0dd
Add user detail API + modal. Closes #2002 2022-07-20 22:36:20 -07:00
Gabe Kangas
78dc183c11
Fix warning 2022-06-21 17:28:12 -07:00
Gabe Kangas
bf8a7e9f1a
Fix svg related errors with storybook 2022-05-27 13:44:38 -07:00
Gabe Kangas
8ce045aa9a
Fix dark mode on storybook 2022-05-17 16:08:38 -07:00
Gabe Kangas
ae78716572
Add more placeholder components and some mocks 2022-05-12 20:52:19 -07:00
Gabe Kangas
363787faa3
Add some links and context to readme 2022-05-12 15:41:54 -07:00
Gabe Kangas
c99fcf5ed9
Tweak storybook UI a bit 2022-05-07 01:13:26 -07:00
Gabe Kangas
a78869302e
Add style-dictionary definitions 2022-05-06 23:29:44 -07:00
Gabe Kangas
eadd27b6c0 Some Storybook configuration 2022-04-25 15:55:05 -07:00
Gabe Kangas
be441ae530 Add inter font to project 2022-04-25 15:52:39 -07:00
Gabe Kangas
e49948a215 Add colors to storybook 2022-04-25 15:52:39 -07:00
Gabe Kangas
3ce6fd4cb3 Add support for less variables and using a custom theme 2022-04-25 15:52:38 -07:00
Gabe Kangas
1c77219a75 First pass at component library 2022-04-25 15:52:38 -07:00