stylelint-browser-compat 1.0.0-beta.1

package/lib/properties/background/collect_features.js

@@ -0,0 +1,104 @@
+"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 !== 'background') {
+    return [];
+  }
+
+  const promises = [];
+  const bgLayerList = [[]];
+
+  for (const node of nodes) {
+    if (node.type === 'div' && node.value === ',') {
+      bgLayerList.push([]);
+    } else {
+      const bgLayer = bgLayerList[bgLayerList.length - 1];
+      bgLayer === null || bgLayer === void 0 ? void 0 : bgLayer.push(node);
+    }
+  }
+
+  promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./multiple_backgrounds/collect_features"))).then(({
+    collectFeatures
+  }) => {
+    return collectFeatures({
+      nodes,
+      parent
+    });
+  }));
+  promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-size/collect_features"))).then(({
+    collectFeatures
+  }) => {
+    return collectFeatures({
+      bgLayerList,
+      parent
+    });
+  }));
+  promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-clip/collect_features"))).then(({
+    collectFeatures
+  }) => {
+    return collectFeatures({
+      bgLayerList,
+      parent
+    });
+  }));
+  promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./background-origin/collect_features"))).then(({
+    collectFeatures
+  }) => {
+    return collectFeatures({
+      bgLayerList,
+      parent
+    });
+  }));
+
+  for (const bgLayer of bgLayerList) {
+    promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("../background-attachment/collect_features"))).then(({
+      collectFeatures
+    }) => {
+      return collectFeatures({
+        nodes: bgLayer,
+        parent
+      });
+    }));
+    promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("../background-image/collect_features"))).then(({
+      collectFeatures
+    }) => {
+      return collectFeatures({
+        nodes: bgLayer,
+        parent
+      });
+    }));
+    promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("../background-position/collect_features"))).then(({
+      collectFeatures
+    }) => {
+      return collectFeatures({
+        nodes: bgLayer,
+        parent
+      });
+    }));
+    promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("../background-repeat/collect_features"))).then(({
+      collectFeatures
+    }) => {
+      return collectFeatures({
+        nodes: bgLayer,
+        parent
+      });
+    }));
+  }
+
+  const features = (await Promise.all(promises)).flat();
+  return features;
+}

package/lib/properties/background/multiple_backgrounds/collect_features.js

@@ -0,0 +1,39 @@
+"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 !== 'background') {
+    return [];
+  }
+
+  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 features = [];
+
+  for (const node of nodes) {
+    if (node.type === 'div' && node.value === ',') {
+      const index = offset;
+      const endIndex = offset + parent.value.length;
+      features.push({
+        endIndex,
+        id: `properties.background.multiple_backgrounds`,
+        index,
+        name: `Multiple backgrounds`,
+        node: parent
+      });
+      break;
+    }
+  }
+
+  return features;
+}

package/lib/properties/background-attachment/collect_features.js

