@markuplint/types 1.0.0-dev.20211213.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-2019 Yusuke Hirao
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,117 @@
+# @markuplint/types
+
+[![npm version](https://badge.fury.io/js/%40markuplint%2Ftypes.svg)](https://www.npmjs.com/package/@markuplint/types)
+[![Build Status](https://travis-ci.org/markuplint/markuplint.svg?branch=main)](https://travis-ci.org/markuplint/markuplint)
+[![Coverage Status](https://coveralls.io/repos/github/markuplint/markuplint/badge.svg?branch=main)](https://coveralls.io/github/markuplint/markuplint?branch=main)
+
+## Install
+
+Prerequisites: [Node.js](https://nodejs.org) (Version 12.4.0 or later)
+
+```sh
+$ npm install @markuplint/types
+
+$ yarn add @markuplint/types
+```
+
+## Usage
+
+```ts
+import { check } from '@markuplint/types';
+
+check('2020-01-01', 'DateTime');
+// => { matched: true }
+
+check('2020-02-30', 'DateTime');
+// => {
+// 	matched: false,
+// 	reason: { type: 'out-of-range', gte: 1, lte: 29 },
+// 	expects: [],
+// 	partName: 'date',
+// 	ref: 'https://html.spec.whatwg.org/multipage/text-level-semantics.html#datetime-value',
+// 	raw: '30',
+// 	offset: 8,
+// 	length: 2,
+// 	line: 1,
+// 	column: 9,
+// }
+```
+
+## Type Identifiers
+
+| Identifier                     | Use on                              | Spec                                                                                                               | Supported |
+| ------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------ | --------- |
+| `Any`                          | Some attributes                     |                                                                                                                    | ✅        |
+| `NoEmptyAny`                   | Some attributes                     |                                                                                                                    | ✅        |
+| `OneLineAny`                   | Some attributes                     |                                                                                                                    | ✅        |
+| `Zero`                         | Some attributes                     |                                                                                                                    | ✅        |
+| `Number`                       | Some attributes                     |                                                                                                                    | ✅        |
+| `Uint`                         | Some attributes                     |                                                                                                                    | ✅        |
+| `XMLName`                      | `svg\|[attributeName]` and more     | [XML](https://www.w3.org/TR/xml/#d0e804)                                                                           | ✅        |
+| `DOMID`                        | The `id` attribute and more         | [WHATWG](https://html.spec.whatwg.org/multipage/dom.html#global-attributes:concept-id)                             | ✅        |
+| `FunctionBody`                 | Event handler attributes            |                                                                                                                    | 🚧        |
+| `Pattern`                      | `input[pattern]`                    | [WHATWG](https://html.spec.whatwg.org/multipage/input.html#compiled-pattern-regular-expression)                    | ✅        |
+| `DateTime`                     | `time[datetime]` and more           | [WHATWG](https://html.spec.whatwg.org/multipage/text-level-semantics.html#datetime-value)                          | ✅        |
+| `TabIndex`                     | The `tabindex` attribute            | [WHATWG](https://html.spec.whatwg.org/multipage/interaction.html#attr-tabindex)                                    | ✅        |
+| `BCP47`                        | The `lang` attribute and more       | [RFC](https://tools.ietf.org/rfc/bcp/bcp47.html)                                                                   | ✅        |
+| `URL`                          | Some attributes                     | [WHATWG](https://html.spec.whatwg.org/multipage/urls-and-fetching.html#valid-url-potentially-surrounded-by-spaces) | ✅        |
+| `AbsoluteURL`                  | The `itemtype` attribute (as list)  | [WHATWG](https://url.spec.whatwg.org/#syntax-url-absolute)                                                         | ✅        |
+| `HashName`                     | `img[usemap]`                       | [WHATWG](https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-hash-name-reference)               | ✅        |
+| `OneCodePointChar`             | The `accesskey` attribute (as list) | [WHATWG](https://html.spec.whatwg.org/multipage/interaction.html#the-accesskey-attribute)                          | ✅        |
+| `CustomElementName`            | The `is` attribute                  | [WHATWG](https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name)                    | ✅        |
+| `BrowsingContextName`          | `iframe[name]` and more             | [WHATWG](https://html.spec.whatwg.org/multipage/browsers.html#browsing-context-names)                              | ✅        |
+| `BrowsingContextNameOrKeyword` | `a[target]` and more                | [WHATWG](https://html.spec.whatwg.org/multipage/browsers.html#valid-browsing-context-name-or-keyword)              | ✅        |
+| `HTTPSchemaURL`                | `a[ping]` (as list) and more        | [WHATWG](https://html.spec.whatwg.org/multipage/links.html#ping)                                                   | ✅        |
+| `MIMEType`                     | `embed[type]` and more              | [WHATWG](https://mimesniff.spec.whatwg.org/#valid-mime-type)                                                       | ✅        |
+| `ItemProp`                     | The `itemprop` attibute (as list)   | [WHATWG](https://html.spec.whatwg.org/multipage/microdata.html#names:-the-itemprop-attribute)                      | ✅        |
+| `Srcset`                       | `img[srcset]` and more              | [WHATWG](https://html.spec.whatwg.org/multipage/images.html#srcset-attributes)                                     | ✅        |
+| `SourceSizeList`               | `img[sizes]` and more               | [WHATWG](https://html.spec.whatwg.org/multipage/images.html#sizes-attributes)                                      | ✅        |
+| `IconSize`                     | `link[sizes]` (as list)             | [WHATWG](https://html.spec.whatwg.org/multipage/semantics.html#attr-link-sizes)                                    | ✅        |
+| `AutoComplete`                 | `input[autocomplete]` and more      | [WHATWG](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete)             | ✅        |
+| `Accept`                       | `input[accept]`                     | [WHATWG](https://html.spec.whatwg.org/multipage/input.html#attr-input-accept)                                      | ✅        |
+| `SerializedPermissionsPolicy`  | `iframe[allow]`                     | [W3C](https://w3c.github.io/webappsec-permissions-policy/#serialized-permissions-policy)                           | ✅        |
+| `<css-declaration-list>`       | The `style` attribute               | [CSS](https://drafts.csswg.org/css-style-attr/#syntax)                                                             | ✅        |
+| `<class-list>`                 | The `class` attribute               | [SVG](https://www.w3.org/TR/SVG/styling.html#ClassAttribute)                                                       | ✅        |
+| `<svg-font-size>`              | Some attributes for SVG             | [CSS](https://drafts.csswg.org/css-fonts-5/#descdef-font-face-font-size)                                           | 🚧        |
+| `<svg-font-size-adjust>`       | Some attributes for SVG             | [CSS](https://drafts.csswg.org/css-fonts-5/#propdef-font-size-adjust)                                              | 🚧        |
+| `<'color-profile'>`            | Some attributes for SVG             | [SVG](https://www.w3.org/TR/SVG11/color.html#ColorProfileProperty)                                                 | 🚧        |
+| `<'color-rendering'>`          | Some attributes for SVG             | [SVG](https://www.w3.org/TR/SVG11/painting.html#ColorRenderingProperty)                                            | 🚧        |
+| `<'enable-background'>`        | Some attributes for SVG             | [SVG](https://www.w3.org/TR/SVG11/filters.html#EnableBackgroundProperty)                                           | 🚧        |
+| `<list-of-svg-feature-string>` | Some attributes for SVG             | [SVG](https://www.w3.org/TR/SVG11/feature.html)                                                                    | 🚧        |
+| `<animatable-value>`           | Some attributes for SVG             | [SVG](https://svgwg.org/specs/animations/#FromAttribute)                                                           | 🚧        |
+| `<begin-value-list>`           | Some attributes for SVG             | [SVG](https://svgwg.org/specs/animations/#BeginValueListSyntax)                                                    | 🚧        |
+| `<end-value-list>`             | Some attributes for SVG             | [SVG](https://svgwg.org/specs/animations/#EndValueListSyntax)                                                      | 🚧        |
+| `<list-of-value>`              | Some attributes for SVG             | [SVG](https://svgwg.org/specs/animations/#ValuesAttribute)                                                         | 🚧        |
+| `<clock-value>`                | Some attributes for SVG             | [SMIL](https://www.w3.org/TR/2001/REC-smil-animation-20010904/#Timing-ClockValueSyntax)                            | 🚧        |
+| `<color-matrix>`               | Some attributes for SVG             | [W3C](https://drafts.fxtf.org/filter-effects/#element-attrdef-fecolormatrix-values)                                | ✅        |
+| `<dasharray>`                  | Some attributes for SVG             | [SVG](https://svgwg.org/svg2-draft/painting.html#StrokeDasharrayProperty)                                          | ✅        |
+| `<key-points>`                 | Some attributes for SVG             | [SVG](https://svgwg.org/specs/animations/#KeyPointsAttribute)                                                      | ✅        |
+| `<key-splines>`                | Some attributes for SVG             | [SVG](https://svgwg.org/specs/animations/#KeyTimesAttribute)                                                       | ✅        |
+| `<key-times>`                  | Some attributes for SVG             | [SVG](https://svgwg.org/specs/animations/#KeyTimesAttribute)                                                       | ✅        |
+| `<system-language>`            | Some attributes for SVG             | [SVG](https://svgwg.org/svg2-draft/struct.html#SystemLanguageAttribute)                                            | ✅        |
+| `<origin>`                     | Some attributes for SVG             | [SMIL](https://www.w3.org/TR/2001/REC-smil-animation-20010904/#MotionOriginAttribute)                              | ✅        |
+| `<svg-path>`                   | Some attributes for SVG             | [SVG](https://svgwg.org/svg2-draft/paths.html#PathDataBNF)                                                         | 🚧        |
+| `<points>`                     | Some attributes for SVG             | [SVG](https://svgwg.org/svg2-draft/shapes.html#DataTypePoints)                                                     | ✅        |
+| `<preserve-aspect-ratio>`      | Some attributes for SVG             | [SVG](https://svgwg.org/svg2-draft/coords.html#PreserveAspectRatioAttribute)                                       | ✅        |
+| `<view-box>`                   | Some attributes for SVG             | [SVG](https://svgwg.org/svg2-draft/coords.html#ViewBoxAttribute)                                                   | ✅        |
+| `<rotate>`                     | Some attributes for SVG             | [SVG](https://svgwg.org/specs/animations/#RotateAttribute)                                                         | ✅        |
+| `<text-coordinate>`            | Some attributes for SVG             | [SVG](https://svgwg.org/svg2-draft/text.html#TSpanAttributes)                                                      | ✅        |
+| `<list-of-lengths>`            | Some attributes for SVG             |                                                                                                                    | ✅        |
+| `<list-of-numbers>`            | Some attributes for SVG             |                                                                                                                    | ✅        |
+| `<list-of-percentages>`        | Some attributes for SVG             |                                                                                                                    | ✅        |
+| `<number-optional-number>`     | Some attributes for SVG             |                                                                                                                    | ✅        |
+
+In addition, you can use types **[CSSTree](https://github.com/csstree/csstree)** defined.
+
+## Contributing
+
+```
+$ git clone git@github.com:markuplint/markuplint.git -b main
+$ yarn
+$ yarn build
+$ yarn test
+```
+
+---
+
+Copyright &copy; 2021 markuplint. Under the MIT License.

package/extends.json

@@ -0,0 +1,12 @@
+{
+	"refs": {
+		"source-size-list": "https://html.spec.whatwg.org/multipage/images.html#sizes-attributes",
+		"key-times": "https://svgwg.org/specs/animations/#KeyTimesAttribute"
+	},
+	"types": {
+		"source-size-list": "[ <source-size># , ]? <source-size-value>",
+		"source-size": "<media-condition> <source-size-value>",
+		"source-size-value": "<length>",
+		"key-times": "<number> [; <number>]* [;]?"
+	}
+}

package/gen/specific-schema.json

@@ -0,0 +1,98 @@
+{
+	"$schema": "http://json-schema.org/draft-07/schema#",
+	"definitions": {
+		"list": {
+			"description": "- [Space-separated tokens](https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#space-separated-tokens)\n- [Comma-separated tokens](https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#comma-separated-tokens)",
+			"type": "object",
+			"additionalProperties": false,
+			"required": ["token", "separator"],
+			"properties": {
+				"token": {
+					"oneOf": [
+						{
+							"$ref": "#/definitions/extended-type"
+						},
+						{
+							"$ref": "#/definitions/enum"
+						}
+					]
+				},
+				"disallowToSurroundBySpaces": { "type": "boolean" },
+				"allowEmpty": { "type": "boolean" },
+				"ordered": { "type": "boolean" },
+				"unique": { "type": "boolean" },
+				"caseInsensitive": { "type": "boolean" },
+				"number": {
+					"oneOf": [
+						{
+							"type": "string",
+							"enum": ["zeroOrMore", "oneOrMore"]
+						},
+						{
+							"type": "object",
+							"additionalProperties": false,
+							"required": ["min", "max"],
+							"properties": {
+								"min": { "type": "number" },
+								"max": { "type": "number" }
+							}
+						}
+					]
+				},
+				"separator": {
+					"type": "string",
+					"enum": ["space", "comma"]
+				}
+			}
+		},
+		"enum": {
+			"description": "[Enumerated attributes](https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#enumerated-attribute)",
+			"type": "object",
+			"additionalProperties": false,
+			"required": ["enum"],
+			"properties": {
+				"enum": {
+					"type": "array",
+					"minItems": 1,
+					"uniqueItems": true,
+					"items": {
+						"type": "string"
+					}
+				},
+				"disallowToSurroundBySpaces": { "type": "boolean" },
+				"caseInsensitive": { "type": "boolean" },
+				"invalidValueDefault": { "type": "string" },
+				"missingValueDefault": { "type": "string" },
+				"sameStates": {
+					"type": "object",
+					"additionalProperties": true,
+					"items": {
+						"type": "array",
+						"minItems": 1,
+						"uniqueItems": true,
+						"items": {
+							"type": "string"
+						}
+					}
+				}
+			}
+		},
+		"number": {
+			"description": "[Numbers](https://html.spec.whatwg.org/dev/common-microsyntaxes.html#numbers)",
+			"type": "object",
+			"required": ["type"],
+			"additionalProperties": false,
+			"properties": {
+				"type": {
+					"type": "string",
+					"enum": ["float", "integer"]
+				},
+				"gt": { "type": "number" },
+				"gte": { "type": "number" },
+				"lt": { "type": "number" },
+				"lte": { "type": "number" },
+				"clampable": { "type": "boolean" }
+			}
+		}
+	}
+}

package/gen/types.ts

@@ -0,0 +1,66 @@
+import fs from 'fs';
+import path from 'path';
+
+// @ts-ignore
+import { lexer } from 'css-tree';
+
+import { types as extendedTypes, tokenizers } from '../src/defs';
+
+const props = Object.keys(lexer.properties).map(p => `<'${p}'>`);
+const types = Object.keys(lexer.types).map(t => `<${t}>`);
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const specific = require('./specific-schema.json');
+
+fs.writeFileSync(
+	path.resolve(__dirname, '..', 'types.schema.json'),
+	JSON.stringify({
+		$schema: 'http://json-schema.org/draft-07/schema#',
+		type: 'object',
+		additionalProperties: false,
+		definitions: {
+			'css-syntax': {
+				type: 'string',
+				enum: [...Array.from(new Set([...props, ...types])), ...Object.keys(tokenizers).map(t => `<${t}>`)],
+			},
+			'extended-type': {
+				type: 'string',
+				enum: Object.keys(extendedTypes),
+			},
+			'html-attr-requirement': {
+				type: 'string',
+				enum: ['Boolean'],
+			},
+			'keyword-defined-type': {
+				...oneOf(
+					//
+					'css-syntax',
+					'extended-type',
+					'html-attr-requirement',
+				),
+			},
+			...specific.definitions,
+			type: {
+				...oneOf(
+					//
+					'keyword-defined-type',
+					...Object.keys(specific.definitions),
+				),
+			},
+		},
+		properties: {
+			type: {
+				$ref: '#/definitions/type',
+			},
+		},
+	}),
+	{ encoding: 'utf-8' },
+);
+
+function oneOf(...keys: string[]) {
+	return {
+		oneOf: keys.map(key => ({
+			$ref: `#/definitions/${key}`,
+		})),
+	};
+}

package/lib/check-multi-types.d.ts

@@ -0,0 +1,2 @@
+import type { CustomSyntaxCheck, UnmatchedResult } from './types';
+export declare function checkMultiTypes(value: string, checks: CustomSyntaxCheck[]): UnmatchedResult | import("./types").MatchedResult;

package/lib/check-multi-types.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkMultiTypes = void 0;
+const debug_1 = require("./debug");
+const match_result_1 = require("./match-result");
+function checkMultiTypes(value, checks) {
+    let unmatched;
+    for (const check of checks) {
+        const res = check(value);
+        if (res.matched) {
+            return res;
+        }
+        // @ts-ignore
+        res._fn = check.name;
+        // @ts-ignore
+        (0, debug_1.log)('%s(%d) vs %s(%d)', unmatched === null || unmatched === void 0 ? void 0 : unmatched._fn, unmatched === null || unmatched === void 0 ? void 0 : unmatched.passCount, res._fn, res.passCount);
+        const passedA = (unmatched === null || unmatched === void 0 ? void 0 : unmatched.passCount) || 0;
+        const passedB = res.passCount || 0;
+        const offsetA = (unmatched === null || unmatched === void 0 ? void 0 : unmatched.offset) || 0;
+        const offsetB = res.offset;
+        if (passedA < passedB || (passedA === passedB && offsetA <= offsetB)) {
+            unmatched = res;
+        }
+    }
+    const result = unmatched || (0, match_result_1.matched)();
+    (0, debug_1.log)('%d checks result: %O', checks.length, result);
+    return result;
+}
+exports.checkMultiTypes = checkMultiTypes;

package/lib/check.d.ts

@@ -0,0 +1,8 @@
+import type { Type, Result, List, CustomSyntax, CustomCssSyntax, Enum, KeywordDefinedType, Number } from './types';
+export declare function check(value: string, type: Type, ref?: string, cache?: boolean): Result;
+export declare function isKeyword(type: Type): type is KeywordDefinedType;
+export declare function isList(type: Type): type is List;
+export declare function isEnum(type: Type): type is Enum;
+export declare function isNumber(type: Type): type is Number;
+export declare function isCSSSyntax(type: CustomSyntax | CustomCssSyntax): type is CustomCssSyntax;
+export declare function isCustomSyntax(type: CustomSyntax | CustomCssSyntax): type is CustomSyntax;

package/lib/check.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCustomSyntax = exports.isCSSSyntax = exports.isNumber = exports.isEnum = exports.isList = exports.isKeyword = exports.check = void 0;
+const debug_1 = require("./debug");
+const enum_1 = require("./enum");
+const keyword_type_1 = require("./keyword-type");
+const list_1 = require("./list");
+const number_1 = require("./number");
+function check(value, type, ref, cache = true) {
+    if (isKeyword(type)) {
+        (0, debug_1.log)('Check keyword: %s', type);
+        return (0, keyword_type_1.checkKeywordType)(value, type, cache);
+    }
+    if (isList(type)) {
+        (0, debug_1.log)('Check list: %O', type);
+        return (0, list_1.checkList)(value, type, ref, cache);
+    }
+    if (isEnum(type)) {
+        (0, debug_1.log)('Check enum: %O', type);
+        return (0, enum_1.checkEnum)(value, type, ref);
+    }
+    (0, debug_1.log)('Check number: %O', type);
+    return (0, number_1.checkNumber)(value, type, ref);
+}
+exports.check = check;
+function isKeyword(type) {
+    return typeof type === 'string';
+}
+exports.isKeyword = isKeyword;
+function isList(type) {
+    return typeof type !== 'string' && 'token' in type;
+}
+exports.isList = isList;
+function isEnum(type) {
+    return typeof type !== 'string' && 'enum' in type;
+}
+exports.isEnum = isEnum;
+function isNumber(type) {
+    return typeof type !== 'string' && 'enum' in type;
+}
+exports.isNumber = isNumber;
+function isCSSSyntax(type) {
+    return typeof type === 'string' || 'syntax' in type;
+}
+exports.isCSSSyntax = isCSSSyntax;
+function isCustomSyntax(type) {
+    return !isCSSSyntax(type);
+}
+exports.isCustomSyntax = isCustomSyntax;

package/lib/check.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/check.spec.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const check_1 = require("./check");
+test('Any', () => {
+    expect((0, check_1.check)('', 'Any').matched).toBe(true);
+    expect((0, check_1.check)(' ', 'Any').matched).toBe(true);
+    expect((0, check_1.check)('a', 'Any').matched).toBe(true);
+});
+test('NoEmptyAny', () => {
+    expect((0, check_1.check)('', 'NoEmptyAny').matched).toBe(false);
+    expect((0, check_1.check)(' ', 'NoEmptyAny').matched).toBe(true);
+    expect((0, check_1.check)('a', 'NoEmptyAny').matched).toBe(true);
+});
+test('OneLineAny', () => {
+    expect((0, check_1.check)('', 'OneLineAny').matched).toBe(true);
+    expect((0, check_1.check)(' ', 'OneLineAny').matched).toBe(true);
+    expect((0, check_1.check)('a', 'OneLineAny').matched).toBe(true);
+    expect((0, check_1.check)('a ', 'OneLineAny').matched).toBe(true);
+    expect((0, check_1.check)('a b', 'OneLineAny').matched).toBe(true);
+    expect((0, check_1.check)('a\n', 'OneLineAny').matched).toBe(false);
+    expect((0, check_1.check)('a\nb', 'OneLineAny').matched).toBe(false);
+    expect((0, check_1.check)('a\r\nb', 'OneLineAny').matched).toBe(false);
+    expect((0, check_1.check)('a\rb', 'OneLineAny').matched).toBe(false);
+});
+test('Pattern', () => {
+    expect((0, check_1.check)('.*', 'Pattern').matched).toBe(true);
+    expect((0, check_1.check)('[a-z]+', 'Pattern').matched).toBe(true);
+    expect((0, check_1.check)(']//[()?!+*', 'Pattern').matched).toBe(false);
+});
+test('BCP47', () => {
+    expect((0, check_1.check)('en', 'BCP47').matched).toBe(true);
+    expect((0, check_1.check)('en-US', 'BCP47').matched).toBe(true);
+    expect((0, check_1.check)('ja', 'BCP47').matched).toBe(true);
+    expect((0, check_1.check)(' ja ', 'BCP47').matched).toBe(false);
+    expect((0, check_1.check)('', 'BCP47').matched).toBe(false);
+    expect((0, check_1.check)('zh/cn', 'BCP47').matched).toBe(false);
+});
+test('Srcset', () => {
+    expect((0, check_1.check)('a/bb/ccc/dddd', 'Srcset').matched).toBe(true);
+    expect((0, check_1.check)('a/bb/ccc/dddd 200w', 'Srcset').matched).toBe(true);
+    expect((0, check_1.check)('a/bb/ccc/dddd 200w, b/cc/ddd/eeee 1.5x', 'Srcset').matched).toBe(true);
+    expect((0, check_1.check)('a/bb/ccc/dddd 200w, b/cc/ddd/eeee 1.5a', 'Srcset').matched).toBe(false);
+});
+test('Srcset', () => {
+    expect((0, check_1.check)('any', 'IconSize').matched).toBe(true);
+    expect((0, check_1.check)('Any', 'IconSize').matched).toBe(true);
+    expect((0, check_1.check)('10x10', 'IconSize').matched).toBe(true);
+    expect((0, check_1.check)('1x1', 'IconSize').matched).toBe(true);
+    expect((0, check_1.check)('1x0', 'IconSize').matched).toBe(false);
+    expect((0, check_1.check)('0x1', 'IconSize').matched).toBe(false);
+    expect((0, check_1.check)('0x0', 'IconSize').matched).toBe(false);
+    expect((0, check_1.check)('', 'IconSize').matched).toBe(false);
+    expect((0, check_1.check)(' ', 'IconSize').matched).toBe(false);
+    expect((0, check_1.check)('1', 'IconSize').matched).toBe(false);
+    expect((0, check_1.check)('1x', 'IconSize').matched).toBe(false);
+    expect((0, check_1.check)('x1', 'IconSize').matched).toBe(false);
+});

package/lib/css-syntax.d.ts

@@ -0,0 +1,2 @@
+import type { CustomCssSyntax, Result, CssSyntax } from './types';
+export declare function cssSyntaxMatch(value: string, type: CssSyntax | CustomCssSyntax): Result;

package/lib/css-syntax.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cssSyntaxMatch = void 0;
+const tslib_1 = require("tslib");
+// @ts-ignore
+const css_tree_1 = (0, tslib_1.__importDefault)(require("css-tree"));
+// @ts-ignore
+const error_js_1 = require("css-tree/lib/lexer/error.js");
+// @ts-ignore
+const match_js_1 = require("css-tree/lib/lexer/match.js");
+// @ts-ignore
+const prepare_tokens_js_1 = (0, tslib_1.__importDefault)(require("css-tree/lib/lexer/prepare-tokens.js"));
+const debug_1 = require("./debug");
+const defs_1 = require("./defs");
+const match_result_1 = require("./match-result");
+function cssSyntaxMatch(value, type) {
+    const origin = value;
+    let defName;
+    const typesExtended = {};
+    const typesCheckers = {};
+    let propsExtended;
+    let ref = undefined;
+    let caseSensitive = false;
+    let ebnf = null;
+    if (typeof type === 'string') {
+        defName = type;
+        propsExtended = {};
+    }
+    else {
+        defName = type.syntax.apply;
+        ebnf = type.syntax.ebnf || null;
+        if (ebnf) {
+            // Work in progress
+            return (0, match_result_1.matched)();
+        }
+        const types = {
+            ...defs_1.tokenizers,
+            ...type.syntax.def,
+        };
+        Object.keys(types).forEach(key => {
+            const valueOrChecker = types[key];
+            if (typeof valueOrChecker === 'string') {
+                typesExtended[key] = valueOrChecker;
+            }
+            else {
+                typesCheckers[key] = valueOrChecker;
+            }
+        });
+        propsExtended = { ...type.syntax.properties };
+        if (type.caseSensitive) {
+            caseSensitive = true;
+            Object.keys(typesExtended).forEach(key => eachMimicCases(key, typesExtended));
+            Object.keys(propsExtended).forEach(key => eachMimicCases(key, propsExtended));
+            value = mimicCases(value);
+        }
+        ref = type.ref;
+    }
+    // @ts-ignore
+    const lexer = css_tree_1.default.fork({
+        types: typesExtended,
+        properties: propsExtended,
+    }).lexer;
+    Object.keys(typesCheckers).forEach(key => {
+        const checker = typesCheckers[key];
+        lexer.addType_(key, (token, getNextToken) => checker(token, getNextToken, cssSyntaxMatch));
+    });
+    const { isProp, name, matcher } = defToMatcher(lexer, defName);
+    const refParam = isProp ? 'Property' : 'Type';
+    ref = ref || `https://csstree.github.io/docs/syntax/#${refParam}:${name}`;
+    // eslint-disable-next-line no-console
+    const _w = console.warn;
+    // eslint-disable-next-line no-console
+    console.warn = warn => (0, debug_1.log)('WARNING: %s (by %s => %s)', warn, value, type);
+    const tokens = (0, prepare_tokens_js_1.default)(value, lexer.syntax);
+    const result = (0, match_js_1.matchAsTree)(tokens, matcher.match, lexer);
+    if (caseSensitive) {
+        if (result.tokens && Array.isArray(result.tokens)) {
+            let reducer = 0;
+            result.tokens = result.tokens.map((token) => {
+                const value = token.value;
+                const originValue = deMimicCases(value || '');
+                const isMimiced = value !== originValue;
+                reducer += isMimiced ? 'mimiccases------mimiccases'.length : 0;
+                token.value = originValue;
+                token.balance = token.balance - reducer;
+                return token;
+            });
+        }
+    }
+    (0, debug_1.log)('css-tree/result: %O', result);
+    // eslint-disable-next-line no-console
+    console.warn = _w;
+    if (result.match) {
+        (0, debug_1.log)('css-tree/result.match: %s', JSON.stringify(result.match, null, 2));
+        return (0, match_result_1.matched)();
+    }
+    const error = new error_js_1.SyntaxMatchError(result.reason, matcher.syntax, value, result);
+    if (caseSensitive) {
+        error.message = deMimicCases(error.message);
+        error.syntax = deMimicCases(error.syntax);
+    }
+    (0, debug_1.log)('css-tree/SyntaxMatchError: %O', error);
+    return {
+        matched: false,
+        ref,
+        raw: origin.slice(error.mismatchOffset, error.mismatchOffset + error.mismatchLength),
+        offset: error.mismatchOffset,
+        length: error.mismatchLength,
+        line: error.line,
+        column: error.column,
+        expects: [
+            {
+                type: 'syntax',
+                value: error.syntax,
+            },
+        ],
+        partName: error.mismatchOffset === 0 ? undefined : 'value',
+        reason: 'syntax-error',
+    };
+}
+exports.cssSyntaxMatch = cssSyntaxMatch;
+function defToMatcher(lexer, def) {
+    const isProp = def.search("<'") === 0;
+    const name = def.replace(/^<'?|'?>$/g, '');
+    const matcher = isProp ? lexer.properties[name] : lexer.types[name];
+    return {
+        isProp,
+        name,
+        matcher,
+    };
+}
+function eachMimicCases(key, obj) {
+    const value = obj[key];
+    obj[key] = mimicCases(value);
+}
+function mimicCases(value) {
+    return value.replace(/[A-Z]/g, $0 => `mimiccases---${$0}---mimiccases`);
+}
+function deMimicCases(value) {
+    return value.replace(/mimiccases---([A-Z])---mimiccases/g, (_, $1) => $1);
+}

package/lib/css-syntax.spec.d.ts

@@ -0,0 +1 @@
+export {};