@webstudio-is/css-data 0.72.0 → 0.74.0

package/lib/cjs/index.js

@@ -29,17 +29,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
+  declarationDescriptions: () => import_property_value_descriptions.declarations,
   html: () => html,
-  properties: () => properties
+  properties: () => properties2,
+  propertyDescriptions: () => import_property_value_descriptions.properties
 });
 module.exports = __toCommonJS(src_exports);
 var exportedHtml = __toESM(require("./html"), 1);
 __reExport(src_exports, require("./__generated__/keyword-values"), module.exports);
 __reExport(src_exports, require("./__generated__/units"), module.exports);
+var import_property_value_descriptions = require("./__generated__/property-value-descriptions");
 __reExport(src_exports, require("./schema"), module.exports);
 __reExport(src_exports, require("./property-parsers/index"), module.exports);
 __reExport(src_exports, require("./parse-css-value"), module.exports);
 __reExport(src_exports, require("./parse-css"), module.exports);
 var import_properties = require("./__generated__/properties");
 const html = exportedHtml;
-const properties = import_properties.properties;
+const properties2 = import_properties.properties;

package/lib/cjs/parse-css.js

@@ -69,10 +69,21 @@ const parseCssValue = function parseCssValue2(property, value) {
     [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 = csstree.parse(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 = [];

package/lib/cjs/property-parsers/background.js

@@ -52,6 +52,14 @@ const parseBackground = (background) => {
     backgroundColor: backgroundColor && backgroundColor.type === "rgb" ? backgroundColor : void 0
   };
 };
+const cssTreeTryParseValue = (input) => {
+  try {
+    const ast = csstree.parse(input, { context: "value" });
+    return ast;
+  } catch {
+    return void 0;
+  }
+};
 const backgroundToLonghand = (background) => {
   const layers = [];
   let tokenStream = background.trim();
@@ -60,7 +68,13 @@ const backgroundToLonghand = (background) => {
   for (const cleanupKeyword of cleanupKeywords) {
     tokenStream = tokenStream.startsWith(cleanupKeyword) ? tokenStream.slice(cleanupKeyword.length).trim() : tokenStream;
   }
-  const cssAst = csstree.parse(tokenStream, { context: "value" });
+  const cssAst = cssTreeTryParseValue(tokenStream);
+  if (cssAst === void 0) {
+    return {
+      backgroundImage: [],
+      backgroundColor: void 0
+    };
+  }
   let backgroundColorRaw;
   let nestingLevel = 0;
   csstree.walk(cssAst, {

package/lib/index.js

@@ -2,13 +2,19 @@ import * as exportedHtml from "./html";
 const html = exportedHtml;
 export * from "./__generated__/keyword-values";
 export * from "./__generated__/units";
+import {
+  properties,
+  declarations
+} from "./__generated__/property-value-descriptions";
 export * from "./schema";
 export * from "./property-parsers/index";
 export * from "./parse-css-value";
 export * from "./parse-css";
 import { properties as generatedProperties } from "./__generated__/properties";
-const properties = generatedProperties;
+const properties2 = generatedProperties;
 export {
+  declarations as declarationDescriptions,
   html,
-  properties
+  properties2 as properties,
+  properties as propertyDescriptions
 };

package/lib/parse-css.js

@@ -36,10 +36,21 @@ const parseCssValue = function parseCssValue2(property, value) {
     [property]: parseCssValueLonghand(property, value)
   };
 };
+const cssTreeTryParse = (input) => {
+  try {
+    const ast = csstree.parse(input);
+    return ast;
+  } catch {
+    return void 0;
+  }
+};
 const parseCss = function cssToWS(css) {
-  const ast = csstree.parse(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 = [];

package/lib/property-parsers/background.js

@@ -16,6 +16,14 @@ const parseBackground = (background) => {
     backgroundColor: backgroundColor && backgroundColor.type === "rgb" ? backgroundColor : void 0
   };
 };
+const cssTreeTryParseValue = (input) => {
+  try {
+    const ast = csstree.parse(input, { context: "value" });
+    return ast;
+  } catch {
+    return void 0;
+  }
+};
 const backgroundToLonghand = (background) => {
   const layers = [];
   let tokenStream = background.trim();
@@ -24,7 +32,13 @@ const backgroundToLonghand = (background) => {
   for (const cleanupKeyword of cleanupKeywords) {
     tokenStream = tokenStream.startsWith(cleanupKeyword) ? tokenStream.slice(cleanupKeyword.length).trim() : tokenStream;
   }
-  const cssAst = csstree.parse(tokenStream, { context: "value" });
+  const cssAst = cssTreeTryParseValue(tokenStream);
+  if (cssAst === void 0) {
+    return {
+      backgroundImage: [],
+      backgroundColor: void 0
+    };
+  }
   let backgroundColorRaw;
   let nestingLevel = 0;
   csstree.walk(cssAst, {

package/lib/types/bin/property-value-descriptions.d.ts

@@ -0,0 +1 @@
+export {};