@webstudio-is/css-engine 0.4.0 → 0.4.1

package/lib/cjs/core/css-engine.cjs

@@ -81,8 +81,9 @@ class CssEngine {
   }
   addPlaintextRule(cssText) {
     const rule = __privateGet(this, _plainRules).get(cssText);
-    if (rule !== void 0)
+    if (rule !== void 0) {
       return rule;
+    }
     __privateSet(this, _isDirty, true);
     return __privateGet(this, _plainRules).set(cssText, new import_rules.PlaintextRule(cssText));
   }
@@ -115,8 +116,9 @@ class CssEngine {
     }
     for (const mediaRule of __privateGet(this, _mediaRules).values()) {
       const { cssText } = mediaRule;
-      if (cssText !== "")
+      if (cssText !== "") {
         css.push(cssText);
+      }
     }
     __privateSet(this, _cssText, css.join("\n"));
     return __privateGet(this, _cssText);

package/lib/cjs/core/rules.cjs

@@ -76,8 +76,9 @@ class StylePropertyMap {
     }
     const block = [];
     for (const [property, value] of __privateGet(this, _styleMap)) {
-      if (value === void 0)
+      if (value === void 0) {
         continue;
+      }
       block.push(`${(0, import_hyphenate_style_name.default)(property)}: ${(0, import_to_value.toValue)(value)}`);
     }
     __privateSet(this, _string, block.join("; "));
