UNPKG

@eightshift/frontend-libs

Version:

A collection of useful frontend utility modules. powered by Eightshift

75 lines (69 loc) 4.11 kB
# Packages readme This is a document explaining what each `package.json` package is used for. ## Dependencies * @babel/cli - Adds terminal commands for babel. * @babel/core - Main Babel core package. * @babel/eslint-parser - JS Parser for babel. * @babel/eslint-plugin - JS Parser for babel plugin. * @dnd-kit/core - Modern helper for creating re-orderable react components * @dnd-kit/modifiers - Modern helper for creating re-orderable react components * @dnd-kit/sortable - Modern helper for creating re-orderable react components * @dnd-kit/utilities - Modern helper for creating re-orderable react components * @infinumjs/eslint-config-react-js - Adds JS linter config. * @swc/core - loader swc for faster build times. * @wordpress/api-fetch - WP package for api fetch. * @wordpress/dependency-extraction-webpack-plugin - Allows Webpack to read all @wordpress packages as external dependency. * @wordpress/dom-ready - WP package to load JS when dom is ready. * @wordpress/icons - WP icons package. * autoprefixer - Package for adding vendor prefix depending on your browserlist. * babel-loader - Loader used for Webpack. * browser-sync - Browser sync. * browser-sync-webpack-plugin - Browser sync plugin for Webpack. * classnames - Classnames package used in view components. * clean-webpack-plugin - Webpack plugin used to delete build folder. * core-js - Latest core Js to use in babel. * css-loader - Webpack loader user for css. * css-minimizer-webpack-plugin - Webpack plugin used to minimize output. * eslint - Package used for linting JS. * eslint-plugin-jsx-a11y - Package used for linting JS. * eslint-plugin-react - Package used for linting JS. * eslint-plugin-react-hooks - Package used for linting JS. * file-loader - Webpack loaded used for images and files. * husky - Package used for linting code on git commands. * import-glob - Webpack loader used for putting regex in css import. * media-blender - Package used for providing media queries. * mini-css-extract-plugin - Webpack plugin extracts CSS into separate files. * postcss - package for getting postcss options. * postcss-loader - Webpack loader used for postcss. * postcss-scss - package for parsing scss used for style linter. * promisify-child-process - Async child process library used in project setup. * raw-loader - Webpack loader used for files. * rc-slider - React slider component used in our components. * rc-tooltip - React tooltip component used in our components. * react-select - Select component for React. * regenerator-runtime - Used for Core-js polyfill. * sass - A pure JavaScript implementation of Sass * sass-loader - Webpack loader used for sass. * storybook - Storybook library used in projects. * style-loader - Webpack loader used for styles. * stylelint - Css linter. * stylelint-config-standard-scss - Css linter for scss type. * terser-webpack-plugin - Webpack plugin used for minimization. * webpack - Webpack library. * webpack-cli - Webpack cli library. * webpack-manifest-plugin - Webpack plugin used for outputting manifest.json. * webpack-merge - Webpack utility for merging multiple webpack files. ## Dev dependencies * @babel/preset-env - Is a smart preset that allows you to use the latest JavaScript without needing to micromanage. * @babel/preset-react - Babel preset for React. * @eightshift/storybook - Our storybook used for frontend libs. * chalk - Terminal coloring library. Used in project setup. * del - Terminal delete library. Used in project setup. * gh-pages - Terminal GH pages lib for deployment to GH pages. * micromodal - Modal component used in the project here only for storybook. * ol - Map component used in the project here only for storybook. * ol-mapbox-style - Map component used in the project here only for storybook. * react-test-renderer - This package provides an experimental React renderer that can be used to render React components to pure JavaScript objects. * replace-in-file - A simple utility to quickly replace text in one or more files or globs. * sassdoc - Sass docs library. * swiper - Swiper component used in the project here only for storybook.