apexify.js 4.6.2 → 4.6.3

package/lib/canvas/utils/types.ts

@@ -1,4 +1,4 @@
-import { Canvas } from "@napi-rs/canvas"
+import { Canvas, SKRSContext2D } from "@napi-rs/canvas"
 /**
  * Configuration option to decide the outputformate from ApexPainter
  * @param {type} default - 'buffer', other formates: url, blob, base64, dataURL, arraybuffer.
@@ -8,6 +8,21 @@ export interface OutputFormat {
     type?: 'buffer'  | 'url' | 'blob' | 'base64' | 'dataURL' | 'arraybuffer';
 }
 
+
+type gradient =  {
+    type: 'linear' | 'radial';
+    rotate?: number;
+    startX?: number;
+    startY?: number;
+    endX?: number;
+    endY?: number;
+    startRadius?: number;
+    endRadius?: number;
+    colors: { stop: number; color: string }[];
+};
+
+type borderPosition = 'all' | 'top' | 'left' | 'right' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | string;
+
 /**
  * Configuration options for the canvas.
  * @param {number} width - The width of the canvas.
@@ -24,38 +39,22 @@ export interface CanvasConfig {
     y?: number;
     customBg?: string;
     colorBg?: string;
+    gradientBg?: gradient; 
     opacity?: number;
+    blur?: number;
     zoom?: {
         scale?: number;
         x?: number;
         y?: number;
     };
-    gradientBg?: {
-        type?: 'linear' | 'radial';
-        startX?: number;
-        startY?: number;
-        startRadius?: number;
-        endRadius?: number;
-        endX?: number;
-        endY?: number;
-        colors?: { stop?: number; color?: string }[];
-    }; 
     stroke?: {
         color?: string;
+        blur?: number;
         width?: number; 
         position?: number;
         borderRadius?: number | "circular"; 
-        borderPosition?: 'all' | 'top' | 'left' | 'right' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-        gradient?: {
-            type: 'linear' | 'radial';
-            startX?: number;
-            startY?: number;
-            endX?: number;
-            endY?: number;
-            startRadius?: number;
-            endRadius?: number;
-            colors: { stop: number; color: string }[];
-        };
+        borderPosition?: borderPosition;
+        gradient?: gradient;
     };
     shadow?: {
         color?: string;
@@ -64,20 +63,11 @@ export interface CanvasConfig {
         blur?: number;
         opacity?: number;
         borderRadius?: number | "circular";
-        gradient?: {
-            type: 'linear' | 'radial';
-            startX?: number;
-            startY?: number;
-            endX?: number;
-            endY?: number;
-            startRadius?: number;
-            endRadius?: number;
-            colors: { stop: number; color: string }[];
-        };
+        gradient?: gradient;
     };
     rotation?: number;
     borderRadius?: number | "circular";
-    borderPosition?: 'all' | 'top' | 'left' | 'right' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    borderPosition?: borderPosition;
 };
 
 /**
@@ -112,21 +102,19 @@ export interface ImageProperties {
     x?: number;
     y?: number;
     isFilled?: boolean;
+    filling?: { percentage?: number, rotation?: number }
     color?: string; 
     opacity?: number;
-    gradient?: {
-        type?: 'linear' | 'radial';
-        startX?: number;
-        startY?: number;
-        startRadius?: number;
-        endRadius?: number; 
-        endX?: number;
-        endY?: number;
-        colors?: { stop?: number; color?: string }[]; 
+    blur?: number;
+    zoom?: {
+        scale?: number;
+        x?: number;
+        y?: number;
     };
+    gradient?: gradient;
     rotation?: number; 
     borderRadius?: number | "circular";
-    borderPosition?: 'all' | 'top' | 'left' | 'right' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    borderPosition?: borderPosition;
     perspective?: {
         topLeft: { x: number, y: number };
         topRight: { x: number, y: number };
@@ -136,19 +124,11 @@ export interface ImageProperties {
     stroke?: {
         color?: string;
         width?: number; 
+        blur?: number;
         position?: number;
         borderRadius?:  number | "circular";
-        borderPosition?: 'all' | 'top' | 'left' | 'right' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-        gradient?: {
-            type: 'linear' | 'radial';
-            startX?: number;
-            startY?: number;
-            endX?: number;
-            endY?: number;
-            startRadius?: number;
-            endRadius?: number;
-            colors: { stop: number; color: string }[];
-        };
+        borderPosition?: borderPosition;
+        gradient?: gradient;
     };
     shadow?: {
         color?: string; 
@@ -157,17 +137,19 @@ export interface ImageProperties {
         blur?: number; 
         opacity?: number; 
         borderRadius?: number | "circular",
-        gradient?: {
-            type: 'linear' | 'radial';
-            startX?: number;
-            startY?: number;
-            endX?: number;
-            endY?: number;
-            startRadius?: number;
-            endRadius?: number;
-            colors: { stop: number; color: string }[];
-        };
-        borderPosition?: 'all' | 'top' | 'left' | 'right' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+        gradient?: gradient;        
+        
+        /// Adding soon
+        flip?: { horizontal?: boolean; vertical?: boolean };
+        clip?: { type: 'rect' | 'circle' | 'polygon' | 'custom'; points?: { x: number, y: number }[] };
+        tint?: { color: string; opacity?: number };
+        noise?: { intensity: number };
+        vignette?: { strength: number; radius?: number };
+        duotone?: { shadows: string; highlights: string };
+        pixelate?: { size: number };
+        bloom?: { intensity: number; threshold?: number; radius?: number };
+        warp?: { type: 'arc' | 'bulge' | 'pinch' | 'wave' | 'twist'; intensity: number };
+        halftone?: { dotSize: number; contrast?: number };
     };
 };
 
@@ -182,22 +164,11 @@ export interface TextObject {
     color?: string;
     maxWidth?: number;
     lineHeight?: number;
-    textAlign?: "end" | "center" | "left" | "right" | "start" | "justify";
+    maxHeight?: number;
+    textAlign?: "end" | "center" | "left" | "right" | "start" ;
     textBaseline?: "alphabetic" | "bottom" | "hanging" | "ideographic" | "middle" | "top";
     outlined?: boolean;
-    gradient?: {
-        type?: 'linear' | 'radial';
-        startX?: number;
-        startY?: number;
-        endX?: number;
-        endY?: number;
-        startRadius?: number;
-        endRadius?: number;
-        colors: {
-            stop: number;
-            color: string;
-        }[];
-    };
+    gradient?: gradient;
     shadow?: {
         color?: string;
         offsetX?: number;
@@ -207,17 +178,9 @@ export interface TextObject {
     };
     stroke?: {
         color?: string;
+        blur?: number;
         width?: number;
-        gradient?: {
-            type: 'linear' | 'radial';
-            startX?: number;
-            startY?: number;
-            endX?: number;
-            endY?: number;
-            startRadius?: number;
-            endRadius?: number;
-            colors: { stop: number; color: string }[];
-        }
+        gradient?: gradient;
     };
     rotation?: number;
     opacity?: number;
@@ -290,6 +253,7 @@ export interface CustomOptions {
     lineStyle?: {
         width?: number;
         color?: string;
+        gradient?: gradient;
         lineRadius?: number | string;
         lineJoin?: 'round' | 'bevel' | 'miter';
         lineCap?: 'butt' | 'round' | 'square';
@@ -300,14 +264,17 @@ export interface CustomOptions {
         };
         stroke?: {
             color?: string;
+            gradient?: gradient;
             width?: number;
             lineRadius?: number | string;
+            lineCap?: 'butt' | 'round' | 'square';
         };
         shadow?: {
             offsetX?: number;
             offsetY?: number;
             blur?: number;
             color?: string;
+            gradient?: gradient;
             lineRadius?: number | string;
         };
     };
@@ -524,7 +491,7 @@ export interface GradientConfig{
     endY?: number;
     startRadius?: number;
     endRadius?: number;
-    angle?: number; // Optional: angle-based linear gradients
+    angle?: number;
     colors: {
       stop: number;
       color: string;
@@ -532,42 +499,42 @@ export interface GradientConfig{
   };
   
   export interface Frame{
-    backgroundColor?: string; // Static color
+    backgroundColor?: string;
     gradient?: GradientConfig;
     pattern?: {
-        imagePath: string; // Path to the pattern image
-        repeat?: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat'; // Pattern repetition options
+        imagePath: string; 
+        repeat?: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
     };
-    imagePath?: string; // Path to the image file
-    blendMode?: GlobalCompositeOperation; // Blending mode
+    imagePath?: string;
+    blendMode?: GlobalCompositeOperation;
     transformations?: {
         scaleX?: number;
         scaleY?: number;
-        rotate?: number; // Rotation in degrees
+        rotate?: number;
         translateX?: number;
         translateY?: number;
     };
-    duration?: number; // Custom duration for this frame
-    width?: number; // Custom width for the canvas
-    height?: number; // Custom height for the canvas
-    onDrawCustom?: (ctx: CanvasRenderingContext2D, canvas: Canvas) => void; // Custom draw callback
+    duration?: number;
+    width?: number;
+    height?: number;
+    onDrawCustom?: (ctx: SKRSContext2D, canvas: Canvas) => void;
   };
   
   
   export interface PatternOptions {
       type: 'dots' | 'stripes' | 'grid' | 'checkerboard' | 'custom';
-      color?: string; // Base color for the pattern
+      color?: string;
       secondaryColor?: string;
       x?: number;
       y?: number;
       width?: number;
       height?: number;
-      size?: number; // Size of the pattern (e.g., dot radius, stripe width)
-      spacing?: number; // Spacing between patterns
-      angle?: number; // Angle for stripes (degrees)
-      customPatternImage?: string; // Path to a custom pattern image
-      backgroundColor?: string; // Single background color to fill the canvas
-      gradient?: GradientConfig; // Gradient options for background
+      size?: number;
+      spacing?: number;
+      angle?: number; 
+      customPatternImage?: string; 
+      backgroundColor?: string;
+      gradient?: GradientConfig;
     }
     
     

package/lib/canvas/utils/utils.ts

@@ -11,9 +11,7 @@
 
 
 import { OutputFormat, CanvasConfig, ImageProperties, TextObject, GIFOptions, GIFResults, CustomOptions, cropOptions, GradientConfig, Frame, PatternOptions, ExtractFramesOptions, ResizeOptions, CropOptions } from "./types";
-import { radiusBorder } from "./Background/radius";
-import { circularBorder } from "./Background/circular";
-import { drawBackgroundColor, drawBackgroundGradient, customBackground } from "./Background/bg";
+import { drawBackgroundColor, drawBackgroundGradient, customBackground, backgroundRadius } from "./Background/bg";
 import { applyRotation, imageRadius, applyStroke, applyZoom, applyShadow, objectRadius, drawShape, applyPerspective } from './Image/imageProperties'
 import { drawText, WrappedText } from "./Texts/textProperties";
 import { loadImages, resizingImg, converter, applyColorFilters, imgEffects, cropOuter, cropInner, detectColors, removeColor, bgRemoval } from './General/general functions';
@@ -35,9 +33,7 @@ export {
     GIFResults,
     CustomOptions,
     cropOptions,
-    radiusBorder,
     customLines,
-    circularBorder,
     drawBackgroundColor,
     drawBackgroundGradient,
     customBackground,
@@ -47,6 +43,7 @@ export {
     applyZoom,
     applyShadow,
     objectRadius,
+    backgroundRadius,
     drawShape,
     drawText,
     WrappedText,

package/lib/index.ts

@@ -1,12 +1,16 @@
 import * as path from "path";
 import * as fs from "fs";
+import { execSync } from "child_process";
 
 const CYAN = "\x1b[36m";
+const GREEN = "\x1b[32m";
+const RED = "\x1b[31m";
 const RESET = "\x1b[0m";
 
 const packageJsonPath = path.resolve(process.cwd(), "package.json");
 let packageJson: Record<string, any> = {};
 
+// ** Load package.json Safely **
 try {
     packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
 } catch (error) {
@@ -14,29 +18,53 @@ try {
 }
 
 const getLibraryVersion = (library: string): string => {
-    const dependencies = packageJson.dependencies as Record<string, string> || {};
-    const devDependencies = packageJson.devDependencies as Record<string, string> || {};
-    
+    const dependencies = packageJson.dependencies || {};
+    const devDependencies = packageJson.devDependencies || {};
+
     return (
-        dependencies[library]?.replace(/^(\^|~)/, "") || 
-        devDependencies[library]?.replace(/^(\^|~)/, "") || 
+        dependencies[library]?.replace(/^(\^|~)/, "") ||
+        devDependencies[library]?.replace(/^(\^|~)/, "") ||
         "Not installed"
     );
 };
 
+// ** Check Installed Version BEFORE Fetching Remote Version **
+const installedVersion = getLibraryVersion("apexify.js");
+
 fetch("https://registry.npmjs.com/-/v1/search?text=apexify.js")
     .then(response => response.json())
     .then(data => {
         const latestVersion = data.objects?.[0]?.package?.version;
-        const installedVersion = getLibraryVersion("apexify.js");
+        console.log(`${CYAN}🌐 Latest Apexify.js Version: ${latestVersion}${RESET}`);
+
+        if (!installedVersion || installedVersion === "Not installed") {
+            console.log(`${RED}⚠️ Apexify.js is not installed.${RESET}`);
+            return;
+        }
 
         if (latestVersion && installedVersion !== latestVersion) {
-            console.error(
-                `${CYAN}Error: Please update apexify.js to the latest version (${latestVersion}).${RESET}`
-            );
+            console.log(`${CYAN}🚀 A new version of Apexify.js is available: ${latestVersion}${RESET}`);
+            console.log(`${CYAN}📦 Updating Apexify.js...${RESET}`);
+
+            try {
+                execSync("npm install apexify.js@latest", { stdio: "inherit" });
+                console.log(`${GREEN}✅ Apexify.js has been successfully updated to version ${latestVersion}.${RESET}`);
+            } catch (error) {
+                console.error(`${RED}❌ Error updating Apexify.js: ${error}${RESET}`);
+            }
+        } else {
+            console.log(`${GREEN}✅ Apexify.js is up to date! (${installedVersion})${RESET}`);
         }
     })
-    .catch(error => console.error("⚠️ Error fetching latest apexify.js version:", error));
+    .catch(error => console.error("⚠️ Error fetching latest Apexify.js version:", error));
+
+if (!installedVersion || installedVersion === "Not installed") {
+    console.log(`${RED}⚠️ Apexify.js is not installed. No need to uninstall.${RESET}`);
+} else {
+    console.log(`${GREEN}✅ Apexify.js is already installed (Version: ${installedVersion}).${RESET}`);
+}
+
+// ✅ FIX: Do NOT uninstall automatically
 
 import { 
     ApexAI, ApexChat, ApexImagine, ApexPainter, ApexListener, readFile, 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apexify.js",
-  "version": "4.6.2",
+  "version": "4.6.3",
   "description": "Unlimited AI models and Canvas library. Supports ts & js (supports front/back end).",
   "author": "zenith-79",
   "license": "MIT",
@@ -226,7 +226,7 @@
   ],
   "dependencies": {
     "@napi-rs/canvas": "^0.1.53",
-    "apexify.js": "^4.6.1",
+    "apexify.js": "^4.6.2",
     "axios": "^1.7.7",
     "discord.js": "^14.18.0",
     "fluent-ffmpeg": "^2.1.3",

package/dist/cjs/canvas/utils/Background/circular.d.ts

@@ -1,3 +0,0 @@
-import { SKRSContext2D } from "@napi-rs/canvas";
-export declare function circularBorder(ctx: SKRSContext2D, width: number, height: number, radius?: number): void;
-//# sourceMappingURL=circular.d.ts.map

package/dist/cjs/canvas/utils/Background/circular.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"circular.d.ts","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Background/circular.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,wBAAgB,cAAc,CAC1B,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,GAAE,MAAU,GACjB,IAAI,CAQN"}

package/dist/cjs/canvas/utils/Background/circular.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.circularBorder = circularBorder;
-function circularBorder(ctx, width, height, radius = 0) {
-    const minDimension = Math.min(width, height);
-    const clipRadius = minDimension / 2 + radius;
-    ctx.save();
-    ctx.beginPath();
-    ctx.arc(width / 2, height / 2, clipRadius, 0, Math.PI * 2);
-    ctx.closePath();
-    ctx.clip();
-}
-//# sourceMappingURL=circular.js.map

package/dist/cjs/canvas/utils/Background/circular.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circular.js","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Background/circular.ts"],"names":[],"mappings":";;AAEA,wCAaG;AAbH,SAAgB,cAAc,CAC1B,GAAkB,EAClB,KAAa,EACb,MAAc,EACd,SAAiB,CAAC;IAElB,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,YAAY,GAAG,CAAC,GAAG,MAAM,CAAC;IAC7C,GAAG,CAAC,IAAI,EAAE,CAAC;IACX,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3D,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,IAAI,EAAE,CAAC;AACb,CAAC"}

package/dist/cjs/canvas/utils/Background/radius.d.ts

@@ -1,18 +0,0 @@
-import { SKRSContext2D } from "@napi-rs/canvas";
-/**
- * Applies a radius border (clipping path) to the canvas context with support for selective corner rounding.
- *
- * @param ctx The canvas rendering context.
- * @param x The x-coordinate of the rectangle.
- * @param y The y-coordinate of the rectangle.
- * @param width The width of the rectangle.
- * @param height The height of the rectangle.
- * @param radius The radius for rounding the corners.
- * @param borderPosition Which corners to round. Valid values include:
- *    - "all" (default)
- *    - "top", "bottom", "left", "right"
- *    - "top-left", "top-right", "bottom-left", "bottom-right"
- *    - A comma-separated list, e.g. "top, left, bottom" (for three sides) or "top-left, bottom-right"
- */
-export declare function radiusBorder(ctx: SKRSContext2D, x: number | undefined, y: number | undefined, width: number, height: number, radius?: number, borderPosition?: string): void;
-//# sourceMappingURL=radius.d.ts.map

