Skip to content

👋 App.tsx - #4262

Merged
oliverlloyd merged 4 commits into
mainfrom
oliver/death-to-app
Mar 16, 2022
Merged

oliverlloyd merged 4 commits into
mainfrom
oliver/death-to-app

Conversation

@oliverlloyd

Copy link
Copy Markdown
Contributor

What does this change?

This PR removes App.tsx and its associated workings from DCR

Why?

There are two documents which discuss this but in short: The pattern was hard to work with because of shared state and led to more data being sent to readers than was needed

Things of note

Loadable

Is now gone. We used this for lazy loading react components but this is now acheived via the islands pattern

CAPIBrowserType

Is now gone. This was used type as part of the data set at window.guardian.app which is now deleted

window.guardian.app

Is now gone. We stored data for here to later use as part of hydration. The islands pattern however serialises each islands data directly so there's no need for a centralised object on window

webpack-manifest-plugin

Added to replace functionality that was previously provided by Loadable

GA > GAData

Renamed to be clearer about what this property is

@github-actions

Copy link
Copy Markdown

Size Change: -93 kB (-6%) ✅

Total Size: 1.48 MB

Filename Size Change
dotcom-rendering/dist/1065.legacy.js 7.5 kB +3 B (0%)
dotcom-rendering/dist/1214.js 3.15 kB +2 B (0%)
dotcom-rendering/dist/1214.legacy.js 3.21 kB +2 B (0%)
dotcom-rendering/dist/1376.js 1.65 kB +2 B (0%)
dotcom-rendering/dist/1451.js 19.1 kB +3 B (0%)
dotcom-rendering/dist/1451.legacy.js 19.8 kB +4 B (0%)
dotcom-rendering/dist/1576.legacy.js 3.21 kB +4 B (0%)
dotcom-rendering/dist/1578.js 2.41 kB -2 B (0%)
dotcom-rendering/dist/1578.legacy.js 2.43 kB -3 B (0%)
dotcom-rendering/dist/1828.js 4.49 kB -54 B (-1%)
dotcom-rendering/dist/1828.legacy.js 4.49 kB -52 B (-1%)
dotcom-rendering/dist/1924.js 6.14 kB +3 B (0%)
dotcom-rendering/dist/1924.legacy.js 6.52 kB +1 B (0%)
dotcom-rendering/dist/1956.js 4.13 kB +2 B (0%)
dotcom-rendering/dist/2.js 4.88 kB +6 B (0%)
dotcom-rendering/dist/2.legacy.js 4.98 kB +2 B (0%)
dotcom-rendering/dist/2058.js 8.94 kB +5 B (0%)
dotcom-rendering/dist/2058.legacy.js 9.21 kB +3 B (0%)
dotcom-rendering/dist/2299.js 3.51 kB +4 B (0%)
dotcom-rendering/dist/2299.legacy.js 3.59 kB +4 B (0%)
dotcom-rendering/dist/23.js 5.84 kB -1 B (0%)
dotcom-rendering/dist/2550.legacy.js 4.35 kB +1 B (0%)
dotcom-rendering/dist/2737.js 6.16 kB +3 B (0%)
dotcom-rendering/dist/2737.legacy.js 6.51 kB +2 B (0%)
dotcom-rendering/dist/2879.js 6.98 kB +4 B (0%)
dotcom-rendering/dist/288.js 2.71 kB +8 B (0%)
dotcom-rendering/dist/2947.js 2.59 kB +8 B (0%)
dotcom-rendering/dist/2947.legacy.js 2.67 kB +8 B (0%)
dotcom-rendering/dist/2949.js 5.67 kB +5 B (0%)
dotcom-rendering/dist/2949.legacy.js 5.86 kB +4 B (0%)
dotcom-rendering/dist/2981.legacy.js 0 B -4.73 kB (removed) 🏆
dotcom-rendering/dist/3213.js 14.2 kB +4 B (0%)
dotcom-rendering/dist/3213.legacy.js 14.5 kB +5 B (0%)
dotcom-rendering/dist/3215.js 6.12 kB +8 B (0%)
dotcom-rendering/dist/3215.legacy.js 6.27 kB +8 B (0%)
dotcom-rendering/dist/3270.js 7.64 kB -2 B (0%)
dotcom-rendering/dist/3397.js 244 B +3 B (+1%)
dotcom-rendering/dist/3397.legacy.js 255 B +3 B (+1%)
dotcom-rendering/dist/3622.js 4.99 kB +3 B (0%)
dotcom-rendering/dist/3730.js 5 kB +2 B (0%)
dotcom-rendering/dist/3730.legacy.js 5.39 kB +2 B (0%)
dotcom-rendering/dist/4025.js 2.02 kB -2 B (0%)
dotcom-rendering/dist/4109.legacy.js 2.91 kB +1 B (0%)
dotcom-rendering/dist/4204.legacy.js 2.35 kB -1 B (0%)
dotcom-rendering/dist/4211.js 1.65 kB +3 B (0%)
dotcom-rendering/dist/4211.legacy.js 1.75 kB +4 B (0%)
dotcom-rendering/dist/4576.js 239 B +3 B (+1%)
dotcom-rendering/dist/4576.legacy.js 250 B +3 B (+1%)
dotcom-rendering/dist/4850.js 239 B +4 B (+2%)
dotcom-rendering/dist/4850.legacy.js 250 B +4 B (+2%)
dotcom-rendering/dist/5096.js 4.68 kB -46 B (-1%)
dotcom-rendering/dist/5096.legacy.js 4.74 kB -50 B (-1%)
dotcom-rendering/dist/5217.js 237 B +4 B (+2%)
dotcom-rendering/dist/5217.legacy.js 248 B +3 B (+1%)
dotcom-rendering/dist/5226.js 5.5 kB +1 B (0%)
dotcom-rendering/dist/5226.legacy.js 5.91 kB -2 B (0%)
dotcom-rendering/dist/5294.js 4.42 kB +2 B (0%)
dotcom-rendering/dist/5294.legacy.js 4.49 kB +2 B (0%)
dotcom-rendering/dist/53.js 4.12 kB +5 B (0%)
dotcom-rendering/dist/53.legacy.js 4.13 kB +6 B (0%)
dotcom-rendering/dist/5356.js 33.5 kB +5 B (0%)
dotcom-rendering/dist/5356.legacy.js 31.4 kB +3 B (0%)
dotcom-rendering/dist/5585.js 6.35 kB +5 B (0%)
dotcom-rendering/dist/5585.legacy.js 6.61 kB +6 B (0%)
dotcom-rendering/dist/5690.js 6.23 kB +4 B (0%)
dotcom-rendering/dist/5690.legacy.js 6.4 kB +4 B (0%)
dotcom-rendering/dist/6004.legacy.js 0 B -3.68 kB (removed) 🏆
dotcom-rendering/dist/6021.js 3.95 kB -2 B (0%)
dotcom-rendering/dist/6021.legacy.js 4.19 kB +1 B (0%)
dotcom-rendering/dist/6045.js 0 B -3.6 kB (removed) 🏆
dotcom-rendering/dist/6292.legacy.js 4.62 kB -67 B (-1%)
dotcom-rendering/dist/6348.js 5.85 kB +6 B (0%)
dotcom-rendering/dist/6348.legacy.js 6.04 kB +7 B (0%)
dotcom-rendering/dist/6398.js 3.07 kB +4 B (0%)
dotcom-rendering/dist/6400.js 21.5 kB -10 B (0%)
dotcom-rendering/dist/6400.legacy.js 21.5 kB -10 B (0%)
dotcom-rendering/dist/6684.js 245 B +4 B (+2%)
dotcom-rendering/dist/6684.legacy.js 256 B +3 B (+1%)
dotcom-rendering/dist/6892.js 5.24 kB -62 B (-1%)
dotcom-rendering/dist/6892.legacy.js 5.66 kB -61 B (-1%)
dotcom-rendering/dist/6965.js 3.67 kB +4 B (0%)
dotcom-rendering/dist/6965.legacy.js 3.72 kB +6 B (0%)
dotcom-rendering/dist/6992.js 1.67 kB +1 B (0%)
dotcom-rendering/dist/6992.legacy.js 1.76 kB +2 B (0%)
dotcom-rendering/dist/7051.js 8.29 kB +8 B (0%)
dotcom-rendering/dist/7051.legacy.js 8.49 kB +7 B (0%)
dotcom-rendering/dist/7057.js 0 B -4.48 kB (removed) 🏆
dotcom-rendering/dist/7318.js 3.83 kB +3 B (0%)
dotcom-rendering/dist/7318.legacy.js 3.93 kB +3 B (0%)
dotcom-rendering/dist/7388.legacy.js 2.65 kB +7 B (0%)
dotcom-rendering/dist/750.js 5.47 kB +3 B (0%)
dotcom-rendering/dist/750.legacy.js 5.62 kB +2 B (0%)
dotcom-rendering/dist/7576.js 4.21 kB +1 B (0%)
dotcom-rendering/dist/7576.legacy.js 4.38 kB +2 B (0%)
dotcom-rendering/dist/7583.js 6.57 kB +3 B (0%)
dotcom-rendering/dist/7583.legacy.js 6.74 kB +3 B (0%)
dotcom-rendering/dist/7749.js 4.26 kB -75 B (-2%)
dotcom-rendering/dist/7793.js 6.54 kB -1 B (0%)
dotcom-rendering/dist/7793.legacy.js 6.81 kB -4 B (0%)
dotcom-rendering/dist/7800.js 11.2 kB -678 B (-6%) ✅
dotcom-rendering/dist/7826.legacy.js 0 B -4.82 kB (removed) 🏆
dotcom-rendering/dist/7916.js 0 B -9.63 kB (removed) 🏆
dotcom-rendering/dist/7992.js 0 B -4.66 kB (removed) 🏆
dotcom-rendering/dist/8080.js 1.46 kB +1 B (0%)
dotcom-rendering/dist/8080.legacy.js 1.54 kB +1 B (0%)
dotcom-rendering/dist/8129.legacy.js 11.8 kB -668 B (-5%) ✅
dotcom-rendering/dist/8184.js 11.9 kB -87 B (-1%)
dotcom-rendering/dist/8184.legacy.js 13.1 kB -93 B (-1%)
dotcom-rendering/dist/824.js 431 B +5 B (+1%)
dotcom-rendering/dist/824.legacy.js 489 B +6 B (+1%)
dotcom-rendering/dist/8282.js 3.66 kB +4 B (0%)
dotcom-rendering/dist/8294.js 238 B +5 B (+2%)
dotcom-rendering/dist/8294.legacy.js 249 B +5 B (+2%)
dotcom-rendering/dist/8344.js 6.92 kB -2 B (0%)
dotcom-rendering/dist/8344.legacy.js 7.28 kB +2 B (0%)
dotcom-rendering/dist/8583.js 16.8 kB +1 B (0%)
dotcom-rendering/dist/8583.legacy.js 17.4 kB +4 B (0%)
dotcom-rendering/dist/8748.js 236 B +4 B (+2%)
dotcom-rendering/dist/8748.legacy.js 247 B +4 B (+2%)
dotcom-rendering/dist/8785.legacy.js 0 B -10.4 kB (removed) 🏆
dotcom-rendering/dist/8839.legacy.js 1.73 kB +1 B (0%)
dotcom-rendering/dist/9007.js 4.71 kB +3 B (0%)
dotcom-rendering/dist/9007.legacy.js 4.77 kB +4 B (0%)
dotcom-rendering/dist/9177.js 4.55 kB -62 B (-1%)
dotcom-rendering/dist/9177.legacy.js 4.57 kB -56 B (-1%)
dotcom-rendering/dist/9327.js 1.51 kB +1 B (0%)
dotcom-rendering/dist/9327.legacy.js 1.58 kB +2 B (0%)
dotcom-rendering/dist/9512.js 10 kB -60 B (-1%)
dotcom-rendering/dist/9512.legacy.js 12 kB -62 B (-1%)
dotcom-rendering/dist/9641.js 6.34 kB +5 B (0%)
dotcom-rendering/dist/9641.legacy.js 6.61 kB +6 B (0%)
dotcom-rendering/dist/9776.js 6.25 kB +5 B (0%)
dotcom-rendering/dist/9776.legacy.js 6.53 kB +5 B (0%)
dotcom-rendering/dist/9817.js 11.7 kB -59 B (-1%)
dotcom-rendering/dist/9817.legacy.js 11.9 kB -50 B (0%)
dotcom-rendering/dist/atomIframe.js 1.74 kB -11 B (-1%)
dotcom-rendering/dist/atomIframe.legacy.js 2.01 kB -9 B (0%)
dotcom-rendering/dist/braze-web-sdk-core.js 36.1 kB +4 B (0%)
dotcom-rendering/dist/braze-web-sdk-core.legacy.js 36.1 kB +4 B (0%)
dotcom-rendering/dist/dynamicImport.js 2.85 kB -21 B (-1%)
dotcom-rendering/dist/dynamicImport.legacy.js 3.14 kB -22 B (-1%)
dotcom-rendering/dist/embedIframe.js 1.74 kB -12 B (-1%)
dotcom-rendering/dist/embedIframe.legacy.js 2.02 kB -10 B (0%)
dotcom-rendering/dist/frontend.server.js 399 kB -1.87 kB (0%)
dotcom-rendering/dist/ga.js 3.74 kB -10 B (0%)
dotcom-rendering/dist/ga.legacy.js 4.01 kB -8 B (0%)
dotcom-rendering/dist/guardian-braze-components-banner.js 13 kB +3 B (0%)
dotcom-rendering/dist/guardian-braze-components-banner.legacy.js 13.1 kB +2 B (0%)
dotcom-rendering/dist/guardian-braze-components-end-of-article.js 9.33 kB +4 B (0%)
dotcom-rendering/dist/guardian-braze-components-end-of-article.legacy.js 9.39 kB +3 B (0%)
dotcom-rendering/dist/initDiscussion.js 8.35 kB -16 B (0%)
dotcom-rendering/dist/initDiscussion.legacy.js 8.63 kB -15 B (0%)
dotcom-rendering/dist/islands.js 8.51 kB -14 B (0%)
dotcom-rendering/dist/islands.legacy.js 9.27 kB -15 B (0%)
dotcom-rendering/dist/newsletterEmbedIframe.js 1.9 kB -11 B (-1%)
dotcom-rendering/dist/newsletterEmbedIframe.legacy.js 2.16 kB -10 B (0%)
dotcom-rendering/dist/ophan.js 7.04 kB -12 B (0%)
dotcom-rendering/dist/ophan.legacy.js 7.26 kB -10 B (0%)
dotcom-rendering/dist/react.js 0 B -21.1 kB (removed) 🏆
dotcom-rendering/dist/react.legacy.js 0 B -21.7 kB (removed) 🏆
dotcom-rendering/dist/readerRevenueDevUtils.js 3.21 kB +1 B (0%)
dotcom-rendering/dist/readerRevenueDevUtils.legacy.js 4.08 kB +2 B (0%)
dotcom-rendering/dist/relativeTime.js 2.28 kB -12 B (-1%)
dotcom-rendering/dist/relativeTime.legacy.js 2.56 kB -13 B (-1%)
dotcom-rendering/dist/sentry.js 666 B -49 B (-7%) ✅
dotcom-rendering/dist/sentry.legacy.js 673 B -54 B (-7%) ✅
dotcom-rendering/dist/sentryLoader.js 4.72 kB -20 B (0%)
dotcom-rendering/dist/sentryLoader.legacy.js 7.69 kB -22 B (0%)
dotcom-rendering/dist/shimport.js 2.76 kB +7 B (0%)
dotcom-rendering/dist/shimport.legacy.js 2.76 kB +7 B (0%)
dotcom-rendering/dist/SignInGateMain.js 2.98 kB +1 B (0%)
dotcom-rendering/dist/SignInGateMain.legacy.js 3.06 kB +2 B (0%)
ℹ️ View Unchanged
Filename Size
dotcom-rendering/dist/1189.js 3.58 kB
dotcom-rendering/dist/1376.legacy.js 1.75 kB
dotcom-rendering/dist/23.legacy.js 6.13 kB
dotcom-rendering/dist/2839.legacy.js 3.67 kB
dotcom-rendering/dist/3270.legacy.js 7.83 kB
dotcom-rendering/dist/3610.legacy.js 10.4 kB
dotcom-rendering/dist/4475.js 4.64 kB
dotcom-rendering/dist/4977.legacy.js 3.15 kB
dotcom-rendering/dist/6188.js 4.46 kB
dotcom-rendering/dist/7532.legacy.js 4.71 kB
dotcom-rendering/dist/7809.legacy.js 2.69 kB
dotcom-rendering/dist/8282.legacy.js 3.75 kB
dotcom-rendering/dist/8525.legacy.js 4.8 kB
dotcom-rendering/dist/8839.js 1.63 kB
dotcom-rendering/dist/8873.js 9.59 kB
dotcom-rendering/dist/bootCmp.js 7.76 kB
dotcom-rendering/dist/bootCmp.legacy.js 11.3 kB
dotcom-rendering/dist/coreVitals.js 3.91 kB
dotcom-rendering/dist/coreVitals.legacy.js 4.21 kB