@@ -0,0 +1,70 @@
+"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 !== 'background' && prop !== 'background-attachment') {
+    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);
+  let isMultipleBackground = false;
+
+  for (const node of nodes) {
+    if (node.type === 'div' && node.value === ',') {
+      isMultipleBackground = true;
+      continue;
+    }
+
+    if (node.type !== 'word') {
+      continue;
+    }
+
+    if (node.value === 'fixed') {
+      const index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background-attachment.fixed`,
+        index,
+        name: `"fixed" value specified as background-attachment`,
+        node: parent
+      });
+    } else if (node.value === 'local') {
+      const index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background-attachment.local`,
+        index,
+        name: `"local" value specified as background-attachment`,
+        node: parent
+      });
+    }
+  }
+
+  if (isMultipleBackground) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.background-attachment.multiple_backgrounds`,
+      index,
+      name: `Multiple backgrounds`,
+      node: parent
+    });
+  }
+
+  return features;
+}

package/lib/properties/background-clip/collect_features.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background' && prop !== 'background-clip') {
+    return [];
+  }
+
+  const features = [];
+
+  for (const node of nodes) {
+    if (node.type !== 'word') {
+      continue;
+    }
+
+    if (node.value === 'content-box') {
+      var _parent$raws$between;
+
+      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 index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background-clip.content-box`,
+        index,
+        name: `"content-box" value specified as background-clip`,
+        node: parent
+      });
+    } else if (node.value === 'text') {
+      var _parent$raws$between2;
+
+      const offset = parent.prop.length + (((_parent$raws$between2 = parent.raws.between) === null || _parent$raws$between2 === void 0 ? void 0 : _parent$raws$between2.length) ?? 0);
+      const index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background-clip.text`,
+        index,
+        name: `"text" value specified as background-clip`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/properties/background-image/collect_features.js

@@ -0,0 +1,133 @@
+"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
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background' && prop !== 'background-image') {
+    return [];
+  }
+
+  const promises = [];
+  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);
+  let isMultipleBackground = false;
+
+  for (const node of nodes) {
+    if (node.type === 'div' && node.value === ',') {
+      isMultipleBackground = true;
+      continue;
+    }
+
+    if (node.type !== 'function') {
+      continue;
+    }
+
+    const funcName = node.value.replace(/^-(webkit|moz|ms|o)-/, '');
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+
+    switch (funcName) {
+      case 'element':
+        {
+          features.push({
+            endIndex,
+            id: `properties.background-image.element`,
+            index,
+            name: `"element()" function specified as background-image`,
+            node: parent
+          });
+          break;
+        }
+
+      case 'conic-gradient':
+      case 'linear-gradient':
+      case 'radial-gradient':
+      case 'repeating-conic-gradient':
+      case 'repeating-linear-gradient':
+      case 'repeating-radial-gradient':
+        {
+          features.push({
+            endIndex,
+            id: `properties.background-image.gradients`,
+            index,
+            name: `Gradient function specified as background-image`,
+            node: parent
+          });
+          break;
+        }
+
+      case 'image-rect':
+        {
+          features.push({
+            endIndex,
+            id: `properties.background-image.image-rect`,
+            index,
+            name: `"image-rect()" function specified as background-image`,
+            node: parent
+          });
+          break;
+        }
+
+      case 'image-set':
+        {
+          features.push({
+            endIndex,
+            id: `properties.background-image.image-set`,
+            index,
+            name: `"image-set()" function specified as background-image`,
+            node: parent
+          });
+          promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./svg_images/collect_features"))).then(({
+            collectFeatures
+          }) => {
+            return collectFeatures({
+              nodes: node.nodes,
+              parent
+            });
+          }));
+          break;
+        }
+
+      case 'url':
+        {
+          promises.push(Promise.resolve().then(() => _interopRequireWildcard(require("./svg_images/collect_features"))).then(({
+            collectFeatures
+          }) => {
+            return collectFeatures({
+              nodes: [node],
+              parent
+            });
+          }));
+          break;
+        }
+    }
+  }
+
+  if (isMultipleBackground) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.background-image.multiple_backgrounds`,
+      index,
+      name: `Multiple backgrounds`,
+      node: parent
+    });
+  }
+
+  return [...features, ...(await Promise.all(promises)).flat()];
+}

package/lib/properties/background-image/svg_images/collect_features.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _nodePath = _interopRequireDefault(require("node:path"));
+
+var _tsResults = require("ts-results");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background' && prop !== 'background-image') {
+    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 !== 'function' || node.value !== 'url' || node.nodes.length !== 1 || node.nodes[0] == null) {
+      continue;
+    }
+
+    const urlPathNode = node.nodes[0];
+
+    const url = _tsResults.Result.wrap(() => new URL(urlPathNode.value, 'https://example.com/')).unwrapOr(null);
+
+    if (url == null || url.protocol !== 'http:' && url.protocol !== 'https:') {
+      continue;
+    }
+
+    const extension = _nodePath.default.extname(url.pathname);
+
+    if (extension === '.svg') {
+      const index = offset + urlPathNode.sourceIndex;
+      const endIndex = offset + urlPathNode.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background-image.svg_images`,
+        index,
+        name: `SVG image as background-image`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/properties/background-origin/collect_features.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background' && prop !== 'background-origin') {
+    return [];
+  }
+
+  const features = [];
+
+  for (const node of nodes) {
+    if (node.type !== 'word') {
+      continue;
+    }
+
+    if (node.value === 'content-box') {
+      var _parent$raws$between;
+
+      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 index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.background-origin.content-box`,
+        index,
+        name: `"content-box" value specified as background-origin`,
+        node: parent
+      });
+    }
+  }
+
+  return features;
+}