@@ -119,20 +120,24 @@ class MediaRule {
     return rule;
   }
   get cssText() {
-    if (this.rules.length === 0)
+    if (this.rules.length === 0) {
       return "";
+    }
     const rules = [];
     for (const rule of this.rules) {
       rules.push(`  ${rule.cssText}`);
     }
     let conditionText = "";
     const { minWidth, maxWidth } = __privateGet(this, _options);
-    if (minWidth !== void 0)
+    if (minWidth !== void 0) {
       conditionText = `min-width: ${minWidth}px`;
-    if (maxWidth !== void 0)
+    }
+    if (maxWidth !== void 0) {
       conditionText = `max-width: ${maxWidth}px`;
-    if (conditionText)
+    }
+    if (conditionText) {
       conditionText = `and (${conditionText}) `;
+    }
     return `@media ${__privateGet(this, _mediaType)} ${conditionText}{
 ${rules.join(
       "\n"

package/lib/cjs/core/to-value.cjs

@@ -26,8 +26,9 @@ const defaultOptions = {
   withFallback: true
 };
 const toValue = (value, options = defaultOptions) => {
-  if (value === void 0)
+  if (value === void 0) {
     return "";
+  }
   if (value.type === "unit") {
     return value.value + (value.unit === "number" ? "" : value.unit);
   }

package/lib/core/css-engine.js

@@ -63,8 +63,9 @@ class CssEngine {
   }
   addPlaintextRule(cssText) {
     const rule = __privateGet(this, _plainRules).get(cssText);
-    if (rule !== void 0)
+    if (rule !== void 0) {
       return rule;
+    }
     __privateSet(this, _isDirty, true);
     return __privateGet(this, _plainRules).set(cssText, new PlaintextRule(cssText));
   }
@@ -97,8 +98,9 @@ class CssEngine {
     }
     for (const mediaRule of __privateGet(this, _mediaRules).values()) {
       const { cssText } = mediaRule;
-      if (cssText !== "")
+      if (cssText !== "") {
         css.push(cssText);
+      }
     }
     __privateSet(this, _cssText, css.join("\n"));
     return __privateGet(this, _cssText);

package/lib/core/rules.js

@@ -44,8 +44,9 @@ class StylePropertyMap {
     }
     const block = [];
     for (const [property, value] of __privateGet(this, _styleMap)) {
-      if (value === void 0)
+      if (value === void 0) {
         continue;
+      }
       block.push(`${hyphenate(property)}: ${toValue(value)}`);
     }
     __privateSet(this, _string, block.join("; "));
@@ -87,20 +88,24 @@ class MediaRule {
     return rule;
   }
   get cssText() {
-    if (this.rules.length === 0)
+    if (this.rules.length === 0) {
       return "";
+    }
     const rules = [];
     for (const rule of this.rules) {
       rules.push(`  ${rule.cssText}`);
     }
     let conditionText = "";
     const { minWidth, maxWidth } = __privateGet(this, _options);
-    if (minWidth !== void 0)
+    if (minWidth !== void 0) {
       conditionText = `min-width: ${minWidth}px`;
-    if (maxWidth !== void 0)
+    }
+    if (maxWidth !== void 0) {
       conditionText = `max-width: ${maxWidth}px`;
-    if (conditionText)
+    }
+    if (conditionText) {
       conditionText = `and (${conditionText}) `;
+    }
     return `@media ${__privateGet(this, _mediaType)} ${conditionText}{
 ${rules.join(
       "\n"

package/lib/core/to-value.js

@@ -3,8 +3,9 @@ const defaultOptions = {
   withFallback: true
 };
 const toValue = (value, options = defaultOptions) => {
-  if (value === void 0)
+  if (value === void 0) {
     return "";
+  }
   if (value.type === "unit") {
     return value.value + (value.unit === "number" ? "" : value.unit);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-engine",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "CSS Renderer for Webstudio",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",

package/src/core/css-engine.ts

@@ -47,7 +47,9 @@ export class CssEngine {
   }
   addPlaintextRule(cssText: string) {
     const rule = this.#plainRules.get(cssText);
-    if (rule !== undefined) return rule;
+    if (rule !== undefined) {
+      return rule;
+    }
     this.#isDirty = true;
     return this.#plainRules.set(cssText, new PlaintextRule(cssText));
   }
@@ -82,7 +84,9 @@ export class CssEngine {
     }
     for (const mediaRule of this.#mediaRules.values()) {
       const { cssText } = mediaRule;
-      if (cssText !== "") css.push(cssText);
+      if (cssText !== "") {
+        css.push(cssText);
+      }
     }
     this.#cssText = css.join("\n");
     return this.#cssText;

package/src/core/rules.ts

@@ -26,7 +26,9 @@ class StylePropertyMap {
     }
     const block: Array<string> = [];
     for (const [property, value] of this.#styleMap) {
-      if (value === undefined) continue;
+      if (value === undefined) {
+        continue;
+      }
       block.push(`${hyphenate(property)}: ${toValue(value)}`);
     }
     this.#string = block.join("; ");
@@ -75,16 +77,24 @@ export class MediaRule {
     return rule;
   }
   get cssText() {
-    if (this.rules.length === 0) return "";
+    if (this.rules.length === 0) {
+      return "";
+    }
     const rules = [];
     for (const rule of this.rules) {
       rules.push(`  ${rule.cssText}`);
     }
     let conditionText = "";
     const { minWidth, maxWidth } = this.#options;
-    if (minWidth !== undefined) conditionText = `min-width: ${minWidth}px`;
-    if (maxWidth !== undefined) conditionText = `max-width: ${maxWidth}px`;
-    if (conditionText) conditionText = `and (${conditionText}) `;
+    if (minWidth !== undefined) {
+      conditionText = `min-width: ${minWidth}px`;
+    }
+    if (maxWidth !== undefined) {
+      conditionText = `max-width: ${maxWidth}px`;
+    }
+    if (conditionText) {
+      conditionText = `and (${conditionText}) `;
+    }
     return `@media ${this.#mediaType} ${conditionText}{\n${rules.join(
       "\n"
     )}\n}`;

package/src/core/to-value.ts

@@ -13,7 +13,9 @@ export const toValue = (
   value?: StyleValue,
   options: ToCssOptions = defaultOptions
 ): string => {
-  if (value === undefined) return "";
+  if (value === undefined) {
+    return "";
+  }
   if (value.type === "unit") {
     return value.value + (value.unit === "number" ? "" : value.unit);
   }