apexify.js 4.8.1 → 4.8.2

package/dist/esm/canvas/utils/Charts/charts.js

@@ -1,15 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.verticalBarChart = verticalBarChart;
-exports.pieChart = pieChart;
-exports.lineChart = lineChart;
-const canvas_1 = require("@napi-rs/canvas");
-const path_1 = __importDefault(require("path"));
+import { createCanvas, loadImage } from '@napi-rs/canvas';
+import path from 'path';
 ////////////////////////////////////////BAR CHARTS////////////////////////////////////////
-async function verticalBarChart(data) {
+export async function verticalBarChart(data) {
     try {
         const { chartData, xLabels, yLabels, data: { xAxis, yAxis, keys, xTitle, yTitle, labelStyle } } = data;
         if (!xLabels || !yLabels || !xAxis || !yAxis) {
@@ -41,18 +33,18 @@ async function verticalBarChart(data) {
                         throw new Error("Failed to fetch image.");
                     }
                     const buffer = await response.arrayBuffer();
-                    img = await (0, canvas_1.loadImage)(Buffer.from(buffer));
+                    img = await loadImage(Buffer.from(buffer));
                 }
                 else {
-                    const imagePath = path_1.default.join(process.cwd(), chartData.bg.image);
-                    img = await (0, canvas_1.loadImage)(imagePath);
+                    const imagePath = path.join(process.cwd(), chartData.bg.image);
+                    img = await loadImage(imagePath);
                 }
             }
             catch (error) {
                 console.error('Error loading image:', error);
             }
         }
-        const canvas = (0, canvas_1.createCanvas)(800, 600);
+        const canvas = createCanvas(800, 600);
         const ctx = canvas.getContext('2d');
         if (chartData?.bg?.image) {
             ctx.drawImage(img, 0, 0, 800, 600);
@@ -256,12 +248,12 @@ function drawKeys(ctx, data, pieConfig) {
         ctx.fillText(`${key || ''}: ${label || ''}`, (keyX + 95 + (content?.keys?.x || 0)), (content?.keys?.y || 0) + keyY + 70 + index * (fontSize + 10));
     });
 }
-async function pieChart(pieChartData) {
+export async function pieChart(pieChartData) {
     const { data = [], pieConfig = {} } = pieChartData;
     const { canvas = {}, keyBox = {}, pieData = {} } = pieConfig;
     const { width: canvasWidth = 1200, height: canvasHeight = 400, bgcolor: canvasBgcolor = 'gray' } = canvas || {};
     const { width: keyBoxWidth = 200, height: keyBoxHeight = 300, radius: keyBoxRadius = 20, bgcolor: keyBoxBgcolor = '#ffffff', x: keyBoxX = 0, y: keyBoxY = 0, content: keyBoxContent } = keyBox || {};
-    const chartCanvas = (0, canvas_1.createCanvas)(canvasWidth, canvasHeight);
+    const chartCanvas = createCanvas(canvasWidth, canvasHeight);
     const ctx = chartCanvas.getContext('2d');
     ctx.fillStyle = canvasBgcolor;
     ctx.fillRect(0, 0, canvasWidth, canvasHeight);
@@ -271,7 +263,7 @@ async function pieChart(pieChartData) {
     return chartCanvas.toBuffer('image/png');
 }
 ////////////////////////////////////////LINE CHARTS////////////////////////////////////////
-async function lineChart(data) {
+export async function lineChart(data) {
     if (!data || !data.data || !Array.isArray(data.data) || data.data.length === 0 || !data.lineConfig) {
         throw new Error('Invalid data object or missing data properties');
     }
@@ -305,18 +297,18 @@ async function lineChart(data) {
                     throw new Error("Failed to fetch image.");
                 }
                 const buffer = await response.arrayBuffer();
-                img = await (0, canvas_1.loadImage)(Buffer.from(buffer));
+                img = await loadImage(Buffer.from(buffer));
             }
             else {
-                const imagePath = path_1.default.join(process.cwd(), data.lineConfig.canvas.image);
-                img = await (0, canvas_1.loadImage)(imagePath);
+                const imagePath = path.join(process.cwd(), data.lineConfig.canvas.image);
+                img = await loadImage(imagePath);
             }
         }
         catch (error) {
             console.error('Error loading image:', error);
         }
     }
-    const canvas = (0, canvas_1.createCanvas)(canvasWidth, canvasHeight);
+    const canvas = createCanvas(canvasWidth, canvasHeight);
     const ctx = canvas.getContext('2d');
     const xAxisLabels = data.data[0].map(point => point.label);
     const yAxisLabel = data.lineConfig?.yaxisLabel?.label || 'Y Axis';
@@ -461,4 +453,3 @@ async function lineChart(data) {
     }
     return canvas.toBuffer('image/png');
 }
