import theme from './theme'

const {
  extraBigOrLarger,
  desktopOrLarger,
  tabletOrLarger,
  desktopOrSmaller,
  tabletOrSmaller,
  phoneOrSmaller,
  phoneOrLarger,
  rem,
  vw,
  container,
  dynamicHeight,
  font,
  qa,
} = theme

// @TODO @DEUS this could probably dynamically parse the skewer case to the camel case function name
export const matchPhoneOrSmaller = /@phone-or-smaller\(\)/gm
export const matchPhoneOrLarger = /@phone-or-larger\(\)/gm
export const matchTabletOrSmaller = /@tablet-or-smaller\(\)/gm
export const matchDesktopOrSmaller = /@desktop-or-smaller\(\)/gm
export const matchTabletOrLarger = /@tablet-or-larger\(\)/gm
export const matchDesktopOrLarger = /@desktop-or-larger\(\)/gm
export const matchBigOrLarger = /@big-or-larger\(\)/gm
export const matchExtraBigeOrLarger = /@extrabig-or-larger\(\)/gm
export const matchContainer = /@container\(\)/gm
export const matchREM = /rem\((-?\d+(\.\d+)?)\)/gm
export const matchVW = /vw\((-?\d+(\.\d+)?)\)/gm
export const matchDynamicHeight = /@dynamic-height\(\)/gm
export const matchFont = /@font\((\d*|\w*),? *?(\d*|\w*)\)/gm
export const matchQualityAssurance = /@qa\.?#?(\d|\w|-)*;/gm

export const replacements = [
  [matchQualityAssurance, qa],
  [matchPhoneOrSmaller, phoneOrSmaller],
  [matchPhoneOrLarger, phoneOrLarger],
  [matchTabletOrSmaller, tabletOrSmaller],
  [matchDesktopOrSmaller, desktopOrSmaller],
  [matchTabletOrLarger, tabletOrLarger],
  [matchDesktopOrLarger, desktopOrLarger],
  [matchExtraBigeOrLarger, extraBigOrLarger],
  [matchREM, rem],
  [matchVW, vw],
  [matchContainer, container],
  [matchDynamicHeight, dynamicHeight],
  [matchFont, font],
]