@projectwallace/css-analyzer 5.0.0-alpha.1 → 5.0.2

package/src/values/animations.test.js

@@ -1,154 +0,0 @@
-import { suite } from 'uvu'
-import * as assert from 'uvu/assert'
-import { analyze } from '../index.js'
-
-const Animations = suite('Animations')
-
-Animations('finds simple durations', () => {
-  const fixture = `
-    durations {
-      animation-duration: 1s;
-      animation-duration: 2ms;
-      transition-duration: 300ms;
-    }
-  `
-  const actual = analyze(fixture).values.animations.durations
-  const expected = {
-    total: 3,
-    totalUnique: 3,
-    unique: {
-      '1s': 1,
-      '2ms': 1,
-      '300ms': 1,
-    },
-    uniquenessRatio: 3 / 3
-  }
-  assert.equal(actual, expected)
-})
-
-Animations('finds simple timing functions', () => {
-  const fixture = `
-    timings {
-      animation-timing-function: linear;
-      animation-timing-function: cubic-bezier(0, 1, 0, 1);
-
-      transition-timing-function: steps(3);
-      transition-timing-function: cubic-bezier(0, 1, 0, 1);
-    }
-  `
-  const actual = analyze(fixture).values.animations.timingFunctions
-  const expected = {
-    total: 4,
-    totalUnique: 3,
-    unique: {
-      'linear': 1,
-      'cubic-bezier(0, 1, 0, 1)': 2,
-      'steps(3)': 1,
-    },
-    uniquenessRatio: 3 / 4
-  }
-  assert.equal(actual, expected)
-})
-
-Animations('finds shorthand durations', () => {
-  const fixture = `
-    durations {
-      animation: 1s ANIMATION_NAME linear;
-      animation: 2s ANIMATION_NAME cubic-bezier(0,1,0,1);
-
-      transition: all 3s;
-      transition: all 4s cubic-bezier(0,1,0,1);
-      transition: all 5s linear 5000ms;
-    }
-  `
-  const actual = analyze(fixture).values.animations.durations
-  const expected = {
-    total: 5,
-    totalUnique: 5,
-    unique: {
-      '1s': 1,
-      '2s': 1,
-      '3s': 1,
-      '4s': 1,
-      '5s': 1,
-    },
-    uniquenessRatio: 5 / 5
-  }
-  assert.equal(actual, expected)
-})
-
-Animations('finds shorthand timing functions', () => {
-  const fixture = `
-    durations {
-      animation: 1s ANIMATION_NAME linear;
-      animation: 2s ANIMATION_NAME cubic-bezier(0,1,0,1);
-
-      transition: all 3s;
-      transition: all 4s cubic-bezier(0,1,0,1);
-      transition: all 5s linear 5000ms;
-    }
-  `
-  const actual = analyze(fixture).values.animations.timingFunctions
-  const expected = {
-    total: 4,
-    totalUnique: 2,
-    unique: {
-      'linear': 2,
-      'cubic-bezier(0,1,0,1)': 2,
-    },
-    uniquenessRatio: 2 / 4
-  }
-  assert.equal(actual, expected)
-})
-
-Animations('analyzes animations/transitions with value lists', () => {
-  const fixture = `
-    multi-value {
-      animation: 1s ANIMATION_NAME linear, 2s ANIMATION_NAME linear;
-      animation: 3s ANIMATION_NAME ease 3ms, 4s ANIMATION_NAME ease-in-out 4ms;
-      transition: all 5s, color 6s;
-      transition: all 7s ease, all 8s linear;
-      transition: all 9s steps(4, step-end) 9ms, all 10s steps(2) 10ms;
-      transition: all 11s, font-size 12s 12ms, line-height 13ms, border 0.0014s;
-    }
-  `
-  const actual = analyze(fixture).values.animations
-  const expected = {
-    durations: {
-      total: 14,
-      totalUnique: 14,
-      unique: {
-        '1s': 1,
-        '2s': 1,
-        '3s': 1,
-        '4s': 1,
-        '5s': 1,
-        '6s': 1,
-        '7s': 1,
-        '8s': 1,
-        '9s': 1,
-        '10s': 1,
-        '11s': 1,
-        '12s': 1,
-        '13ms': 1,
-        '0.0014s': 1,
-      },
-      uniquenessRatio: 14 / 14
-    },
-    timingFunctions: {
-      total: 8,
-      totalUnique: 5,
-      unique: {
-        'linear': 3,
-        'ease': 2,
-        'ease-in-out': 1,
-        'steps(4, step-end)': 1,
-        'steps(2)': 1,
-      },
-      uniquenessRatio: 5 / 8
-    }
-  }
-  assert.equal(actual, expected)
-})
-
-Animations.run()

