Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add support for fixed/small/slow-IV container type #4767

Merged
merged 2 commits into from
Apr 28, 2022

Conversation

AshCorr
Copy link
Member

@AshCorr AshCorr commented Apr 28, 2022

What does this change?

Adds the fixed/small/slow-IV container type!

Why?

More fronts!

Screenshots

Before After
before after
before2 after2

@github-actions
Copy link

github-actions bot commented Apr 28, 2022

Size Change: +192 B (0%)

Total Size: 1.63 MB

Filename Size Change
dotcom-rendering/dist/frontend.server.js 432 kB +192 B (0%)
ℹ️ View Unchanged
Filename Size
dotcom-rendering/dist/1384.legacy.********************.js 3.31 kB
dotcom-rendering/dist/1490.********************.js 5.29 kB
dotcom-rendering/dist/2270.********************.js 3.94 kB
dotcom-rendering/dist/2270.legacy.********************.js 4.42 kB
dotcom-rendering/dist/2480.********************.js 4.14 kB
dotcom-rendering/dist/2670.********************.js 3.09 kB
dotcom-rendering/dist/2856.legacy.********************.js 7.33 kB
dotcom-rendering/dist/2947.********************.js 2.6 kB
dotcom-rendering/dist/2947.legacy.********************.js 2.68 kB
dotcom-rendering/dist/3178.legacy.********************.js 6.17 kB
dotcom-rendering/dist/3388.legacy.********************.js 5.42 kB
dotcom-rendering/dist/3515.********************.js 22.3 kB
dotcom-rendering/dist/3515.legacy.********************.js 24.7 kB
dotcom-rendering/dist/3584.********************.js 1.8 kB
dotcom-rendering/dist/3584.legacy.********************.js 1.8 kB
dotcom-rendering/dist/3747.legacy.********************.js 31 kB
dotcom-rendering/dist/4043.legacy.********************.js 2.74 kB
dotcom-rendering/dist/5226.********************.js 5.72 kB
dotcom-rendering/dist/5226.legacy.********************.js 6.17 kB
dotcom-rendering/dist/53.********************.js 4.15 kB
dotcom-rendering/dist/53.legacy.********************.js 4.15 kB
dotcom-rendering/dist/5334.********************.js 5.09 kB
dotcom-rendering/dist/5436.legacy.********************.js 2.68 kB
dotcom-rendering/dist/5976.********************.js 4.78 kB
dotcom-rendering/dist/6342.********************.js 2.69 kB
dotcom-rendering/dist/6400.********************.js 21.5 kB
dotcom-rendering/dist/6400.legacy.********************.js 21.5 kB
dotcom-rendering/dist/6995.********************.js 33.3 kB
dotcom-rendering/dist/7576.********************.js 4.62 kB
dotcom-rendering/dist/7576.legacy.********************.js 5.06 kB
dotcom-rendering/dist/7750.legacy.********************.js 4.3 kB
dotcom-rendering/dist/7800.********************.js 11.3 kB
dotcom-rendering/dist/8129.legacy.********************.js 11.8 kB
dotcom-rendering/dist/9439.legacy.********************.js 3.22 kB
dotcom-rendering/dist/9485.legacy.********************.js 2.92 kB
dotcom-rendering/dist/9595.********************.js 7.19 kB
dotcom-rendering/dist/9804.********************.js 2.78 kB
dotcom-rendering/dist/9804.legacy.********************.js 2.89 kB
dotcom-rendering/dist/AlreadyVisited-importable.********************.js 4.52 kB
dotcom-rendering/dist/AlreadyVisited-importable.legacy.********************.js 4.52 kB
dotcom-rendering/dist/atomIframe.********************.js 1.76 kB
dotcom-rendering/dist/atomIframe.legacy.********************.js 2.03 kB
dotcom-rendering/dist/AudioAtomWrapper-importable.********************.js 460 B
dotcom-rendering/dist/AudioAtomWrapper-importable.legacy.********************.js 518 B
dotcom-rendering/dist/bootCmp.********************.js 8.01 kB
dotcom-rendering/dist/bootCmp.legacy.********************.js 11.6 kB
dotcom-rendering/dist/Branding-importable.********************.js 3.99 kB
dotcom-rendering/dist/Branding-importable.legacy.********************.js 4 kB
dotcom-rendering/dist/braze-web-sdk-core.********************.js 36.1 kB
dotcom-rendering/dist/braze-web-sdk-core.legacy.********************.js 36.1 kB
dotcom-rendering/dist/BrazeMessaging-importable.********************.js 9.56 kB
dotcom-rendering/dist/BrazeMessaging-importable.legacy.********************.js 10.3 kB
dotcom-rendering/dist/CalloutBlockComponent-importable.********************.js 7.1 kB
dotcom-rendering/dist/CalloutBlockComponent-importable.legacy.********************.js 7.47 kB
dotcom-rendering/dist/ChartAtomWrapper-importable.********************.js 262 B
dotcom-rendering/dist/ChartAtomWrapper-importable.legacy.********************.js 272 B
dotcom-rendering/dist/CommentCount-importable.********************.js 6.29 kB
dotcom-rendering/dist/CommentCount-importable.legacy.********************.js 6.46 kB
dotcom-rendering/dist/CommercialMetrics-importable.********************.js 7 kB
dotcom-rendering/dist/CommercialMetrics-importable.legacy.********************.js 7.55 kB
dotcom-rendering/dist/CoreVitals-importable.********************.js 6.3 kB
dotcom-rendering/dist/CoreVitals-importable.legacy.********************.js 6.51 kB
dotcom-rendering/dist/DiscussionContainer-importable.********************.js 6.35 kB
dotcom-rendering/dist/DiscussionContainer-importable.legacy.********************.js 6.66 kB
dotcom-rendering/dist/DiscussionMeta-importable.********************.js 6.74 kB
dotcom-rendering/dist/DiscussionMeta-importable.legacy.********************.js 6.91 kB
dotcom-rendering/dist/DocumentBlockComponent-importable.********************.js 2.95 kB
dotcom-rendering/dist/DocumentBlockComponent-importable.legacy.********************.js 3.05 kB
dotcom-rendering/dist/dynamicImport.********************.js 2.9 kB
dotcom-rendering/dist/dynamicImport.legacy.********************.js 3.19 kB
dotcom-rendering/dist/EditionDropdown-importable.********************.js 3.69 kB
dotcom-rendering/dist/EditionDropdown-importable.legacy.********************.js 3.75 kB
dotcom-rendering/dist/EmbedBlockComponent-importable.********************.js 2.84 kB
dotcom-rendering/dist/EmbedBlockComponent-importable.legacy.********************.js 2.92 kB
dotcom-rendering/dist/embedIframe.********************.js 1.76 kB
dotcom-rendering/dist/embedIframe.legacy.********************.js 2.04 kB
dotcom-rendering/dist/EnhancePinnedPost-importable.********************.js 6.14 kB
dotcom-rendering/dist/EnhancePinnedPost-importable.legacy.********************.js 6.72 kB
dotcom-rendering/dist/FilterKeyEventsToggle-importable.********************.js 3.19 kB
dotcom-rendering/dist/FilterKeyEventsToggle-importable.legacy.********************.js 3.25 kB
dotcom-rendering/dist/FocusStyles-importable.********************.js 4.71 kB
dotcom-rendering/dist/FocusStyles-importable.legacy.********************.js 4.77 kB
dotcom-rendering/dist/ga.********************.js 3.76 kB
dotcom-rendering/dist/ga.legacy.********************.js 4.03 kB
dotcom-rendering/dist/GetMatchNav-importable.********************.js 11.9 kB
dotcom-rendering/dist/GetMatchNav-importable.legacy.********************.js 12.3 kB
dotcom-rendering/dist/GetMatchStats-importable.********************.js 9.08 kB
dotcom-rendering/dist/GetMatchStats-importable.legacy.********************.js 9.93 kB
dotcom-rendering/dist/GetMatchTabs-importable.********************.js 5.89 kB
dotcom-rendering/dist/GetMatchTabs-importable.legacy.********************.js 6.09 kB
dotcom-rendering/dist/guardian-braze-components-banner.********************.js 11.1 kB
dotcom-rendering/dist/guardian-braze-components-banner.js 10.3 kB
dotcom-rendering/dist/guardian-braze-components-banner.legacy.********************.js 11.1 kB
dotcom-rendering/dist/guardian-braze-components-end-of-article.********************.js 10.1 kB
dotcom-rendering/dist/guardian-braze-components-end-of-article.js 8.71 kB
dotcom-rendering/dist/guardian-braze-components-end-of-article.legacy.********************.js 10.2 kB
dotcom-rendering/dist/GuideAtomWrapper-importable.********************.js 263 B
dotcom-rendering/dist/GuideAtomWrapper-importable.legacy.********************.js 274 B
dotcom-rendering/dist/initDiscussion.********************.js 10.2 kB
dotcom-rendering/dist/initDiscussion.legacy.********************.js 10.5 kB
dotcom-rendering/dist/InstagramBlockComponent-importable.********************.js 2.96 kB
dotcom-rendering/dist/InstagramBlockComponent-importable.legacy.********************.js 3.04 kB
dotcom-rendering/dist/InteractiveBlockComponent-importable.********************.js 7.05 kB
dotcom-rendering/dist/InteractiveBlockComponent-importable.legacy.********************.js 7.29 kB
dotcom-rendering/dist/islands.********************.js 10.4 kB
dotcom-rendering/dist/islands.legacy.********************.js 11.2 kB
dotcom-rendering/dist/KnowledgeQuizAtomWrapper-importable.********************.js 268 B
dotcom-rendering/dist/KnowledgeQuizAtomWrapper-importable.legacy.********************.js 280 B
dotcom-rendering/dist/LabsHeader-importable.********************.js 8.27 kB
dotcom-rendering/dist/LabsHeader-importable.legacy.********************.js 8.42 kB
dotcom-rendering/dist/Links-importable.********************.js 5.6 kB
dotcom-rendering/dist/Links-importable.legacy.********************.js 5.67 kB
dotcom-rendering/dist/LiveBlogEpic-importable.********************.js 5.65 kB
dotcom-rendering/dist/LiveBlogEpic-importable.legacy.********************.js 3.96 kB
dotcom-rendering/dist/Liveness-importable.********************.js 3.31 kB
dotcom-rendering/dist/Liveness-importable.legacy.********************.js 5.81 kB
dotcom-rendering/dist/MapEmbedBlockComponent-importable.********************.js 7.8 kB
dotcom-rendering/dist/MapEmbedBlockComponent-importable.legacy.********************.js 8.1 kB
dotcom-rendering/dist/MostViewedFooterData-importable.********************.js 12.4 kB
dotcom-rendering/dist/MostViewedFooterData-importable.legacy.********************.js 10.3 kB
dotcom-rendering/dist/MostViewedRightWrapper-importable.********************.js 7.19 kB
dotcom-rendering/dist/MostViewedRightWrapper-importable.legacy.********************.js 7.44 kB
dotcom-rendering/dist/newsletterEmbedIframe.********************.js 1.92 kB
dotcom-rendering/dist/newsletterEmbedIframe.legacy.********************.js 2.18 kB
dotcom-rendering/dist/OnwardsLower-importable.********************.js 14.1 kB
dotcom-rendering/dist/OnwardsLower-importable.legacy.********************.js 14.5 kB
dotcom-rendering/dist/OnwardsUpper-importable.********************.js 18.9 kB
dotcom-rendering/dist/OnwardsUpper-importable.legacy.********************.js 19.4 kB
dotcom-rendering/dist/ophan.********************.js 7.11 kB
dotcom-rendering/dist/ophan.legacy.********************.js 7.33 kB
dotcom-rendering/dist/PersonalityQuizAtomWrapper-importable.********************.js 271 B
dotcom-rendering/dist/PersonalityQuizAtomWrapper-importable.legacy.********************.js 282 B
dotcom-rendering/dist/ProfileAtomWrapper-importable.********************.js 263 B
dotcom-rendering/dist/ProfileAtomWrapper-importable.legacy.********************.js 274 B
dotcom-rendering/dist/PulsingDot-importable.********************.js 1.66 kB
dotcom-rendering/dist/PulsingDot-importable.legacy.********************.js 1.76 kB
dotcom-rendering/dist/QandaAtomWrapper-importable.********************.js 262 B
dotcom-rendering/dist/QandaAtomWrapper-importable.legacy.********************.js 273 B
dotcom-rendering/dist/ReaderRevenueDev-importable.********************.js 4.58 kB
dotcom-rendering/dist/ReaderRevenueDev-importable.legacy.********************.js 4.6 kB
dotcom-rendering/dist/readerRevenueDevUtils.********************.js 3.35 kB
dotcom-rendering/dist/readerRevenueDevUtils.js 2.34 kB
dotcom-rendering/dist/readerRevenueDevUtils.legacy.********************.js 4.4 kB
dotcom-rendering/dist/ReaderRevenueLinks-importable.********************.js 5.08 kB
dotcom-rendering/dist/ReaderRevenueLinks-importable.legacy.********************.js 5.46 kB
dotcom-rendering/dist/relativeTime.********************.js 2.3 kB
dotcom-rendering/dist/relativeTime.legacy.********************.js 2.57 kB
dotcom-rendering/dist/RichLinkComponent-importable.********************.js 8.48 kB
dotcom-rendering/dist/RichLinkComponent-importable.legacy.********************.js 8.65 kB
dotcom-rendering/dist/sentry.********************.js 684 B
dotcom-rendering/dist/sentry.legacy.********************.js 691 B
dotcom-rendering/dist/sentryLoader.********************.js 5.08 kB
dotcom-rendering/dist/sentryLoader.legacy.********************.js 8.02 kB
dotcom-rendering/dist/SetABTests-importable.********************.js 8.65 kB
dotcom-rendering/dist/SetABTests-importable.legacy.********************.js 9.19 kB
dotcom-rendering/dist/ShareCount-importable.********************.js 6.39 kB
dotcom-rendering/dist/ShareCount-importable.legacy.********************.js 6.57 kB
dotcom-rendering/dist/shimport.********************.js 2.78 kB
dotcom-rendering/dist/shimport.legacy.********************.js 2.79 kB
dotcom-rendering/dist/SignInGateMain.********************.js 4.49 kB
dotcom-rendering/dist/SignInGateMain.js 2.87 kB
dotcom-rendering/dist/SignInGateMain.legacy.********************.js 4.59 kB
dotcom-rendering/dist/SignInGateSelector-importable.********************.js 5.43 kB
dotcom-rendering/dist/SignInGateSelector-importable.legacy.********************.js 5.78 kB
dotcom-rendering/dist/SlotBodyEnd-importable.********************.js 9.35 kB
dotcom-rendering/dist/SlotBodyEnd-importable.legacy.********************.js 10.7 kB
dotcom-rendering/dist/SpotifyBlockComponent-importable.********************.js 7.72 kB
dotcom-rendering/dist/SpotifyBlockComponent-importable.legacy.********************.js 8.01 kB
dotcom-rendering/dist/StickyBottomBanner-importable.********************.js 8.99 kB
dotcom-rendering/dist/StickyBottomBanner-importable.legacy.********************.js 11 kB
dotcom-rendering/dist/SubNav-importable.********************.js 6.01 kB
dotcom-rendering/dist/SubNav-importable.legacy.********************.js 6.2 kB
dotcom-rendering/dist/TimelineAtomWrapper-importable.********************.js 264 B
dotcom-rendering/dist/TimelineAtomWrapper-importable.legacy.********************.js 274 B
dotcom-rendering/dist/TopRightAdSlot-importable.********************.js 2.24 kB
dotcom-rendering/dist/TopRightAdSlot-importable.legacy.********************.js 2.27 kB
dotcom-rendering/dist/TweetBlockComponent-importable.********************.js 1.8 kB
dotcom-rendering/dist/TweetBlockComponent-importable.legacy.********************.js 1.79 kB
dotcom-rendering/dist/UnsafeEmbedBlockComponent-importable.********************.js 2.94 kB
dotcom-rendering/dist/UnsafeEmbedBlockComponent-importable.legacy.********************.js 3.03 kB
dotcom-rendering/dist/VideoFacebookBlockComponent-importable.********************.js 7.82 kB
dotcom-rendering/dist/VideoFacebookBlockComponent-importable.legacy.********************.js 8.1 kB
dotcom-rendering/dist/VineBlockComponent-importable.********************.js 2.77 kB
dotcom-rendering/dist/VineBlockComponent-importable.legacy.********************.js 2.85 kB
dotcom-rendering/dist/YoutubeBlockComponent-importable.********************.js 8.47 kB
dotcom-rendering/dist/YoutubeBlockComponent-importable.legacy.********************.js 8.82 kB