package/lib/properties/background-position/collect_features.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssValueParser = require("postcss-value-parser");
+
+const POSITION_KEYWORD_LIST = ['top', 'bottom', 'left', 'right', 'center'];
+
+function isPositionValue(node) {
+  if (node == null) {
+    return false;
+  }
+
+  if (node.type === 'word') {
+    if (POSITION_KEYWORD_LIST.includes(node.value)) {
+      return true;
+    }
+
+    if ((0, _postcssValueParser.unit)(node.value) !== false) {
+      return true;
+    }
+  }
+
+  if (node.type === 'function' && node.value === 'calc') {
+    return true;
+  }
+
+  return false;
+}
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'background' && prop !== 'background-position') {
+    return [];
+  }
+
+  const features = [];
+  const bgPositionList = [[]];
+  {
+    let isAfterSlash = false;
+
+    for (const node of nodes) {
+      if (node.type === 'div' && node.value === ',') {
+        bgPositionList.push([]);
+        isAfterSlash = false;
+      } else if (node.type === 'div' && node.value === '/') {
+        isAfterSlash = true;
+      } else if (!isAfterSlash) {
+        const bgPosition = bgPositionList[bgPositionList.length - 1];
+        bgPosition === null || bgPosition === void 0 ? void 0 : bgPosition.push(node);
+      }
+    }
+  }
+  const offset = parent.prop.length + (((_parent$raws$between = parent.raws.between) === null || _parent$raws$between === void 0 ? void 0 : _parent$raws$between.length) ?? 0);
+
+  if (bgPositionList.length >= 2) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.background-position.multiple_backgrounds`,
+      index,
+      name: `Multiple backgrounds`,
+      node: parent
+    });
+  }
+
+  for (const bgPosition of bgPositionList) {
+    for (let idx = 0; idx < bgPosition.length; idx++) {
+      const first = bgPosition[idx]; // const second = bgPosition[idx + 2];
+
+      const third = bgPosition[idx + 4];
+      const fourth = bgPosition[idx + 6];
+
+      if (!isPositionValue(first)) {
+        continue;
+      }
+
+      if (isPositionValue(fourth)) {
+        const index = offset + first.sourceIndex;
+        const endIndex = offset + fourth.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.background-position.4_value_syntax`,
+          index,
+          name: `Offset values from any edge specified as background-position`,
+          node: parent
+        });
+        break;
+      }
+
+      if (isPositionValue(third)) {
+        const index = offset + first.sourceIndex;
+        const endIndex = offset + third.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.background-position.4_value_syntax`,
+          index,
+          name: `Offset values from any edge specified as background-position`,
+          node: parent
+        });
+        break;
+      }
+    }
+  }
+
+  return features;
+}

package/lib/properties/background-position-x/collect_features.js

@@ -0,0 +1,36 @@
+"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 !== 'background-position-x') {
+    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);
+
+  if (nodes.length >= 3) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.background-position-x.two_value_syntax`,
+      index,
+      name: `Offset values from any edge specified as background-position-x`,
+      node: parent
+    });
+  }
+
+  return features;
+}

package/lib/properties/background-position-y/collect_features.js

@@ -0,0 +1,36 @@
+"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 !== 'background-position-y') {
+    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);
+
+  if (nodes.length >= 3) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.background-position-y.2_value_syntax`,
+      index,
+      name: `Offset values from any edge specified as background-position-y`,
+      node: parent
+    });
+  }
+
+  return features;
+}