constyble

Контипл

Сложность CSS, основанный на CSS-Analyzer. Не позволяйте вашему CSS расти за пределами пороговых значений, которые вы предоставляете.

Установка

npm install constyble
# or
yarn add constyble

Использование

Нам нужна конфигурация с порогами и CSS, чтобы сравнить его.

 # Default usage (assuming a .constyblerc file in the current directory)
$ constyble style.css

# Read from StdIn (assuming a .constyblerc file in the current directory)
$ cat style.css | constyble

# Custom config
$ constyble style.css --config my-config.json

Результат будет выглядеть как что -то вроде этого:

TAP version 13
# Subtest: selectors.id.total
    ok 1 - selectors.id.total should not be larger than 0 (actual: 0)
    1..1
ok 1 - selectors.id.total # time=6.024ms

1..1
# time=15.076ms

Обратите внимание, что в этом примере используется только 1 тест (общие селекторы идентификатора).

Файл конфигурации

Контипл попытается принести файл .constyblerc в вашем текущем каталоге. Вы также можете указать другой файл конфигурации JSON с опцией --config (см. Использование). Config JSON должен выглядеть аналогично этим:

 {
	// Do not exceed 4095, otherwise IE9 will drop any subsequent rules
	"selectors.total" : 4095 ,
	"selectors.id.total" : 0 ,
	"values.colors.totalUnique" : 2 ,
	"values.colors.unique" : [ "#fff" , "#000" ]
}

Все возможные параметры для файла конфигурации можно найти по адресу @ProjectWallace/CSS-Analyzer. Комментарии JSON разрешены.

Пользовательский репортер

По умолчанию Контипл будет сообщать в формате TAP, но вы можете подвести выходные в то, что вы можете найти красивее, например, Tap-Nyan, Tap-Dot или любой другой репортер Tap.

TAP-NYAN

$ constyble style.css | tap-nyan

 1   -_,------,
 0   -_ |   / _ /
 0   -^ | __( ^ .^)
     -  " "  " "
  Pass ! 

Использование в CI

Если какой-либо тест не удается, Контипл выйдет с ненулевым кодом выхода. Когда вы запускаете Контипл в своих сборках CI, это может привести к выходу из строя. Это именно то, к чему было разработано Контипл.

Пример использования с package.json:

{
	"name" : " my-package " ,
	"version" : " 0.1.0 " ,
	"scripts" : {
		"test" : " constyble compiled-styles.css "
	},
	"devDependencies" : {
		"constyble" : " * "
	}
}

Имя

Контипл - это смесь стиля слов и констебля. Этот пакет похож на полицейского (констебля) для ваших стилей. Ранее этот пакет назывался GroMit, но он был отброшен, потому что он слишком тесно связан с основным проектом «Уоллес», частью которого является этот пакет.

Связанные проекты

• CSS Analyzer - анализатор, который поддерживает этот модуль
• Wallace CLI - CLI Tool для @ProjectWallace/CSS -Analyzer
• CSS -анализатор
• Сортировщик цвета - сортируйте цвета CSS по оттенку, насыщению, легкостью и непрозрачности

Лицензия

MIT © BART VENEMAN