-//# sourceMappingURL=charts.js.map

package/dist/esm/canvas/utils/Custom/customLines.d.ts

@@ -1,3 +1,2 @@
-import { CustomOptions } from "../types";
+import { CustomOptions } from "../types.js";
 export declare function customLines(ctx: any, options: CustomOptions[]): void;
-//# sourceMappingURL=customLines.d.ts.map

package/dist/esm/canvas/utils/Custom/customLines.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.customLines = customLines;
-const imageProperties_1 = require("../Image/imageProperties");
-function customLines(ctx, options) {
+import { createGradient } from "../Image/imageProperties.js";
+export function customLines(ctx, options) {
     let previousEndCoordinates = null;
     let currentStyle = null;
     let inSingleLineSequence = false;
@@ -33,7 +30,7 @@ function customLines(ctx, options) {
         const appliedStyle = inSingleLineSequence ? currentStyle : lineStyle;
         ctx.lineWidth = appliedStyle?.width || 1;
         if (appliedStyle?.gradient) {
-            ctx.strokeStyle = (0, imageProperties_1.createGradient)(ctx, appliedStyle.gradient, start.x, start.y, endCoordinates.x, endCoordinates.y);
+            ctx.strokeStyle = createGradient(ctx, appliedStyle.gradient, start.x, start.y, endCoordinates.x, endCoordinates.y);
         }
         else {
             ctx.strokeStyle = appliedStyle?.color || 'black';
@@ -87,7 +84,7 @@ function applyStroke(ctx, style, start, end) {
         const prevLineWidth = ctx.lineWidth;
         const prevLineCap = ctx.lineCap;
         if (gradient) {
-            ctx.strokeStyle = (0, imageProperties_1.createGradient)(ctx, gradient, start.x, start.y, end.x, end.y);
+            ctx.strokeStyle = createGradient(ctx, gradient, start.x, start.y, end.x, end.y);
         }
         else {
             ctx.strokeStyle = color || prevStrokeStyle;
@@ -106,4 +103,3 @@ function applyStroke(ctx, style, start, end) {
         ctx.lineCap = prevLineCap;
     }
 }
-//# sourceMappingURL=customLines.js.map

package/dist/esm/canvas/utils/General/conversion.d.ts

@@ -3,4 +3,3 @@ export declare function dataURL(buffer: any): string;
 export declare function blob(buffer: any): Blob;
 export declare function base64(buffer: any): string;
 export declare function arrayBuffer(buffer: any): ArrayBuffer;
-//# sourceMappingURL=conversion.d.ts.map

package/dist/esm/canvas/utils/General/conversion.js

@@ -1,13 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.url = url;
-exports.dataURL = dataURL;
-exports.blob = blob;
-exports.base64 = base64;
-exports.arrayBuffer = arrayBuffer;
-const imgur_1 = require("imgur");
-async function url(buffer) {
-    const client = new imgur_1.ImgurClient({
+import { ImgurClient } from "imgur";
+export async function url(buffer) {
+    const client = new ImgurClient({
         clientId: "cd66e7c46e15b4e",
         clientSecret: "14a6adf67597a7b2db5e535a09c24843470fc70b",
         accessToken: "ad06eacb7c7228d8f482d2db20f490d649f58e52",
@@ -19,16 +12,15 @@ async function url(buffer) {
     });
     return response.data.link;
 }
-function dataURL(buffer) {
+export function dataURL(buffer) {
     return `data:image/png;base64,${Buffer.from(buffer).toString('base64')}`;
 }
-function blob(buffer) {
+export function blob(buffer) {
     return new Blob([buffer], { type: 'image/png' });
 }
-function base64(buffer) {
+export function base64(buffer) {
     return Buffer.from(buffer).toString('base64');
 }
-function arrayBuffer(buffer) {
+export function arrayBuffer(buffer) {
     return buffer.buffer.slice(buffer.byteOffset, buffer.byteOffset + buffer.byteLength);
 }
-//# sourceMappingURL=conversion.js.map

package/dist/esm/canvas/utils/General/general functions.d.ts

@@ -1,5 +1,5 @@
 import sharp from 'sharp';
-import { cropOptions, ResizeOptions } from '../types';
+import { cropOptions, ResizeOptions } from '../types.js';
 export declare function loadImages(imagePath: string): Promise<sharp.Sharp>;
 /**
  * Resizes an image using Sharp with additional options for quality, kernel, and withoutEnlargement.
@@ -36,4 +36,3 @@ export declare function removeColor(inputImagePath: string, colorToRemove: {
     blue: number;
 }): Promise<Buffer | undefined>;
 export declare function bgRemoval(imgURL: string, API_KEY: string): Promise<Buffer | undefined>;
-//# sourceMappingURL=general%20functions.d.ts.map

package/dist/esm/canvas/utils/General/general functions.js

@@ -1,24 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadImages = loadImages;
-exports.resizingImg = resizingImg;
-exports.converter = converter;
-exports.applyColorFilters = applyColorFilters;
-exports.imgEffects = imgEffects;
-exports.cropInner = cropInner;
-exports.cropOuter = cropOuter;
-exports.detectColors = detectColors;
-exports.removeColor = removeColor;
-exports.bgRemoval = bgRemoval;
-const path_1 = __importDefault(require("path"));
-const sharp_1 = __importDefault(require("sharp"));
-const canvas_1 = require("@napi-rs/canvas");
-const fs_1 = __importDefault(require("fs"));
-const axios_1 = __importDefault(require("axios"));
-async function loadImages(imagePath) {
+import path from 'path';
+import sharp from 'sharp';
+import { createCanvas, loadImage } from '@napi-rs/canvas';
+import fs from "fs";
+import axios from "axios";
+export async function loadImages(imagePath) {
     try {
         if (!imagePath) {
             throw new Error("Image path is required.");
@@ -29,11 +14,11 @@ async function loadImages(imagePath) {
                 throw new Error("Failed to fetch image.");
             }
             const buffer = await response.arrayBuffer();
-            return (0, sharp_1.default)(buffer);
+            return sharp(buffer);
         }
         else {
-            const absolutePath = path_1.default.join(process.cwd(), imagePath);
-            return (0, sharp_1.default)(absolutePath);
+            const absolutePath = path.join(process.cwd(), imagePath);
+            return sharp(absolutePath);
         }
     }
     catch (error) {
@@ -46,7 +31,7 @@ async function loadImages(imagePath) {
  * @param resizeOptions - The options for resizing.
  * @returns A Promise that resolves with the resized image as a Buffer.
  */
-async function resizingImg(resizeOptions) {
+export async function resizingImg(resizeOptions) {
     try {
         if (!resizeOptions.imagePath) {
             throw new Error("Image path is required for resizing.");
@@ -56,8 +41,8 @@ async function resizingImg(resizeOptions) {
         const resizeOptionsForSharp = {
             width: resizeOptions.size?.width || 500,
             height: resizeOptions.size?.height || 500,
-            fit: resizeOptions.maintainAspectRatio ? sharp_1.default.fit.inside : sharp_1.default.fit.fill,
-            kernel: sharp_1.default.kernel.lanczos3,
+            fit: resizeOptions.maintainAspectRatio ? sharp.fit.inside : sharp.fit.fill,
+            kernel: sharp.kernel.lanczos3,
             withoutEnlargement: true,
         };
         const quality = resizeOptions.quality ?? 90;
@@ -72,7 +57,7 @@ async function resizingImg(resizeOptions) {
         throw new Error("Failed to resize image");
     }
 }
-async function converter(imagePath, newExtension) {
+export async function converter(imagePath, newExtension) {
     try {
         const validExtensions = ['jpeg', 'png', 'webp', 'tiff', 'gif', 'avif', 'heif', 'raw', 'pdf', 'svg'];
         const newExt = newExtension.toLowerCase();
@@ -86,14 +71,14 @@ async function converter(imagePath, newExtension) {
                 throw new Error("Failed to fetch image.");
             }
             const buffer = await response.arrayBuffer();
-            image = (0, sharp_1.default)(Buffer.from(buffer));
+            image = sharp(Buffer.from(buffer));
         }
         else {
             if (!imagePath) {
                 throw new Error("Image path is required.");
             }
-            const absolutePath = path_1.default.join(process.cwd(), imagePath);
-            image = (0, sharp_1.default)(absolutePath);
+            const absolutePath = path.join(process.cwd(), imagePath);
+            image = sharp(absolutePath);
         }
         const convertedBuffer = await image.toFormat(newExt).toBuffer();
         return convertedBuffer;
@@ -103,16 +88,16 @@ async function converter(imagePath, newExtension) {
         throw new Error("Failed to change image extension");
     }
 }
-async function applyColorFilters(imagePath, gradientOptions, opacity = 1) {
+export async function applyColorFilters(imagePath, gradientOptions, opacity = 1) {
     try {
         let image;
         if (imagePath.startsWith("http")) {
             const pngBuffer = await converter(imagePath, "png");
-            image = (0, sharp_1.default)(pngBuffer);
+            image = sharp(pngBuffer);
         }
         else {
-            const imagePathResolved = path_1.default.join(process.cwd(), imagePath);
-            image = await (0, sharp_1.default)(imagePathResolved);
+            const imagePathResolved = path.join(process.cwd(), imagePath);
+            image = await sharp(imagePathResolved);
         }
         const metadata = await image.metadata();
         let gradientImage;
@@ -133,7 +118,7 @@ async function applyColorFilters(imagePath, gradientOptions, opacity = 1) {
     }
 }
 function createSolidColorImage(width, height, color, opacity) {
-    const solidColorCanvas = (0, canvas_1.createCanvas)(width, height);
+    const solidColorCanvas = createCanvas(width, height);
     const ctx = solidColorCanvas.getContext('2d');
     ctx.globalAlpha = opacity;
     ctx.fillStyle = color;
@@ -142,7 +127,7 @@ function createSolidColorImage(width, height, color, opacity) {
 }
 function createGradientImage(width, height, options, opacity) {
     const { type, colors } = options;
-    const gradientCanvas = (0, canvas_1.createCanvas)(width, height);
+    const gradientCanvas = createCanvas(width, height);
     const ctx = gradientCanvas.getContext('2d');
     if (type === 'linear') {
         const gradient = ctx.createLinearGradient(options.startX || 0, options.startY || 0, options.endX || width, options.endY || height);
@@ -162,18 +147,18 @@ function createGradientImage(width, height, options, opacity) {
     ctx.fillRect(0, 0, width, height);
     return gradientCanvas.toBuffer('image/png');
 }
-async function imgEffects(imagePath, filters) {
+export async function imgEffects(imagePath, filters) {
     try {
         let image;
         if (imagePath.startsWith("http")) {
-            const response = await axios_1.default.get(imagePath, { responseType: "arraybuffer" });
-            image = await (0, canvas_1.loadImage)(response.data);
+            const response = await axios.get(imagePath, { responseType: "arraybuffer" });
+            image = await loadImage(response.data);
         }
         else {
-            const imagePathResolved = path_1.default.resolve(process.cwd(), imagePath);
-            image = await (0, canvas_1.loadImage)(fs_1.default.readFileSync(imagePathResolved));
+            const imagePathResolved = path.resolve(process.cwd(), imagePath);
+            image = await loadImage(fs.readFileSync(imagePathResolved));
         }
-        const canvas = (0, canvas_1.createCanvas)(image.width, image.height);
+        const canvas = createCanvas(image.width, image.height);
         const ctx = canvas.getContext("2d");
         ctx.drawImage(image, 0, 0);
         for (const filter of filters) {
@@ -223,15 +208,15 @@ async function imgEffects(imagePath, filters) {
  * Crops the inner portion of the image based on the bounding box of the provided coordinates.
  * Optionally applies a clipping mask with a specified radius.
  */
-async function cropInner(options) {
+export async function cropInner(options) {
     try {
         // Load the image (from HTTP or local path)
         let image;
         if (options.imageSource.startsWith("http")) {
-            image = await (0, canvas_1.loadImage)(options.imageSource);
+            image = await loadImage(options.imageSource);
         }
         else {
-            image = await (0, canvas_1.loadImage)(path_1.default.join(process.cwd(), options.imageSource));
+            image = await loadImage(path.join(process.cwd(), options.imageSource));
         }
         // Compute the bounding box from all coordinate points.
         const xs = [];
@@ -247,7 +232,7 @@ async function cropInner(options) {
         const cropWidth = maxX - minX;
         const cropHeight = maxY - minY;
         // Create a canvas with the crop dimensions.
-        const canvas = (0, canvas_1.createCanvas)(cropWidth, cropHeight);
+        const canvas = createCanvas(cropWidth, cropHeight);
         const ctx = canvas.getContext('2d');
         if (!ctx)
             throw new Error("Unable to get 2D context");
@@ -292,17 +277,17 @@ async function cropInner(options) {
  * Crops the outer portion of the image by removing the area defined by the provided polygon.
  * The polygon is defined by the coordinates (with optional bezier smoothing using tension).
  */
-async function cropOuter(options) {
+export async function cropOuter(options) {
     try {
         let image;
         if (options.imageSource.startsWith("http")) {
-            image = await (0, canvas_1.loadImage)(options.imageSource);
+            image = await loadImage(options.imageSource);
         }
         else {
-            image = await (0, canvas_1.loadImage)(path_1.default.join(process.cwd(), options.imageSource));
+            image = await loadImage(path.join(process.cwd(), options.imageSource));
         }
         // Create a canvas matching the full image dimensions.
-        const canvas = (0, canvas_1.createCanvas)(image.width, image.height);
+        const canvas = createCanvas(image.width, image.height);
         const ctx = canvas.getContext('2d');
         if (!ctx)
             throw new Error("Unable to get 2D context");
@@ -340,7 +325,7 @@ async function cropOuter(options) {
  * @param imagePath - Local path or URL of the image.
  * @returns A sorted array of dominant colors with their frequency.
  */
-async function detectColors(imagePath) {
+export async function detectColors(imagePath) {
     try {
         let image;
         if (imagePath.startsWith('http')) {
@@ -348,13 +333,13 @@ async function detectColors(imagePath) {
             if (!response.ok)
                 throw new Error(`Failed to fetch image: ${response.statusText}`);
             const buffer = await response.arrayBuffer();
-            image = await (0, canvas_1.loadImage)(Buffer.from(buffer));
+            image = await loadImage(Buffer.from(buffer));
         }
         else {
-            const localImagePath = path_1.default.resolve(imagePath);
-            image = await (0, canvas_1.loadImage)(localImagePath);
+            const localImagePath = path.resolve(imagePath);
+            image = await loadImage(localImagePath);
         }
-        const canvas = (0, canvas_1.createCanvas)(image.width, image.height);
+        const canvas = createCanvas(image.width, image.height);
         const ctx = canvas.getContext('2d');
         ctx.drawImage(image, 0, 0, image.width, image.height);
         const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
@@ -382,7 +367,7 @@ async function detectColors(imagePath) {
         return [];
     }
 }
-async function removeColor(inputImagePath, colorToRemove) {
+export async function removeColor(inputImagePath, colorToRemove) {
     try {
         let image;
         if (inputImagePath.startsWith('http')) {
@@ -391,13 +376,13 @@ async function removeColor(inputImagePath, colorToRemove) {
                 throw new Error("Failed to fetch image.");
             }
             const buffer = await response.arrayBuffer();
-            image = await (0, canvas_1.loadImage)(Buffer.from(buffer));
+            image = await loadImage(Buffer.from(buffer));
         }
         else {
-            const localImagePath = path_1.default.join(process.cwd(), inputImagePath);
-            image = await (0, canvas_1.loadImage)(localImagePath);
+            const localImagePath = path.join(process.cwd(), inputImagePath);
+            image = await loadImage(localImagePath);
         }
-        const canvas = (0, canvas_1.createCanvas)(image.width, image.height);
+        const canvas = createCanvas(image.width, image.height);
         const ctx = canvas.getContext('2d');
         ctx.drawImage(image, 0, 0, image.width, image.height);
         const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
@@ -418,7 +403,7 @@ async function removeColor(inputImagePath, colorToRemove) {
         return undefined;
     }
 }
-async function bgRemoval(imgURL, API_KEY) {
+export async function bgRemoval(imgURL, API_KEY) {
     try {
         if (!API_KEY) {
             throw new Error("API_KEY is required. Please visit remove.bg, create an account, and obtain your API key at: https://accounts.kaleido.ai/users/sign_in#api-key");
@@ -465,7 +450,7 @@ function flipCanvas(ctx, width, height, horizontal = false, vertical = false) {
 }
 function rotateCanvas(ctx, canvas, degrees) {
     const radians = (degrees * Math.PI) / 180;
-    const newCanvas = (0, canvas_1.createCanvas)(canvas.width, canvas.height);
+    const newCanvas = createCanvas(canvas.width, canvas.height);
     const newCtx = newCanvas.getContext("2d");
     newCtx.translate(canvas.width / 2, canvas.height / 2);
     newCtx.rotate(radians);
@@ -603,4 +588,3 @@ function pixelate(ctx, size, startX = 0, startY = 0, width = ctx.canvas.width, h
     }
     ctx.putImageData(imageData, startX, startY);
 }
-//# sourceMappingURL=general%20functions.js.map

package/dist/esm/canvas/utils/Image/imageProperties.d.ts

@@ -1,5 +1,5 @@
 import { Image, SKRSContext2D } from "@napi-rs/canvas";
-import { ImageProperties } from "../utils";
+import { ImageProperties } from "../utils.js";
 /**
  * Applies shadow to the canvas context.
  * @param ctx The canvas rendering context.
@@ -112,4 +112,3 @@ export declare function applyPerspective(ctx: SKRSContext2D, image: Image, x: nu
         y: number;
     };
 }, gridCols?: number, gridRows?: number): Promise<void>;
-//# sourceMappingURL=imageProperties.d.ts.map

package/dist/esm/canvas/utils/Image/imageProperties.js

@@ -1,14 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyShadow = applyShadow;
-exports.applyZoom = applyZoom;
-exports.applyStroke = applyStroke;
-exports.drawShape = drawShape;
-exports.createGradient = createGradient;
-exports.applyRotation = applyRotation;
-exports.imageRadius = imageRadius;
-exports.objectRadius = objectRadius;
-exports.applyPerspective = applyPerspective;
 /**
  * Applies shadow to the canvas context.
  * @param ctx The canvas rendering context.
@@ -18,7 +7,7 @@ exports.applyPerspective = applyPerspective;
  * @param width The width of the shape.
  * @param height The height of the shape.
  */
-function applyShadow(ctx, shadow, x, y, width, height) {
+export function applyShadow(ctx, shadow, x, y, width, height) {
     ctx.save();
     if (shadow) {
         ctx.globalAlpha = shadow.opacity ?? 1;
@@ -40,7 +29,7 @@ function applyShadow(ctx, shadow, x, y, width, height) {
  * @param ctx The canvas rendering context.
  * @param zoom An object with scale (zoom factor) and the x/y coordinates that act as the zoom origin.
  */
-function applyZoom(ctx, zoom) {
+export function applyZoom(ctx, zoom) {
     if (!zoom)
         return;
     const scale = zoom.scale ?? 1;
@@ -62,7 +51,7 @@ function applyZoom(ctx, zoom) {
  * @param height The height of the shape.
  * @param blur Optional blur effect on the stroke.
  */
-function applyStroke(ctx, stroke, x, y, width, height, shapeName) {
+export function applyStroke(ctx, stroke, x, y, width, height, shapeName) {
     if (!stroke)
         return;
     ctx.save();
@@ -146,7 +135,7 @@ function applyStroke(ctx, stroke, x, y, width, height, shapeName) {
     ctx.filter = "none";
     ctx.restore();
 }
-function drawShape(ctx, shapeSettings) {
+export function drawShape(ctx, shapeSettings) {
     const { source, x, y, width, height, opacity, rotation = 0, borderRadius = 0, borderPosition = 'all', stroke, shadow, isFilled = false, color = "transparent", gradient, filling, } = shapeSettings;
     const shapeName = source.toLowerCase();
     ctx.save();
@@ -334,7 +323,7 @@ function drawStar(ctx, x, y, width, height) {
     }
     ctx.closePath();
 }
-function createGradient(ctx, gradientOptions, startX, startY, endX, endY) {
+export function createGradient(ctx, gradientOptions, startX, startY, endX, endY) {
     if (!gradientOptions || !gradientOptions.type || !gradientOptions.colors) {
         throw new Error("Invalid gradient options. Provide a valid object with type and colors properties.");
     }
@@ -402,7 +391,7 @@ function createGradient(ctx, gradientOptions, startX, startY, endX, endY) {
  * @param width The width of the shape.
  * @param height The height of the shape.
  */
-function applyRotation(ctx, rotation, x, y, width, height) {
+export function applyRotation(ctx, rotation, x, y, width, height) {
     const rotationX = x + width / 2;
     const rotationY = y + height / 2;
     ctx.translate(rotationX, rotationY);
@@ -426,7 +415,7 @@ function applyRotation(ctx, rotation, x, y, width, height) {
  *     - "top-left", "top-right", "bottom-left", "bottom-right"
  *     - Or a comma‑separated list (e.g., "top, left, bottom")
  */
-function imageRadius(ctx, image, x, y, width, height, borderRadius, borderPosition = "all") {
+export function imageRadius(ctx, image, x, y, width, height, borderRadius, borderPosition = "all") {
     ctx.save();
     ctx.beginPath();
     if (borderRadius === "circular") {
@@ -483,7 +472,7 @@ function imageRadius(ctx, image, x, y, width, height, borderRadius, borderPositi
  *   - "top-left", "top-right", "bottom-left", "bottom-right"
  *   - Or a comma-separated list, e.g. "top-left, bottom-right" or "top, left, bottom"
  */
-function objectRadius(ctx, x, y, width, height, borderRadius = 0.1, borderPosition = "all") {
+export function objectRadius(ctx, x, y, width, height, borderRadius = 0.1, borderPosition = "all") {
     ctx.beginPath();
     if (borderRadius === "circular") {
         // Draw a circular shape
@@ -572,7 +561,7 @@ function bilinearInterpolate(corners, t, u) {
  * @param gridCols Number of columns to subdivide (default: 10).
  * @param gridRows Number of rows to subdivide (default: 10).
  */
-async function applyPerspective(ctx, image, x, y, width, height, perspective, gridCols = 10, gridRows = 10) {
+export async function applyPerspective(ctx, image, x, y, width, height, perspective, gridCols = 10, gridRows = 10) {
     const cellWidth = width / gridCols;
     const cellHeight = height / gridRows;
     for (let row = 0; row < gridRows; row++) {
@@ -599,4 +588,3 @@ async function applyPerspective(ctx, image, x, y, width, height, perspective, gr
         }
     }
 }
-//# sourceMappingURL=imageProperties.js.map

package/dist/esm/canvas/utils/Texts/textProperties.d.ts

@@ -1,5 +1,5 @@
 import { SKRSContext2D } from '@napi-rs/canvas';
-import { TextObject } from '../types';
+import { TextObject } from '../types.js';
 /**
  * The main function that draws text with optional wrapping.
  * @param ctx         CanvasRenderingContext2D
@@ -14,4 +14,3 @@ export declare function WrappedText(ctx: SKRSContext2D, text: string, startX: nu
  * Creates a linear or radial gradient for fill/stroke.
  */
 export declare function createGradient(ctx: SKRSContext2D, gradientOptions: any, startX: number, startY: number, endX: number, endY: number): CanvasGradient;
-//# sourceMappingURL=textProperties.d.ts.map

package/dist/esm/canvas/utils/Texts/textProperties.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawText = drawText;
-exports.WrappedText = WrappedText;
-exports.createGradient = createGradient;
 /**
  * The main function that draws text with optional wrapping.
  * @param ctx         CanvasRenderingContext2D
  * @param textOptions TextObject
  */
-function drawText(ctx, textOptions) {
+export function drawText(ctx, textOptions) {
     ctx.save();
     // 1) Apply rotation if any
     if (textOptions.rotation && textOptions.rotation !== 0) {
@@ -52,7 +47,7 @@ function drawText(ctx, textOptions) {
 /**
  * Handles word-based wrapping. Then draws each line with stroke, fill, gradient, etc.
  */
-function WrappedText(ctx, text, startX, startY, maxWidth, options) {
+export function WrappedText(ctx, text, startX, startY, maxWidth, options) {
     const fontSize = options.fontSize || 16;
     const lineHeight = options.lineHeight || fontSize * 1.4;
     const maxHeight = options.maxHeight;
@@ -138,7 +133,7 @@ function drawStrokeAndFill(ctx, text, x, y, options) {
 /**
  * Creates a linear or radial gradient for fill/stroke.
  */
-function createGradient(ctx, gradientOptions, startX, startY, endX, endY) {
+export function createGradient(ctx, gradientOptions, startX, startY, endX, endY) {
     if (!gradientOptions || !gradientOptions.type || !gradientOptions.colors) {
         throw new Error("Invalid gradient options. Provide a valid object with type and colors properties.");
     }
@@ -157,4 +152,3 @@ function createGradient(ctx, gradientOptions, startX, startY, endX, endY) {
     }
     return gradient;
 }
-//# sourceMappingURL=textProperties.js.map

package/dist/esm/canvas/utils/types.d.ts

@@ -619,4 +619,3 @@ export interface BlendOptions {
     maskSource?: string | Buffer | PathLike | Uint8Array;
 }
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/esm/canvas/utils/types.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 ;
 ;
 ;
 ;
-//# sourceMappingURL=types.js.map
+export {};