stylelint-browser-compat 1.0.0-beta.1

package/lib/properties/box-shadow/collect_features.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+
+var _postcssValueParser = require("postcss-value-parser");
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'box-shadow') {
+    return [];
+  }
+
+  const features = [];
+  const boxShadowList = [[]];
+
+  for (const node of nodes) {
+    if (node.type === 'div' && node.value === ',') {
+      boxShadowList.push([]);
+    } else {
+      const boxShadow = boxShadowList[boxShadowList.length - 1];
+      boxShadow === null || boxShadow === void 0 ? void 0 : boxShadow.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 (boxShadowList.length >= 2) {
+    const index = offset;
+    const endIndex = offset + parent.value.length;
+    features.push({
+      endIndex,
+      id: `properties.box-shadow.multiple_shadows`,
+      index,
+      name: `Multiple shadows`,
+      node: parent
+    });
+  }
+
+  let hasLengthValue = false;
+
+  for (const boxShadow of boxShadowList) {
+    for (let idx = 0; idx < boxShadow.length; idx++) {
+      const first = boxShadow[idx];
+
+      if ((first === null || first === void 0 ? void 0 : first.type) === 'word' && first.value === 'inset') {
+        const index = offset + first.sourceIndex;
+        const endIndex = offset + first.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.box-shadow.inset`,
+          index,
+          name: `"inset" value specified as box-shadow`,
+          node: parent
+        });
+        continue;
+      }
+
+      if (hasLengthValue) {
+        continue;
+      }
+
+      if ((first === null || first === void 0 ? void 0 : first.type) === 'word' && (0, _postcssValueParser.unit)(first.value) !== false) {
+        hasLengthValue = true;
+        const fourth = boxShadow[idx + 6];
+
+        if ((fourth === null || fourth === void 0 ? void 0 : fourth.type) === 'word' && (0, _postcssValueParser.unit)(fourth.value) !== false) {
+          const index = offset + fourth.sourceIndex;
+          const endIndex = offset + fourth.sourceEndIndex;
+          features.push({
+            endIndex,
+            id: `properties.box-shadow.spread_radius`,
+            index,
+            name: `Spread radius value specified as box-shadow`,
+            node: parent
+          });
+          continue;
+        }
+      }
+    }
+  }
+
+  return features;
+}

package/lib/properties/box-sizing/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 !== 'box-sizing') {
+    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 === 'padding-box') {
+      const index = offset + node.sourceIndex;
+      const endIndex = offset + node.sourceEndIndex;
+      features.push({
+        endIndex,
+        id: `properties.box-sizing.padding-box`,
+        index,
+        name: `"padding-box" value specified as box-sizing`,
+        node: parent
+      });
+      break;
+    }
+  }
+
+  return features;
+}

package/lib/properties/caption-side/collect_features.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+const NON_STANDARD_VALUE_LIST = ['left', 'right', 'top-outside', 'bottom-outside'];
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'caption-side') {
+    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 node = nodes[0];
+
+  if ((node === null || node === void 0 ? void 0 : node.type) === 'word' && NON_STANDARD_VALUE_LIST.includes(node.value)) {
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+    features.push({
+      endIndex,
+      id: `properties.caption-side.non_standard_values`,
+      index,
+      name: `"${node.value}" value specified as caption-side`,
+      node: parent
+    });
+  }
+
+  return features;
+}

package/lib/properties/clear/collect_features.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+const FLOW_RELATIVE_VALUE_LIST = ['inline-start', 'inline-end'];
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'clear') {
+    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 node = nodes[0];
+
+  if ((node === null || node === void 0 ? void 0 : node.type) === 'word' && FLOW_RELATIVE_VALUE_LIST.includes(node.value)) {
+    const index = offset + node.sourceIndex;
+    const endIndex = offset + node.sourceEndIndex;
+    features.push({
+      endIndex,
+      id: `properties.clear.flow_relative_values`,
+      index,
+      name: `"${node.value}" value specified as clear`,
+      node: parent
+    });
+  }
+
+  return features;
+}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collectFeatures = collectFeatures;
+const BASIC_SHAPE_FUNCTION_NAME_LIST = ['inset', 'circle', 'ellipse', 'polygon', 'path'];
+
+async function collectFeatures({
+  nodes,
+  parent
+}) {
+  var _parent$raws$between;
+
+  const prop = parent.prop.replace(/^-(webkit|moz|ms|o)-/, '');
+
+  if (prop !== 'clip-path') {
+    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') {
+      if (node.value === 'path') {
+        const index = offset + node.sourceIndex;
+        const endIndex = offset + node.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.clip-path.path`,
+          index,
+          name: `"path()" function specified as clip-path`,
+          node: parent
+        });
+      } else if (BASIC_SHAPE_FUNCTION_NAME_LIST.includes(node.value)) {
+        const index = offset + node.sourceIndex;
+        const endIndex = offset + node.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.clip-path.basic_shape`,
+          index,
+          name: `"${node.value}()" function specified as clip-path`,
+          node: parent
+        });
+      }
+    }
+
+    if (node.type === 'word') {
+      if (node.value === 'fill-box' || node.value === 'stroke-box') {
+        const index = offset + node.sourceIndex;
+        const endIndex = offset + node.sourceEndIndex;
+        features.push({
+          endIndex,
+          id: `properties.clip-path.fill_and_stroke_box`,
+          index,
+          name: `"${node.value}" value specified as clip-path`,
+          node: parent
+        });
+      }
+    }
+  }
+
+  return features;
+}