npm - @askviraj/linter - Versions diffs - 1.1.5 → 1.1.6 - Mend

@askviraj/linter 1.1.5 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (814) hide show

package/node_modules/@rviscomi/capo.js/src/extension/README.md CHANGED Viewed

@@ -9,17 +9,19 @@ This extension is built from source using Node.js and Parcel. Follow these steps
 ### Requirements
 - **Operating System:** macOS, Linux, or Windows.
-- **Environment:**
+- **Environment:**
   - **Node.js:** v18.0.0 or higher (v22.x recommended).
   - **npm:** v9.0.0 or higher (v10.x recommended).
 ### 1. Installation of Prerequisites
 If Node.js and npm are not installed:
 - **macOS (via Homebrew):** `brew install node`
 - **Windows / Linux:** Download the installer from [nodejs.org](https://nodejs.org/).
 Verify installation:
 ```bash
 node -v
 npm -v
@@ -42,6 +44,7 @@ npm run build
 ```
 This runs:
 - `npm run build:cjs`: Compiles CommonJS bundles using `esbuild`.
 - `parcel build`: Compiles, bundles, and minifies the extension source code (`src/extension/capo.js` and `src/extension/options.js`) using `Parcel`.
 - `node scripts/build-extension.js`: Copies static files, generates the Firefox-compatible manifest, and packages them.
@@ -49,5 +52,6 @@ This runs:
 ### 4. Locate Build Outputs
 Once the build is complete:
 - The compiled Firefox extension files will be in `dist/firefox/`.
 - The final zip package submitted to Mozilla is located at `dist/firefox.zip`.

package/node_modules/@rviscomi/capo.js/src/extension/background.js CHANGED Viewed

@@ -1,5 +1,5 @@
 chrome.runtime.onInstalled.addListener(function (details) {
-  if (details.reason == "install") {
+  if (details.reason === "install") {
     chrome.tabs.create({
       url: "https://rviscomi.github.io/capo.js/user/extension/?utm_source=installed&utm_medium=extension&utm_campaign=capo",
     });

package/node_modules/@rviscomi/capo.js/src/extension/capo.css CHANGED Viewed

@@ -12,7 +12,7 @@ body {
 }
 .capo-head-element {
-  content: '';
+  content: "";
   width: 100%;
   height: 30px;
   box-sizing: border-box;
@@ -26,12 +26,7 @@ body {
     rgba(255, 0, 0, 0.3) 6px
   );
 }
-.capo-head-element.invalid:is(
-  [data-weight="10"],
-  [data-weight="9"],
-  [data-weight="8"],
-  [data-weight="7"]
-) {
+.capo-head-element.invalid:is([data-weight="10"], [data-weight="9"], [data-weight="8"], [data-weight="7"]) {
   background-image: repeating-linear-gradient(
     45deg,
     rgba(255, 255, 255, 0.3),
@@ -39,10 +34,8 @@ body {
     rgba(0, 0, 0, 0) 3px,
     rgba(0, 0, 0, 0) 6px
   );
-}.capo-head-element.invalid:is(
-  [data-weight="2"],
-  [data-weight="1"]
-) {
+}
+.capo-head-element.invalid:is([data-weight="2"], [data-weight="1"]) {
   background-image: repeating-linear-gradient(
     45deg,
     rgba(255, 255, 255, 0.3),

package/node_modules/@rviscomi/capo.js/src/extension/capo.html CHANGED Viewed

@@ -1,7 +1,7 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <link rel="stylesheet" href="capo.css">
+    <link rel="stylesheet" href="capo.css" />
   </head>
   <body>
     <div id="actual" class="capo-container"></div>

package/node_modules/@rviscomi/capo.js/src/extension/capo.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { analyzeHead } from "@rviscomi/capo.js";
-import { BrowserAdapter } from "@rviscomi/capo.js/adapters/browser";
-import { IO } from "@rviscomi/capo.js/lib/io";
-import { Options } from "@rviscomi/capo.js/lib/options";
+import { analyzeHead } from "../index.js";
+import { BrowserAdapter } from "../adapters/browser.js";
+import { IO } from "../lib/io.js";
+import { Options } from "../lib/options.js";
 /**
  * @param {any} obj
@@ -13,7 +13,7 @@ function sanitizeForStorage(obj, io) {
     return obj;
   }
   if (typeof obj === "object" && (obj.nodeType || (typeof Element !== "undefined" && obj instanceof Element))) {
-    return io ? io.stringifyElement(obj) : (obj.outerHTML || obj.tagName || String(obj));
+    return io ? io.stringifyElement(obj) : obj.outerHTML || obj.tagName || String(obj);
   }
   if (obj instanceof Date) {
     return obj.toString();
@@ -25,7 +25,12 @@ function sanitizeForStorage(obj, io) {
     /** @type {Record<string, any>} */
     const clean = {};
     for (const [key, value] of Object.entries(obj)) {
-      if (key === "element" && value && typeof value === "object" && (value.nodeType || (typeof Element !== "undefined" && value instanceof Element))) {
+      if (
+        key === "element" &&
+        value &&
+        typeof value === "object" &&
+        (value.nodeType || (typeof Element !== "undefined" && value instanceof Element))
+      ) {
         continue;
       }
       clean[key] = sanitizeForStorage(value, io);
@@ -48,18 +53,16 @@ async function run(io) {
   const headWeights = io.logAnalysis(result);
   return {
-    actual: headWeights.map(
-      ({ element, weight, isValid, customValidations }) => {
-        return {
-          weight,
-          color: io.getColor(weight),
-          selector: io.stringifyElement(element),
-          html: element.innerHTML,
-          isValid: Boolean(isValid),
-          customValidations: sanitizeForStorage(customValidations, io),
-        };
-      }
-    ),
+    actual: headWeights.map(({ element, weight, isValid, customValidations }) => {
+      return {
+        weight,
+        color: io.getColor(weight),
+        selector: io.stringifyElement(element),
+        html: element.innerHTML,
+        isValid: Boolean(isValid),
+        customValidations: sanitizeForStorage(customValidations, io),
+      };
+    }),
   };
 }

package/node_modules/@rviscomi/capo.js/src/extension/chrome.js CHANGED Viewed

@@ -74,14 +74,7 @@ function print(result) {
  * @param {any} params.customValidations
  * @returns {HTMLSpanElement}
  */
-function getCapoHeadElement({
-  weight,
-  color,
-  selector,
-  html,
-  isValid,
-  customValidations,
-}) {
+function getCapoHeadElement({ weight, color, selector, html, isValid, customValidations }) {
   const span = document.createElement("span");
   span.classList.add("capo-head-element");
   span.classList.toggle("invalid", !isValid);
@@ -101,7 +94,7 @@ async function handleCapoClick(event) {
   const target = /** @type {HTMLElement} */ (event.target);
   if (!target || !target.dataset) return;
   const { weight, selector, html } = target.dataset;
-  const customValidations = JSON.parse(target.dataset.customValidations || '{}');
+  const customValidations = JSON.parse(target.dataset.customValidations || "{}");
   const isValid = !target.classList.contains("invalid");
   await chrome.storage.local.set({

package/node_modules/@rviscomi/capo.js/src/extension/manifest.json CHANGED Viewed

@@ -2,12 +2,8 @@
   "manifest_version": 3,
   "name": "Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order",
   "description": "Visualize the optimal ordering of ﹤𝚑𝚎𝚊𝚍﹥ elements on any web page",
-  "version": "2.2.0",
-  "permissions": [
-    "scripting",
-    "activeTab",
-    "storage"
-  ],
+  "version": "2.3.0",
+  "permissions": ["scripting", "activeTab", "storage"],
   "action": {
     "default_icon": "images/icon128.png",
     "default_popup": "capo.html"

package/node_modules/@rviscomi/capo.js/src/extension/options/options.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <title>Capo Options</title>

package/node_modules/@rviscomi/capo.js/src/extension/options.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Options } from '../lib/options.js';
+import { Options } from "../lib/options.js";
 /** @type {Options} */
 let options;
@@ -7,43 +7,43 @@ let options;
  * @returns {Promise<void>}
  */
 async function initOptions() {
-  const data = await chrome.storage.sync.get('options');
+  const data = await chrome.storage.sync.get("options");
   options = new Options(data.options);
 }
 function initUI() {
-  const preferStatic = /** @type {HTMLInputElement|null} */ (document.getElementById('prefer-static'));
-  const validation = /** @type {HTMLInputElement|null} */ (document.getElementById('validation'));
-  const palette = /** @type {HTMLSelectElement|null} */ (document.getElementById('palette'));
+  const preferStatic = /** @type {HTMLInputElement|null} */ (document.getElementById("prefer-static"));
+  const validation = /** @type {HTMLInputElement|null} */ (document.getElementById("validation"));
+  const palette = /** @type {HTMLSelectElement|null} */ (document.getElementById("palette"));
   if (preferStatic) {
     preferStatic.checked = options.prefersStaticAssessment();
-    preferStatic.dataset.option = 'PREFERRED_ASSESSMENT_MODE';
+    preferStatic.dataset.option = "PREFERRED_ASSESSMENT_MODE";
   }
   if (validation) {
     validation.checked = options.isValidationEnabled();
-    validation.dataset.option = 'VALIDATION';
+    validation.dataset.option = "VALIDATION";
   }
   if (palette) {
     Object.entries(Options.Palettes).forEach(([name, value]) => {
-      const option = document.createElement('option');
+      const option = document.createElement("option");
       option.textContent = name;
       option.value = name;
       option.selected = options.isPreferredPalette(value);
       option.dataset.colors = JSON.stringify(value);
       palette.appendChild(option);
     });
-    palette.dataset.option = 'PALETTE';
+    palette.dataset.option = "PALETTE";
   }
   listenForUpdates();
 }
 function listenForUpdates() {
-  const optionsForm = document.getElementById('options');
+  const optionsForm = document.getElementById("options");
   if (optionsForm) {
-    optionsForm.addEventListener('change', handleUpdate);
+    optionsForm.addEventListener("change", handleUpdate);
   }
 }
@@ -58,15 +58,15 @@ async function handleUpdate(event) {
   let value;
   switch (option) {
-    case 'PREFERRED_ASSESSMENT_MODE':
+    case "PREFERRED_ASSESSMENT_MODE":
       value = /** @type {HTMLInputElement} */ (target).checked;
       options.setPreferredAssessmentModeToStatic(value);
       break;
-    case 'VALIDATION':
+    case "VALIDATION":
       value = /** @type {HTMLInputElement} */ (target).checked;
       options.setValidation(value);
       break;
-    case 'PALETTE':
+    case "PALETTE":
       value = /** @type {HTMLSelectElement} */ (target).value;
       options.setPalette(value);
       break;
@@ -76,7 +76,7 @@ async function handleUpdate(event) {
   }
   await chrome.storage.sync.set({ options: options.valueOf() });
-  await chrome.storage.sync.get('options');
+  await chrome.storage.sync.get("options");
 }
 async function init() {

package/node_modules/@rviscomi/capo.js/src/extension/styles/open-props.css CHANGED Viewed

@@ -1,8 +1,10 @@
 /* https://github.com/argyleink/open-props */
 :where(html) {
-  --font-sans: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
-  --font-serif: ui-serif,serif;
-  --font-mono: Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;
+  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+  --font-serif: ui-serif, serif;
+  --font-mono:
+    Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro,
+    monospace;
   --font-weight-1: 100;
   --font-weight-2: 200;
   --font-weight-3: 300;
@@ -12,23 +14,23 @@
   --font-weight-7: 700;
   --font-weight-8: 800;
   --font-weight-9: 900;
-  --font-lineheight-00: .95;
+  --font-lineheight-00: 0.95;
   --font-lineheight-0: 1.1;
   --font-lineheight-1: 1.25;
   --font-lineheight-2: 1.375;
   --font-lineheight-3: 1.5;
   --font-lineheight-4: 1.75;
   --font-lineheight-5: 2;
-  --font-letterspacing-0: -.05em;
-  --font-letterspacing-1: .025em;
-  --font-letterspacing-2: .050em;
-  --font-letterspacing-3: .075em;
-  --font-letterspacing-4: .150em;
-  --font-letterspacing-5: .500em;
-  --font-letterspacing-6: .750em;
+  --font-letterspacing-0: -0.05em;
+  --font-letterspacing-1: 0.025em;
+  --font-letterspacing-2: 0.05em;
+  --font-letterspacing-3: 0.075em;
+  --font-letterspacing-4: 0.15em;
+  --font-letterspacing-5: 0.5em;
+  --font-letterspacing-6: 0.75em;
   --font-letterspacing-7: 1em;
-  --font-size-00: .5rem;
-  --font-size-0: .75rem;
+  --font-size-00: 0.5rem;
+  --font-size-0: 0.75rem;
   --font-size-1: 1rem;
   --font-size-2: 1.1rem;
   --font-size-3: 1.25rem;
@@ -37,7 +39,7 @@
   --font-size-6: 2.5rem;
   --font-size-7: 3rem;
   --font-size-8: 3.5rem;
-  --font-size-fluid-0: clamp(.75rem, 2vw, 1rem);
+  --font-size-fluid-0: clamp(0.75rem, 2vw, 1rem);
   --font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);
   --font-size-fluid-2: clamp(1.5rem, 6vw, 2.5rem);
   --font-size-fluid-3: clamp(2rem, 9vw, 3.5rem);

package/node_modules/@rviscomi/capo.js/src/index.js CHANGED Viewed

@@ -1,19 +1,14 @@
 /**
  * Capo.js v2 - DOM-agnostic HTML <head> analyzer
- *
+ *
  * Main entry point for programmatic usage.
  * Exports both the core analyzer API and adapter implementations.
- *
+ *
  * @module capo
  */
 // Core Analysis API
-export {
-  analyzeHead,
-  analyzeHeadWithOrdering,
-  checkOrdering,
-  getWeightCategory
-} from './analyzer.js';
+export { analyzeHead, analyzeHeadWithOrdering, checkOrdering, getWeightCategory } from "./analyzer.js";
 /**
  * @typedef {import('./analyzer.js').AnalysisResult} AnalysisResult
@@ -33,6 +28,7 @@ export {
   isMeta,
   isTitle,
   isPreconnect,
+  isHighPriorityPreload,
   isAsyncScript,
   isImportStyles,
   isSyncScript,
@@ -41,8 +37,8 @@ export {
   isDeferScript,
   isPrefetchPrerender,
   isOriginTrial,
-  isMetaCSP
-} from './lib/rules.js';
+  isMetaCSP,
+} from "./lib/rules.js";
 // Validation API
 export {
@@ -50,19 +46,13 @@ export {
   isValidElement,
   hasValidationWarning,
   getValidationWarnings,
-  getCustomValidations
-} from './lib/validation.js';
+  getCustomValidations,
+} from "./lib/validation.js";
 // Adapters
-export {
-  BrowserAdapter
-} from './adapters/browser.js';
+export { BrowserAdapter } from "./adapters/browser.js";
-export {
-  AdapterInterface,
-  validateAdapter
-} from './adapters/adapter.js';
+export { AdapterInterface, validateAdapter } from "./adapters/adapter.js";
 // Test utilities for custom adapters
 // These are exported via package.json for node usage only

package/node_modules/@rviscomi/capo.js/src/lib/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 const Hues = {
   PINK: 320,
-  BLUE: 200
+  BLUE: 200,
 };
 /**
@@ -20,23 +20,23 @@ export function generateSwatches(hue) {
     `oklch(80% .2 ${hue})`,
     `oklch(90% .1 ${hue})`,
     `oklch(99% .05 ${hue})`,
-    '#ccc'
+    "#ccc",
   ];
 }
 /** @type {string[]} */
 export const DEFAULT = [
-  '#9e0142',
-  '#d53e4f',
-  '#f46d43',
-  '#fdae61',
-  '#fee08b',
-  '#e6f598',
-  '#abdda4',
-  '#66c2a5',
-  '#3288bd',
-  '#5e4fa2',
-  '#cccccc'
+  "#9e0142",
+  "#d53e4f",
+  "#f46d43",
+  "#fdae61",
+  "#fee08b",
+  "#e6f598",
+  "#abdda4",
+  "#66c2a5",
+  "#3288bd",
+  "#5e4fa2",
+  "#cccccc",
 ];
 /** @type {string[]} */
@@ -48,7 +48,7 @@ export const BLUE = generateSwatches(Hues.BLUE);
 export const Palettes = {
   DEFAULT: DEFAULT,
   PINK: PINK,
-  BLUE: BLUE
+  BLUE: BLUE,
 };
 /**
@@ -57,9 +57,9 @@ export const Palettes = {
  * @returns {string}
  */
 export function getInvalidBackgroundColor(elementColor) {
-  let invalidColor = '#cccccc';
-  if (elementColor == invalidColor) {
-    invalidColor = 'red';
+  let invalidColor = "#cccccc";
+  if (elementColor === invalidColor) {
+    invalidColor = "red";
   }
   return `repeating-linear-gradient(45deg, ${elementColor}, ${elementColor} 3px, ${invalidColor} 3px, ${invalidColor} 6px)`;
 }

package/node_modules/@rviscomi/capo.js/src/lib/io.js CHANGED Viewed

@@ -3,24 +3,24 @@ import { getInvalidBackgroundColor } from "./colors.js";
 /**
  * @typedef {import('./options.js').Options} Options
  * @typedef {import('../analyzer.js').AnalysisResult} AnalysisResult
- *
+ *
  * @typedef {Object} ConsoleOutput
  * @property {(...args: any[]) => void} log
  * @property {(...args: any[]) => void} warn
  * @property {(...args: any[]) => void} error
  * @property {(...args: any[]) => void} groupCollapsed
  * @property {() => void} groupEnd
- *
+ *
  * @typedef {Object} HeadWeightInfo
  * @property {any} [element]
  * @property {number} weight
  * @property {boolean} [isValid]
  * @property {Record<string, any>} [customValidations]
- *
+ *
  * @typedef {Object} ElementVisualization
  * @property {string} visual
  * @property {string} style
- *
+ *
  * @typedef {Object} HeadVisualization
  * @property {string} visual
  * @property {string[]} styles
@@ -32,7 +32,7 @@ export class IO {
    * @param {Options} options
    * @param {ConsoleOutput|any} [output=window.console]
    */
-  constructor(document, options, output = typeof window !== 'undefined' ? window.console : console) {
+  constructor(document, options, output = typeof window !== "undefined" ? window.console : console) {
     this.document = document;
     this.options = options;
     this.console = output;
@@ -103,7 +103,7 @@ export class IO {
     if (!this.isStaticHead) {
       this.console.warn(
         `${this.options.loggingPrefix}Unable to parse the static (server-rendered) <head>. Falling back to document.head`,
-        this.head
+        this.head,
       );
     }
   }
@@ -112,7 +112,7 @@ export class IO {
    * @returns {Promise<string>}
    */
   async getStaticHTML() {
-    const url = this.document?.location.href || '';
+    const url = this.document?.location.href || "";
     const response = await fetch(url);
     return await response.text();
   }
@@ -150,10 +150,10 @@ export class IO {
     const selector = this.stringifyElement(element);
     const candidates = Array.from(head.querySelectorAll(selector));
-    if (candidates.length == 0) {
+    if (candidates.length === 0) {
       return element;
     }
-    if (candidates.length == 1) {
+    if (candidates.length === 1) {
       return candidates[0];
     }
@@ -218,24 +218,26 @@ export class IO {
    */
   logAnalysis(result) {
     const headElement = this.getHead();
-    const headWeights = result.weights.map(w => {
-      const customValidation = result.customValidations.find(v => v.element === w.element);
-      const validationWarning = result.validationWarnings.find(v => v.element === w.element || (v.elements && v.elements.includes(w.element)));
+    const headWeights = result.weights.map((w) => {
+      const customValidation = result.customValidations.find((v) => v.element === w.element);
+      const validationWarning = result.validationWarnings.find(
+        (v) => v.element === w.element || (v.elements && v.elements.includes(w.element)),
+      );
       const isElementValid = !customValidation && !validationWarning;
       return {
         element: w.element,
         weight: w.weight,
         isValid: isElementValid,
-        customValidations: customValidation || {}
+        customValidations: customValidation || {},
       };
     });
     this.logValidationWarnings(result.validationWarnings);
     // Log custom validations (e.g. origin trials) at the top level
-    result.customValidations.forEach(v => {
+    result.customValidations.forEach((v) => {
       if (v.warnings.length > 0) {
-        this.console.warn(`${this.options.loggingPrefix}${v.warnings[0]}`, v.element, v.payload || '');
+        this.console.warn(`${this.options.loggingPrefix}${v.warnings[0]}`, v.element, v.payload || "");
       }
     });
@@ -298,7 +300,7 @@ export class IO {
     const { payload, warnings } = customValidations;
     if (payload && Object.keys(payload).length > 0) {
-      if (typeof payload.expiry == "string") {
+      if (typeof payload.expiry === "string") {
         // Deserialize origin trial expiration dates.
         payload.expiry = new Date(payload.expiry);
       }
@@ -392,7 +394,7 @@ export class IO {
       `${this.options.loggingPrefix}${groupName} %chead%c order\n${headViz.visual}`,
       "font-family: monospace",
       "font-family: inherit",
-      ...headViz.styles
+      ...headViz.styles,
     );
     headWeights.forEach(({ weight, element, isValid, customValidations }) => {