Skip to content

Move browser upgrade page #354

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

Conversation

rileytb
Copy link

@rileytb rileytb commented Jul 22, 2024

Adding an "upgrade your outdated browser" banner that will display with feature detection.
Associated story EOLBFRST-253

Along with that this PR adds in modernizr (feature checking library). There is now a pre:build script which generates the modernizr.js file based on the modernizr-config.json file.

Modernizr config has in it these options as I saw them giving us coverage for things that we use and keep us from supporting things like IE.

joeycozza and others added 30 commits January 2, 2019 14:20
* Adopt Contributor Covenant

* Add link to Contributor Covenant to docs site
- use ESLint cache
- remove useless `watch` option in fork-ts-checker
Add blog post that takes a React developer step-by-step through many features of AWS. Blog post is suitable for a beginner to follow and have a production ready workflow.
pawelskowronek and others added 14 commits June 23, 2022 07:47
When adding typescript to an existing Create React App project you have to have tsconfig.json in the project, I believe this change should clarify it for beginners getting stuck on this step. Not sure if providing an example would be too much so I have added a link to the tsconfig.json instead.
Add a link to React Router docs specific to adding routes.
fix broken link progressive web app
docs: Add Link to Adding Routes Docs
Add missing instruction if you are adding typescript
- add modernizr
- config modernizr
- add in tests and initial banner logic
@marybeshaw
Copy link

marybeshaw commented Jul 23, 2024

@rileytb did you mean to PR your new github project instead of create-react-app? Typically people create brand new GitHub projects, and then commit their new app there. We have something like 50 apps, and can't keep any of them in this repo.
Never mind, you probably know what you're doing and I wasn't aware it was coming :)

@@ -0,0 +1,7 @@
const header = document.getElementById('outdated-browser');
const outdatedFeatures = Object.keys(Modernizr).filter(feature => !Modernizr[feature]);
const unsupportedBrowserFlag = getFeatureFlag('frontier_snow_unsupportedBrowser', {appName: process.env.APP_NAME});
Copy link
Author

Choose a reason for hiding this comment

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

I don't think this works here

"test/dom/intersection-observer",
"test/es6/promises",
"test/network/fetch",
"test/url/parser"
Copy link
Author

Choose a reason for hiding this comment

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

Looked at packages/react-scripts/polyfills.js and usage of these across apps to gather this list.

@rileytb rileytb closed this Aug 12, 2024
@rileytb rileytb deleted the rileytb/EOLBFRST-253_wd-move-browser-upgrade-landing-page-to-react branch August 12, 2024 21:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.