package/src/values/box-shadows.test.js

@@ -1,82 +0,0 @@
-import { suite } from 'uvu'
-import * as assert from 'uvu/assert'
-import { analyze } from '../index.js'
-
-const BoxShadows = suite('BoxShadows')
-
-BoxShadows('finds simple values', () => {
-  const fixture = `
-    box-shadows-simple {
-      box-shadow: 1px 1px 2px black;
-    }
-  `
-  const actual = analyze(fixture).values.boxShadows
-  const expected = {
-    total: 1,
-    unique: {
-      '1px 1px 2px black': 1,
-    },
-    totalUnique: 1,
-    uniquenessRatio: 1
-  }
-
-  assert.equal(actual, expected)
-})
-
-BoxShadows('finds complex values', () => {
-  const fixture = `
-    box-shadows-complex {
-      box-shadow: 1px 1px 1px black,inset 2px 3px 5px rgba(0,0,0,0.3),inset -2px -3px 5px rgba(255,255,255,0.5);
-    }
-  `
-  const actual = analyze(fixture).values.boxShadows
-  const expected = {
-    total: 1,
-    unique: {
-      '1px 1px 1px black,inset 2px 3px 5px rgba(0,0,0,0.3),inset -2px -3px 5px rgba(255,255,255,0.5)': 1,
-    },
-    totalUnique: 1,
-    uniquenessRatio: 1
-  }
-
-  assert.equal(actual, expected)
-})
-
-BoxShadows('finds vendor prefixed values', () => {
-  const fixture = `
-    box-shadows-vendor-prefixed {
-      -webkit-box-shadow: 1px 1px 2px black;
-    }
-  `
-  const actual = analyze(fixture).values.boxShadows
-  const expected = {
-    total: 1,
-    unique: {
-      '1px 1px 2px black': 1,
-    },
-    totalUnique: 1,
-    uniquenessRatio: 1
-  }
-
-  assert.equal(actual, expected)
-})
-
-BoxShadows('ignores keywords', () => {
-  const fixture = `
-    box-shadows-keyword {
-      box-shadow: initial;
-      box-shadow: none;
-    }
-  `
-  const actual = analyze(fixture).values.boxShadows
-  const expected = {
-    total: 0,
-    unique: {},
-    totalUnique: 0,
-    uniquenessRatio: 0
-  }
-
-  assert.equal(actual, expected)
-})
-
-BoxShadows.run()

package/src/values/colors.js

