@webstudio-is/css-data 0.91.0 → 0.267.0

package/lib/property-parsers/background.js

@@ -1,89 +0,0 @@
-import * as csstree from "css-tree";
-import { parseCssValue } from "../parse-css-value";
-const gradientNames = [
-  "conic-gradient",
-  "linear-gradient",
-  "radial-gradient",
-  "repeating-conic-gradient",
-  "repeating-linear-gradient",
-  "repeating-radial-gradient"
-];
-const parseBackground = (background) => {
-  const { backgroundImage, backgroundColor: backgroundColorRaw } = backgroundToLonghand(background);
-  const backgroundColor = backgroundColorRaw ? parseCssValue("backgroundColor", backgroundColorRaw) : void 0;
-  return {
-    backgroundImage: parseBackgroundImage(backgroundImage),
-    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();
-  tokenStream = tokenStream.endsWith(";") ? tokenStream.slice(0, -1) : tokenStream;
-  const cleanupKeywords = ["background:", "background-image:"];
-  for (const cleanupKeyword of cleanupKeywords) {
-    tokenStream = tokenStream.startsWith(cleanupKeyword) ? tokenStream.slice(cleanupKeyword.length).trim() : tokenStream;
-  }
-  const cssAst = cssTreeTryParseValue(tokenStream);
-  if (cssAst === void 0) {
-    return {
-      backgroundImage: [],
-      backgroundColor: void 0
-    };
-  }
-  let backgroundColorRaw;
-  let nestingLevel = 0;
-  csstree.walk(cssAst, {
-    enter: (node, item, list) => {
-      if (node.type === "Function") {
-        if (gradientNames.includes(node.name)) {
-          layers.push(csstree.generate(node));
-        }
-        if (item.next === null && nestingLevel === 0) {
-          backgroundColorRaw = csstree.generate(node);
-        }
-        nestingLevel++;
-      }
-      if (node.type === "Hash" && item.next === null && nestingLevel === 0) {
-        backgroundColorRaw = csstree.generate(node);
-      }
-    },
-    leave: (node, item, list) => {
-      if (node.type === "Function") {
-        nestingLevel--;
-      }
-    }
-  });
-  return {
-    backgroundImage: layers,
-    backgroundColor: backgroundColorRaw
-  };
-};
-const parseBackgroundImage = (layers) => {
-  const backgroundImages = [];
-  for (const layer of layers) {
-    if (gradientNames.some((gradientName) => layer.startsWith(gradientName)) === false) {
-      break;
-    }
-    const layerStyle = parseCssValue("backgroundImage", layer);
-    if (layerStyle.type !== "unparsed") {
-      break;
-    }
-    backgroundImages.push(layerStyle);
-  }
-  return backgroundImages.length > 0 ? { type: "layers", value: backgroundImages } : { type: "invalid", value: layers.join(",") };
-};
-export {
-  backgroundToLonghand,
-  gradientNames,
-  parseBackground,
-  parseBackgroundImage
-};

package/lib/property-parsers/box-shadow.js

@@ -1,99 +0,0 @@
-import * as csstree from "css-tree";
-import { LayersValue, TupleValue } from "../schema";
-import { colord } from "colord";
-const cssTreeTryParseValue = (input) => {
-  try {
-    const ast = csstree.parse(input, { context: "value" });
-    return ast;
-  } catch {
-    return void 0;
-  }
-};
-const parseBoxShadow = (boxShadow) => {
-  let tokenStream = boxShadow.trim();
-  tokenStream = tokenStream.endsWith(";") ? tokenStream.slice(0, -1) : tokenStream;
-  const cleanupKeywords = ["box-shadow:"];
-  for (const cleanupKeyword of cleanupKeywords) {
-    tokenStream = tokenStream.startsWith(cleanupKeyword) ? tokenStream.slice(cleanupKeyword.length).trim() : tokenStream;
-  }
-  const cssAst = cssTreeTryParseValue(tokenStream);
-  if (cssAst === void 0) {
-    return {
-      type: "invalid",
-      value: boxShadow
-    };
-  }
-  const parsed = csstree.lexer.matchProperty("box-shadow", cssAst);
-  if (parsed.error) {
-    return {
-      type: "invalid",
-      value: boxShadow
-    };
-  }
-  const layers = [];
-  csstree.walk(cssAst, (node) => {
-    if (node.type === "Value") {
-      const children = node.children;
-      let layer = [];
-      for (const child of children) {
-        if (children.last === child) {
-          layer.push(child);
-        }
-        if (child.type === "Operator" || children.last === child) {
-          const shadow = [];
-          for (let index = 0; index < layer.length; index++) {
-            const item = layer[index];
-            if (item.type === "Identifier") {
-              shadow.push({
-                type: "keyword",
-                value: item.name
-              });
-            }
-            if (item.type === "Function" || item.type === "Hash") {
-              const colorValue = colord(csstree.generate(item));
-              if (!colorValue.isValid()) {
-                return;
-              }
-              const rgb = colorValue.toRgb();
-              shadow.push({
-                type: "rgb",
-                alpha: rgb.a,
-                r: rgb.r,
-                g: rgb.g,
-                b: rgb.b
-              });
-            }
-            if (item.type === "Dimension") {
-              shadow.push({
-                type: "unit",
-                value: Number(item.value),
-                unit: item.unit
-              });
-            }
-            if (item.type === "Number") {
-              shadow.push({
-                type: "unit",
-                value: Number(item.value),
-                unit: "number"
-              });
-            }
-          }
-          layers.push({
-            type: "tuple",
-            value: shadow
-          });
-          layer = [];
-          continue;
-        }
-        layer.push(child);
-      }
-    }
-  });
-  return layers.length > 0 ? {
-    type: "layers",
-    value: layers
-  } : { type: "invalid", value: boxShadow };
-};
-export {
-  parseBoxShadow
-};

package/lib/property-parsers/index.js

@@ -1,2 +0,0 @@
-export * from "./background";
-export * from "./box-shadow";

package/lib/property-parsers/parsers.js

@@ -1,6 +0,0 @@
-import { parseBackgroundImage } from "./background";
-import { parseBoxShadow } from "./box-shadow";
-export {
-  parseBackgroundImage as backgroundImage,
-  parseBoxShadow as boxShadow
-};

package/lib/property-parsers/to-longhand.js

@@ -1,4 +0,0 @@
-import { backgroundToLonghand } from "./background";
-export {
-  backgroundToLonghand as background
-};

package/lib/schema.js

@@ -1,115 +0,0 @@
-import { units } from "./__generated__/units";
-import { z } from "zod";
-const Unit = z.union([
-  // expected tuple with at least single element
-  // so cast to tuple with single union element to get correct inference
-  z.enum(Object.values(units).flat()),
-  z.literal("number")
-]);
-const UnitValue = z.object({
-  type: z.literal("unit"),
-  unit: Unit,
-  value: z.number()
-});
-const KeywordValue = z.object({
-  type: z.literal("keyword"),
-  // @todo use exact type
-  value: z.string()
-});
-const UnparsedValue = z.object({
-  type: z.literal("unparsed"),
-  value: z.string(),
-  // For the builder we want to be able to hide background-image
-  hidden: z.boolean().optional()
-});
-const FontFamilyValue = z.object({
-  type: z.literal("fontFamily"),
-  value: z.array(z.string())
-});
-const RgbValue = z.object({
-  type: z.literal("rgb"),
-  r: z.number(),
-  g: z.number(),
-  b: z.number(),
-  alpha: z.number()
-});
-const ImageValue = z.object({
-  type: z.literal("image"),
-  value: z.union([
-    z.object({ type: z.literal("asset"), value: z.string() }),
-    // url is not stored in db and only used by css-engine transformValue
-    // to prepare image value for rendering
-    z.object({ type: z.literal("url"), url: z.string() })
-  ]),
-  // For the builder we want to be able to hide images
-  hidden: z.boolean().optional()
-});
-const InvalidValue = z.object({
-  type: z.literal("invalid"),
-  value: z.string()
-});
-const UnsetValue = z.object({
-  type: z.literal("unset"),
-  value: z.literal("")
-});
-const TupleValueItem = z.union([
-  UnitValue,
-  KeywordValue,
-  UnparsedValue,
-  RgbValue
-]);
-const TupleValue = z.object({
-  type: z.literal("tuple"),
-  value: z.array(TupleValueItem),
-  hidden: z.boolean().optional()
-});
-const LayerValueItem = z.union([
-  UnitValue,
-  KeywordValue,
-  UnparsedValue,
-  ImageValue,
-  TupleValue,
-  InvalidValue
-]);
-const LayersValue = z.object({
-  type: z.literal("layers"),
-  value: z.array(LayerValueItem)
-});
-const ValidStaticStyleValue = z.union([
-  ImageValue,
-  LayersValue,
-  UnitValue,
-  KeywordValue,
-  FontFamilyValue,
-  RgbValue,
-  UnparsedValue,
-  TupleValue
-]);
-const isValidStaticStyleValue = (styleValue) => {
-  const staticStyleValue = styleValue;
-  return staticStyleValue.type === "image" || staticStyleValue.type === "layers" || staticStyleValue.type === "unit" || staticStyleValue.type === "keyword" || staticStyleValue.type === "fontFamily" || staticStyleValue.type === "rgb" || staticStyleValue.type === "unparsed" || staticStyleValue.type === "tuple";
-};
-const VarValue = z.object({
-  type: z.literal("var"),
-  value: z.string(),
-  fallbacks: z.array(ValidStaticStyleValue)
-});
-const StyleValue = z.union([
-  ValidStaticStyleValue,
-  InvalidValue,
-  UnsetValue,
-  VarValue
-]);
-const Style = z.record(z.string(), StyleValue);
-export {
-  ImageValue,
-  InvalidValue,
-  KeywordValue,
-  LayersValue,
-  StyleValue,
-  TupleValue,
-  TupleValueItem,
-  UnitValue,
-  UnparsedValue,
-  isValidStaticStyleValue
-};

package/lib/types/custom-data.d.ts

@@ -1,15 +0,0 @@
-import type { StyleValue } from "./schema";
-type RawPropertyData = {
-    unitGroups: string[];
-    inherited: boolean;
-    initial: StyleValue;
-    popularity: number;
-    appliesTo: string;
-};
-export declare const propertiesData: {
-    [property: string]: RawPropertyData;
-};
-export declare const keywordValues: {
-    [property: string]: Array<string>;
-};
-export {};

package/lib/types/html-check.d.ts

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

package/lib/types/html.d.ts

@@ -1,62 +0,0 @@
-import type { htmlTags as HtmlTags } from "html-tags";
-import type { StyleProperty, StyleValue } from "./schema";
-type StyleDecl = {
-    property: StyleProperty;
-    value: StyleValue;
-};
-type Styles = StyleDecl[];
-export type Html = {
-    [tag in HtmlTags]?: Styles;
-};
-export declare const article: Styles;
-export { article as aside, article as details, article as div, article as dt, article as figcaption, article as footer, article as form, article as header, article as hgroup, article as html, article as main, article as nav, article as section, article as summary, };
-export declare const body: Styles;
-export declare const p: Styles;
-export { p as dl };
-export declare const dd: Styles;
-export declare const blockquote: Styles;
-export { blockquote as figure };
-export declare const address: Styles;
-export declare const h1: Styles;
-export declare const h2: Styles;
-export declare const h3: Styles;
-export declare const h4: Styles;
-export declare const h5: Styles;
-export declare const h6: Styles;
-export declare const pre: Styles;
-export declare const table: Styles;
-export declare const caption: Styles;
-export declare const tr: Styles;
-export declare const col: Styles;
-export declare const colgroup: Styles;
-export declare const tbody: Styles;
-export declare const thead: Styles;
-export declare const tfoot: Styles;
-export declare const td: Styles;
-export declare const th: Styles;
-export declare const b: Styles;
-export { b as strong };
-export declare const i: Styles;
-export { i as cite, i as em, i as var, i as dfn };
-export declare const code: Styles;
-export { code as kbd, code as samp };
-export declare const mark: Styles;
-export declare const u: Styles;
-export { u as ins };
-export declare const s: Styles;
-export { s as del };
-export declare const sub: Styles;
-export declare const sup: Styles;
-export declare const a: Styles;
-export declare const ul: Styles;
-export declare const ol: Styles;
-export declare const li: Styles;
-export declare const hr: Styles;
-export declare const legend: Styles;
-export declare const fieldset: Styles;
-export declare const label: Styles;
-export declare const input: Styles;
-export declare const textarea: Styles;
-export declare const select: Styles;
-export declare const option: Styles;
-export declare const button: Styles;

package/lib/types/parse-css-value.test.d.ts

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

package/lib/types/parse-css.test.d.ts

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

package/lib/types/popularity-index.d.ts

@@ -1,6 +0,0 @@
-export declare const popularityIndex: {
-    bucketId: number;
-    date: string;
-    dayPercentage: number;
-    property: string;
-}[];

package/lib/types/property-parsers/background.d.ts

@@ -1,11 +0,0 @@
-import type { InvalidValue, LayersValue, RgbValue } from "../schema";
-export declare const gradientNames: string[];
-export declare const parseBackground: (background: string) => {
-    backgroundImage: LayersValue | InvalidValue;
-    backgroundColor: RgbValue | undefined;
-};
-export declare const backgroundToLonghand: (background: string) => {
-    backgroundImage: string[];
-    backgroundColor: string | undefined;
-};
-export declare const parseBackgroundImage: (layers: string[]) => LayersValue | InvalidValue;

package/lib/types/property-parsers/background.test.d.ts

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

package/lib/types/property-parsers/box-shadow.d.ts

@@ -1,3 +0,0 @@
-import { LayersValue } from "../schema";
-import type { InvalidValue } from "../schema";
-export declare const parseBoxShadow: (boxShadow: string) => LayersValue | InvalidValue;

package/lib/types/property-parsers/box-shadow.test.d.ts

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

package/lib/types/property-parsers/parsers.d.ts

@@ -1,2 +0,0 @@
-export { parseBackgroundImage as backgroundImage } from "./background";
-export { parseBoxShadow as boxShadow } from "./box-shadow";

package/lib/types/property-parsers/to-longhand.d.ts

@@ -1 +0,0 @@
-export { backgroundToLonghand as background } from "./background";