Rapidez

Appearance

Upgrading ​

Rapidez v4 ​

In this release, we migrated from ReactiveSearch to InstantSearch 🚀 to index products we're now using Laravel Scout with Searchkit and introducing some new features:

  • Search within results filter
  • Select super attributes on products while filtering, so when you filter on a color this will be selected on all items so the matching images will show

Other changes included in this release:

  • Config refactor
  • Custom range slider, removing the vue-slider-component dependency
  • Made more components customizable from Blade:
    • Category filter
    • Pagination
    • Toolbar (stats, items per page and sorting)

You should review all template/config changes

Composer dependencies ​

Check all your dependencies one by one to see if they're compatible and what has changed in changelogs / release notes. To get a nice overview run:

bash
composer outdated

.env changes ​

We switched mailerlite/laravel-elasticsearch for matchish/laravel-scout-elasticsearch, with that the configs changed, they are compatible but we recommend to change them:

dotenv
ELASTICSEARCH_HOST=localhost
ELASTICSEARCH_PORT=9200
ELASTICSEARCH_SCHEME=http
ELASTICSEARCH_USER=
ELASTICSEARCH_PASS=

To

dotenv
ELASTICSEARCH_HOST=http://localhost:9200
ELASTICSEARCH_USER=
ELASTICSEARCH_PASSWORD=

Frontend changes ​

Dependencies ​

  1. Remove
bash
yarn remove @appbaseio/reactivesearch-vue
  1. Install
bash
yarn add -D @searchkit/instantsearch-client instantsearch.js vue-instantsearch
  1. Build
bash
yarn build

TIP

We recommend to double check all frontend dependencies with yarn outdated. But keep in mind that Rapidez doesn't support Vue 3 yet.