@@ -1,192 +0,0 @@
-export const colorNames = {
-  // CSS Named Colors
-  // Spec: https://drafts.csswg.org/css-color/#named-colors
-  aliceblue: 1,
-  antiquewhite: 1,
-  aqua: 1,
-  aquamarine: 1,
-  azure: 1,
-  beige: 1,
-  bisque: 1,
-  black: 1,
-  blanchedalmond: 1,
-  blue: 1,
-  blueviolet: 1,
-  brown: 1,
-  burlywood: 1,
-  cadetblue: 1,
-  chartreuse: 1,
-  chocolate: 1,
-  coral: 1,
-  cornflowerblue: 1,
-  cornsilk: 1,
-  crimson: 1,
-  cyan: 1,
-  darkblue: 1,
-  darkcyan: 1,
-  darkgoldenrod: 1,
-  darkgray: 1,
-  darkgreen: 1,
-  darkgrey: 1,
-  darkkhaki: 1,
-  darkmagenta: 1,
-  darkolivegreen: 1,
-  darkorange: 1,
-  darkorchid: 1,
-  darkred: 1,
-  darksalmon: 1,
-  darkseagreen: 1,
-  darkslateblue: 1,
-  darkslategray: 1,
-  darkslategrey: 1,
-  darkturquoise: 1,
-  darkviolet: 1,
-  deeppink: 1,
-  deepskyblue: 1,
-  dimgray: 1,
-  dimgrey: 1,
-  dodgerblue: 1,
-  firebrick: 1,
-  floralwhite: 1,
-  forestgreen: 1,
-  fuchsia: 1,
-  gainsboro: 1,
-  ghostwhite: 1,
-  gold: 1,
-  goldenrod: 1,
-  gray: 1,
-  green: 1,
-  greenyellow: 1,
-  grey: 1,
-  honeydew: 1,
-  hotpink: 1,
-  indianred: 1,
-  indigo: 1,
-  ivory: 1,
-  khaki: 1,
-  lavender: 1,
-  lavenderblush: 1,
-  lawngreen: 1,
-  lemonchiffon: 1,
-  lightblue: 1,
-  lightcoral: 1,
-  lightcyan: 1,
-  lightgoldenrodyellow: 1,
-  lightgray: 1,
-  lightgreen: 1,
-  lightgrey: 1,
-  lightpink: 1,
-  lightsalmon: 1,
-  lightseagreen: 1,
-  lightskyblue: 1,
-  lightslategray: 1,
-  lightslategrey: 1,
-  lightsteelblue: 1,
-  lightyellow: 1,
-  lime: 1,
-  limegreen: 1,
-  linen: 1,
-  magenta: 1,
-  maroon: 1,
-  mediumaquamarine: 1,
-  mediumblue: 1,
-  mediumorchid: 1,
-  mediumpurple: 1,
-  mediumseagreen: 1,
-  mediumslateblue: 1,
-  mediumspringgreen: 1,
-  mediumturquoise: 1,
-  mediumvioletred: 1,
-  midnightblue: 1,
-  mintcream: 1,
-  mistyrose: 1,
-  moccasin: 1,
-  navajowhite: 1,
-  navy: 1,
-  oldlace: 1,
-  olive: 1,
-  olivedrab: 1,
-  orange: 1,
-  orangered: 1,
-  orchid: 1,
-  palegoldenrod: 1,
-  palegreen: 1,
-  paleturquoise: 1,
-  palevioletred: 1,
-  papayawhip: 1,
-  peachpuff: 1,
-  peru: 1,
-  pink: 1,
-  plum: 1,
-  powderblue: 1,
-  purple: 1,
-  rebeccapurple: 1,
-  red: 1,
-  rosybrown: 1,
-  royalblue: 1,
-  saddlebrown: 1,
-  salmon: 1,
-  sandybrown: 1,
-  seagreen: 1,
-  seashell: 1,
-  sienna: 1,
-  silver: 1,
-  skyblue: 1,
-  slateblue: 1,
-  slategray: 1,
-  slategrey: 1,
-  snow: 1,
-  springgreen: 1,
-  steelblue: 1,
-  tan: 1,
-  teal: 1,
-  thistle: 1,
-  tomato: 1,
-  turquoise: 1,
-  violet: 1,
-  wheat: 1,
-  white: 1,
-  whitesmoke: 1,
-  yellow: 1,
-  yellowgreen: 1,
-
-  // CSS System Colors
-  // Spec: https://drafts.csswg.org/css-color/#css-system-colors
-  canvas: 1,
-  canvastext: 1,
-  linktext: 1,
-  visitedtext: 1,
-  activetext: 1,
-  buttonface: 1,
-  buttontext: 1,
-  buttonborder: 1,
-  field: 1,
-  fieldtext: 1,
-  highlight: 1,
-  highlighttext: 1,
-  selecteditem: 1,
-  selecteditemtext: 1,
-  mark: 1,
-  marktext: 1,
-  graytext: 1,
-
-  // TODO: Deprecated CSS System colors
-  // Spec: https://drafts.csswg.org/css-color/#deprecated-system-colors
-}
-
-export const colorFunctions = {
-  rgb: 1,
-  rgba: 1,
-  hsl: 1,
-  hsla: 1,
-  hwb: 1,
-  lab: 1,
-  lch: 1,
-  oklab: 1,
-  oklch: 1,
-  color: 1,
-}
-
-export const analyzeColors = ({ colors }) => {
-  return colors.count()
-}