@projectwallace/css-analyzer 4.0.3 → 5.0.1

package/src/analyzer/atrules/fontfaces.js

@@ -1,30 +0,0 @@
-const uniquer = require('../../utils/uniquer')
-
-module.exports = atRules => {
-  const all = atRules
-    .filter(({type}) => type === 'font-face')
-    .map(({declarations}) => declarations)
-
-  // Tricky bit: uniqueness will be based on the `src` of the @font-face
-  const allSrcValues = all.map(
-    declarations =>
-      declarations.find(descriptor => descriptor.property === 'src').value
-  )
-
-  // Once we have a list of unique @font-face sources,
-  // we'll map it back to the original rules again
-  const unique = uniquer(allSrcValues).unique.map(({count, value}) => {
-    return {
-      count,
-      value: all.find(declarations =>
-        declarations.find(descriptor => descriptor.value === value)
-      )
-    }
-  })
-
-  return {
-    total: all.length,
-    unique,
-    totalUnique: unique.length
-  }
-}

package/src/analyzer/atrules/imports.js

@@ -1,12 +0,0 @@
-const uniquer = require('../../utils/uniquer')
-
-module.exports = atRules => {
-  const all = atRules
-    .filter(rule => rule.type === 'import')
-    .map(rule => rule.params)
-
-  return {
-    total: all.length,
-    ...uniquer(all)
-  }
-}

package/src/analyzer/atrules/index.js

@@ -1,13 +0,0 @@
-module.exports = atRules => {
-  return {
-    charsets: require('./charsets')(atRules),
-    documents: require('./documents')(atRules),
-    fontfaces: require('./fontfaces')(atRules),
-    imports: require('./imports')(atRules),
-    keyframes: require('./keyframes')(atRules),
-    mediaqueries: require('./mediaqueries')(atRules),
-    namespaces: require('./namespaces')(atRules),
-    pages: require('./pages')(atRules),
-    supports: require('./supports')(atRules)
-  }
-}

package/src/analyzer/atrules/keyframes.js

@@ -1,19 +0,0 @@
-const isVendorPrefixed = require('is-vendor-prefixed')
-const uniquer = require('../../utils/uniquer')
-
-module.exports = atRules => {
-  const all = atRules.filter(rule => rule.type.includes('keyframes'))
-  const prefixed = all
-    .filter(rule => isVendorPrefixed(rule.type))
-    .map(rule => `@${rule.type} ${rule.params}`)
-
-  return {
-    total: all.length,
-    ...uniquer(all.map(rule => rule.params)),
-    prefixed: {
-      total: prefixed.length,
-      ...uniquer(prefixed),
-      share: prefixed.length === 0 ? 0 : all.length / prefixed.length
-    }
-  }
-}

package/src/analyzer/atrules/mediaqueries.js

@@ -1,19 +0,0 @@
-const isBrowserHack = require('css-media-query-browser-h4cks-analyzer')
-const uniquer = require('../../utils/uniquer')
-
-module.exports = atRules => {
-  const all = atRules
-    .filter(rule => rule.type === 'media')
-    .map(rule => rule.params)
-
-  const browserhacks = all.filter(isBrowserHack)
-
-  return {
-    total: all.length,
-    ...uniquer(all),
-    browserhacks: {
-      total: browserhacks.length,
-      ...uniquer(browserhacks)
-    }
-  }
-}

package/src/analyzer/atrules/namespaces.js

@@ -1,12 +0,0 @@
-const uniquer = require('../../utils/uniquer')
-
-module.exports = atRules => {
-  const all = atRules
-    .filter(rule => rule.type === 'namespace')
-    .map(rule => rule.params)
-
-  return {
-    total: all.length,
-    ...uniquer(all)
-  }
-}

package/src/analyzer/atrules/pages.js

@@ -1,12 +0,0 @@
-const uniquer = require('../../utils/uniquer')
-
-module.exports = atRules => {
-  const all = atRules
-    .filter(rule => rule.type === 'page')
-    .map(rule => rule.params)
-
-  return {
-    total: all.length,
-    ...uniquer(all)
-  }
-}

package/src/analyzer/atrules/supports.js

@@ -1,19 +0,0 @@
-const isBrowserHack = require('css-at-supports-browser-h4cks-analyzer')
-const uniquer = require('../../utils/uniquer')
-
-module.exports = atRules => {
-  const all = atRules
-    .filter(rule => rule.type === 'supports')
-    .map(rule => rule.params)
-
-  const browserhacks = all.filter(isBrowserHack)
-
-  return {
-    total: all.length,
-    ...uniquer(all),
-    browserhacks: {
-      total: browserhacks.length,
-      ...uniquer(browserhacks)
-    }
-  }
-}

package/src/analyzer/declarations/importants.js

@@ -1,8 +0,0 @@
-module.exports = declarations => {
-  const all = declarations.filter(value => value.important)
-
-  return {
-    total: all.length,
-    share: declarations.length === 0 ? 0 : all.length / declarations.length
-  }
-}

package/src/analyzer/declarations/index.js

@@ -1,13 +0,0 @@
-module.exports = declarations => {
-  const all = declarations
-  const totalUnique = new Set(
-    all.map(({property, value}) => `${property} : ${value}`)
-  ).size
-  const importants = require('./importants')(all)
-
-  return {
-    total: all.length,
-    totalUnique,
-    importants
-  }
-}

package/src/analyzer/index.js

@@ -1,39 +0,0 @@
-const flat = require('flat')
-const parser = require('../parser')
-
-function flattenObject(object) {
-  return flat(object, {safe: true})
-}
-
-module.exports = async rawCss => {
-  const css = await parser(rawCss)
-
-  const atrules = require('./atrules')(css.atRules)
-  const rules = require('./rules')(css.rules)
-  const selectors = require('./selectors')(css.selectors)
-  const declarations = require('./declarations')(css.declarations)
-  const properties = require('./properties')(css.declarations)
-  const values = require('./values')(css.declarations)
-  const stylesheets = require('./stylesheets')({
-    rawCss,
-    css,
-    atrules,
-    rules: css.rules,
-    selectors,
-    properties,
-    values,
-    declarations
-  })
-
-  return Promise.resolve(
-    flattenObject({
-      stylesheets,
-      atrules,
-      rules,
-      selectors,
-      declarations,
-      properties,
-      values
-    })
-  )
-}

package/src/analyzer/properties/browserhacks.js

@@ -1,13 +0,0 @@
-const isBrowserHack = require('css-property-browser-h4cks-analyzer')
-const uniquer = require('../../utils/uniquer')
-
-module.exports = properties => {
-  const all = properties.filter(isBrowserHack)
-  const {unique, totalUnique} = uniquer(all)
-
-  return {
-    total: all.length,
-    unique,
-    totalUnique
-  }
-}

package/src/analyzer/properties/index.js

@@ -1,15 +0,0 @@
-const uniquer = require('../../utils/uniquer.js')
-
-module.exports = declarations => {
-  const all = declarations.map(({property}) => property)
-
-  const prefixed = require('./prefixed.js')(all)
-  const browserhacks = require('./browserhacks.js')(all)
-
-  return {
-    total: all.length,
-    ...uniquer(all),
-    prefixed,
-    browserhacks
-  }
-}

package/src/analyzer/properties/prefixed.js

@@ -1,13 +0,0 @@
-const isVendorPrefixed = require('is-vendor-prefixed')
-const uniquer = require('../../utils/uniquer')
-
-module.exports = properties => {
-  const all = properties.filter(isVendorPrefixed)
-  const share = properties.length === 0 ? 0 : all.length / properties.length
-
-  return {
-    total: all.length,
-    ...uniquer(all),
-    share
-  }
-}

package/src/analyzer/rules/index.js

@@ -1,53 +0,0 @@
-const compareStrings = require('string-natural-compare')
-
-const isEmpty = rule => {
-  return rule.declarations.length === 0
-}
-
-module.exports = rules => {
-  const all = rules
-  const total = all.length
-  const empty = rules.filter(isEmpty)
-
-  // We only want to deal with rules that have selectors.
-  // While parsing the CSS we have stripped the 'selectors' from
-  // @keyframes, so we need to ignore the accompanying
-  // declarations here too
-  const rulesSortedBySelectorCount = [...all]
-    .filter(({selectors}) => selectors.length > 0)
-    .sort((a, b) => {
-      if (a.selectors.length === b.selectors.length) {
-        return compareStrings(a.selectors.join(''), b.selectors.join(''), {
-          caseInsensitive: true
-        })
-      }
-
-      return a.selectors.length - b.selectors.length
-    })
-  const ruleWithLeastSelectors = [...rulesSortedBySelectorCount].shift()
-  const ruleWithMostSelectors = [...rulesSortedBySelectorCount].pop()
-
-  const selectorsPerRule = all.map(({selectors}) => selectors.length)
-  const averageSelectorsPerRule =
-    total === 0
-      ? 0
-      : selectorsPerRule.reduce((acc, curr) => acc + curr, 0) / total
-
-  return {
-    total,
-    empty: {
-      total: empty.length
-    },
-    selectors: {
-      average: averageSelectorsPerRule,
-      minimum: {
-        count: total === 0 ? 0 : ruleWithLeastSelectors.selectors.length,
-        value: total === 0 ? [] : ruleWithLeastSelectors.selectors
-      },
-      maximum: {
-        count: total === 0 ? 0 : ruleWithMostSelectors.selectors.length,
-        value: total === 0 ? [] : ruleWithMostSelectors.selectors
-      }
-    }
-  }
-}

package/src/analyzer/selectors/accessibility.js

@@ -1,14 +0,0 @@
-const uniquer = require('../../utils/uniquer')
-
-function isA11ySelector(selector) {
-  return selector.includes('[aria-') || selector.includes('[role=')
-}
-
-module.exports = selectors => {
-  const all = selectors.filter(isA11ySelector)
-
-  return {
-    total: all.length,
-    ...uniquer(all)
-  }
-}

package/src/analyzer/selectors/browserhacks.js

@@ -1,11 +0,0 @@
-const isBrowserHack = require('css-selector-browser-h4cks-analyzer')
-const uniquer = require('../../utils/uniquer.js')
-
-module.exports = selectors => {
-  const all = selectors.filter(isBrowserHack)
-
-  return {
-    total: all.length,
-    ...uniquer(all)
-  }
-}

package/src/analyzer/selectors/complexity.js

@@ -1,44 +0,0 @@
-const selectorComplexity = require('css-selector-complexity')
-const uniquer = require('../../utils/uniquer')
-
-module.exports = selectors => {
-  const all = selectors.map(selector => {
-    let complexity = 0
-
-    try {
-      complexity = selectorComplexity(selector)
-    } catch (_) {
-      // Fail silently, ignoring the error
-    }
-
-    return {
-      selector,
-      complexity
-    }
-  })
-  const allComplexities = all.map(selector => selector.complexity)
-  const maxComplexity = all.length === 0 ? 0 : Math.max(...allComplexities)
-  const {
-    unique: mostComplexSelectors,
-    totalUnique: mostComplexSelectorsCount
-  } = uniquer(
-    all
-      .filter(({complexity}) => complexity === maxComplexity)
-      .map(({selector}) => selector)
-  )
-  const unique = uniquer(allComplexities)
-  const totalComplexity = allComplexities.reduce((acc, curr) => acc + curr, 0)
-  const averageComplexityPerSelector =
-    all.length === 0 ? 0 : totalComplexity / all.length
-
-  return {
-    max: {
-      value: maxComplexity,
-      selectors: mostComplexSelectors,
-      count: mostComplexSelectorsCount
-    },
-    average: averageComplexityPerSelector,
-    sum: totalComplexity,
-    ...unique
-  }
-}

package/src/analyzer/selectors/id.js

@@ -1,12 +0,0 @@
-const uniquer = require('../../utils/uniquer')
-
-const ID_REGEX = /(?![^[]*])#/
-
-module.exports = selectors => {
-  const all = selectors.filter(selector => ID_REGEX.test(selector))
-
-  return {
-    total: all.length,
-    ...uniquer(all)
-  }
-}

package/src/analyzer/selectors/index.js

@@ -1,23 +0,0 @@
-module.exports = selectors => {
-  const all = selectors
-  const unique = [...new Set(all)]
-  const js = require('./js.js')(all)
-  const id = require('./id.js')(all)
-  const universal = require('./universal.js')(all)
-  const accessibility = require('./accessibility.js')(all)
-  const specificity = require('./specificity.js')(all)
-  const complexity = require('./complexity.js')(all)
-  const browserhacks = require('./browserhacks.js')(all)
-
-  return {
-    total: all.length,
-    totalUnique: unique.length,
-    js,
-    id,
-    universal,
-    accessibility,
-    specificity,
-    complexity,
-    browserhacks
-  }
-}

package/src/analyzer/selectors/js.js

@@ -1,12 +0,0 @@
-const uniquer = require('../../utils/uniquer')
-
-const JS_REGEX = /[.|#(?:=")]js/i
-
-module.exports = selectors => {
-  const all = selectors.filter(selector => JS_REGEX.test(selector))
-
-  return {
-    total: all.length,
-    ...uniquer(all)
-  }
-}

package/src/analyzer/selectors/specificity.js

@@ -1,42 +0,0 @@
-const {compare, calculate} = require('specificity')
-const uniquer = require('../../utils/uniquer')
-
-module.exports = selectors => {
-  if (selectors.length === 0) {
-    return {
-      max: {
-        count: 0,
-        selectors: [],
-        value: null
-      },
-      top: []
-    }
-  }
-
-  const all = uniquer(selectors)
-    .unique.map(({value, count}) => {
-      const [a, b, c, d] = calculate(value).shift().specificityArray
-
-      return {
-        count,
-        value,
-        specificity: {a, b, c, d}
-      }
-    })
-    .sort((a, b) => compare(b.value, a.value))
-
-  const [maxSpecificitySelector] = all
-  const maxSpecificity = maxSpecificitySelector.specificity
-  const maxSpecificitySelectors = all.filter(
-    selector => compare(selector.value, maxSpecificitySelector.value) === 0
-  )
-
-  return {
-    top: [...all].slice(0, 5),
-    max: {
-      value: maxSpecificity,
-      count: maxSpecificitySelectors.length,
-      selectors: maxSpecificitySelectors
-    }
-  }
-}

package/src/analyzer/selectors/universal.js

@@ -1,13 +0,0 @@
-const uniquer = require('../../utils/uniquer')
-
-const UNIVERSAL_REGEX = /(?![^[]*])\*/
-
-module.exports = selectors => {
-  const all = selectors
-    .filter(selector => UNIVERSAL_REGEX.test(selector))
-
-  return {
-    total: all.length,
-    ...uniquer(all)
-  }
-}

package/src/analyzer/stylesheets/browserhacks.js

@@ -1,15 +0,0 @@
-module.exports = (atrules, selectors, properties, values) => {
-  return [atrules.mediaqueries, atrules.supports, selectors, properties, values]
-    .map(metric => metric.browserhacks)
-    .reduce(
-      (totals, current) => {
-        totals.total += current.total
-        totals.totalUnique += current.totalUnique
-        return totals
-      },
-      {
-        total: 0,
-        totalUnique: 0
-      }
-    )
-}

package/src/analyzer/stylesheets/cohesion.js

@@ -1,30 +0,0 @@
-module.exports = rules => {
-  const totalRules = rules.length
-  const totalDeclarations =
-    totalRules === 0
-      ? 0
-      : rules.reduce((acc, curr) => acc + curr.declarations.length, 0)
-  const rulesSortedByDeclarationCount = rules.sort(
-    (a, b) => b.declarations.length - a.declarations.length
-  )
-
-  if (totalRules === 0 || totalDeclarations === 0) {
-    return {
-      average: 0,
-      min: {
-        count: 0,
-        value: null
-      }
-    }
-  }
-
-  const [ruleWithMostDeclarations] = rulesSortedByDeclarationCount
-
-  return {
-    average: totalDeclarations / totalRules,
-    min: {
-      count: ruleWithMostDeclarations.declarations.length,
-      value: ruleWithMostDeclarations
-    }
-  }
-}

package/src/analyzer/stylesheets/index.js

@@ -1,33 +0,0 @@
-module.exports = ({
-  rawCss,
-  css,
-  atrules,
-  rules,
-  selectors,
-  properties,
-  values
-}) => {
-  const size = require('./size.js')(rawCss)
-  const simplicity = require('./simplicity.js')(rules, selectors)
-  const cohesion = require('./cohesion.js')(rules)
-  const browserhacks = require('./browserhacks.js')(
-    atrules,
-    selectors,
-    properties,
-    values
-  )
-  const linesOfCode = require('./lines-of-code')({
-    rawCss,
-    atRules: css.atRules,
-    selectors: css.selectors,
-    declarations: css.declarations
-  })
-
-  return {
-    size,
-    simplicity,
-    cohesion,
-    browserhacks,
-    linesOfCode
-  }
-}

package/src/analyzer/stylesheets/lines-of-code.js

@@ -1,14 +0,0 @@
-const splitLines = require('split-lines')
-
-module.exports = ({rawCss, atRules, selectors, declarations}) => {
-  const totalLinesOfCode = splitLines(rawCss).length
-  const totalSourceLinesOfCode =
-    atRules.length + selectors.length + declarations.length
-
-  return {
-    total: totalLinesOfCode,
-    sourceLinesOfCode: {
-      total: totalSourceLinesOfCode
-    }
-  }
-}

package/src/analyzer/stylesheets/simplicity.js

@@ -1,7 +0,0 @@
-module.exports = (rules, selectors) => {
-  if (selectors.total === 0) {
-    return 0
-  }
-
-  return rules.length / selectors.total
-}

package/src/analyzer/stylesheets/size.js

@@ -1,27 +0,0 @@
-const gzipSize = require('gzip-size')
-
-function getCompressionRatio(rawSize, compressedSize) {
-  if (rawSize === 0 || compressedSize === 0) {
-    return 0
-  }
-
-  // eslint-disable-next-line no-mixed-operators
-  return 1 - compressedSize / rawSize
-}
-
-module.exports = rawCss => {
-  const rawBytes = Buffer.byteLength(rawCss, 'utf8')
-  const gzipBytes = gzipSize.sync(rawCss)
-
-  return {
-    uncompressed: {
-      totalBytes: rawBytes
-    },
-    compressed: {
-      gzip: {
-        totalBytes: gzipBytes,
-        compressionRatio: getCompressionRatio(rawBytes, gzipBytes)
-      }
-    }
-  }
-}