compressed-size-action

Comment thread dotcom-rendering/src/model/window-guardian.ts

@mxdvl mxdvl left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Begone!

@oliverlloyd oliverlloyd left a comment

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I've read through the code and nothing is jumping out to me here. I can't approve because I'm an author but nonetheless I do heartily approve.

Comment on lines +40 to +43
const filename = isDev ? file : manifest[file];
const legacyFilename = isDev
? file.replace('.js', '.legacy.js')
: legacyManifest[file];

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

So much clearer! 😻

Comment on lines -53 to -56
Sentry.configureScope((scope) => {
scope.setTag('edition', editionLongForm);
scope.setTag('contentType', contentType);
});

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Removed in favour of simplicity.

It made sense to include this extra data on errors when it was freely available but now we'd need to refactor the window object to also include these properties which feels excessive

@OllysCoding OllysCoding left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

So much code removed 😍

@oliverlloyd
oliverlloyd merged commit 52befb4 into main Mar 16, 2022
@oliverlloyd
oliverlloyd deleted the oliver/death-to-app branch March 16, 2022 13:36
@mxdvl

mxdvl commented Mar 16, 2022 •

Copy link
Copy Markdown
Contributor

FYI: I stumbled upon a few leftovers of App.tsx in docs, as in dotcom-rendering/docs/important-files.md

@mxdvl

mxdvl commented Mar 25, 2022

Copy link
Copy Markdown
Contributor

🏝️ #3629

JamieB-gu added a commit that referenced this pull request Jun 2, 2023
Some descriptions have been updated, others deleted:

- `content.d.ts` became `content.ts` in #6553, and its functionality has changed over time
- `index.d.ts` has different types, and islands have changed
- `window-guardian.ts` has different functionality
- `ArticleRenderer.tsx` has different functionality
- `App.tsx` no longer exists since #4262
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

3 participants