@webstudio-is/css-data 0.90.0 → 0.266.0

package/lib/cjs/parse-css-value.js

@@ -1,152 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var parse_css_value_exports = {};
-__export(parse_css_value_exports, {
-  isValidDeclaration: () => isValidDeclaration,
-  parseCssValue: () => parseCssValue
-});
-module.exports = __toCommonJS(parse_css_value_exports);
-var import_colord = require("colord");
-var csstree = __toESM(require("css-tree"), 1);
-var import_hyphenate_style_name = __toESM(require("hyphenate-style-name"), 1);
-var import_warn_once = __toESM(require("warn-once"), 1);
-var import_keyword_values = require("./__generated__/keyword-values");
-var import_units = require("./__generated__/units");
-const cssTryParseValue = (input) => {
-  try {
-    const ast = csstree.parse(input, { context: "value" });
-    return ast;
-  } catch {
-    return void 0;
-  }
-};
-const isValidDeclaration = (property, value) => {
-  const ast = cssTryParseValue(value);
-  if (ast == null) {
-    return false;
-  }
-  const cssPropertyName = (0, import_hyphenate_style_name.default)(property);
-  const matchResult = csstree.lexer.matchProperty(cssPropertyName, ast);
-  const isValidDeclaration2 = matchResult.matched != null;
-  if (isValidDeclaration2 && typeof CSSStyleValue !== "undefined") {
-    try {
-      CSSStyleValue.parse(cssPropertyName, value);
-    } catch {
-      (0, import_warn_once.default)(
-        true,
-        `Css property "${property}" with value "${value}" is invalid according to CSSStyleValue.parse
-          but valid according to csstree.lexer.matchProperty.`
-      );
-      return false;
-    }
-  }
-  return isValidDeclaration2;
-};
-const parseCssValue = (property, input) => {
-  const invalidValue = {
-    type: "invalid",
-    value: input
-  };
-  if (input.length === 0) {
-    return invalidValue;
-  }
-  if (!isValidDeclaration(property, input)) {
-    return invalidValue;
-  }
-  const ast = cssTryParseValue(input);
-  if (ast == null) {
-    (0, import_warn_once.default)(
-      true,
-      `Can't parse css property "${property}" with value "${input}"`
-    );
-    return invalidValue;
-  }
-  if (ast != null && ast.type === "Value" && ast.children.first === ast.children.last) {
-    const first = ast.children.first;
-    if (first?.type === "Number") {
-      return {
-        type: "unit",
-        unit: "number",
-        value: Number(first.value)
-      };
-    }
-    if (first?.type === "Dimension") {
-      const unit = first.unit;
-      for (const unitGroup of Object.values(import_units.units)) {
-        if (unitGroup.includes(unit)) {
-          return {
-            type: "unit",
-            unit,
-            value: Number(first.value)
-          };
-        }
-      }
-      return invalidValue;
-    }
-    if (first?.type === "Percentage") {
-      return {
-        type: "unit",
-        unit: "%",
-        value: Number(first.value)
-      };
-    }
-    if (first?.type === "Identifier") {
-      const values = import_keyword_values.keywordValues[property];
-      const lettersRegex = /[^a-zA-Z]+/g;
-      const searchValues = values.map(
-        (value) => value.replace(lettersRegex, "").toLowerCase()
-      );
-      const keywordInput = input.replace(lettersRegex, "").toLowerCase();
-      const index = searchValues.indexOf(keywordInput);
-      if (index > -1) {
-        return {
-          type: "keyword",
-          value: values[index]
-        };
-      }
-    }
-  }
-  if (property.toLocaleLowerCase().includes("color")) {
-    const mayBeColor = (0, import_colord.colord)(input);
-    if (mayBeColor.isValid()) {
-      const rgb = mayBeColor.toRgb();
-      return {
-        type: "rgb",
-        alpha: rgb.a,
-        r: rgb.r,
-        g: rgb.g,
-        b: rgb.b
-      };
-    }
-  }
-  return {
-    type: "unparsed",
-    value: input
-  };
-};

package/lib/cjs/parse-css.js

@@ -1,136 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var parse_css_exports = {};
-__export(parse_css_exports, {
-  parseCss: () => parseCss
-});
-module.exports = __toCommonJS(parse_css_exports);
-var csstree = __toESM(require("css-tree"), 1);
-var import_parse_css_value = require("./parse-css-value");
-var parsers = __toESM(require("./property-parsers/parsers"), 1);
-var toLonghand = __toESM(require("./property-parsers/to-longhand"), 1);
-var import_schema = require("./schema");
-const parseCssValue = function parseCssValue2(property, value) {
-  const unwrap = toLonghand[property];
-  if (typeof unwrap === "function") {
-    const longhands = unwrap(value);
-    return Object.fromEntries(
-      Object.entries(longhands).map(([property2, value2]) => {
-        const valueParser = parsers[property2];
-        if (typeof valueParser === "function") {
-          return [property2, valueParser(value2)];
-        }
-        if (Array.isArray(value2)) {
-          return [
-            property2,
-            {
-              type: "invalid",
-              value: value2.join("")
-            }
-          ];
-        }
-        if (!value2) {
-          return [property2, { type: "invalid", value: "" }];
-        }
-        return [
-          property2,
-          (0, import_parse_css_value.parseCssValue)(property2, value2)
-        ];
-      })
-    );
-  }
-  return {
-    [property]: (0, import_parse_css_value.parseCssValue)(property, value)
-  };
-};
-const cssTreeTryParse = (input) => {
-  try {
-    const ast = csstree.parse(input);
-    return ast;
-  } catch {
-    return void 0;
-  }
-};
-const parseCss = function cssToWS(css) {
-  const ast = cssTreeTryParse(css);
-  let selectors = [];
-  const styles = {};
-  if (ast === void 0) {
-    return styles;
-  }
-  csstree.walk(ast, (node, item) => {
-    if (node.type === "SelectorList") {
-      selectors = [];
-    }
-    if (node.type === "ClassSelector") {
-      if (!item.prev && !item.next) {
-        selectors.push(node.name);
-      }
-      return;
-    }
-    if (node.type === "Declaration") {
-      const stringValue = csstree.generate(node.value);
-      const parsedCss = parseCssValue(
-        node.property,
-        stringValue
-      );
-      Object.entries(parsedCss).forEach(
-        ([property, value]) => {
-          try {
-            import_schema.StyleValue.parse(value);
-            selectors.forEach((selector) => {
-              if (Array.isArray(styles[selector])) {
-                styles[selector].push({
-                  property,
-                  value
-                });
-              } else {
-                styles[selector] = [{ property, value }];
-              }
-            });
-          } catch (error) {
-            if (true) {
-              console.warn(
-                true,
-                `Declaration parsing for \`${selectors.join(", ")}.${node.property}: ${stringValue}\` failed:
-
-${JSON.stringify(
-                  parsedCss,
-                  null,
-                  2
-                )}`
-              );
-            }
-          }
-        }
-      );
-    }
-  });
-  return styles;
-};