wix-style-react/src/FillPreview/utils.js

wix-style-react

import React from 'react';
import { isUrl } from '../utils/UrlUtils';
import gradient from 'gradient-parser';
import resolveColor from 'color';

export const parseColor = fill => {
  if (typeof fill !== 'string') {
    return;
  }
  try {
    return resolveColor(fill);
  } catch {
    return;
  }
};

export const parseGradient = fill => {
  if (typeof fill !== 'string') {
    return;
  }
  try {
    return gradient.parse(fill);
  } catch {
    return;
  }
};

export const parseUrl = fill => {
  if (typeof fill !== 'string') {
    return;
  }

  if (isUrl(fill)) {
    return fill;
  }

  if (/.jpg|.png|.svg/.test(fill)) {
    return `${location.hostname}/${fill}`;
  }

  return;
};

export const parseElement = fill => {
  if (typeof fill !== 'string') {
    if (React.isValidElement(fill)) {
      return fill;
    }
  }
  return;
};