package/dist/cjs/canvas/utils/Background/radius.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Background/radius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,aAAa,EAClB,CAAC,EAAE,MAAM,YAAI,EACb,CAAC,EAAE,MAAM,YAAI,EACb,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,GAAE,MAAU,EAClB,cAAc,GAAE,MAAc,GAC7B,IAAI,CA4EN"}

package/dist/cjs/canvas/utils/Background/radius.js

@@ -1,104 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.radiusBorder = radiusBorder;
-/**
- * Applies a radius border (clipping path) to the canvas context with support for selective corner rounding.
- *
- * @param ctx The canvas rendering context.
- * @param x The x-coordinate of the rectangle.
- * @param y The y-coordinate of the rectangle.
- * @param width The width of the rectangle.
- * @param height The height of the rectangle.
- * @param radius The radius for rounding the corners.
- * @param borderPosition Which corners to round. Valid values include:
- *    - "all" (default)
- *    - "top", "bottom", "left", "right"
- *    - "top-left", "top-right", "bottom-left", "bottom-right"
- *    - A comma-separated list, e.g. "top, left, bottom" (for three sides) or "top-left, bottom-right"
- */
-function radiusBorder(ctx, x = 0, y = 0, width, height, radius = 0, borderPosition = 'all') {
-    const minDimension = Math.min(width, height);
-    const maxRadius = minDimension / 2;
-    const clipRadius = Math.min(radius, maxRadius);
-    let roundTopLeft = false;
-    let roundTopRight = false;
-    let roundBottomRight = false;
-    let roundBottomLeft = false;
-    const bp = borderPosition.trim().toLowerCase();
-    if (bp === 'all') {
-        roundTopLeft = roundTopRight = roundBottomRight = roundBottomLeft = true;
-    }
-    else if (bp === 'top') {
-        roundTopLeft = roundTopRight = true;
-    }
-    else if (bp === 'bottom') {
-        roundBottomLeft = roundBottomRight = true;
-    }
-    else if (bp === 'left') {
-        roundTopLeft = roundBottomLeft = true;
-    }
-    else if (bp === 'right') {
-        roundTopRight = roundBottomRight = true;
-    }
-    else if (bp === 'top-left') {
-        roundTopLeft = true;
-    }
-    else if (bp === 'top-right') {
-        roundTopRight = true;
-    }
-    else if (bp === 'bottom-left') {
-        roundBottomLeft = true;
-    }
-    else if (bp === 'bottom-right') {
-        roundBottomRight = true;
-    }
-    else {
-        const positions = bp.split(',').map(s => s.trim());
-        roundTopLeft =
-            positions.includes('top-left') || (positions.includes('top') && positions.includes('left'));
-        roundTopRight =
-            positions.includes('top-right') || (positions.includes('top') && positions.includes('right'));
-        roundBottomRight =
-            positions.includes('bottom-right') || (positions.includes('bottom') && positions.includes('right'));
-        roundBottomLeft =
-            positions.includes('bottom-left') || (positions.includes('bottom') && positions.includes('left'));
-    }
-    const tl = roundTopLeft ? clipRadius : 0;
-    const tr = roundTopRight ? clipRadius : 0;
-    const br = roundBottomRight ? clipRadius : 0;
-    const bl = roundBottomLeft ? clipRadius : 0;
-    ctx.save();
-    ctx.beginPath();
-    ctx.moveTo(x + tl, y);
-    ctx.lineTo(x + width - tr, y);
-    if (tr > 0) {
-        ctx.quadraticCurveTo(x + width, y, x + width, y + tr);
-    }
-    else {
-        ctx.lineTo(x + width, y);
-    }
-    ctx.lineTo(x + width, y + height - br);
-    if (br > 0) {
-        ctx.quadraticCurveTo(x + width, y + height, x + width - br, y + height);
-    }
-    else {
-        ctx.lineTo(x + width, y + height);
-    }
-    ctx.lineTo(x + bl, y + height);
-    if (bl > 0) {
-        ctx.quadraticCurveTo(x, y + height, x, y + height - bl);
-    }
-    else {
-        ctx.lineTo(x, y + height);
-    }
-    ctx.lineTo(x, y + tl);
-    if (tl > 0) {
-        ctx.quadraticCurveTo(x, y, x + tl, y);
-    }
-    else {
-        ctx.lineTo(x, y);
-    }
-    ctx.closePath();
-    ctx.clip();
-}
-//# sourceMappingURL=radius.js.map

