123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725 |
- 'use strict';
- var unpack = require('caniuse-lite').feature;
- var browsersSort = function browsersSort(a, b) {
- a = a.split(' ');
- b = b.split(' ');
- if (a[0] > b[0]) {
- return 1;
- } else if (a[0] < b[0]) {
- return -1;
- } else {
- return Math.sign(parseFloat(a[1]) - parseFloat(b[1]));
- }
- };
- // Convert Can I Use data
- function f(data, opts, callback) {
- data = unpack(data);
- if (!callback) {
- var _ref = [opts, {}];
- callback = _ref[0];
- opts = _ref[1];
- }
- var match = opts.match || /\sx($|\s)/;
- var need = [];
- for (var browser in data.stats) {
- var versions = data.stats[browser];
- for (var version in versions) {
- var support = versions[version];
- if (support.match(match)) {
- need.push(browser + ' ' + version);
- }
- }
- }
- callback(need.sort(browsersSort));
- }
- // Add data for all properties
- var result = {};
- var prefix = function prefix(names, data) {
- for (var _iterator = names, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
- var _ref2;
- if (_isArray) {
- if (_i >= _iterator.length) break;
- _ref2 = _iterator[_i++];
- } else {
- _i = _iterator.next();
- if (_i.done) break;
- _ref2 = _i.value;
- }
- var name = _ref2;
- result[name] = Object.assign({}, data);
- }
- };
- var add = function add(names, data) {
- for (var _iterator2 = names, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
- var _ref3;
- if (_isArray2) {
- if (_i2 >= _iterator2.length) break;
- _ref3 = _iterator2[_i2++];
- } else {
- _i2 = _iterator2.next();
- if (_i2.done) break;
- _ref3 = _i2.value;
- }
- var name = _ref3;
- result[name].browsers = result[name].browsers.concat(data.browsers).sort(browsersSort);
- }
- };
- module.exports = result;
- // Border Radius
- f(require('caniuse-lite/data/features/border-radius'), function (browsers) {
- return prefix(['border-radius', 'border-top-left-radius', 'border-top-right-radius', 'border-bottom-right-radius', 'border-bottom-left-radius'], {
- mistakes: ['-khtml-', '-ms-', '-o-'],
- feature: 'border-radius',
- browsers: browsers
- });
- });
- // Box Shadow
- f(require('caniuse-lite/data/features/css-boxshadow'), function (browsers) {
- return prefix(['box-shadow'], {
- mistakes: ['-khtml-'],
- feature: 'css-boxshadow',
- browsers: browsers
- });
- });
- // Animation
- f(require('caniuse-lite/data/features/css-animation'), function (browsers) {
- return prefix(['animation', 'animation-name', 'animation-duration', 'animation-delay', 'animation-direction', 'animation-fill-mode', 'animation-iteration-count', 'animation-play-state', 'animation-timing-function', '@keyframes'], {
- mistakes: ['-khtml-', '-ms-'],
- feature: 'css-animation',
- browsers: browsers
- });
- });
- // Transition
- f(require('caniuse-lite/data/features/css-transitions'), function (browsers) {
- return prefix(['transition', 'transition-property', 'transition-duration', 'transition-delay', 'transition-timing-function'], {
- mistakes: ['-khtml-', '-ms-'],
- browsers: browsers,
- feature: 'css-transitions'
- });
- });
- // Transform 2D
- f(require('caniuse-lite/data/features/transforms2d'), function (browsers) {
- return prefix(['transform', 'transform-origin'], {
- feature: 'transforms2d',
- browsers: browsers
- });
- });
- // Transform 3D
- var transforms3d = require('caniuse-lite/data/features/transforms3d');
- f(transforms3d, function (browsers) {
- prefix(['perspective', 'perspective-origin'], {
- feature: 'transforms3d',
- browsers: browsers
- });
- return prefix(['transform-style'], {
- mistakes: ['-ms-', '-o-'],
- browsers: browsers,
- feature: 'transforms3d'
- });
- });
- f(transforms3d, { match: /y\sx|y\s#2/ }, function (browsers) {
- return prefix(['backface-visibility'], {
- mistakes: ['-ms-', '-o-'],
- feature: 'transforms3d',
- browsers: browsers
- });
- });
- // Gradients
- var gradients = require('caniuse-lite/data/features/css-gradients');
- f(gradients, { match: /y\sx/ }, function (browsers) {
- return prefix(['linear-gradient', 'repeating-linear-gradient', 'radial-gradient', 'repeating-radial-gradient'], {
- props: ['background', 'background-image', 'border-image', 'mask', 'list-style', 'list-style-image', 'content', 'mask-image'],
- mistakes: ['-ms-'],
- feature: 'css-gradients',
- browsers: browsers
- });
- });
- f(gradients, { match: /a\sx/ }, function (browsers) {
- browsers = browsers.map(function (i) {
- if (/op/.test(i)) {
- return i;
- } else {
- return i + ' old';
- }
- });
- return add(['linear-gradient', 'repeating-linear-gradient', 'radial-gradient', 'repeating-radial-gradient'], {
- feature: 'css-gradients',
- browsers: browsers
- });
- });
- // Box sizing
- f(require('caniuse-lite/data/features/css3-boxsizing'), function (browsers) {
- return prefix(['box-sizing'], {
- feature: 'css3-boxsizing',
- browsers: browsers
- });
- });
- // Filter Effects
- f(require('caniuse-lite/data/features/css-filters'), function (browsers) {
- return prefix(['filter'], {
- feature: 'css-filters',
- browsers: browsers
- });
- });
- // filter() function
- f(require('caniuse-lite/data/features/css-filter-function'), function (browsers) {
- return prefix(['filter-function'], {
- props: ['background', 'background-image', 'border-image', 'mask', 'list-style', 'list-style-image', 'content', 'mask-image'],
- feature: 'css-filter-function',
- browsers: browsers
- });
- });
- // Backdrop-filter
- f(require('caniuse-lite/data/features/css-backdrop-filter'), function (browsers) {
- return prefix(['backdrop-filter'], {
- feature: 'css-backdrop-filter',
- browsers: browsers
- });
- });
- // element() function
- f(require('caniuse-lite/data/features/css-element-function'), function (browsers) {
- return prefix(['element'], {
- props: ['background', 'background-image', 'border-image', 'mask', 'list-style', 'list-style-image', 'content', 'mask-image'],
- feature: 'css-element-function',
- browsers: browsers
- });
- });
- // Multicolumns
- f(require('caniuse-lite/data/features/multicolumn'), function (browsers) {
- prefix(['columns', 'column-width', 'column-gap', 'column-rule', 'column-rule-color', 'column-rule-width', 'column-count', 'column-rule-style', 'column-span', 'column-fill'], {
- feature: 'multicolumn',
- browsers: browsers
- });
- var noff = browsers.filter(function (i) {
- return !/firefox/.test(i);
- });
- prefix(['break-before', 'break-after', 'break-inside'], {
- feature: 'multicolumn',
- browsers: noff
- });
- });
- // User select
- f(require('caniuse-lite/data/features/user-select-none'), function (browsers) {
- return prefix(['user-select'], {
- mistakes: ['-khtml-'],
- feature: 'user-select-none',
- browsers: browsers
- });
- });
- // Flexible Box Layout
- var flexbox = require('caniuse-lite/data/features/flexbox');
- f(flexbox, { match: /a\sx/ }, function (browsers) {
- browsers = browsers.map(function (i) {
- if (/ie|firefox/.test(i)) {
- return i;
- } else {
- return i + ' 2009';
- }
- });
- prefix(['display-flex', 'inline-flex'], {
- props: ['display'],
- feature: 'flexbox',
- browsers: browsers
- });
- prefix(['flex', 'flex-grow', 'flex-shrink', 'flex-basis'], {
- feature: 'flexbox',
- browsers: browsers
- });
- prefix(['flex-direction', 'flex-wrap', 'flex-flow', 'justify-content', 'order', 'align-items', 'align-self', 'align-content'], {
- feature: 'flexbox',
- browsers: browsers
- });
- });
- f(flexbox, { match: /y\sx/ }, function (browsers) {
- add(['display-flex', 'inline-flex'], {
- feature: 'flexbox',
- browsers: browsers
- });
- add(['flex', 'flex-grow', 'flex-shrink', 'flex-basis'], {
- feature: 'flexbox',
- browsers: browsers
- });
- add(['flex-direction', 'flex-wrap', 'flex-flow', 'justify-content', 'order', 'align-items', 'align-self', 'align-content'], {
- feature: 'flexbox',
- browsers: browsers
- });
- });
- // calc() unit
- f(require('caniuse-lite/data/features/calc'), function (browsers) {
- return prefix(['calc'], {
- props: ['*'],
- feature: 'calc',
- browsers: browsers
- });
- });
- // Background options
- f(require('caniuse-lite/data/features/background-img-opts'), function (browsers) {
- return prefix(['background-clip', 'background-origin', 'background-size'], {
- feature: 'background-img-opts',
- browsers: browsers
- });
- });
- // Font feature settings
- f(require('caniuse-lite/data/features/font-feature'), function (browsers) {
- return prefix(['font-feature-settings', 'font-variant-ligatures', 'font-language-override'], {
- feature: 'font-feature',
- browsers: browsers
- });
- });
- // CSS font-kerning property
- f(require('caniuse-lite/data/features/font-kerning'), function (browsers) {
- return prefix(['font-kerning'], {
- feature: 'font-kerning',
- browsers: browsers
- });
- });
- // Border image
- f(require('caniuse-lite/data/features/border-image'), function (browsers) {
- return prefix(['border-image'], {
- feature: 'border-image',
- browsers: browsers
- });
- });
- // Selection selector
- f(require('caniuse-lite/data/features/css-selection'), function (browsers) {
- return prefix(['::selection'], {
- selector: true,
- feature: 'css-selection',
- browsers: browsers
- });
- });
- // Placeholder selector
- f(require('caniuse-lite/data/features/css-placeholder'), function (browsers) {
- browsers = browsers.map(function (i) {
- var _i$split = i.split(' '),
- name = _i$split[0],
- version = _i$split[1];
- if (name === 'firefox' && parseFloat(version) <= 18) {
- return i + ' old';
- } else if (name === 'ie') {
- return i + ' old';
- } else {
- return i;
- }
- });
- prefix(['::placeholder'], {
- selector: true,
- feature: 'css-placeholder',
- browsers: browsers
- });
- });
- // Hyphenation
- f(require('caniuse-lite/data/features/css-hyphens'), function (browsers) {
- return prefix(['hyphens'], {
- feature: 'css-hyphens',
- browsers: browsers
- });
- });
- // Fullscreen selector
- var fullscreen = require('caniuse-lite/data/features/fullscreen');
- f(fullscreen, function (browsers) {
- return prefix([':fullscreen'], {
- selector: true,
- feature: 'fullscreen',
- browsers: browsers
- });
- });
- f(fullscreen, { match: /x(\s#2|$)/ }, function (browsers) {
- return prefix(['::backdrop'], {
- selector: true,
- feature: 'fullscreen',
- browsers: browsers
- });
- });
- // Tab size
- f(require('caniuse-lite/data/features/css3-tabsize'), function (browsers) {
- return prefix(['tab-size'], {
- feature: 'css3-tabsize',
- browsers: browsers
- });
- });
- // Intrinsic & extrinsic sizing
- f(require('caniuse-lite/data/features/intrinsic-width'), function (browsers) {
- return prefix(['max-content', 'min-content', 'fit-content', 'fill', 'fill-available', 'stretch'], {
- props: ['width', 'min-width', 'max-width', 'height', 'min-height', 'max-height', 'inline-size', 'min-inline-size', 'max-inline-size', 'block-size', 'min-block-size', 'max-block-size', 'grid', 'grid-template', 'grid-template-rows', 'grid-template-columns', 'grid-auto-columns', 'grid-auto-rows'],
- feature: 'intrinsic-width',
- browsers: browsers
- });
- });
- // Zoom cursors
- f(require('caniuse-lite/data/features/css3-cursors-newer'), function (browsers) {
- return prefix(['zoom-in', 'zoom-out'], {
- props: ['cursor'],
- feature: 'css3-cursors-newer',
- browsers: browsers
- });
- });
- // Grab cursors
- f(require('caniuse-lite/data/features/css3-cursors-grab'), function (browsers) {
- return prefix(['grab', 'grabbing'], {
- props: ['cursor'],
- feature: 'css3-cursors-grab',
- browsers: browsers
- });
- });
- // Sticky position
- f(require('caniuse-lite/data/features/css-sticky'), function (browsers) {
- return prefix(['sticky'], {
- props: ['position'],
- feature: 'css-sticky',
- browsers: browsers
- });
- });
- // Pointer Events
- f(require('caniuse-lite/data/features/pointer'), function (browsers) {
- return prefix(['touch-action'], {
- feature: 'pointer',
- browsers: browsers
- });
- });
- // Text decoration
- var decoration = require('caniuse-lite/data/features/text-decoration');
- f(decoration, function (browsers) {
- return prefix(['text-decoration-style', 'text-decoration-color', 'text-decoration-line', 'text-decoration'], {
- feature: 'text-decoration',
- browsers: browsers
- });
- });
- f(decoration, { match: /x.*#[23]/ }, function (browsers) {
- return prefix(['text-decoration-skip'], {
- feature: 'text-decoration',
- browsers: browsers
- });
- });
- // Text Size Adjust
- f(require('caniuse-lite/data/features/text-size-adjust'), function (browsers) {
- return prefix(['text-size-adjust'], {
- feature: 'text-size-adjust',
- browsers: browsers
- });
- });
- // CSS Masks
- f(require('caniuse-lite/data/features/css-masks'), function (browsers) {
- prefix(['mask-clip', 'mask-composite', 'mask-image', 'mask-origin', 'mask-repeat', 'mask-border-repeat', 'mask-border-source'], {
- feature: 'css-masks',
- browsers: browsers
- });
- prefix(['mask', 'mask-position', 'mask-size', 'mask-border', 'mask-border-outset', 'mask-border-width', 'mask-border-slice'], {
- feature: 'css-masks',
- browsers: browsers
- });
- });
- // CSS clip-path property
- f(require('caniuse-lite/data/features/css-clip-path'), function (browsers) {
- return prefix(['clip-path'], {
- feature: 'css-clip-path',
- browsers: browsers
- });
- });
- // Fragmented Borders and Backgrounds
- f(require('caniuse-lite/data/features/css-boxdecorationbreak'), function (browsers) {
- return prefix(['box-decoration-break'], {
- feature: 'css-boxdecorationbreak',
- browsers: browsers
- });
- });
- // CSS3 object-fit/object-position
- f(require('caniuse-lite/data/features/object-fit'), function (browsers) {
- return prefix(['object-fit', 'object-position'], {
- feature: 'object-fit',
- browsers: browsers
- });
- });
- // CSS Shapes
- f(require('caniuse-lite/data/features/css-shapes'), function (browsers) {
- return prefix(['shape-margin', 'shape-outside', 'shape-image-threshold'], {
- feature: 'css-shapes',
- browsers: browsers
- });
- });
- // CSS3 text-overflow
- f(require('caniuse-lite/data/features/text-overflow'), function (browsers) {
- return prefix(['text-overflow'], {
- feature: 'text-overflow',
- browsers: browsers
- });
- });
- // Viewport at-rule
- f(require('caniuse-lite/data/features/css-deviceadaptation'), function (browsers) {
- return prefix(['@viewport'], {
- feature: 'css-deviceadaptation',
- browsers: browsers
- });
- });
- // Resolution Media Queries
- var resolut = require('caniuse-lite/data/features/css-media-resolution');
- f(resolut, { match: /( x($| )|a #3)/ }, function (browsers) {
- return prefix(['@resolution'], {
- feature: 'css-media-resolution',
- browsers: browsers
- });
- });
- // CSS text-align-last
- f(require('caniuse-lite/data/features/css-text-align-last'), function (browsers) {
- return prefix(['text-align-last'], {
- feature: 'css-text-align-last',
- browsers: browsers
- });
- });
- // Crisp Edges Image Rendering Algorithm
- var crispedges = require('caniuse-lite/data/features/css-crisp-edges');
- f(crispedges, { match: /y x|a x #1/ }, function (browsers) {
- return prefix(['pixelated'], {
- props: ['image-rendering'],
- feature: 'css-crisp-edges',
- browsers: browsers
- });
- });
- f(crispedges, { match: /a x #2/ }, function (browsers) {
- return prefix(['image-rendering'], {
- feature: 'css-crisp-edges',
- browsers: browsers
- });
- });
- // Logical Properties
- var logicalProps = require('caniuse-lite/data/features/css-logical-props');
- f(logicalProps, function (browsers) {
- return prefix(['border-inline-start', 'border-inline-end', 'margin-inline-start', 'margin-inline-end', 'padding-inline-start', 'padding-inline-end'], {
- feature: 'css-logical-props',
- browsers: browsers
- });
- });
- f(logicalProps, { match: /x\s#2/ }, function (browsers) {
- return prefix(['border-block-start', 'border-block-end', 'margin-block-start', 'margin-block-end', 'padding-block-start', 'padding-block-end'], {
- feature: 'css-logical-props',
- browsers: browsers
- });
- });
- // CSS appearance
- var appearance = require('caniuse-lite/data/features/css-appearance');
- f(appearance, { match: /#2|x/ }, function (browsers) {
- return prefix(['appearance'], {
- feature: 'css-appearance',
- browsers: browsers
- });
- });
- // CSS Scroll snap points
- f(require('caniuse-lite/data/features/css-snappoints'), function (browsers) {
- return prefix(['scroll-snap-type', 'scroll-snap-coordinate', 'scroll-snap-destination', 'scroll-snap-points-x', 'scroll-snap-points-y'], {
- feature: 'css-snappoints',
- browsers: browsers
- });
- });
- // CSS Regions
- f(require('caniuse-lite/data/features/css-regions'), function (browsers) {
- return prefix(['flow-into', 'flow-from', 'region-fragment'], {
- feature: 'css-regions',
- browsers: browsers
- });
- });
- // CSS image-set
- f(require('caniuse-lite/data/features/css-image-set'), function (browsers) {
- return prefix(['image-set'], {
- props: ['background', 'background-image', 'border-image', 'cursor', 'mask', 'mask-image', 'list-style', 'list-style-image', 'content'],
- feature: 'css-image-set',
- browsers: browsers
- });
- });
- // Writing Mode
- var writingMode = require('caniuse-lite/data/features/css-writing-mode');
- f(writingMode, { match: /a|x/ }, function (browsers) {
- return prefix(['writing-mode'], {
- feature: 'css-writing-mode',
- browsers: browsers
- });
- });
- // Cross-Fade Function
- f(require('caniuse-lite/data/features/css-cross-fade'), function (browsers) {
- return prefix(['cross-fade'], {
- props: ['background', 'background-image', 'border-image', 'mask', 'list-style', 'list-style-image', 'content', 'mask-image'],
- feature: 'css-cross-fade',
- browsers: browsers
- });
- });
- // Read Only selector
- f(require('caniuse-lite/data/features/css-read-only-write'), function (browsers) {
- return prefix([':read-only', ':read-write'], {
- selector: true,
- feature: 'css-read-only-write',
- browsers: browsers
- });
- });
- // Text Emphasize
- f(require('caniuse-lite/data/features/text-emphasis'), function (browsers) {
- return prefix(['text-emphasis', 'text-emphasis-position', 'text-emphasis-style', 'text-emphasis-color'], {
- feature: 'text-emphasis',
- browsers: browsers
- });
- });
- // CSS Grid Layout
- var grid = require('caniuse-lite/data/features/css-grid');
- f(grid, function (browsers) {
- prefix(['display-grid', 'inline-grid'], {
- props: ['display'],
- feature: 'css-grid',
- browsers: browsers
- });
- prefix(['grid-template-columns', 'grid-template-rows', 'grid-row-start', 'grid-column-start', 'grid-row-end', 'grid-column-end', 'grid-row', 'grid-column', 'grid-area', 'grid-template', 'grid-template-areas'], {
- feature: 'css-grid',
- browsers: browsers
- });
- });
- f(grid, { match: /a x/ }, function (browsers) {
- return prefix(['grid-column-align', 'grid-row-align'], {
- feature: 'css-grid',
- browsers: browsers
- });
- });
- // CSS text-spacing
- f(require('caniuse-lite/data/features/css-text-spacing'), function (browsers) {
- return prefix(['text-spacing'], {
- feature: 'css-text-spacing',
- browsers: browsers
- });
- });
- // :any-link selector
- f(require('caniuse-lite/data/features/css-any-link'), function (browsers) {
- return prefix([':any-link'], {
- selector: true,
- feature: 'css-any-link',
- browsers: browsers
- });
- });
- // unicode-bidi
- var bidi = require('caniuse-lite/data/features/css-unicode-bidi');
- f(bidi, function (browsers) {
- return prefix(['isolate'], {
- props: ['unicode-bidi'],
- feature: 'css-unicode-bidi',
- browsers: browsers
- });
- });
- f(bidi, { match: /y x|a x #2/ }, function (browsers) {
- return prefix(['plaintext'], {
- props: ['unicode-bidi'],
- feature: 'css-unicode-bidi',
- browsers: browsers
- });
- });
- f(bidi, { match: /y x/ }, function (browsers) {
- return prefix(['isolate-override'], {
- props: ['unicode-bidi'],
- feature: 'css-unicode-bidi',
- browsers: browsers
- });
- });
- // overscroll-behavior selector
- var over = require('caniuse-lite/data/features/css-overscroll-behavior');
- f(over, { match: /a #1/ }, function (browsers) {
- return prefix(['overscroll-behavior'], {
- feature: 'css-overscroll-behavior',
- browsers: browsers
- });
- });
- // color-adjust
- f(require('caniuse-lite/data/features/css-color-adjust'), function (browsers) {
- return prefix(['color-adjust'], {
- feature: 'css-color-adjust',
- browsers: browsers
- });
- });
|