@ax-design/reveal-highlight 0.4.1 → 0.4.2

package/src/utils/extractRGBValue.ts

@@ -1,58 +1,58 @@
-export const extractRGBValue = (x: string) => {
-    if (x === '') {
-        return '';
-    }
-
-    if (x[0] === '#') {
-        // Thanks bro:
-        // https://stackoverflow.com/a/11508164/3931936
-        const hexVal = parseInt(x.substring(1), 16);
-
-        var r = (hexVal >> 16) & 255;
-        var g = (hexVal >> 8) & 255;
-        var b = hexVal & 255;
-
-        return r + ',' + g + ',' + b;
-    } else {
-        let result = '';
-        let beginSearch = false;
-        let numberPointer = 0;
-
-        for (let i = 0; i < x.length; i++) {
-            const char = x[i];
-            const charCode = char.charCodeAt(0) - 48;
-            const charIsNumber = charCode >= 0 && charCode < 10;
-
-            if (char === ' ') {
-                continue;
-            }
-
-            if (beginSearch && !charIsNumber && char !== ',' && char !== ')') {
-                throw new SyntaxError(`${x} is not a validate color value!`);
-            }
-
-            if (!beginSearch && char === '(') {
-                beginSearch = true;
-                continue;
-            }
-
-            if (numberPointer < 2 && char === ')') {
-                throw new SyntaxError(`${x} should have at least three color channel`);
-            }
-
-            if (char === ',') {
-                numberPointer++;
-            }
-
-            if (char === ')') {
-                return result;
-            }
-
-            if (beginSearch) {
-                result += char;
-            }
-        }
-
-        return result;
-    }
-};
+export const extractRGBValue = (x: string) => {
+    if (x === '') {
+        return '';
+    }
+
+    if (x[0] === '#') {
+        // Thanks bro:
+        // https://stackoverflow.com/a/11508164/3931936
+        const hexVal = parseInt(x.substring(1), 16);
+
+        var r = (hexVal >> 16) & 255;
+        var g = (hexVal >> 8) & 255;
+        var b = hexVal & 255;
+
+        return r + ',' + g + ',' + b;
+    } else {
+        let result = '';
+        let beginSearch = false;
+        let numberPointer = 0;
+
+        for (let i = 0; i < x.length; i++) {
+            const char = x[i];
+            const charCode = char.charCodeAt(0) - 48;
+            const charIsNumber = charCode >= 0 && charCode < 10;
+
+            if (char === ' ') {
+                continue;
+            }
+
+            if (beginSearch && !charIsNumber && char !== ',' && char !== ')') {
+                throw new SyntaxError(`${x} is not a validate color value!`);
+            }
+
+            if (!beginSearch && char === '(') {
+                beginSearch = true;
+                continue;
+            }
+
+            if (numberPointer < 2 && char === ')') {
+                throw new SyntaxError(`${x} should have at least three color channel`);
+            }
+
+            if (char === ',') {
+                numberPointer++;
+            }
+
+            if (char === ')') {
+                return result;
+            }
+
+            if (beginSearch) {
+                result += char;
+            }
+        }
+
+        return result;
+    }
+};

package/src/utils/isValidateBorderDecorationType.ts

@@ -1,8 +1,8 @@
-import type { BorderDecoration } from './types.js';
-
-export const isValidateBorderDecorationType = (x: string): x is BorderDecoration => {
-    if (x === 'round') return true;
-    if (x === 'bevel') return true;
-    if (x === 'miter') return true;
-    return false;
-};
+import type { BorderDecoration } from './types.js';
+
+export const isValidateBorderDecorationType = (x: string): x is BorderDecoration => {
+    if (x === 'round') return true;
+    if (x === 'bevel') return true;
+    if (x === 'miter') return true;
+    return false;
+};

package/src/utils/types.ts

