sweetlink 0.1.0 → 0.2.1

package/dist/src/runtime/browser/screenshot/renderers/html2canvas.js

@@ -1,10 +1,10 @@
-import { getBrowserWindow } from '../../utils/environment.js';
-import { commandSelectorSummary, HTML2CANVAS_TARGET_ATTR } from '../targets.js';
-import { normalizeOklchColors, patchHtml2canvasColorParser, recordScreenshotError } from '../utils.js';
+import { getBrowserWindow } from "../../utils/environment.js";
+import { commandSelectorSummary, HTML2CANVAS_TARGET_ATTR } from "../targets.js";
+import { normalizeOklchColors, patchHtml2canvasColorParser, recordScreenshotError, } from "../utils.js";
 let html2canvasModulePromise = null;
 async function loadHtml2Canvas() {
     if (!html2canvasModulePromise) {
-        html2canvasModulePromise = import('html2canvas');
+        html2canvasModulePromise = import("html2canvas");
     }
     const html2canvasModule = await html2canvasModulePromise;
     patchHtml2canvasColorParser(html2canvasModule);
@@ -19,15 +19,15 @@ export async function captureWithHtml2Canvas(targetInfo, quality) {
         targetInfo.base.setAttribute(HTML2CANVAS_TARGET_ATTR, markerValue);
     }
     const html2canvas = await loadHtml2Canvas();
-    if (typeof html2canvas !== 'function') {
+    if (typeof html2canvas !== "function") {
         restoreColors();
-        throw new TypeError('html2canvas is unavailable');
+        throw new TypeError("html2canvas is unavailable");
     }
     const timeoutMs = 6000;
     let canvasResult;
     let timer;
     try {
-        console.info('[SweetLink] html2canvas capture starting', {
+        console.info("[SweetLink] html2canvas capture starting", {
             selector: commandSelectorSummary(targetInfo.target),
             clip: targetInfo.clip ?? null,
         });
@@ -54,7 +54,7 @@ export async function captureWithHtml2Canvas(targetInfo, quality) {
             onclone: (clonedDocument) => {
                 const cloneWindow = clonedDocument.defaultView;
                 const cloneTarget = clonedDocument.querySelector(`[${HTML2CANVAS_TARGET_ATTR}="${markerValue}"]`);
-                if (!((cloneWindow && cloneTarget) && (cloneTarget instanceof cloneWindow.HTMLElement))) {
+                if (!(cloneWindow && cloneTarget && cloneTarget instanceof cloneWindow.HTMLElement)) {
                     return;
                 }
                 const rect = targetInfo.base.getBoundingClientRect();
@@ -67,14 +67,14 @@ export async function captureWithHtml2Canvas(targetInfo, quality) {
                 cloneTarget.style.height = `${heightPx}px`;
                 cloneTarget.style.minHeight = cloneTarget.style.height;
                 cloneTarget.style.maxHeight = cloneTarget.style.height;
-                cloneTarget.style.boxSizing = 'border-box';
-                const wrapper = clonedDocument.createElement('div');
-                wrapper.style.display = 'inline-block';
-                wrapper.style.padding = '0';
-                wrapper.style.margin = '0';
-                wrapper.style.border = 'none';
+                cloneTarget.style.boxSizing = "border-box";
+                const wrapper = clonedDocument.createElement("div");
+                wrapper.style.display = "inline-block";
+                wrapper.style.padding = "0";
+                wrapper.style.margin = "0";
+                wrapper.style.border = "none";
                 const computedBackground = getComputedStyle(targetInfo.base).backgroundColor;
-                wrapper.style.background = computedBackground || 'transparent';
+                wrapper.style.background = computedBackground || "transparent";
                 wrapper.style.width = cloneTarget.style.width;
                 wrapper.style.height = cloneTarget.style.height;
                 cloneTarget.replaceWith(wrapper);
@@ -91,10 +91,10 @@ export async function captureWithHtml2Canvas(targetInfo, quality) {
         if (timer) {
             clearTimeout(timer);
         }
-        console.info('[SweetLink] html2canvas capture finished');
+        console.info("[SweetLink] html2canvas capture finished");
     }
     if (!(canvasResult instanceof HTMLCanvasElement)) {
-        throw new TypeError('html2canvas did not return a canvas element');
+        throw new TypeError("html2canvas did not return a canvas element");
     }
     const canvas = canvasResult;
     const blob = await new Promise((resolve, reject) => {
@@ -103,28 +103,28 @@ export async function captureWithHtml2Canvas(targetInfo, quality) {
                 resolve(value);
             }
             else {
-                reject(new Error('Failed to encode screenshot to JPEG'));
+                reject(new Error("Failed to encode screenshot to JPEG"));
             }
-        }, 'image/jpeg', quality);
+        }, "image/jpeg", quality);
     }).catch((error) => {
-        recordScreenshotError('html2canvas', error);
+        recordScreenshotError("html2canvas", error);
         throw error;
     });
     const base64 = await blobToBase64(blob).catch((error) => {
-        recordScreenshotError('html2canvas', error);
+        recordScreenshotError("html2canvas", error);
         throw error;
     });
     return {
-        mimeType: 'image/jpeg',
+        mimeType: "image/jpeg",
         base64,
         width: canvas.width,
         height: canvas.height,
-        renderer: 'html2canvas',
+        renderer: "html2canvas",
     };
 }
 async function blobToBase64(blob) {
     const buffer = await blob.arrayBuffer();
-    let binary = '';
+    let binary = "";
     const bytes = new Uint8Array(buffer);
     const chunkSize = 32_768;
     for (let index = 0; index < bytes.length; index += chunkSize) {

package/dist/src/runtime/browser/screenshot/renderers/html2canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"html2canvas.js","sourceRoot":"","sources":["../../../../../../src/runtime/browser/screenshot/renderers/html2canvas.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"html2canvas.js","sourceRoot":"","sources":["../../../../../../src/runtime/browser/screenshot/renderers/html2canvas.ts"],"names":[],"mappings":"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"}

package/dist/src/runtime/browser/screenshot/targets.d.ts

@@ -1,5 +1,5 @@
-import type { SweetLinkScreenshotCommand } from '@sweetlink/shared';
-import type { ScreenshotTargetInfo } from '../types.js';
+import type { SweetLinkScreenshotCommand } from "@sweetlink/shared";
+import type { ScreenshotTargetInfo } from "../types.js";
 export declare const HTML2CANVAS_TARGET_ATTR = "data-sweetlink-html2canvas-target";
 export declare function resolveScreenshotTarget(command: SweetLinkScreenshotCommand): ScreenshotTargetInfo;
 export declare function commandSelectorSummary(element: HTMLElement): string;

package/dist/src/runtime/browser/screenshot/targets.js

@@ -1,22 +1,22 @@
-export const HTML2CANVAS_TARGET_ATTR = 'data-sweetlink-html2canvas-target';
+export const HTML2CANVAS_TARGET_ATTR = "data-sweetlink-html2canvas-target";
 export function resolveScreenshotTarget(command) {
-    if (command.mode === 'element') {
+    if (command.mode === "element") {
         const selector = command.selector?.trim();
         if (!selector) {
-            throw new Error('Screenshot selector is required for element mode');
+            throw new Error("Screenshot selector is required for element mode");
         }
         const directMatch = document.querySelector(selector);
-        const dataHookMatch = !directMatch && selector.startsWith('#')
+        const dataHookMatch = !directMatch && selector.startsWith("#")
             ? document.querySelector(`[data-sweetlink-target="${selector.slice(1)}"]`)
             : null;
         const element = directMatch ?? dataHookMatch;
         if (!element) {
             throw new Error(`Element not found for selector "${selector}"\n` +
-                'Tips:\n' +
-                ' • Ensure the target section is mounted and visible (expand menus or switch tabs if needed).\n' +
+                "Tips:\n" +
+                " • Ensure the target section is mounted and visible (expand menus or switch tabs if needed).\n" +
                 ' • Add a stable hook such as data-sweetlink-target="analytics-card" or an id, then reference it directly.\n' +
-                ' • If the layout shifts on smaller widths, widen the window (>= 1280px) so the card renders in the DOM.\n' +
-                ' • As a last resort, re-run with --method puppeteer after opening a controlled Chrome window.');
+                " • If the layout shifts on smaller widths, widen the window (>= 1280px) so the card renders in the DOM.\n" +
+                " • As a last resort, re-run with --method puppeteer after opening a controlled Chrome window.");
         }
         if (!(element instanceof HTMLElement)) {
             throw new TypeError(`Element for selector "${selector}" is not an HTMLElement; SweetLink's html2canvas renderer only supports HTMLElement targets.`);
@@ -46,7 +46,7 @@ export function commandSelectorSummary(element) {
         parts.push(`[data-sweetlink-target="${dataTarget}"]`);
     }
     if (parts.length > 0) {
-        return parts.join(' ');
+        return parts.join(" ");
     }
     return element.tagName.toLowerCase();
 }

package/dist/src/runtime/browser/screenshot/utils.d.ts

@@ -3,7 +3,7 @@ type DomToImageModule = {
 };
 export declare const recordScreenshotError: (kind: string, error: unknown) => void;
 export declare function loadDomToImage(): Promise<DomToImageModule>;
-export declare function patchHtml2canvasColorParser(html2canvasModule: typeof import('html2canvas')): void;
+export declare function patchHtml2canvasColorParser(html2canvasModule: typeof import("html2canvas")): void;
 export declare function normalizeOklchColors(root: HTMLElement, contextDocument?: Document): () => void;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/src/runtime/browser/screenshot/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/browser/screenshot/utils.ts"],"names":[],"mappings":"AAKA,KAAK,gBAAgB,GAAG;IAAE,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC;AAkB9F,eAAO,MAAM,qBAAqB,GAAI,MAAM,MAAM,EAAE,OAAO,OAAO,KAAG,IASpE,CAAC;AA8BF,wBAAgB,cAAc,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAiC1D;AAED,wBAAgB,2BAA2B,CAAC,iBAAiB,EAAE,cAAc,aAAa,CAAC,GAAG,IAAI,CA+BjG;AA+BD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,EAAE,eAAe,GAAE,QAAmB,GAAG,MAAM,IAAI,CAsIxG"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/browser/screenshot/utils.ts"],"names":[],"mappings":"AAKA,KAAK,gBAAgB,GAAG;IAAE,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC;AAkB9F,eAAO,MAAM,qBAAqB,SAAU,MAAM,SAAS,OAAO,KAAG,IASpE,CAAC;AA8BF,wBAAgB,cAAc,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAmC1D;AAED,wBAAgB,2BAA2B,CAAC,iBAAiB,EAAE,cAAc,aAAa,CAAC,GAAG,IAAI,CA+BjG;AAgCD,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,WAAW,EACjB,eAAe,GAAE,QAAmB,GACnC,MAAM,IAAI,CA0IZ"}

package/dist/src/runtime/browser/screenshot/utils.js

@@ -1,13 +1,13 @@
-import { regex } from 'arkregex';
-import { compact } from 'es-toolkit';
-import { loadDomToImageFromScript } from '../dom-to-image-loader.js';
-import { toError } from '../utils/errors.js';
+import { regex } from "arkregex";
+import { compact } from "es-toolkit";
+import { loadDomToImageFromScript } from "../dom-to-image-loader.js";
+import { toError } from "../utils/errors.js";
 let domToImagePromise = null;
-let html2canvasColorPatchState = 'unpatched';
+let html2canvasColorPatchState = "unpatched";
 const patchedCssWindows = new WeakSet();
 const browserWindow = globalThis.window ?? null;
-const SAFE_CSS_PROPERTY_PATTERN = regex.as('^[a-z-]+$', 'i');
-const OKLCH_PATTERN = regex.as('okl(?:ab|ch)', 'i');
+const SAFE_CSS_PROPERTY_PATTERN = regex.as("^[a-z-]+$", "i");
+const OKLCH_PATTERN = regex.as("okl(?:ab|ch)", "i");
 const WHITESPACE_SPLIT_PATTERN = regex.as(String.raw `\s+`);
 const TRAILING_ZERO_PATTERN = regex.as(String.raw `\.0+$`);
 const noop = () => {
@@ -22,9 +22,9 @@ export const recordScreenshotError = (kind, error) => {
     clientWindow.__sweetlinkScreenshotErrors[kind] = toError(error).message;
 };
 const isSafeCssProperty = (property) => {
-    const normalizedProperty = typeof property === 'string' ? property : String(property);
+    const normalizedProperty = typeof property === "string" ? property : String(property);
     return (SAFE_CSS_PROPERTY_PATTERN.test(normalizedProperty) ||
-        String.prototype.startsWith.call(normalizedProperty, '--'));
+        String.prototype.startsWith.call(normalizedProperty, "--"));
 };
 export function loadDomToImage() {
     if (domToImagePromise) {
@@ -33,34 +33,34 @@ export function loadDomToImage() {
     const resolveModule = async () => {
         try {
             const loadedModule = await loadDomToImageFromScript();
-            if (typeof loadedModule.toJpeg === 'function') {
+            if (typeof loadedModule.toJpeg === "function") {
                 return loadedModule;
             }
         }
         catch (error) {
-            recordScreenshotError('domToImage', error);
-            console.warn('[SweetLink] Failed to load dom-to-image-more via script:', error);
+            recordScreenshotError("domToImage", error);
+            console.warn("[SweetLink] Failed to load dom-to-image-more via script:", error);
         }
         const globalAny = browserWindow
             ? browserWindow
             : null;
         const fallback = globalAny?.domToImage ?? globalAny?.domtoimage ?? globalAny?.domtoImage;
-        if (fallback && typeof fallback.toJpeg === 'function') {
+        if (fallback && typeof fallback.toJpeg === "function") {
             return fallback;
         }
-        throw new Error('dom-to-image-more is unavailable; ensure it is installed or exposed globally as domtoimage');
+        throw new Error("dom-to-image-more is unavailable; ensure it is installed or exposed globally as domtoimage");
     };
     domToImagePromise = resolveModule();
     return domToImagePromise;
 }
 export function patchHtml2canvasColorParser(html2canvasModule) {
-    if (html2canvasColorPatchState === 'patched') {
+    if (html2canvasColorPatchState === "patched") {
         return;
     }
     const moduleAny = html2canvasModule;
     const colorApi = moduleAny.Color ?? moduleAny.default?.Color;
-    if (!colorApi || typeof colorApi.parse !== 'function') {
-        html2canvasColorPatchState = 'patched';
+    if (!colorApi || typeof colorApi.parse !== "function") {
+        html2canvasColorPatchState = "patched";
         return;
     }
     // html2canvas bails as soon as its colour parser sees OKLAB/OKLCH tokens. Wrap the parser and
@@ -78,19 +78,20 @@ export function patchHtml2canvasColorParser(html2canvasModule) {
             throw error;
         }
     };
-    html2canvasColorPatchState = 'patched';
+    html2canvasColorPatchState = "patched";
 }
 function ensureCssGetPropertyValuePatched(contextWindow) {
     if (patchedCssWindows.has(contextWindow)) {
         return;
     }
-    const cssDeclaration = contextWindow.CSSStyleDeclaration;
+    const cssDeclaration = contextWindow
+        .CSSStyleDeclaration;
     if (!cssDeclaration) {
         patchedCssWindows.add(contextWindow);
         return;
     }
     const proto = cssDeclaration.prototype;
-    if (typeof proto.getPropertyValue !== 'function') {
+    if (typeof proto.getPropertyValue !== "function") {
         patchedCssWindows.add(contextWindow);
         return;
     }
@@ -118,32 +119,32 @@ export function normalizeOklchColors(root, contextDocument = document) {
         return noop;
     }
     const properties = [
-        'color',
-        'background-color',
-        'background',
-        'background-image',
-        'border-top-color',
-        'border-right-color',
-        'border-bottom-color',
-        'border-left-color',
-        'outline-color',
-        'text-decoration-color',
-        'box-shadow',
-        'text-shadow',
-        'column-rule-color',
-        'caret-color',
-        'fill',
-        'stroke',
+        "color",
+        "background-color",
+        "background",
+        "background-image",
+        "border-top-color",
+        "border-right-color",
+        "border-bottom-color",
+        "border-left-color",
+        "outline-color",
+        "text-decoration-color",
+        "box-shadow",
+        "text-shadow",
+        "column-rule-color",
+        "caret-color",
+        "fill",
+        "stroke",
     ];
     const documentElement = contextDocument.documentElement;
     const elements = root === documentElement
-        ? [documentElement, ...contextDocument.querySelectorAll('*')]
-        : [root, ...root.querySelectorAll('*')];
-    const sandbox = contextDocument.createElement('span');
-    sandbox.style.position = 'absolute';
-    sandbox.style.visibility = 'hidden';
-    sandbox.style.pointerEvents = 'none';
-    sandbox.style.zIndex = '-1';
+        ? [documentElement, ...contextDocument.querySelectorAll("*")]
+        : [root, ...root.querySelectorAll("*")];
+    const sandbox = contextDocument.createElement("span");
+    sandbox.style.position = "absolute";
+    sandbox.style.visibility = "hidden";
+    sandbox.style.pointerEvents = "none";
+    sandbox.style.zIndex = "-1";
     body.append(sandbox);
     const revertStyles = [];
     for (const element of elements) {
@@ -151,7 +152,7 @@ export function normalizeOklchColors(root, contextDocument = document) {
         const customProperties = [];
         for (let index = 0; index < computed.length; index += 1) {
             const name = computed.item(index);
-            if (name.startsWith('--')) {
+            if (name.startsWith("--")) {
                 customProperties.push(name);
             }
         }
@@ -161,7 +162,7 @@ export function normalizeOklchColors(root, contextDocument = document) {
                 continue;
             }
             const lowerValue = currentValue.toLowerCase();
-            if (!(lowerValue.includes('oklch') || lowerValue.includes('oklab'))) {
+            if (!(lowerValue.includes("oklch") || lowerValue.includes("oklab"))) {
                 continue;
             }
             const converted = replaceOkColorFunctions(currentValue);
@@ -176,12 +177,13 @@ export function normalizeOklchColors(root, contextDocument = document) {
                 continue;
             }
             const resolvedLower = resolved.toLowerCase();
-            if (resolvedLower.includes('oklch') || resolvedLower.includes('oklab')) {
+            if (resolvedLower.includes("oklch") || resolvedLower.includes("oklab")) {
                 continue;
             }
             const inlineValue = element.style.getPropertyValue(property);
             const inlinePriority = element.style.getPropertyPriority(property);
-            if (inlineValue === resolved && inlinePriority === element.style.getPropertyPriority(property)) {
+            if (inlineValue === resolved &&
+                inlinePriority === element.style.getPropertyPriority(property)) {
                 continue;
             }
             revertStyles.push(() => {
@@ -226,14 +228,14 @@ export function normalizeOklchColors(root, contextDocument = document) {
     };
 }
 function replaceOkColorFunctions(input) {
-    let result = '';
+    let result = "";
     let cursor = 0;
     let changed = false;
     const lower = input.toLowerCase();
     while (cursor < input.length) {
         const nextIndex = (() => {
-            const oklchIndex = lower.indexOf('oklch(', cursor);
-            const oklabIndex = lower.indexOf('oklab(', cursor);
+            const oklchIndex = lower.indexOf("oklch(", cursor);
+            const oklabIndex = lower.indexOf("oklab(", cursor);
             if (oklchIndex === -1) {
                 return oklabIndex;
             }
@@ -246,17 +248,17 @@ function replaceOkColorFunctions(input) {
             result += input.slice(cursor);
             break;
         }
-        const token = lower.startsWith('oklch(', nextIndex) ? 'oklch' : 'oklab';
+        const token = lower.startsWith("oklch(", nextIndex) ? "oklch" : "oklab";
         const openIndex = nextIndex + token.length;
         result += input.slice(cursor, nextIndex);
         let end = openIndex + 1;
         let depth = 1;
         while (end < input.length && depth > 0) {
             const char = input.charAt(end);
-            if (char === '(') {
+            if (char === "(") {
                 depth += 1;
             }
-            else if (char === ')') {
+            else if (char === ")") {
                 depth -= 1;
             }
             end += 1;
@@ -265,7 +267,7 @@ function replaceOkColorFunctions(input) {
             return null;
         }
         const inside = input.slice(openIndex + 1, end - 1);
-        const replacement = token === 'oklch' ? convertOklchToRgb(inside) : convertOklabToRgb(inside);
+        const replacement = token === "oklch" ? convertOklchToRgb(inside) : convertOklabToRgb(inside);
         if (replacement) {
             result += replacement;
             changed = true;
@@ -276,9 +278,9 @@ function replaceOkColorFunctions(input) {
         cursor = end;
     }
     let output = result;
-    const colorMixPattern = regex.as(String.raw `color-mix\(\s*in\s+okl(?:ab|ch)`, 'gi');
+    const colorMixPattern = regex.as(String.raw `color-mix\(\s*in\s+okl(?:ab|ch)`, "gi");
     if (colorMixPattern.test(output)) {
-        output = output.replaceAll(colorMixPattern, (segment) => segment.replace(OKLCH_PATTERN, 'srgb'));
+        output = output.replaceAll(colorMixPattern, (segment) => segment.replace(OKLCH_PATTERN, "srgb"));
         changed = true;
     }
     if (!changed || output === input) {
@@ -287,8 +289,8 @@ function replaceOkColorFunctions(input) {
     return output;
 }
 function convertOklchToRgb(payload) {
-    const [colorPartRaw, alphaPartRaw] = payload.split('/');
-    const colorPart = colorPartRaw?.trim() ?? '';
+    const [colorPartRaw, alphaPartRaw] = payload.split("/");
+    const colorPart = colorPartRaw?.trim() ?? "";
     if (!colorPart) {
         return null;
     }
@@ -296,7 +298,7 @@ function convertOklchToRgb(payload) {
     if (components.length < 3) {
         return null;
     }
-    const [lightnessToken = '', chromaToken = '', hueToken = ''] = components;
+    const [lightnessToken = "", chromaToken = "", hueToken = ""] = components;
     const lightness = parseOklchComponent(lightnessToken, { isPercentage: true });
     const chroma = parseOklchComponent(chromaToken, { clampZero: true });
     const hue = parseHueComponent(hueToken);
@@ -311,11 +313,11 @@ function convertOklchToRgb(payload) {
     if (alpha >= 0.999) {
         return `rgb(${String(r)}, ${String(g)}, ${String(b)})`;
     }
-    return `rgba(${String(r)}, ${String(g)}, ${String(b)}, ${alpha.toFixed(3).replace(TRAILING_ZERO_PATTERN, '')})`;
+    return `rgba(${String(r)}, ${String(g)}, ${String(b)}, ${alpha.toFixed(3).replace(TRAILING_ZERO_PATTERN, "")})`;
 }
 function convertOklabToRgb(payload) {
-    const [colorPartRaw, alphaPartRaw] = payload.split('/');
-    const colorPart = colorPartRaw?.trim() ?? '';
+    const [colorPartRaw, alphaPartRaw] = payload.split("/");
+    const colorPart = colorPartRaw?.trim() ?? "";
     if (!colorPart) {
         return null;
     }
@@ -323,7 +325,7 @@ function convertOklabToRgb(payload) {
     if (components.length < 3) {
         return null;
     }
-    const [lightnessToken = '', aToken = '', bToken = ''] = components;
+    const [lightnessToken = "", aToken = "", bToken = ""] = components;
     const lightness = parseOklchComponent(lightnessToken, { isPercentage: true });
     const aComponent = parseOklabComponent(aToken);
     const bComponent = parseOklabComponent(bToken);
@@ -338,12 +340,12 @@ function convertOklabToRgb(payload) {
     if (alpha >= 0.999) {
         return `rgb(${String(r)}, ${String(g)}, ${String(b)})`;
     }
-    return `rgba(${String(r)}, ${String(g)}, ${String(b)}, ${alpha.toFixed(3).replace(TRAILING_ZERO_PATTERN, '')})`;
+    return `rgba(${String(r)}, ${String(g)}, ${String(b)}, ${alpha.toFixed(3).replace(TRAILING_ZERO_PATTERN, "")})`;
 }
 function parseOklchComponent(value, options) {
     const trimmed = value.toLowerCase();
     let numeric;
-    if (trimmed.endsWith('%')) {
+    if (trimmed.endsWith("%")) {
         const parsed = Number.parseFloat(trimmed.slice(0, -1));
         if (Number.isNaN(parsed)) {
             return null;
@@ -370,7 +372,7 @@ function parseOklabComponent(value) {
     if (!trimmed) {
         return null;
     }
-    if (trimmed.endsWith('%')) {
+    if (trimmed.endsWith("%")) {
         const parsed = Number.parseFloat(trimmed.slice(0, -1));
         if (Number.isNaN(parsed)) {
             return null;
@@ -389,19 +391,19 @@ function parseFloatOrNull(input) {
 }
 function parseHueComponent(value) {
     const trimmed = value.trim().toLowerCase();
-    if (trimmed.endsWith('deg')) {
+    if (trimmed.endsWith("deg")) {
         const parsed = parseFloatOrNull(trimmed.slice(0, -3));
         return parsed === null ? null : parsed;
     }
-    if (trimmed.endsWith('grad')) {
+    if (trimmed.endsWith("grad")) {
         const parsed = parseFloatOrNull(trimmed.slice(0, -4));
         return parsed === null ? null : parsed * (9 / 10);
     }
-    if (trimmed.endsWith('rad')) {
+    if (trimmed.endsWith("rad")) {
         const parsed = parseFloatOrNull(trimmed.slice(0, -3));
         return parsed === null ? null : (parsed * 180) / Math.PI;
     }
-    if (trimmed.endsWith('turn')) {
+    if (trimmed.endsWith("turn")) {
         const parsed = parseFloatOrNull(trimmed.slice(0, -4));
         return parsed === null ? null : parsed * 360;
     }
@@ -410,7 +412,7 @@ function parseHueComponent(value) {
 }
 function parseAlphaComponent(value) {
     const trimmed = value.trim();
-    if (trimmed.endsWith('%')) {
+    if (trimmed.endsWith("%")) {
         const parsed = Number.parseFloat(trimmed.slice(0, -1));
         if (Number.isNaN(parsed)) {
             return null;