SUI

SUI is a set of packages which goal to ease development of SUI-based components and web apps, providing:

• Unified stack (and workflow) easily updatable across all sui based projects.
• Minification of boilerplate. Boilerplate is tedious and copied code. Hardest to update...
• Different tools and services that solve only one problem each.
• Transparency for developer (changes and improvements have no impact on DX)
• Facilitates tooling development as assumptions can be made on the stack of each package.

Available packages

Name	Description
babel-preset-sui	A babel preset for SUI components common syntax
sui-bundler	Config-free bundler for ES6 React apps
sui-ci	CLI and library with tools for Continuos Integration
sui-component-dependencies	A set of common dependencies for all SUI components
sui-consents	User consents handler
sui-critical-css	Extract Critical CSS from an app
sui-critical-css-middleware	Express middleware to handle all regarding Critical CSS usage
sui-dashboard	Dashboard for SUI components
sui-decorators	Set of ES6 decorators to improve your apps.
sui-domain	Backbone for creating a domain that complains with the guidelines of Adevinta Spain.
sui-helpers	A set of internal helpers used by sui-related packages.
sui-hoc	React utility belt for function components and higher-order components
sui-i18n	Isomorphic i18n service for browser and node
sui-jest	CLI to work with Jest
sui-js	Javascript utilities
sui-js-compiler	Javascript compiler
sui-lint	CLI to lint your code and make it compliant to SUI official rules
sui-mockmock	Mocking utilities for testing.
sui-mono	Simple CLI for monorepo/multipackage commits, releases, etc.
sui-pde	An adapter based tool to handle feature toggles, progressive rollouts and A/B Testing services in our products
sui-polyfills	Polyfills to load on our projects
sui-precommit	Effortless SUI precommit rules integration in your project
sui-react-context	React context provider for SUI components
sui-react-head	Populate the head element of your React app without hassle
sui-react-initial-props	Initial data fetching for your React app
sui-react-router	Set of navigational components that compose declaratively with your application.
sui-sass-loader	Sass loader for SUI
sui-segment-wrapper	Abstraction layer on top of the Segment library.
sui-ssr	Plug SSR to you SUI SPA
sui-studio-create	CLI to create a new catalog of components
sui-studio-utils	A set of sui-studio usable tools.
sui-studio	Develop, maintain and publish your SUI components catalog.
sui-svg	Converts your SVG files into React Components
sui-test	Zero config testing tool.
sui-test-contract	Useful tooling for executing contract tests
sui-test-e2e	Zero config e2e testing tool.
sui-theme	Theme system for SUI
sui-widget-embedder	Widget development server and build for production

Available scripts

• phoenix - Clean and install all workspace packages and root dependencies.
• co - Do the commits with a prompt that enforces commit message format.
• lint - Checks the format of JS & SASS files
• test - Run components client and server tests
• test:client:ci - Run client tests for CI
• test:server:ci - Run server tests for CI
• test:client - Run client tests
• test:client:watch - Run client tests and watch for changes
• test:server - Run server tests
• test:server:watch - Run server tests and watch for changes
• test:e2e - Run E2E tests

Project Stats