package/dist/cjs/canvas/utils/Background/radius.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radius.js","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Background/radius.ts"],"names":[],"mappings":"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"}

package/dist/esm/canvas/utils/Background/circular.d.ts

@@ -1,3 +0,0 @@
-import { SKRSContext2D } from "@napi-rs/canvas";
-export declare function circularBorder(ctx: SKRSContext2D, width: number, height: number, radius?: number): void;
-//# sourceMappingURL=circular.d.ts.map

package/dist/esm/canvas/utils/Background/circular.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"circular.d.ts","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Background/circular.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,wBAAgB,cAAc,CAC1B,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,GAAE,MAAU,GACjB,IAAI,CAQN"}

package/dist/esm/canvas/utils/Background/circular.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.circularBorder = circularBorder;
-function circularBorder(ctx, width, height, radius = 0) {
-    const minDimension = Math.min(width, height);
-    const clipRadius = minDimension / 2 + radius;
-    ctx.save();
-    ctx.beginPath();
-    ctx.arc(width / 2, height / 2, clipRadius, 0, Math.PI * 2);
-    ctx.closePath();
-    ctx.clip();
-}
-//# sourceMappingURL=circular.js.map

package/dist/esm/canvas/utils/Background/circular.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"circular.js","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Background/circular.ts"],"names":[],"mappings":";;AAEA,wCAaG;AAbH,SAAgB,cAAc,CAC1B,GAAkB,EAClB,KAAa,EACb,MAAc,EACd,SAAiB,CAAC;IAElB,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,YAAY,GAAG,CAAC,GAAG,MAAM,CAAC;IAC7C,GAAG,CAAC,IAAI,EAAE,CAAC;IACX,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3D,GAAG,CAAC,SAAS,EAAE,CAAC;IAChB,GAAG,CAAC,IAAI,EAAE,CAAC;AACb,CAAC"}

