Function stringify

packages/core/src/stringify.ts:18–138

(
  /** Style object defintion. */
  value: Dict,
)

/** Returns a string of CSS from an object of CSS. */
export function stringify(
  /** Style object defintion. */
  value: Dict,
) {
  /** Set used to manage the opened and closed state of rules. */
  const used = new WeakSet()

  const write = (
    cssText: string,
    selectors: StringifyContext['selectors'],
    conditions: String[],
    name: string,
    data: string | number | boolean,
    isAtRuleLike: boolean,
    isVariableLike: boolean,
  ) => {
    if (data === false) return ''

    // Add conditions
    for (let i = 0; i < conditions.length; ++i) {
      if (!used.has(conditions[i])) {
        used.add(conditions[i])
        cssText += `${conditions[i]} {`
      }
    }

    // Then selectors
    if (selectors.length && !used.has(selectors)) {
      used.add(selectors)
      cssText += `${selectors.map((s) => s.replace('& ', ''))} {`
    }

    let value = data

    if (typeof value === 'number') {
      const shouldAddPx = !(value === 0 || unitlessProperties.has(name) || isVariableLike)
      if (shouldAddPx) {
        value = `${value}px`
      }
    }

    // Format property
    if (isAtRuleLike) {
      name = `${name} `
    } else if (isVariableLike) {
      name = `${name}: `
    } else {
      name = `${hypenateProperty(name)}: `
    }

    // Add it to the CSS string
    cssText += `${name + String(value)};\n`

    return cssText
  }

  const parse = (style: Dict, selectors: Array<string>, conditions: String[]) => {
    let cssText = ''