stylelint-browser-compat 1.0.0-beta.1

package/lib/properties/collect_features.js

@@ -0,0 +1,452 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _property_name_set = require("./property_name_set");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+async function collectFeatures({
+  node,
+  valueRoot
+}) {
+  const promises = [];
+  const [vendorPrefix] = /^-(webkit|moz|ms|o)-/.exec(node.prop) ?? [];
+
+  if (_property_name_set.propertyNameSet.has(node.prop)) {
+    promises.push(Promise.resolve([{
+      endIndex: node.prop.length,
+      id: `properties.${node.prop}`,
+      index: 0,
+      name: `"${node.prop}" property`,
+      node
+    }]));
+  } else if (vendorPrefix != null) {
+    const prop = node.prop.replace(vendorPrefix, '');
+
+    if (_property_name_set.propertyNameSet.has(prop)) {
+      promises.push(Promise.resolve([{
+        endIndex: node.prop.length,
+        id: `properties.${prop}`,
+        index: 0,
+        name: `"${prop}" property`,
+        node: node,
+        prefix: vendorPrefix
+      }]));
+    }
+  }
+
+  const normalizedProps = _property_name_set.propertyNameSet.has(node.prop) ? node.prop : node.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  switch (normalizedProps) {
+    case '-moz-orient':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./-moz-orient/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case '-moz-user-input':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./-moz-user-input/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'animation':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./animation-direction/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./animation-timing-function/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'animation-direction':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./animation-direction/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'animation-timing-function':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./animation-timing-function/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'appearance':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./appearance/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background-attachment':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-attachment/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background-clip':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-clip/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background-image':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-image/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background-origin':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-origin/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background-position':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-position/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background-position-x':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-position-x/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background-position-y':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-position-y/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background-repeat':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-repeat/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'background-size':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-size/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'block-size':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./block-size/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'border-bottom-left-radius':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./border-bottom-left-radius/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'border-bottom-right-radius':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./border-bottom-right-radius/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'border-top-left-radius':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./border-top-left-radius/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'border-top-right-radius':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./border-top-right-radius/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'border-radius':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./border-radius/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'box-shadow':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./box-shadow/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'box-sizing':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./box-sizing/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'caption-side':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./caption-side/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'clear':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./clear/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'clip-path':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./clip-path/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'color-scheme':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./color-scheme/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'transition':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./transition/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    case 'transition-property':
+      {
+        promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./transition-property/collect_features"))).then(({
+          collectFeatures
+        }) => {
+          return collectFeatures({
+            nodes: valueRoot.nodes,
+            parent: node
+          });
+        }));
+        break;
+      }
+
+    default:
+      {// TODO...
+      }
+  }
+
+  const features = (await Promise.all(promises)).flat();
+  return features;
+}

package/lib/properties/color-scheme/collect_features.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'color-scheme') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+  const first = nodes[0];
+  const second = nodes[2];
+
+  if ((first === null || first === void 0 ? void 0 : first.type) === 'word' && (second === null || second === void 0 ? void 0 : second.type) === 'word') {
+    if (first.value === 'only' && second.value === 'light') {
+      const index = offset + first.sourceIndex;
+      const endIndex = offset + second.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.color-scheme.only_light`,
+        index,
+        name: `"only light" keyword specified as color-scheme`,
+        node: parent
+      });
+    }
+
+    if (first.value === 'only' && second.value === 'dark') {
+      const index = offset + first.sourceIndex;
+      const endIndex = offset + second.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.color-scheme.only_dark`,
+        index,
+        name: `"only dark" keyword specified as color-scheme`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/properties/property_name_set.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propertyNameSet = void 0;
+
+var _browserCompatData = _interopRequireDefault(require("@mdn/browser-compat-data"));
+
+var _dotProp = _interopRequireDefault(require("dot-prop"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const IGNORE_KEYS = new Set([]);
+const propertyNameSet = new Set(Array.from(Object.keys(_dotProp.default.get(_browserCompatData.default.css, 'properties') ?? {})).filter(k => !IGNORE_KEYS.has(k)));
+exports.propertyNameSet = propertyNameSet;

package/lib/properties/transition/collect_features.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'transition') {
+    return [];
+  }
+
+  const promises = [];
+  promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("../transition-property/collect_features"))).then(({
+    collectFeatures
+  }) => {
+    return collectFeatures({
+      nodes,
+      parent
+    });
+  }));
+  const features = (await Promise.all(promises)).flat();
+  return features;
+}

package/lib/properties/transition-property/collect_features.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'transition' && prop !== 'transition-property') {
+    return [];
+  }
+
+  const features = [];
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  for (const node of nodes) {
+    if (node.type === 'word' && node.value === 'clip-path') {
+      const index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.clip-path.animations`,
+        index,
+        name: `CSS transition for clip-path`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}