package/dist/esm/canvas/utils/Background/radius.d.ts

@@ -1,18 +0,0 @@
-import { SKRSContext2D } from "@napi-rs/canvas";
-/**
- * Applies a radius border (clipping path) to the canvas context with support for selective corner rounding.
- *
- * @param ctx The canvas rendering context.
- * @param x The x-coordinate of the rectangle.
- * @param y The y-coordinate of the rectangle.
- * @param width The width of the rectangle.
- * @param height The height of the rectangle.
- * @param radius The radius for rounding the corners.
- * @param borderPosition Which corners to round. Valid values include:
- *    - "all" (default)
- *    - "top", "bottom", "left", "right"
- *    - "top-left", "top-right", "bottom-left", "bottom-right"
- *    - A comma-separated list, e.g. "top, left, bottom" (for three sides) or "top-left, bottom-right"
- */
-export declare function radiusBorder(ctx: SKRSContext2D, x: number | undefined, y: number | undefined, width: number, height: number, radius?: number, borderPosition?: string): void;
-//# sourceMappingURL=radius.d.ts.map

package/dist/esm/canvas/utils/Background/radius.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Background/radius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,aAAa,EAClB,CAAC,EAAE,MAAM,YAAI,EACb,CAAC,EAAE,MAAM,YAAI,EACb,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,GAAE,MAAU,EAClB,cAAc,GAAE,MAAc,GAC7B,IAAI,CA4EN"}