frenzy-search-components v0.1.98

Frenzy Shopify extention

This app contains components for Frenzy search Shopify extension. Contains following components:

• ProductGridItem - it's product card that can be used for different variant of frenzy product card. It parses HTML template and replaces variables with values received from backend;
• Pagination - basic pagination;
• CollectionPage - combines pagination and product cards. Should get products by batches according pagination settings (comes from backend).

This package doesn't have type declarations published to DefinitelyTyped repository. To enable typescript additional package should be installed - frenzy-search-type-declarations (latest). Also declaration file .d.ts should be added to the root directory with content declare module 'frenzy-search-components'.

To enable default CSS import 'frenzy-search-components/dist/index.css' should be added to imports in index.tsx file. If you'd like to use custom styles, all class names can be found under node_modules/frenzy-search-components/dist/index.css (temporary solution, this part of documentation will be updated).

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.\ Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.\ You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.\ See the section about running tests for more information.

yarn build

Runs rollup script to build the app for production to the build folder.\ It correctly bundles React in production mode and optimizes the build for the best performance. Should be run before publishing to npm.

yarn storybook

Runs storybook view on port 6006. It contains visualisation of all components.

npm version patch

Updating package version

npm publish

Publish recent version of application to npm. Should be done after all changes added to commit (and pushed to git, but this is not necessary for publishing).