prefixes.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433
  1. (function() {
  2. var add, crispedges, feature, flexbox, gradients, logicalProps, prefix, resolution, result, sort, textDecoration,
  3. __slice = [].slice;
  4. sort = function(array) {
  5. return array.sort(function(a, b) {
  6. a = a.split(' ');
  7. b = b.split(' ');
  8. if (a[0] > b[0]) {
  9. return 1;
  10. } else if (a[0] < b[0]) {
  11. return -1;
  12. } else {
  13. return parseFloat(a[1]) - parseFloat(b[1]);
  14. }
  15. });
  16. };
  17. feature = function(data, opts, callback) {
  18. var browser, match, need, support, version, versions, _ref, _ref1;
  19. if (!callback) {
  20. _ref = [opts, {}], callback = _ref[0], opts = _ref[1];
  21. }
  22. match = opts.match || /\sx($|\s)/;
  23. need = [];
  24. _ref1 = data.stats;
  25. for (browser in _ref1) {
  26. versions = _ref1[browser];
  27. for (version in versions) {
  28. support = versions[version];
  29. if (support.match(match)) {
  30. need.push(browser + ' ' + version);
  31. }
  32. }
  33. }
  34. return callback(sort(need));
  35. };
  36. result = {};
  37. prefix = function() {
  38. var data, i, name, names, _i, _j, _len, _results;
  39. names = 2 <= arguments.length ? __slice.call(arguments, 0, _i = arguments.length - 1) : (_i = 0, []), data = arguments[_i++];
  40. _results = [];
  41. for (_j = 0, _len = names.length; _j < _len; _j++) {
  42. name = names[_j];
  43. result[name] = {};
  44. _results.push((function() {
  45. var _results1;
  46. _results1 = [];
  47. for (i in data) {
  48. _results1.push(result[name][i] = data[i]);
  49. }
  50. return _results1;
  51. })());
  52. }
  53. return _results;
  54. };
  55. add = function() {
  56. var data, name, names, _i, _j, _len, _results;
  57. names = 2 <= arguments.length ? __slice.call(arguments, 0, _i = arguments.length - 1) : (_i = 0, []), data = arguments[_i++];
  58. _results = [];
  59. for (_j = 0, _len = names.length; _j < _len; _j++) {
  60. name = names[_j];
  61. _results.push(result[name].browsers = sort(result[name].browsers.concat(data.browsers)));
  62. }
  63. return _results;
  64. };
  65. module.exports = result;
  66. feature(require('caniuse-db/features-json/border-radius'), function(browsers) {
  67. return prefix('border-radius', 'border-top-left-radius', 'border-top-right-radius', 'border-bottom-right-radius', 'border-bottom-left-radius', {
  68. mistakes: ['-ms-', '-o-'],
  69. transition: true,
  70. browsers: browsers
  71. });
  72. });
  73. feature(require('caniuse-db/features-json/css-boxshadow'), function(browsers) {
  74. return prefix('box-shadow', {
  75. transition: true,
  76. browsers: browsers
  77. });
  78. });
  79. feature(require('caniuse-db/features-json/css-animation'), function(browsers) {
  80. return prefix('animation', 'animation-name', 'animation-duration', 'animation-delay', 'animation-direction', 'animation-fill-mode', 'animation-iteration-count', 'animation-play-state', 'animation-timing-function', '@keyframes', {
  81. mistakes: ['-ms-'],
  82. browsers: browsers
  83. });
  84. });
  85. feature(require('caniuse-db/features-json/css-transitions'), function(browsers) {
  86. return prefix('transition', 'transition-property', 'transition-duration', 'transition-delay', 'transition-timing-function', {
  87. mistakes: ['-ms-'],
  88. browsers: browsers
  89. });
  90. });
  91. feature(require('caniuse-db/features-json/transforms2d'), function(browsers) {
  92. return prefix('transform', 'transform-origin', {
  93. transition: true,
  94. browsers: browsers
  95. });
  96. });
  97. feature(require('caniuse-db/features-json/transforms3d'), function(browsers) {
  98. prefix('perspective', 'perspective-origin', {
  99. transition: true,
  100. browsers: browsers
  101. });
  102. return prefix('transform-style', 'backface-visibility', {
  103. browsers: browsers
  104. });
  105. });
  106. gradients = require('caniuse-db/features-json/css-gradients');
  107. feature(gradients, {
  108. match: /y\sx/
  109. }, function(browsers) {
  110. return prefix('linear-gradient', 'repeating-linear-gradient', 'radial-gradient', 'repeating-radial-gradient', {
  111. props: ['background', 'background-image', 'border-image', 'list-style', 'list-style-image', 'content'],
  112. mistakes: ['-ms-'],
  113. browsers: browsers
  114. });
  115. });
  116. feature(gradients, {
  117. match: /a\sx/
  118. }, function(browsers) {
  119. browsers = browsers.map(function(i) {
  120. if (/op/.test(i)) {
  121. return i;
  122. } else {
  123. return i + " old";
  124. }
  125. });
  126. return add('linear-gradient', 'repeating-linear-gradient', 'radial-gradient', 'repeating-radial-gradient', {
  127. browsers: browsers
  128. });
  129. });
  130. feature(require('caniuse-db/features-json/css3-boxsizing'), function(browsers) {
  131. return prefix('box-sizing', {
  132. browsers: browsers
  133. });
  134. });
  135. feature(require('caniuse-db/features-json/css-filters'), function(browsers) {
  136. return prefix('filter', {
  137. transition: true,
  138. browsers: browsers
  139. });
  140. });
  141. feature(require('caniuse-db/features-json/multicolumn'), function(browsers) {
  142. prefix('columns', 'column-width', 'column-gap', 'column-rule', 'column-rule-color', 'column-rule-width', {
  143. transition: true,
  144. browsers: browsers
  145. });
  146. return prefix('column-count', 'column-rule-style', 'column-span', 'column-fill', 'break-before', 'break-after', 'break-inside', {
  147. browsers: browsers
  148. });
  149. });
  150. feature(require('caniuse-db/features-json/user-select-none'), function(browsers) {
  151. return prefix('user-select', {
  152. browsers: browsers
  153. });
  154. });
  155. flexbox = require('caniuse-db/features-json/flexbox');
  156. feature(flexbox, {
  157. match: /a\sx/
  158. }, function(browsers) {
  159. browsers = browsers.map(function(i) {
  160. if (/ie|firefox/.test(i)) {
  161. return i;
  162. } else {
  163. return i + " 2009";
  164. }
  165. });
  166. prefix('display-flex', 'inline-flex', {
  167. props: ['display'],
  168. browsers: browsers
  169. });
  170. prefix('flex', 'flex-grow', 'flex-shrink', 'flex-basis', {
  171. transition: true,
  172. browsers: browsers
  173. });
  174. return prefix('flex-direction', 'flex-wrap', 'flex-flow', 'justify-content', 'order', 'align-items', 'align-self', 'align-content', {
  175. browsers: browsers
  176. });
  177. });
  178. feature(flexbox, {
  179. match: /y\sx/
  180. }, function(browsers) {
  181. add('display-flex', 'inline-flex', {
  182. browsers: browsers
  183. });
  184. add('flex', 'flex-grow', 'flex-shrink', 'flex-basis', {
  185. browsers: browsers
  186. });
  187. return add('flex-direction', 'flex-wrap', 'flex-flow', 'justify-content', 'order', 'align-items', 'align-self', 'align-content', {
  188. browsers: browsers
  189. });
  190. });
  191. feature(require('caniuse-db/features-json/calc'), function(browsers) {
  192. return prefix('calc', {
  193. props: ['*'],
  194. browsers: browsers
  195. });
  196. });
  197. feature(require('caniuse-db/features-json/background-img-opts'), function(browsers) {
  198. return prefix('background-clip', 'background-origin', 'background-size', {
  199. browsers: browsers
  200. });
  201. });
  202. feature(require('caniuse-db/features-json/font-feature'), function(browsers) {
  203. return prefix('font-feature-settings', 'font-variant-ligatures', 'font-language-override', 'font-kerning', {
  204. browsers: browsers
  205. });
  206. });
  207. feature(require('caniuse-db/features-json/border-image'), function(browsers) {
  208. return prefix('border-image', {
  209. browsers: browsers
  210. });
  211. });
  212. feature(require('caniuse-db/features-json/css-selection'), function(browsers) {
  213. return prefix('::selection', {
  214. selector: true,
  215. browsers: browsers
  216. });
  217. });
  218. feature(require('caniuse-db/features-json/css-placeholder'), function(browsers) {
  219. browsers = browsers.map(function(i) {
  220. var name, version, _ref;
  221. _ref = i.split(' '), name = _ref[0], version = _ref[1];
  222. if (name === 'firefox' && parseFloat(version) <= 18) {
  223. return i + ' old';
  224. } else {
  225. return i;
  226. }
  227. });
  228. return prefix('::placeholder', {
  229. selector: true,
  230. browsers: browsers
  231. });
  232. });
  233. feature(require('caniuse-db/features-json/css-hyphens'), function(browsers) {
  234. return prefix('hyphens', {
  235. browsers: browsers
  236. });
  237. });
  238. feature(require('caniuse-db/features-json/fullscreen'), function(browsers) {
  239. return prefix(':fullscreen', {
  240. selector: true,
  241. browsers: browsers
  242. });
  243. });
  244. feature(require('caniuse-db/features-json/css3-tabsize'), function(browsers) {
  245. return prefix('tab-size', {
  246. browsers: browsers
  247. });
  248. });
  249. feature(require('caniuse-db/features-json/intrinsic-width'), function(browsers) {
  250. return prefix('max-content', 'min-content', 'fit-content', 'fill-available', {
  251. props: ['width', 'min-width', 'max-width', 'height', 'min-height', 'max-height'],
  252. browsers: browsers
  253. });
  254. });
  255. feature(require('caniuse-db/features-json/css3-cursors-newer'), function(browsers) {
  256. prefix('zoom-in', 'zoom-out', {
  257. props: ['cursor'],
  258. browsers: browsers.concat(['chrome 3'])
  259. });
  260. return prefix('grab', 'grabbing', {
  261. props: ['cursor'],
  262. browsers: browsers.concat(['firefox 24', 'firefox 25', 'firefox 26'])
  263. });
  264. });
  265. feature(require('caniuse-db/features-json/css-sticky'), function(browsers) {
  266. return prefix('sticky', {
  267. props: ['position'],
  268. browsers: browsers
  269. });
  270. });
  271. feature(require('caniuse-db/features-json/pointer'), function(browsers) {
  272. return prefix('touch-action', {
  273. browsers: browsers
  274. });
  275. });
  276. textDecoration = require('caniuse-db/features-json/text-decoration');
  277. feature(textDecoration, function(browsers) {
  278. return prefix('text-decoration-style', {
  279. browsers: browsers
  280. });
  281. });
  282. feature(textDecoration, {
  283. match: /y\sx($|\s)/
  284. }, function(browsers) {
  285. return prefix('text-decoration-line', 'text-decoration-color', {
  286. browsers: browsers
  287. });
  288. });
  289. feature(require('caniuse-db/features-json/text-size-adjust'), function(browsers) {
  290. return prefix('text-size-adjust', {
  291. browsers: browsers
  292. });
  293. });
  294. feature(require('caniuse-db/features-json/css-masks'), function(browsers) {
  295. prefix('mask-clip', 'mask-composite', 'mask-image', 'mask-origin', 'mask-repeat', {
  296. browsers: browsers
  297. });
  298. return prefix('clip-path', 'mask', 'mask-position', 'mask-size', {
  299. transition: true,
  300. browsers: browsers
  301. });
  302. });
  303. feature(require('caniuse-db/features-json/css-boxdecorationbreak'), function(brwsrs) {
  304. return prefix('box-decoration-break', {
  305. browsers: brwsrs
  306. });
  307. });
  308. feature(require('caniuse-db/features-json/object-fit'), function(browsers) {
  309. return prefix('object-fit', 'object-position', {
  310. browsers: browsers
  311. });
  312. });
  313. feature(require('caniuse-db/features-json/css-shapes'), function(browsers) {
  314. return prefix('shape-margin', 'shape-outside', 'shape-image-threshold', {
  315. browsers: browsers
  316. });
  317. });
  318. feature(require('caniuse-db/features-json/text-overflow'), function(browsers) {
  319. return prefix('text-overflow', {
  320. browsers: browsers
  321. });
  322. });
  323. feature(require('caniuse-db/features-json/text-emphasis'), function(browsers) {
  324. return prefix('text-emphasis', {
  325. browsers: browsers
  326. });
  327. });
  328. feature(require('caniuse-db/features-json/css-deviceadaptation'), function(browsers) {
  329. return prefix('@viewport', {
  330. browsers: browsers
  331. });
  332. });
  333. resolution = require('caniuse-db/features-json/css-media-resolution');
  334. feature(resolution, {
  335. match: /( x($| )|a #3)/
  336. }, function(browsers) {
  337. return prefix('@resolution', {
  338. browsers: browsers
  339. });
  340. });
  341. feature(require('caniuse-db/features-json/css-text-align-last'), function(browsers) {
  342. return prefix('text-align-last', {
  343. browsers: browsers
  344. });
  345. });
  346. crispedges = require('caniuse-db/features-json/css-crisp-edges');
  347. feature(crispedges, {
  348. match: /y x/
  349. }, function(browsers) {
  350. return prefix('crisp-edges', {
  351. props: ['image-rendering'],
  352. browsers: browsers
  353. });
  354. });
  355. feature(crispedges, {
  356. match: /a x/
  357. }, function(browsers) {
  358. return prefix('image-rendering', {
  359. browsers: browsers
  360. });
  361. });
  362. logicalProps = require('caniuse-db/features-json/css-logical-props');
  363. feature(logicalProps, function(browsers) {
  364. return prefix('border-inline-start', 'border-inline-end', 'margin-inline-start', 'margin-inline-end', 'padding-inline-start', 'padding-inline-end', {
  365. transition: true,
  366. browsers: browsers
  367. });
  368. });
  369. feature(logicalProps, {
  370. match: /x\s#2/
  371. }, function(browsers) {
  372. return prefix('border-block-start', 'border-block-end', 'margin-block-start', 'margin-block-end', 'padding-block-start', 'padding-block-end', {
  373. transition: true,
  374. browsers: browsers
  375. });
  376. });
  377. }).call(this);