compressed-size-action

@AshCorr AshCorr force-pushed the ash/FixedSmallSlowIV.tsx branch 3 times, most recently from f9a36e6 to 2d2bf57 Compare April 28, 2022 08:45
@AshCorr AshCorr force-pushed the ash/FixedSmallSlowIV.tsx branch from 2d2bf57 to 2ebcd02 Compare April 28, 2022 08:47
@AshCorr AshCorr changed the title Ash/fixed small slow iv.tsx feat: Add support for fixed/small/slow-IV container type Apr 28, 2022
parameters: {
chromatic: {
viewports: [
breakpoints.mobile,
Copy link
Member Author

@AshCorr AshCorr Apr 28, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If we're planning on adding all these breakpoints for every type of container we probably need to find a way to give chromatic some kind of focus so that it only checks files that could have changed.

This might be some help? https://www.chromatic.com/docs/turbosnap

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If we're planning on adding all these breakpoints for every type of container we probably need to find a way to give chromatic some kind of focus so that it only checks files that could have changed.

This might be some help? https://www.chromatic.com/docs/turbosnap

Interesting. It's hard to say if this is a good option for us or not, I think the write up at the link you gave (thanks) is fairly accurate in being hesitant but if this does work the way we want it to then it could be a big win

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Raised #4768 for this, tried to explain the incompatibility the way I understand it in this PR

@AshCorr AshCorr marked this pull request as ready for review April 28, 2022 09:02
Copy link
Contributor

@oliverlloyd oliverlloyd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very cool

Copy link
Contributor

@OllysCoding OllysCoding left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!!

@AshCorr AshCorr merged commit c0e03a1 into main Apr 28, 2022
@AshCorr AshCorr deleted the ash/FixedSmallSlowIV.tsx branch April 28, 2022 10:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants