@projectwallace/css-code-quality 1.0.3 → 2.0.0

package/dist/core.d.ts

@@ -1,56 +1,92 @@
-/**
- * @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} analysis
- */
+/** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} analysis */
 export function calculate(analysis: ReturnType<typeof import('@projectwallace/css-analyzer').analyze>): {
-    /** @deprecated */
-    score: number;
-    violations: {
+    violations: ({
         id: string;
         score: number;
         value: number;
-    }[];
-    passes: {
+    } | {
+        id: string;
+        score: number;
+        value: number | undefined;
+        actuals: number[];
+    })[];
+    passes: ({
         id: string;
         score: number;
         value: number;
-    }[];
+    } | {
+        id: string;
+        score: number;
+        value: number | undefined;
+        actuals: number[];
+    })[];
     performance: {
         score: number;
-        violations: {
+        violations: ({
             id: string;
             score: number;
             value: number;
-        }[];
-        passes: {
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
+        passes: ({
             id: string;
             score: number;
             value: number;
-        }[];
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
     };
     maintainability: {
         score: number;
-        violations: {
+        violations: ({
             id: string;
             score: number;
             value: number;
-        }[];
-        passes: {
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
+        passes: ({
             id: string;
             score: number;
             value: number;
-        }[];
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
     };
     complexity: {
         score: number;
-        violations: {
+        violations: ({
             id: string;
             score: number;
             value: number;
-        }[];
-        passes: {
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
+        passes: ({
             id: string;
             score: number;
             value: number;
-        }[];
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
     };
 };

package/dist/css-code-quality.js

@@ -31,9 +31,9 @@ const m = [
     const s = {
       id: "DeclarationDuplications",
       score: 0,
-      value: 1 - e.declarations.unique.ratio
+      value: 1 - e.declarations.uniquenessRatio
     };
-    return e.declarations.unique.ratio < 0.66 && (s.score = Math.floor((1 - e.declarations.unique.ratio) * 10)), s;
+    return e.declarations.uniquenessRatio < 0.66 && (s.score = Math.floor((1 - e.declarations.uniquenessRatio) * 10)), s;
   },
   // The total amount of CSS should not be too high
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
@@ -61,8 +61,7 @@ const m = [
     return {
       id: "TooMuchEmbeddedContent",
       score: Math.min(20, Math.floor(s.total / 250)),
-      value: s.total,
-      actuals: Object.keys(e.stylesheet.embeddedContent.unique)
+      value: s.total
     };
   }
 ], u = [
@@ -113,32 +112,33 @@ const m = [
   // Max number of Selectors per Rule should be low
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
   (e) => {
-    const o = {
+    let o = e.rules.selectors.max || 0;
+    const t = {
       id: "MaxSelectorsPerRule",
       score: 0,
-      value: e.rules.selectors.max,
+      value: o,
       actuals: e.rules.selectors.items
     };
-    if (e.rules.selectors.max > 10) {
-      const t = Math.ceil((e.rules.selectors.max - 10) * 0.5);
-      o.score = Math.min(t, 15);
+    if (o > 10) {
+      const c = Math.ceil((o - 10) * 0.5);
+      t.score = Math.min(c, 15);
     }
-    return o;
+    return t;
   },
   // Max number of Declarations per Rule should be low
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
   (e) => {
-    const o = {
+    const o = e.rules.declarations.max || 0, t = {
       id: "MaxDeclarationsPerRule",
       score: 0,
-      value: e.rules.declarations.max,
+      value: o,
       actuals: e.rules.declarations.items
     };
-    if (e.rules.declarations.max > 10) {
-      const t = Math.ceil((e.rules.declarations.max - 10) * 0.5);
-      o.score = Math.min(15, t);
+    if (o > 10) {
+      const c = Math.ceil((o - 10) * 0.5);
+      t.score = Math.min(15, c);
     }
-    return o;
+    return t;
   },
   // Number of Selectors per RuleSet should not differ too much from the most common amount of
   // Selectors per RuleSet
@@ -191,22 +191,22 @@ const m = [
   // Specificity per Selector should not differ too much from the most common Specificity
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
   (e) => {
-    const s = e.selectors.specificity.mode, o = e.selectors.specificity.items.filter((c) => i(c, s) < 0).length, t = {
+    const s = e.selectors.specificity.mode, t = e.selectors.specificity.items.filter((a) => i(a, s) < 0).length, c = {
       id: "MoreThanMostCommonSelectorSpecificity",
       score: 0,
-      value: e.selectors.total === 0 ? 0 : o / e.selectors.total,
+      value: e.selectors.total === 0 ? 0 : t / e.selectors.total,
       actuals: e.selectors.specificity.items
     };
-    if (o > e.selectors.total * 0.1) {
-      const c = Math.floor(o * 0.01);
-      t.score = Math.min(10, c);
+    if (t > e.selectors.total * 0.1) {
+      const a = Math.floor(t * 0.01);
+      c.score = Math.min(10, a);
     }
-    return t;
+    return c;
   },
   // Maximum Selector Complexity should be low
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
   (e) => {
-    const o = e.selectors.complexity.max, t = {
+    const o = e.selectors.complexity.max || 0, t = {
       id: "MaxSelectorComplexity",
       score: 0,
       value: e.selectors.complexity.max,
@@ -262,11 +262,11 @@ const m = [
     return t;
   }
 ];
-function r(e, s) {
+function n(e, s) {
   let o = 100, t = [], c = [];
-  for (const n of s) {
-    const a = n(e);
-    a.score > 0 ? (o -= a.score, t.push(a)) : c.push(a);
+  for (const a of s) {
+    const r = a(e);
+    r.score > 0 ? (o -= r.score, t.push(r)) : c.push(r);
   }
   return {
     score: Math.max(o, 0),
@@ -274,11 +274,9 @@ function r(e, s) {
     passes: c
   };
 }
-function d(e) {
-  const s = r(e, m), o = r(e, u), t = r(e, E);
+function L(e) {
+  const s = n(e, m), o = n(e, u), t = n(e, E);
   return {
-    /** @deprecated */
-    score: 0,
     violations: s.violations.concat(o.violations).concat(t.violations),
     passes: s.passes.concat(o.passes).concat(t.passes),
     performance: s,
@@ -286,10 +284,10 @@ function d(e) {
     complexity: t
   };
 }
-function M(e) {
+function d(e) {
   const s = l(e);
-  return d(s);
+  return L(s);
 }
 export {
-  M as calculate
+  d as calculate
 };

package/dist/css-code-quality.umd.cjs

@@ -1 +1 @@
-(function(a,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@projectwallace/css-analyzer")):typeof define=="function"&&define.amd?define(["exports","@projectwallace/css-analyzer"],r):(a=typeof globalThis<"u"?globalThis:a||self,r(a.cssCodeQuality={},a.cssAnalyzer))})(this,function(a,r){"use strict";const l=[e=>({id:"Imports",score:e.atrules.import.total*10,value:e.atrules.import.total,actuals:Object.keys(e.atrules.import.unique)}),e=>({id:"EmptyRules",score:e.rules.empty.total,value:e.rules.empty.total}),e=>{const s={id:"SelectorDuplications",score:0,value:1-e.selectors.uniquenessRatio};return e.selectors.uniquenessRatio<.66&&(s.score=Math.floor((1-e.selectors.uniquenessRatio)*10)),s},e=>{const s={id:"DeclarationDuplications",score:0,value:1-e.declarations.unique.ratio};return e.declarations.unique.ratio<.66&&(s.score=Math.floor((1-e.declarations.unique.ratio)*10)),s},e=>({id:"CssSize",score:e.stylesheet.size>2e5?5:0,value:e.stylesheet.size}),e=>{const{comments:s}=e.stylesheet;return{id:"TooMuchComments",score:Math.min(10,Math.floor(s.size/250)),value:s.size}},e=>{const{size:s}=e.stylesheet.embeddedContent;return{id:"TooMuchEmbeddedContent",score:Math.min(20,Math.floor(s.total/250)),value:s.total,actuals:Object.keys(e.stylesheet.embeddedContent.unique)}}],u=[e=>{const s={id:"SourceLinesOfCode",score:0,value:e.stylesheet.sourceLinesOfCode};if(e.stylesheet.sourceLinesOfCode>1e4){const o=Math.floor((e.stylesheet.sourceLinesOfCode-1e4)/1e3);s.score=Math.min(15,o)}return s},e=>{const o=e.rules.selectors.mean,t={id:"AverageSelectorsPerRule",score:0,value:o,actuals:e.rules.selectors.items};if(o>2){const c=Math.floor((o-2)*5);t.score=Math.min(15,c)}return t},e=>{const o={id:"AverageDeclarationsPerRule",score:0,value:e.rules.declarations.mean,actuals:e.rules.declarations.items};if(e.rules.declarations.mean>5){const t=Math.floor((e.rules.declarations.mean-5)*5);o.score=Math.min(15,t)}return o},e=>{const o={id:"MaxSelectorsPerRule",score:0,value:e.rules.selectors.max,actuals:e.rules.selectors.items};if(e.rules.selectors.max>10){const t=Math.ceil((e.rules.selectors.max-10)*.5);o.score=Math.min(t,15)}return o},e=>{const o={id:"MaxDeclarationsPerRule",score:0,value:e.rules.declarations.max,actuals:e.rules.declarations.items};if(e.rules.declarations.max>10){const t=Math.ceil((e.rules.declarations.max-10)*.5);o.score=Math.min(15,t)}return o},e=>{const s=e.rules.selectors.mode,o=e.rules.selectors.items.filter(c=>c>s).length,t={id:"MoreThanMostCommonSelectorsPerRule",score:0,value:e.rules.selectors.mode,actuals:e.rules.selectors.items};if(o>e.rules.total*.1){const c=Math.floor(o*.01);t.score=Math.min(15,c)}return t},e=>{const s=e.rules.selectors.mode,o=e.rules.declarations.items.filter(c=>c>s).length,t={id:"MoreThanMostCommonDeclarationsPerRule",score:0,value:e.rules.declarations.mode,actuals:e.rules.declarations.items};if(o>e.rules.total*.1){const c=Math.floor(o*.01);t.score=Math.min(15,c)}return t}],m=[e=>{const s=e.selectors.complexity.mode,o=e.selectors.complexity.items.filter(c=>c>s).length,t={id:"MoreThanMostCommonSelectorComplexity",score:0,value:e.selectors.total===0?0:o/e.selectors.total,actuals:e.selectors.complexity.items};if(o>e.selectors.total*.1){const c=Math.floor(o*.01);t.score=Math.min(10,c)}return t},e=>{const s=e.selectors.specificity.mode,o=e.selectors.specificity.items.filter(c=>r.compareSpecificity(c,s)<0).length,t={id:"MoreThanMostCommonSelectorSpecificity",score:0,value:e.selectors.total===0?0:o/e.selectors.total,actuals:e.selectors.specificity.items};if(o>e.selectors.total*.1){const c=Math.floor(o*.01);t.score=Math.min(10,c)}return t},e=>{const o=e.selectors.complexity.max,t={id:"MaxSelectorComplexity",score:0,value:e.selectors.complexity.max,actuals:e.selectors.complexity.items};if(o>5){const c=Math.ceil((o-5)*.5);t.score=Math.min(5,c)}return t},e=>{const o=e.selectors.complexity.mean,t={id:"AverageSelectorComplexity",score:0,value:o,actuals:e.selectors.complexity.items};if(o>2){const c=Math.ceil((o-2)*2);t.score=Math.min(10,c)}return t},e=>{const o=e.selectors.id.ratio,t={id:"IdSelectorRatio",score:0,value:o,actuals:Object.keys(e.selectors.id.unique)};if(o>.01){const c=Math.floor((o-.01)*10);t.score=Math.min(c,5)}return t},e=>{const o=e.declarations.importants.ratio,t={id:"ImportantRatio",score:0,value:o,actuals:e.declarations.importants.total};if(o>.01){const c=Math.floor((o-.01)*10);t.score=Math.min(c,5)}return t}];function i(e,s){let o=100,t=[],c=[];for(const M of s){const n=M(e);n.score>0?(o-=n.score,t.push(n)):c.push(n)}return{score:Math.max(o,0),violations:t,passes:c}}function E(e){const s=i(e,l),o=i(e,u),t=i(e,m);return{score:0,violations:s.violations.concat(o.violations).concat(t.violations),passes:s.passes.concat(o.passes).concat(t.passes),performance:s,maintainability:o,complexity:t}}function d(e){const s=r.analyze(e);return E(s)}a.calculate=d,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+(function(a,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@projectwallace/css-analyzer")):typeof define=="function"&&define.amd?define(["exports","@projectwallace/css-analyzer"],r):(a=typeof globalThis<"u"?globalThis:a||self,r(a.cssCodeQuality={},a.cssAnalyzer))})(this,function(a,r){"use strict";const u=[e=>({id:"Imports",score:e.atrules.import.total*10,value:e.atrules.import.total,actuals:Object.keys(e.atrules.import.unique)}),e=>({id:"EmptyRules",score:e.rules.empty.total,value:e.rules.empty.total}),e=>{const s={id:"SelectorDuplications",score:0,value:1-e.selectors.uniquenessRatio};return e.selectors.uniquenessRatio<.66&&(s.score=Math.floor((1-e.selectors.uniquenessRatio)*10)),s},e=>{const s={id:"DeclarationDuplications",score:0,value:1-e.declarations.uniquenessRatio};return e.declarations.uniquenessRatio<.66&&(s.score=Math.floor((1-e.declarations.uniquenessRatio)*10)),s},e=>({id:"CssSize",score:e.stylesheet.size>2e5?5:0,value:e.stylesheet.size}),e=>{const{comments:s}=e.stylesheet;return{id:"TooMuchComments",score:Math.min(10,Math.floor(s.size/250)),value:s.size}},e=>{const{size:s}=e.stylesheet.embeddedContent;return{id:"TooMuchEmbeddedContent",score:Math.min(20,Math.floor(s.total/250)),value:s.total}}],m=[e=>{const s={id:"SourceLinesOfCode",score:0,value:e.stylesheet.sourceLinesOfCode};if(e.stylesheet.sourceLinesOfCode>1e4){const o=Math.floor((e.stylesheet.sourceLinesOfCode-1e4)/1e3);s.score=Math.min(15,o)}return s},e=>{const o=e.rules.selectors.mean,t={id:"AverageSelectorsPerRule",score:0,value:o,actuals:e.rules.selectors.items};if(o>2){const c=Math.floor((o-2)*5);t.score=Math.min(15,c)}return t},e=>{const o={id:"AverageDeclarationsPerRule",score:0,value:e.rules.declarations.mean,actuals:e.rules.declarations.items};if(e.rules.declarations.mean>5){const t=Math.floor((e.rules.declarations.mean-5)*5);o.score=Math.min(15,t)}return o},e=>{let o=e.rules.selectors.max||0;const t={id:"MaxSelectorsPerRule",score:0,value:o,actuals:e.rules.selectors.items};if(o>10){const c=Math.ceil((o-10)*.5);t.score=Math.min(c,15)}return t},e=>{const o=e.rules.declarations.max||0,t={id:"MaxDeclarationsPerRule",score:0,value:o,actuals:e.rules.declarations.items};if(o>10){const c=Math.ceil((o-10)*.5);t.score=Math.min(15,c)}return t},e=>{const s=e.rules.selectors.mode,o=e.rules.selectors.items.filter(c=>c>s).length,t={id:"MoreThanMostCommonSelectorsPerRule",score:0,value:e.rules.selectors.mode,actuals:e.rules.selectors.items};if(o>e.rules.total*.1){const c=Math.floor(o*.01);t.score=Math.min(15,c)}return t},e=>{const s=e.rules.selectors.mode,o=e.rules.declarations.items.filter(c=>c>s).length,t={id:"MoreThanMostCommonDeclarationsPerRule",score:0,value:e.rules.declarations.mode,actuals:e.rules.declarations.items};if(o>e.rules.total*.1){const c=Math.floor(o*.01);t.score=Math.min(15,c)}return t}],E=[e=>{const s=e.selectors.complexity.mode,o=e.selectors.complexity.items.filter(c=>c>s).length,t={id:"MoreThanMostCommonSelectorComplexity",score:0,value:e.selectors.total===0?0:o/e.selectors.total,actuals:e.selectors.complexity.items};if(o>e.selectors.total*.1){const c=Math.floor(o*.01);t.score=Math.min(10,c)}return t},e=>{const s=e.selectors.specificity.mode,t=e.selectors.specificity.items.filter(n=>r.compareSpecificity(n,s)<0).length,c={id:"MoreThanMostCommonSelectorSpecificity",score:0,value:e.selectors.total===0?0:t/e.selectors.total,actuals:e.selectors.specificity.items};if(t>e.selectors.total*.1){const n=Math.floor(t*.01);c.score=Math.min(10,n)}return c},e=>{const o=e.selectors.complexity.max||0,t={id:"MaxSelectorComplexity",score:0,value:e.selectors.complexity.max,actuals:e.selectors.complexity.items};if(o>5){const c=Math.ceil((o-5)*.5);t.score=Math.min(5,c)}return t},e=>{const o=e.selectors.complexity.mean,t={id:"AverageSelectorComplexity",score:0,value:o,actuals:e.selectors.complexity.items};if(o>2){const c=Math.ceil((o-2)*2);t.score=Math.min(10,c)}return t},e=>{const o=e.selectors.id.ratio,t={id:"IdSelectorRatio",score:0,value:o,actuals:Object.keys(e.selectors.id.unique)};if(o>.01){const c=Math.floor((o-.01)*10);t.score=Math.min(c,5)}return t},e=>{const o=e.declarations.importants.ratio,t={id:"ImportantRatio",score:0,value:o,actuals:e.declarations.importants.total};if(o>.01){const c=Math.floor((o-.01)*10);t.score=Math.min(c,5)}return t}];function l(e,s){let o=100,t=[],c=[];for(const n of s){const i=n(e);i.score>0?(o-=i.score,t.push(i)):c.push(i)}return{score:Math.max(o,0),violations:t,passes:c}}function d(e){const s=l(e,u),o=l(e,m),t=l(e,E);return{violations:s.violations.concat(o.violations).concat(t.violations),passes:s.passes.concat(o.passes).concat(t.passes),performance:s,maintainability:o,complexity:t}}function M(e){const s=r.analyze(e);return d(s)}a.calculate=M,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -2,54 +2,93 @@
  * @param {string} css
  */
 export function calculate(css: string): {
-    score: number;
-    violations: {
+    violations: ({
         id: string;
         score: number;
         value: number;
-    }[];
-    passes: {
+    } | {
+        id: string;
+        score: number;
+        value: number | undefined;
+        actuals: number[];
+    })[];
+    passes: ({
         id: string;
         score: number;
         value: number;
-    }[];
+    } | {
+        id: string;
+        score: number;
+        value: number | undefined;
+        actuals: number[];
+    })[];
     performance: {
         score: number;
-        violations: {
+        violations: ({
             id: string;
             score: number;
             value: number;
-        }[];
-        passes: {
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
+        passes: ({
             id: string;
             score: number;
             value: number;
-        }[];
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
     };
     maintainability: {
         score: number;
-        violations: {
+        violations: ({
             id: string;
             score: number;
             value: number;
-        }[];
-        passes: {
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
+        passes: ({
             id: string;
             score: number;
             value: number;
-        }[];
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
     };
     complexity: {
         score: number;
-        violations: {
+        violations: ({
             id: string;
             score: number;
             value: number;
-        }[];
-        passes: {
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
+        passes: ({
             id: string;
             score: number;
             value: number;
-        }[];
+        } | {
+            id: string;
+            score: number;
+            value: number | undefined;
+            actuals: number[];
+        })[];
     };
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@projectwallace/css-code-quality",
   "description": "Calculate the Code Quality score of your CSS based on a range of different quality guards",
-  "version": "1.0.3",
+  "version": "2.0.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:projectwallace/css-code-quality.git"
@@ -51,12 +51,12 @@
     "check": "tsc --noEmit"
   },
   "dependencies": {
-    "@projectwallace/css-analyzer": "^5.14.0"
+    "@projectwallace/css-analyzer": "^6.0.0"
   },
   "devDependencies": {
-    "typescript": "^5.4.5",
+    "typescript": "^5.7.3",
     "uvu": "^0.5.6",
-    "vite": "^5.2.12",
-    "vite-plugin-dts": "^3.9.1"
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.0"
   }
 }

package/src/complexity.js

@@ -29,8 +29,10 @@ export const guards = [
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
   result => {
     const mode = result.selectors.specificity.mode
-    const selectorsAboveMode = result.selectors.specificity.items
-      .filter(c => compareSpecificity(c, mode) < 0)
+    /** @type {import('@projectwallace/css-analyzer').Specificity[]} */
+    // @ts-expect-error css-analyzer type is incorrect
+    const items = result.selectors.specificity.items
+    const selectorsAboveMode = items.filter(c => compareSpecificity(c, mode) < 0)
       .length
 
     const outcome = {
@@ -52,7 +54,7 @@ export const guards = [
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
   result => {
     const MAX_SELECTOR_COMPLEXITY = 5
-    const actual = result.selectors.complexity.max
+    const actual = result.selectors.complexity.max || 0
 
     const outcome = {
       id: 'MaxSelectorComplexity',

package/src/core.js

@@ -29,17 +29,13 @@ function calculateScore(result, guards) {
 	}
 }
 
-/**
- * @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} analysis
- */
+/** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} analysis */
 export function calculate(analysis) {
 	const performance = calculateScore(analysis, performanceGuards)
 	const maintainability = calculateScore(analysis, maintainabilityGuards)
 	const complexity = calculateScore(analysis, complexityGuards)
 
 	return {
-		/** @deprecated */
-		score: 0,
 		violations: performance.violations
 			.concat(maintainability.violations)
 			.concat(complexity.violations),

package/src/maintainability.js

@@ -65,17 +65,18 @@ export const guards = [
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
   result => {
     const MAX_SELECTORS_PER_RULESET = 10
+    let max = result.rules.selectors.max || 0
 
     const outcome = {
       id: 'MaxSelectorsPerRule',
       score: 0,
-      value: result.rules.selectors.max,
+      value: max,
       actuals: result.rules.selectors.items,
     }
 
     // Deduct 0.5 points per selectors over 10
-    if (result.rules.selectors.max > MAX_SELECTORS_PER_RULESET) {
-      const score = Math.ceil((result.rules.selectors.max - MAX_SELECTORS_PER_RULESET) * 0.5)
+    if (max > MAX_SELECTORS_PER_RULESET) {
+      const score = Math.ceil((max - MAX_SELECTORS_PER_RULESET) * 0.5)
       outcome.score = Math.min(score, 15)
     }
 
@@ -86,17 +87,18 @@ export const guards = [
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
   result => {
     const MAX_DECLARATIONS_PER_RULESET = 10
+    const max = result.rules.declarations.max || 0
 
     const outcome = {
       id: 'MaxDeclarationsPerRule',
       score: 0,
-      value: result.rules.declarations.max,
+      value: max,
       actuals: result.rules.declarations.items,
     }
 
     // Deduct 0.5 points per declarations over 10
-    if (result.rules.declarations.max > MAX_DECLARATIONS_PER_RULESET) {
-      const score = Math.ceil((result.rules.declarations.max - MAX_DECLARATIONS_PER_RULESET) * 0.5)
+    if (max > MAX_DECLARATIONS_PER_RULESET) {
+      const score = Math.ceil((max - MAX_DECLARATIONS_PER_RULESET) * 0.5)
       outcome.score = Math.min(15, score)
     }
 

package/src/performance.js

@@ -39,11 +39,11 @@ export const guards = [
     const outcome = {
       id: 'DeclarationDuplications',
       score: 0,
-      value: 1 - result.declarations.unique.ratio,
+      value: 1 - result.declarations.uniquenessRatio,
     }
 
-    if (result.declarations.unique.ratio < 0.66) {
-      outcome.score = Math.floor((1 - result.declarations.unique.ratio) * 10)
+    if (result.declarations.uniquenessRatio < 0.66) {
+      outcome.score = Math.floor((1 - result.declarations.uniquenessRatio) * 10)
     }
 
     return outcome
@@ -72,13 +72,12 @@ export const guards = [
   // Should not contain too much embedded content
   // Deduct 1 point for every 250 bytes
   /** @param {ReturnType<import('@projectwallace/css-analyzer').analyze>} result */
-  result => {
+  (result) => {
     const { size } = result.stylesheet.embeddedContent
     return {
       id: 'TooMuchEmbeddedContent',
       score: Math.min(20, Math.floor(size.total / 250)),
       value: size.total,
-      actuals: Object.keys(result.stylesheet.embeddedContent.unique),
     }
   },
 ]