@@ -1,106 +1,106 @@
-export type BorderDecoration = 'round' | 'bevel' | 'miter';
-
-export interface CachedBoundingRect {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-}
-
-export interface CachedStyle {
-    color: string;
-    opacity: number;
-    trueFillRadius: [number, number];
-    borderColor: string;
-    borderFillRadius: number;
-    borderDecorationType: BorderDecoration;
-    borderDecorationRadius: number;
-    topLeftBorderDecorationRadius: number;
-    topRightBorderDecorationRadius: number;
-    bottomLeftBorderDecorationRadius: number;
-    bottomRightBorderDecorationRadius: number;
-    /**
-     * @param withLeftBorderFactor
-     * If the left border is shown, this value is 1, or the value is 0.
-     */
-    withLeftBorderFactor: number;
-    /**
-     * @param withRightBorderFactor
-     * If the right border is shown, this value is 1, or the value is 0.
-     */
-    withRightBorderFactor: number;
-    /**
-     * @param withTopBorderFactor
-     * If the top border is shown, this value is 1, or the value is 0.
-     */
-    withTopBorderFactor: number;
-    /**
-     * @param withBottomBorderFactor
-     * If the bottom border is shown, this value is 1, or the value is 0.
-     */
-    withBottomBorderFactor: number;
-    borderWidth: number;
-    hoverLight: boolean;
-    hoverLightColor: string;
-    hoverLightFillMode: string;
-    hoverLightFillRadius: number;
-    diffuse: boolean;
-    pressAnimation: boolean;
-    pressAnimationFillMode: string;
-    pressAnimationColor: string;
-    pressAnimationSpeed: number;
-    releaseAnimationAccelerateRate: number;
-}
-
-interface CachedReveal {
-    radius: number;
-    radiusFactor: number;
-    color: string;
-    opacity: number;
-    pattern: CanvasPattern | null;
-}
-
-/**
- * Cached border and body pattern, for faster painting on the canvas.
- * @interface CachedRevealBitmap
- */
-export interface CachedRevealBitmap {
-    cachedReveal: {
-        borderReveal: CachedReveal;
-        fillReveal: CachedReveal;
-    };
-    cachedCanvas: {
-        borderReveal: HTMLCanvasElement;
-        fillReveal: HTMLCanvasElement;
-    };
-    cachedCtx: {
-        borderReveal: CanvasRenderingContext2D | null;
-        fillReveal: CanvasRenderingContext2D | null;
-    };
-}
-
-/**
- * Cached border and body pattern, just to store something in similar way.
- * @interface CachedRevealPath
- */
-export interface CachedRevealPath {
-    cachedReveal: {
-        readonly borderReveal: CachedReveal;
-        readonly fillReveal: CachedReveal;
-    };
-    cachedPath: {
-        readonly borderReveal: SVGPathElement;
-        readonly fillReveal: SVGPathElement;
-        readonly rippleReveal: SVGPathElement;
-    };
-    cachedGradient: {
-        readonly borderReveal: SVGRadialGradientElement;
-        readonly fillReveal: SVGRadialGradientElement;
-        readonly rippleReveal: SVGRadialGradientElement;
-    };
-    cachedGradientStop: {
-        readonly borderReveal: Readonly<[SVGStopElement, SVGStopElement]>;
-        readonly fillReveal: Readonly<[SVGStopElement, SVGStopElement]>;
-        readonly rippleReveal: Readonly<[SVGStopElement, SVGStopElement, SVGStopElement]>;
-    };
+export type BorderDecoration = 'round' | 'bevel' | 'miter';
+
+export interface CachedBoundingRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+
+export interface CachedStyle {
+    color: string;
+    opacity: number;
+    trueFillRadius: [number, number];
+    borderColor: string;
+    borderFillRadius: number;
+    borderDecorationType: BorderDecoration;
+    borderDecorationRadius: number;
+    topLeftBorderDecorationRadius: number;
+    topRightBorderDecorationRadius: number;
+    bottomLeftBorderDecorationRadius: number;
+    bottomRightBorderDecorationRadius: number;
+    /**
+     * @param withLeftBorderFactor
+     * If the left border is shown, this value is 1, or the value is 0.
+     */
+    withLeftBorderFactor: number;
+    /**
+     * @param withRightBorderFactor
+     * If the right border is shown, this value is 1, or the value is 0.
+     */
+    withRightBorderFactor: number;
+    /**
+     * @param withTopBorderFactor
+     * If the top border is shown, this value is 1, or the value is 0.
+     */
+    withTopBorderFactor: number;
+    /**
+     * @param withBottomBorderFactor
+     * If the bottom border is shown, this value is 1, or the value is 0.
+     */
+    withBottomBorderFactor: number;
+    borderWidth: number;
+    hoverLight: boolean;
+    hoverLightColor: string;
+    hoverLightFillMode: string;
+    hoverLightFillRadius: number;
+    diffuse: boolean;
+    pressAnimation: boolean;
+    pressAnimationFillMode: string;
+    pressAnimationColor: string;
+    pressAnimationSpeed: number;
+    releaseAnimationAccelerateRate: number;
+}
+
+interface CachedReveal {
+    radius: number;
+    radiusFactor: number;
+    color: string;
+    opacity: number;
+    pattern: CanvasPattern | null;
+}
+
+/**
+ * Cached border and body pattern, for faster painting on the canvas.
+ * @interface CachedRevealBitmap
+ */
+export interface CachedRevealBitmap {
+    cachedReveal: {
+        borderReveal: CachedReveal;
+        fillReveal: CachedReveal;
+    };
+    cachedCanvas: {
+        borderReveal: HTMLCanvasElement;
+        fillReveal: HTMLCanvasElement;
+    };
+    cachedCtx: {
+        borderReveal: CanvasRenderingContext2D | null;
+        fillReveal: CanvasRenderingContext2D | null;
+    };
+}
+
+/**
+ * Cached border and body pattern, just to store something in similar way.
+ * @interface CachedRevealPath
+ */
+export interface CachedRevealPath {
+    cachedReveal: {
+        readonly borderReveal: CachedReveal;
+        readonly fillReveal: CachedReveal;
+    };
+    cachedPath: {
+        readonly borderReveal: SVGPathElement;
+        readonly fillReveal: SVGPathElement;
+        readonly rippleReveal: SVGPathElement;
+    };
+    cachedGradient: {
+        readonly borderReveal: SVGRadialGradientElement;
+        readonly fillReveal: SVGRadialGradientElement;
+        readonly rippleReveal: SVGRadialGradientElement;
+    };
+    cachedGradientStop: {
+        readonly borderReveal: Readonly<[SVGStopElement, SVGStopElement]>;
+        readonly fillReveal: Readonly<[SVGStopElement, SVGStopElement]>;
+        readonly rippleReveal: Readonly<[SVGStopElement, SVGStopElement, SVGStopElement]>;
+    };
 }

package/src/variables.ts

@@ -1 +1 @@
-export const MAGIC_DEFAULT_COLOR = 'magic';
+export const MAGIC_DEFAULT_COLOR = 'magic';