@webstudio-is/css-engine 0.91.0 → 0.93.0

package/src/core/to-value.ts

@@ -1,108 +0,0 @@
-import type { StyleValue } from "@webstudio-is/css-data";
-import { captureError } from "@webstudio-is/error-utils";
-import { DEFAULT_FONT_FALLBACK, SYSTEM_FONTS } from "@webstudio-is/fonts";
-
-export type TransformValue = (styleValue: StyleValue) => undefined | StyleValue;
-
-const fallbackTransform: TransformValue = (styleValue) => {
-  if (styleValue.type === "fontFamily") {
-    const firstFontFamily = styleValue.value[0];
-    const fallbacks = SYSTEM_FONTS.get(firstFontFamily);
-    const fontFamily: string[] = [...styleValue.value];
-    if (Array.isArray(fallbacks)) {
-      fontFamily.push(...fallbacks);
-    } else {
-      fontFamily.push(DEFAULT_FONT_FALLBACK);
-    }
-    return {
-      type: "fontFamily",
-      value: fontFamily,
-    };
-  }
-};
-
-export const toValue = (
-  styleValue: undefined | StyleValue,
-  transformValue?: TransformValue
-): string => {
-  if (styleValue === undefined) {
-    return "";
-  }
-  const transformedValue =
-    transformValue?.(styleValue) ?? fallbackTransform(styleValue);
-  const value = transformedValue ?? styleValue;
-  if (value.type === "unit") {
-    return value.value + (value.unit === "number" ? "" : value.unit);
-  }
-  if (value.type === "fontFamily") {
-    return value.value.join(", ");
-  }
-  if (value.type === "var") {
-    const fallbacks = [];
-    for (const fallback of value.fallbacks) {
-      fallbacks.push(toValue(fallback, transformValue));
-    }
-    const fallbacksString =
-      fallbacks.length > 0 ? `, ${fallbacks.join(", ")}` : "";
-    return `var(--${value.value}${fallbacksString})`;
-  }
-
-  if (value.type === "keyword") {
-    return value.value;
-  }
-
-  if (value.type === "invalid") {
-    return value.value;
-  }
-
-  if (value.type === "unset") {
-    return value.value;
-  }
-
-  if (value.type === "rgb") {
-    return `rgba(${value.r}, ${value.g}, ${value.b}, ${value.alpha})`;
-  }
-
-  if (value.type === "image") {
-    if (value.hidden || value.value.type !== "url") {
-      // We assume that property is background-image and use this to hide background layers
-      // In the future we might want to have a more generic way to hide values
-      // i.e. have knowledge about property-name, as none is property specific
-      return "none";
-    }
-
-    // @todo image-set
-    return `url(${value.value.url})`;
-  }
-
-  if (value.type === "unparsed") {
-    if (value.hidden) {
-      // We assume that property is background-image and use this to hide background layers
-      // In the future we might want to have a more generic way to hide values
-      // i.e. have knowledge about property-name, as none is property specific
-      return "none";
-    }
-
-    return value.value;
-  }
-
-  if (value.type === "layers") {
-    const valueString = value.value
-      .filter(
-        (layer) =>
-          "hidden" in layer === false ||
-          ("hidden" in layer && layer.hidden === false)
-      )
-      .map((layer) => {
-        return toValue(layer, transformValue);
-      })
-      .join(", ");
-    return valueString === "" ? "none" : valueString;
-  }
-
-  if (value.type === "tuple") {
-    return value.value.map((value) => toValue(value, transformValue)).join(" ");
-  }
-
-  return captureError(new Error("Unknown value type"), value);
-};

package/src/index.ts

@@ -1 +0,0 @@
-export * from "./core";