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

[WIP] 🚧 v3 #20

Draft
wants to merge 37 commits into
base: main
Choose a base branch
from
Draft

[WIP] 🚧 v3 #20

wants to merge 37 commits into from

Conversation

tannerhodges
Copy link
Owner

@tannerhodges tannerhodges commented Oct 22, 2021

Slowly but surely

📦 Latest Release

v3.0.0-alpha.2

🚧 Todo

  • Fix callback parameters.
  • Fix/replace failing tests.
  • HTML tests for prev/next buttons.
  • Document how goto buttons, event delegation, and init/reset work. For reference, see next prev still working? #25.
  • Add docs for Nuxt.js: next prev still working? #25 (comment)
  • Document changes.
  • Upgrade guide.
  • Fix Safari polyfills (external) not smooth scrolling.

@tannerhodges tannerhodges self-assigned this Oct 22, 2021
@@ -1,2 +1 @@
defaults
ie 11
Copy link
Owner Author

Choose a reason for hiding this comment

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

📝 Dropping IE support.

@@ -7,6 +7,9 @@
"browser": true,
"es6": true
},
"parserOptions": {
"ecmaVersion": 2020
Copy link
Owner Author

Choose a reason for hiding this comment

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

📝 Upgrading to ES2020.

@@ -1,6 +1,5 @@
{
"baseUrl": "http://localhost:8080",
"firefoxGcInterval": null,
Copy link
Owner Author

Choose a reason for hiding this comment

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

📝 Removing deprecated Cypress options.

// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.getSlider('test').scrollTo('right')
.wait(0)
.wait(350)
Copy link
Owner Author

Choose a reason for hiding this comment

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

📝 Intersection Observer change callbacks are debounced by 300ms, so need to wait at least that long for events to fire.

cy.getSlider('test').children(':nth-child(3)').scrollIntoView();
// NOTE: Add `duration` so Intersection Observer fires.
// @see https://github.com/cypress-io/cypress/issues/3848#issuecomment-478132607
cy.getSlider('test').children(':nth-child(3)').scrollIntoView({ duration: 100 });
Copy link
Owner Author

Choose a reason for hiding this comment

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

❓ Is this duration still necessary? Or can we simply scroll and still get the same result?


<!-- ⚙️ Scripts -->
<script src="./snap-slider.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/smoothscroll.min.js"></script>
Copy link
Owner Author

Choose a reason for hiding this comment

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

📝 Separating smooth scroll polyfill.

"element-closest": "^3.0.2",
"lodash": "^4.17.19",
"smoothscroll-polyfill": "^0.4.4",
"tabbable": "^4.0.0"
Copy link
Owner Author

Choose a reason for hiding this comment

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

📝 Removing all dependencies (except lodash's debounce function).

"stylelint": "^13.6.1",
"stylelint-config-property-sort-order-smacss": "^6.3.0",
"stylelint-config-standard": "^20.0.0",
"@babel/core": "^7.15.8",
Copy link
Owner Author

Choose a reason for hiding this comment

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

📝 Upgrading all npm packages (should also close open dependabot PRs).

@@ -2,6 +2,6 @@

module.exports = {
plugins: [
require('autoprefixer')({ grid: 'autoplace' }),
require('autoprefixer')(),
Copy link
Owner Author

Choose a reason for hiding this comment

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

📝 Removing legacy CSS Grid support for IE.

@@ -50,7 +49,7 @@ const common = {
// Bundle Analyzer
const analyzer = new BundleAnalyzerPlugin({
analyzerMode: 'static',
openAnalyzer: process.env.TEST !== 'true',
openAnalyzer: false, // process.env.TEST !== 'true',
Copy link
Owner Author

Choose a reason for hiding this comment

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

📝 Temporarily disabling bundle analyzer.

Need to turn back on before launch!

@tannerhodges tannerhodges changed the title [WIP] 🚧 V3 [WIP] 🚧 v3 Mar 28, 2022
@RodrigoTomeES
Copy link

Hi, first of all thanks for your awesome work @tannerhodges , is there any update about this?

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.

2 participants