ScandiPWA Updates: August 20 (Issue #59)

Stability improvements

What’s inside:

Bug fixes

• Mobile category patch — when going from PDP, the product list showed “load previous page” button, instead of cached product list pages.
• The login in checkout did not work on mobile
• Now you can add multiple lines of category description #830 (by @joostm020)
• If product meta-title is not set, the product title is used (by @krystian15)
• The configurable products now show As low as which is a minimal price, fixes #723 (by @ankith-codilar)
• The address in “my account” are ordered from 1 to X instead of internal Magento numeration (by @teodormoq)
• Removed hard-coded title in the attribute labels
• The checkout failed when selecting the country with the required region, now it is again possible to

Incompatible changes and important notes

Added husky pre-commit linter

Now it will be harder to commit breaking code. Husky will let you know about issues in JS and SCSS files. Command it is running by default:

npm run eslint:cache && npm run stylelint:cache

Note: added new option to all linters (which only lint unchanged files, the :cache). This significantly improves the speed of lint. This means following files: .eslintcache and .stylelintcache have to be added to cache.

This feature was broad into ScandiPWA by @teodormoq so everyone thanks him for cleaner code from now-on 🥇

Field component refactoring

The select and textarea were moved to new components - the FieldSelect and FieldTextarea. Also, the non-rendering functions were moved to Field.container which is now responsible for the field behavior handling. Amount of props, file size and complexity has decreased in those files.

Note: from now on, the input of type select sorts all options alphabetically and ignores null labels.

Added CHECKOUT_ACCOUNT state in header

This state is triggered, when the user tries to log in from checkout, the popup opens, and the header acts as an overlay heading. This is related to one of the bugs patched.

Search item component refactored

The component SearchField was refactored to import the SearchItem. The SearchItem was derived SearchItem

Dependency check

NPM dependencies

• @babel/plugin-proposal-object-rest-spread - upgraded from 7.10.4 to 7.11.0
• @babel/preset-env - upgraded from 7.10.4 to 7.11.0
• @babel/runtime - upgraded from 7.10.5 to 7.11.2
• autoprefixer - upgraded from 9.8.5 to 9.8.6
• enzyme-adapter-react-16 - upgraded from 1.15.2 to 1.15.3
• eslint - upgraded from 7.5.0 to 7.7.0
• husky - added to dev-dependencies
• redux-devtools - removed
• sass-loader - upgraded from 9.0.2 to 9.0.3
• terser - upgraded from 4.8.0 to 5.1.0

Composer dependencies

There were no changes! 🥳

Assets:

Source code(zip)

Source code(tar.gz)

We hope you enjoyed the latest ScandiPWA updates. Follow us on Twitter or join the first Magento PWA community in our Slack channel where you can stay up-to-date with our work, explore the latest technical progress, ask questions, and meet other enthusiasts!

ScandiPWA is the first open-source PWA theme for Magento