apexify.js 4.8.1 → 4.8.2

package/dist/esm/canvas/ApexPainter.js

@@ -1,18 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApexPainter = void 0;
-const canvas_1 = require("@napi-rs/canvas");
-const gifencoder_1 = __importDefault(require("gifencoder"));
-const fluent_ffmpeg_1 = __importDefault(require("fluent-ffmpeg"));
-const stream_1 = require("stream");
-const axios_1 = __importDefault(require("axios"));
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-const utils_1 = require("./utils/utils");
-class ApexPainter {
+import { createCanvas, loadImage, GlobalFonts } from "@napi-rs/canvas";
+import GIFEncoder from "gifencoder";
+import ffmpeg from 'fluent-ffmpeg';
+import { PassThrough } from "stream";
+import axios from 'axios';
+import fs from "fs";
+import path from "path";
+import { drawBackgroundGradient, drawBackgroundColor, customBackground, customLines, applyRotation, applyStroke, applyShadow, imageRadius, drawShape, drawText, converter, resizingImg, applyColorFilters, imgEffects, verticalBarChart, pieChart, lineChart, cropInner, cropOuter, bgRemoval, detectColors, removeColor, dataURL, base64, arrayBuffer, blob, url, backgroundRadius } from "./utils/utils.js";
+export class ApexPainter {
     format;
     constructor({ type } = { type: 'buffer' }) {
         this.format = { type: type || 'buffer' };
@@ -27,30 +21,30 @@ class ApexPainter {
      */
     async createCanvas(canvas) {
         const { width = 500, height = 500, x = 0, y = 0, rotation = 0, borderRadius = 0, customBg, gradientBg, stroke, shadow, borderPosition = 'all', opacity = 1, zoom, blur } = canvas;
-        const canvasInstance = (0, canvas_1.createCanvas)(width, height);
+        const canvasInstance = createCanvas(width, height);
         const ctx = canvasInstance.getContext('2d');
         if (!ctx) {
             throw new Error('Unable to get 2D rendering context from canvas');
         }
         ctx.globalAlpha = opacity;
-        (0, utils_1.applyRotation)(ctx, rotation, x, y, width, height);
-        (0, utils_1.applyShadow)(ctx, shadow, x, y, width, height);
+        applyRotation(ctx, rotation, x, y, width, height);
+        applyShadow(ctx, shadow, x, y, width, height);
         ctx.save();
         if (borderRadius) {
-            (0, utils_1.backgroundRadius)(ctx, x, y, width, height, borderRadius, borderPosition);
+            backgroundRadius(ctx, x, y, width, height, borderRadius, borderPosition);
         }
         ctx.translate(x, y);
         if (customBg) {
-            await (0, utils_1.customBackground)(ctx, canvas, zoom, blur);
+            await customBackground(ctx, canvas, zoom, blur);
         }
         else if (gradientBg) {
-            await (0, utils_1.drawBackgroundGradient)(ctx, canvas, zoom, blur);
+            await drawBackgroundGradient(ctx, canvas, zoom, blur);
         }
         else {
-            await (0, utils_1.drawBackgroundColor)(ctx, canvas, zoom, blur);
+            await drawBackgroundColor(ctx, canvas, zoom, blur);
         }
         ctx.restore();
-        (0, utils_1.applyStroke)(ctx, stroke, x, y, width, height);
+        applyStroke(ctx, stroke, x, y, width, height);
         return { buffer: canvasInstance.toBuffer('image/png'), canvas };
     }
     /**
@@ -65,10 +59,10 @@ class ApexPainter {
         }
         let baseImage;
         if (Buffer.isBuffer(canvasBuffer)) {
-            baseImage = await (0, canvas_1.loadImage)(canvasBuffer);
+            baseImage = await loadImage(canvasBuffer);
         }
         else if (canvasBuffer.buffer) {
-            baseImage = await (0, canvas_1.loadImage)(canvasBuffer.buffer);
+            baseImage = await loadImage(canvasBuffer.buffer);
         }
         else {
             throw new Error('Invalid canvasBuffer provided; expected Buffer or CanvasResults with a buffer');
@@ -76,7 +70,7 @@ class ApexPainter {
         if (!baseImage) {
             throw new Error('Unable to load base image from the provided buffer');
         }
-        const canvas = (0, canvas_1.createCanvas)(baseImage.width, baseImage.height);
+        const canvas = createCanvas(baseImage.width, baseImage.height);
         const ctx = canvas.getContext('2d');
         if (!ctx) {
             throw new Error('Unable to get 2D rendering context from canvas');
@@ -94,10 +88,10 @@ class ApexPainter {
             }
             let existingImage;
             if (Buffer.isBuffer(buffer)) {
-                existingImage = await (0, canvas_1.loadImage)(buffer);
+                existingImage = await loadImage(buffer);
             }
             else if (buffer && buffer.buffer) {
-                existingImage = await (0, canvas_1.loadImage)(buffer.buffer);
+                existingImage = await loadImage(buffer.buffer);
             }
             else {
                 throw new Error('Invalid canvasBuffer provided. It should be a Buffer or CanvasResults object with a buffer');
@@ -105,15 +99,15 @@ class ApexPainter {
             if (!existingImage) {
                 throw new Error('Unable to load image from buffer');
             }
-            const canvas = (0, canvas_1.createCanvas)(existingImage.width, existingImage.height);
+            const canvas = createCanvas(existingImage.width, existingImage.height);
             const ctx = canvas.getContext("2d");
             ctx.drawImage(existingImage, 0, 0);
             for (const textOptions of textOptionsArray) {
                 const mergedTextOptions = textOptions;
                 if (mergedTextOptions.fontPath) {
-                    canvas_1.GlobalFonts.registerFromPath(path_1.default.join(process.cwd(), mergedTextOptions.fontPath), (mergedTextOptions.fontName || 'customFont'));
+                    GlobalFonts.registerFromPath(path.join(process.cwd(), mergedTextOptions.fontPath), (mergedTextOptions.fontName || 'customFont'));
                 }
-                (0, utils_1.drawText)(ctx, mergedTextOptions);
+                drawText(ctx, mergedTextOptions);
             }
             return canvas.toBuffer("image/png");
         }
@@ -129,10 +123,10 @@ class ApexPainter {
             }
             let existingImage;
             if (Buffer.isBuffer(buffer)) {
-                existingImage = await (0, canvas_1.loadImage)(buffer);
+                existingImage = await loadImage(buffer);
             }
             else if (buffer && buffer.buffer) {
-                existingImage = await (0, canvas_1.loadImage)(buffer.buffer);
+                existingImage = await loadImage(buffer.buffer);
             }
             else {
                 throw new Error('Invalid canvasBuffer provided. It should be a Buffer or CanvasResults object with a buffer');
@@ -140,10 +134,10 @@ class ApexPainter {
             if (!existingImage) {
                 throw new Error('Unable to load image from buffer');
             }
-            const canvas = (0, canvas_1.createCanvas)(existingImage.width, existingImage.height);
+            const canvas = createCanvas(existingImage.width, existingImage.height);
             const ctx = canvas.getContext("2d");
             ctx.drawImage(existingImage, 0, 0);
-            (0, utils_1.customLines)(ctx, options);
+            customLines(ctx, options);
             return canvas.toBuffer("image/png");
         }
         catch (error) {
@@ -153,16 +147,16 @@ class ApexPainter {
     }
     async createGIF(gifFrames, options) {
         async function resizeImage(image, targetWidth, targetHeight) {
-            const canvas = (0, canvas_1.createCanvas)(targetWidth, targetHeight);
+            const canvas = createCanvas(targetWidth, targetHeight);
             const ctx = canvas.getContext("2d");
             ctx.drawImage(image, 0, 0, targetWidth, targetHeight);
             return canvas;
         }
         function createOutputStream(outputFile) {
-            return fs_1.default.createWriteStream(outputFile);
+            return fs.createWriteStream(outputFile);
         }
         function createBufferStream() {
-            const bufferStream = new stream_1.PassThrough();
+            const bufferStream = new PassThrough();
             const chunks = [];
             bufferStream.on('data', (chunk) => {
                 chunks.push(chunk);
@@ -204,21 +198,21 @@ class ApexPainter {
             validateOptions(options);
             const canvasWidth = options.width || 1200;
             const canvasHeight = options.height || 1200;
-            const encoder = new gifencoder_1.default(canvasWidth, canvasHeight);
+            const encoder = new GIFEncoder(canvasWidth, canvasHeight);
             const outputStream = options.outputFile ? createOutputStream(options.outputFile) : createBufferStream();
             encoder.createReadStream().pipe(outputStream);
             encoder.start();
             encoder.setRepeat(options.repeat || 0);
             encoder.setQuality(options.quality || 10);
-            const canvas = (0, canvas_1.createCanvas)(canvasWidth, canvasHeight);
+            const canvas = createCanvas(canvasWidth, canvasHeight);
             const ctx = canvas.getContext("2d");
             for (const frame of gifFrames) {
-                const image = await (0, canvas_1.loadImage)(frame.background);
+                const image = await loadImage(frame.background);
                 const resizedImage = await resizeImage(image, canvasWidth, canvasHeight);
                 ctx.clearRect(0, 0, canvas.width, canvas.height);
                 ctx.drawImage(resizedImage, 0, 0);
                 if (options.watermark?.enable) {
-                    const watermark = await (0, canvas_1.loadImage)(options.watermark.url);
+                    const watermark = await loadImage(options.watermark.url);
                     ctx.drawImage(watermark, 10, canvasHeight - watermark.height - 10);
                 }
                 if (options.textOverlay) {
@@ -258,35 +252,35 @@ class ApexPainter {
         }
     }
     async resize(resizeOptions) {
-        return (0, utils_1.resizingImg)(resizeOptions);
+        return resizingImg(resizeOptions);
     }
     async imgConverter(source, newExtension) {
-        return (0, utils_1.converter)(source, newExtension);
+        return converter(source, newExtension);
     }
     async effects(source, filters) {
-        return (0, utils_1.imgEffects)(source, filters);
+        return imgEffects(source, filters);
     }
     async colorsFilter(source, filterColor, opacity) {
-        return (0, utils_1.applyColorFilters)(source, filterColor, opacity);
+        return applyColorFilters(source, filterColor, opacity);
     }
     async colorAnalysis(source) {
-        return (0, utils_1.detectColors)(source);
+        return detectColors(source);
     }
     async colorsRemover(source, colorToRemove) {
-        return (0, utils_1.removeColor)(source, colorToRemove);
+        return removeColor(source, colorToRemove);
     }
     async removeBackground(imageURL, apiKey) {
-        return (0, utils_1.bgRemoval)(imageURL, apiKey);
+        return bgRemoval(imageURL, apiKey);
     }
     async blend(layers, baseImageBuffer, defaultBlendMode = 'source-over') {
         try {
-            const baseImage = await (0, canvas_1.loadImage)(baseImageBuffer);
-            const canvas = (0, canvas_1.createCanvas)(baseImage.width, baseImage.height);
+            const baseImage = await loadImage(baseImageBuffer);
+            const canvas = createCanvas(baseImage.width, baseImage.height);
             const ctx = canvas.getContext('2d');
             ctx.globalCompositeOperation = defaultBlendMode;
             ctx.drawImage(baseImage, 0, 0);
             for (const layer of layers) {
-                const layerImage = await (0, canvas_1.loadImage)(layer.image);
+                const layerImage = await loadImage(layer.image);
                 ctx.globalAlpha = layer.opacity !== undefined ? layer.opacity : 1.0;
                 ctx.globalCompositeOperation = layer.blendMode;
                 ctx.drawImage(layerImage, layer.position?.x || 0, layer.position?.y || 0);
@@ -312,7 +306,7 @@ class ApexPainter {
             case 'bar':
                 switch (chartNumber) {
                     case 1:
-                        return await (0, utils_1.verticalBarChart)(data);
+                        return await verticalBarChart(data);
                     case 2:
                         throw new Error('Type 2 is still under development.');
                     default:
@@ -321,7 +315,7 @@ class ApexPainter {
             case 'line':
                 switch (chartNumber) {
                     case 1:
-                        return await (0, utils_1.lineChart)(data);
+                        return await lineChart(data);
                     case 2:
                         throw new Error('Type 2 is still under development.');
                     default:
@@ -330,7 +324,7 @@ class ApexPainter {
             case 'pie':
                 switch (chartNumber) {
                     case 1:
-                        return await (0, utils_1.pieChart)(data);
+                        return await pieChart(data);
                     case 2:
                         throw new Error('Type 2 is still under development.');
                     default:
@@ -347,10 +341,10 @@ class ApexPainter {
             if (!options.coordinates || options.coordinates.length < 3)
                 throw new Error('The "coordinates" option is needed. Please provide coordinates to crop the image.');
             if (options.crop === 'outer') {
-                return await (0, utils_1.cropOuter)(options);
+                return await cropOuter(options);
             }
             else if (options.crop === 'inner') {
-                return await (0, utils_1.cropInner)(options);
+                return await cropInner(options);
             }
             else {
                 throw new Error('Invalid crop option. Please specify "inner" or "outer".');
@@ -371,17 +365,17 @@ class ApexPainter {
         const shapeNames = ['circle', 'square', 'triangle', 'pentagon', 'hexagon', 'heptagon', 'octagon', 'star', 'kite', 'arrow', 'star', 'oval', 'heart', 'diamond', 'trapezoid', 'cloud'];
         const isShape = shapeNames.includes(source.toLowerCase());
         if (isShape) {
-            (0, utils_1.drawShape)(ctx, { source, x, y, width, height, opacity, rotation, borderRadius, stroke, shadow, isFilled, color, gradient, borderPosition, filling });
+            drawShape(ctx, { source, x, y, width, height, opacity, rotation, borderRadius, stroke, shadow, isFilled, color, gradient, borderPosition, filling });
             return;
         }
         let loadedImage;
         try {
             if (source.startsWith('http')) {
-                loadedImage = await (0, canvas_1.loadImage)(source);
+                loadedImage = await loadImage(source);
             }
             else {
-                const imagePath = path_1.default.resolve(process.cwd(), source);
-                loadedImage = await (0, canvas_1.loadImage)(imagePath);
+                const imagePath = path.resolve(process.cwd(), source);
+                loadedImage = await loadImage(imagePath);
             }
         }
         catch (e) {
@@ -404,49 +398,49 @@ class ApexPainter {
         if (blur > 0) {
             ctx.filter = `blur(${blur}px)`;
         }
-        (0, utils_1.applyRotation)(ctx, rotation, x, y, width, height);
-        (0, utils_1.applyShadow)(ctx, shadow, x, y, width, height);
+        applyRotation(ctx, rotation, x, y, width, height);
+        applyShadow(ctx, shadow, x, y, width, height);
         if (perspective) {
             throw new Error('Under construction');
         }
-        (0, utils_1.imageRadius)(ctx, loadedImage, x, y, width, height, borderRadius, borderPosition);
+        imageRadius(ctx, loadedImage, x, y, width, height, borderRadius, borderPosition);
         ctx.globalAlpha = 1.0;
         if (stroke?.opacity)
             ctx.globalAlpha = stroke.opacity;
-        (0, utils_1.applyStroke)(ctx, stroke, x, y, width, height, undefined);
+        applyStroke(ctx, stroke, x, y, width, height, undefined);
         ctx.globalAlpha = 1.0;
         ctx.restore();
     }
     async extractFrames(videoSource, options) {
         const frames = [];
-        const frameDir = path_1.default.join(__dirname, 'frames');
-        if (!fs_1.default.existsSync(frameDir)) {
-            fs_1.default.mkdirSync(frameDir);
+        const frameDir = path.join(__dirname, 'frames');
+        if (!fs.existsSync(frameDir)) {
+            fs.mkdirSync(frameDir);
         }
-        const videoPath = typeof videoSource === 'string' ? videoSource : path_1.default.join(frameDir, 'temp-video.mp4');
+        const videoPath = typeof videoSource === 'string' ? videoSource : path.join(frameDir, 'temp-video.mp4');
         if (Buffer.isBuffer(videoSource)) {
-            fs_1.default.writeFileSync(videoPath, videoSource);
+            fs.writeFileSync(videoPath, videoSource);
         }
         else if (videoSource.startsWith('http')) {
-            await (0, axios_1.default)({
+            await axios({
                 method: 'get',
                 url: videoSource,
                 responseType: 'arraybuffer'
             })
                 .then((response) => {
-                fs_1.default.writeFileSync(videoPath, response.data);
+                fs.writeFileSync(videoPath, response.data);
             })
                 .catch(err => {
                 throw new Error(`Error downloading video: ${err.message}`);
             });
         }
-        else if (!fs_1.default.existsSync(videoPath)) {
+        else if (!fs.existsSync(videoPath)) {
             throw new Error("Video file not found at specified path.");
         }
         function processVideoExtraction(videoPath, frames, options, resolve, reject) {
             const outputFormat = options.outputFormat || 'jpg';
             const outputFileTemplate = `frame-%03d.${outputFormat}`;
-            (0, fluent_ffmpeg_1.default)(videoPath)
+            ffmpeg(videoPath)
                 .on('end', () => {
                 console.log('Frames extracted successfully.');
                 resolve(frames);
@@ -456,8 +450,8 @@ class ApexPainter {
                 reject(err);
             })
                 .outputOptions([`-vf fps=1/${options.interval / 1000}`, `-q:v 2`])
-                .saveToFile(path_1.default.join(frameDir, outputFileTemplate));
-            fluent_ffmpeg_1.default.ffprobe(videoPath, (err, metadata) => {
+                .saveToFile(path.join(frameDir, outputFileTemplate));
+            ffmpeg.ffprobe(videoPath, (err, metadata) => {
                 if (err) {
                     return reject(err);
                 }
@@ -471,7 +465,7 @@ class ApexPainter {
                         continue;
                     }
                     frames.push({
-                        source: path_1.default.join(frameDir, `frame-${String(i).padStart(3, '0')}.${outputFormat}`),
+                        source: path.join(frameDir, `frame-${String(i).padStart(3, '0')}.${outputFormat}`),
                         isRemote: false
                     });
                 }
@@ -488,8 +482,8 @@ class ApexPainter {
      * @returns {Promise<Buffer>} - The adjusted image buffer.
      */
     async patterns(buffer, options) {
-        const img = await (0, canvas_1.loadImage)(buffer);
-        const canvas = (0, canvas_1.createCanvas)(img.width, img.height);
+        const img = await loadImage(buffer);
+        const canvas = createCanvas(img.width, img.height);
         const ctx = canvas.getContext('2d');
         ctx.drawImage(img, 0, 0);
         const x = options.x || 0;
@@ -555,7 +549,7 @@ class ApexPainter {
         else {
             grad = ctx.createRadialGradient((gradient.startX || width / 2) + x, (gradient.startY || height / 2) + y, gradient.startRadius || 0, (gradient.endX || width / 2) + x, (gradient.endY || height / 2) + y, gradient.endRadius || Math.max(width, height));
         }
-        gradient.colors.forEach(stop => {
+        gradient.colors.forEach((stop) => {
             grad.addColorStop(stop.stop, stop.color);
         });
         ctx.fillStyle = grad;
@@ -667,7 +661,7 @@ class ApexPainter {
         if (!options.customPatternImage) {
             throw new Error('Custom pattern image path is required for custom patterns.');
         }
-        const patternImage = await (0, canvas_1.loadImage)(options.customPatternImage);
+        const patternImage = await loadImage(options.customPatternImage);
         const pattern = ctx.createPattern(patternImage, 'repeat');
         ctx.fillStyle = pattern;
         ctx.translate(x, y);
@@ -718,12 +712,12 @@ class ApexPainter {
         ctx.restore();
     }
     async masking(source, maskSource, options = { type: "alpha" }) {
-        const img = await (0, canvas_1.loadImage)(source);
-        const mask = await (0, canvas_1.loadImage)(maskSource);
-        const canvas = (0, canvas_1.createCanvas)(img.width, img.height);
+        const img = await loadImage(source);
+        const mask = await loadImage(maskSource);
+        const canvas = createCanvas(img.width, img.height);
         const ctx = canvas.getContext("2d");
         ctx.drawImage(img, 0, 0, img.width, img.height);
-        const maskCanvas = (0, canvas_1.createCanvas)(img.width, img.height);
+        const maskCanvas = createCanvas(img.width, img.height);
         const maskCtx = maskCanvas.getContext("2d");
         maskCtx.drawImage(mask, 0, 0, img.width, img.height);
         const maskData = maskCtx.getImageData(0, 0, img.width, img.height);
@@ -751,8 +745,8 @@ class ApexPainter {
         return canvas.toBuffer("image/png");
     }
     async gradientBlend(source, options) {
-        const img = await (0, canvas_1.loadImage)(source);
-        const canvas = (0, canvas_1.createCanvas)(img.width, img.height);
+        const img = await loadImage(source);
+        const canvas = createCanvas(img.width, img.height);
         const ctx = canvas.getContext("2d");
         ctx.drawImage(img, 0, 0, img.width, img.height);
         let gradient;
@@ -776,7 +770,7 @@ class ApexPainter {
         ctx.globalCompositeOperation = options.blendMode ?? "multiply";
         ctx.fillRect(0, 0, img.width, img.height);
         if (options.maskSource) {
-            const mask = await (0, canvas_1.loadImage)(options.maskSource);
+            const mask = await loadImage(options.maskSource);
             ctx.globalCompositeOperation = "destination-in";
             ctx.drawImage(mask, 0, 0, img.width, img.height);
         }
@@ -794,8 +788,8 @@ class ApexPainter {
             if (!options.gifPath) {
                 throw new Error("GIF generation enabled but no gifPath provided.");
             }
-            encoder = new gifencoder_1.default(defaultWidth, defaultHeight);
-            gifStream = fs_1.default.createWriteStream(options.gifPath);
+            encoder = new GIFEncoder(defaultWidth, defaultHeight);
+            gifStream = fs.createWriteStream(options.gifPath);
             encoder.createReadStream().pipe(gifStream);
             encoder.start();
             encoder.setRepeat(0);
@@ -805,7 +799,7 @@ class ApexPainter {
             const frame = frames[i];
             const width = frame.width || defaultWidth;
             const height = frame.height || defaultHeight;
-            const canvas = (0, canvas_1.createCanvas)(width, height);
+            const canvas = createCanvas(width, height);
             const ctx = canvas.getContext('2d');
             if (!isNode) {
                 canvas.width = width;
@@ -830,14 +824,14 @@ class ApexPainter {
                 else if (type === 'radial') {
                     gradient = ctx.createRadialGradient(startX || width / 2, startY || height / 2, startRadius || 0, endX || width / 2, endY || height / 2, endRadius || Math.max(width, height));
                 }
-                colors.forEach(colorStop => {
+                colors.forEach((colorStop) => {
                     if (gradient)
                         gradient.addColorStop(colorStop.stop, colorStop.color);
                 });
                 fillStyle = gradient;
             }
             if (frame.pattern) {
-                const patternImage = await (0, canvas_1.loadImage)(frame.pattern.source);
+                const patternImage = await loadImage(frame.pattern.source);
                 const pattern = ctx.createPattern(patternImage, frame.pattern.repeat || 'repeat');
                 fillStyle = pattern;
             }
@@ -849,7 +843,7 @@ class ApexPainter {
                 ctx.fillRect(0, 0, width, height);
             }
             if (frame.source) {
-                const image = await (0, canvas_1.loadImage)(frame.source);
+                const image = await loadImage(frame.source);
                 ctx.globalCompositeOperation = frame.blendMode || 'source-over';
                 ctx.drawImage(image, 0, 0, width, height);
             }
@@ -890,19 +884,17 @@ class ApexPainter {
             case 'buffer':
                 return results;
             case 'url':
-                return await (0, utils_1.url)(results);
+                return await url(results);
             case 'dataURL':
-                return (0, utils_1.dataURL)(results);
+                return dataURL(results);
             case 'blob':
-                return (0, utils_1.blob)(results);
+                return blob(results);
             case 'base64':
-                return (0, utils_1.base64)(results);
+                return base64(results);
             case 'arraybuffer':
-                return (0, utils_1.arrayBuffer)(results);
+                return arrayBuffer(results);
             default:
                 throw new Error('Unsupported format');
         }
     }
 }
-exports.ApexPainter = ApexPainter;
-//# sourceMappingURL=ApexPainter.js.map

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

@@ -1,5 +1,5 @@
 import { SKRSContext2D } from "@napi-rs/canvas";
-import { CanvasConfig } from "../types";
+import { CanvasConfig } from "../types.js";
 interface ZoomConfig {
     scale?: number;
     x?: number;
@@ -28,4 +28,3 @@ export declare function drawBackgroundColor(ctx: SKRSContext2D, canvas: CanvasCo
 export declare function customBackground(ctx: SKRSContext2D, canvas: CanvasConfig, zoom?: ZoomConfig, blur?: number): Promise<void>;
 export declare function backgroundRadius(ctx: SKRSContext2D, x: number, y: number, width: number, height: number, borderRadius: number | "circular", borderPosition?: string): void;
 export {};
-//# sourceMappingURL=bg.d.ts.map

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

@@ -1,21 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawBackgroundGradient = drawBackgroundGradient;
-exports.drawBackgroundColor = drawBackgroundColor;
-exports.customBackground = customBackground;
-exports.backgroundRadius = backgroundRadius;
-const canvas_1 = require("@napi-rs/canvas");
-const path_1 = __importDefault(require("path"));
+import { loadImage } from "@napi-rs/canvas";
+import path from "path";
 /**
  * Draws a gradient background on the canvas with optional zoom support.
  * @param ctx The canvas rendering context.
  * @param canvas The canvas configuration object.
  * @param zoom Optional zoom configuration.
  */
-async function drawBackgroundGradient(ctx, canvas, zoom, blur) {
+export async function drawBackgroundGradient(ctx, canvas, zoom, blur) {
     if (canvas.gradientBg) {
         const { type, startX = 0, startY = 0, endX = canvas.width || 500, endY = canvas.height || 500, startRadius = 0, endRadius = 0, colors } = canvas.gradientBg;
         if (!colors || colors.length === 0) {
@@ -56,7 +47,7 @@ async function drawBackgroundGradient(ctx, canvas, zoom, blur) {
  * @param canvas The canvas configuration object.
  * @param zoom Optional zoom configuration.
  */
-async function drawBackgroundColor(ctx, canvas, zoom, blur) {
+export async function drawBackgroundColor(ctx, canvas, zoom, blur) {
     const canvasWidth = canvas.width || 500;
     const canvasHeight = canvas.height || 500;
     ctx.save();
@@ -83,7 +74,7 @@ async function drawBackgroundColor(ctx, canvas, zoom, blur) {
  * @param canvas The canvas configuration object.
  * @param zoom Optional zoom configuration.
  */
-async function customBackground(ctx, canvas, zoom, blur) {
+export async function customBackground(ctx, canvas, zoom, blur) {
     if (canvas.customBg) {
         try {
             let imageBuffer;
@@ -91,9 +82,9 @@ async function customBackground(ctx, canvas, zoom, blur) {
                 imageBuffer = canvas.customBg;
             }
             else {
-                imageBuffer = path_1.default.join(process.cwd(), canvas.customBg);
+                imageBuffer = path.join(process.cwd(), canvas.customBg);
             }
-            const image = await (0, canvas_1.loadImage)(imageBuffer);
+            const image = await loadImage(imageBuffer);
             const imgWidth = image.width;
             const imgHeight = image.height;
             const canvasWidth = canvas.width || imgWidth;
@@ -121,7 +112,7 @@ async function customBackground(ctx, canvas, zoom, blur) {
         }
     }
 }
-function backgroundRadius(ctx, x, y, width, height, borderRadius, borderPosition = "all") {
+export function backgroundRadius(ctx, x, y, width, height, borderRadius, borderPosition = "all") {
     ctx.beginPath();
     if (borderRadius === "circular") {
         const circleRadius = Math.min(width, height) / 2;
@@ -158,4 +149,3 @@ function backgroundRadius(ctx, x, y, width, height, borderRadius, borderPosition
     ctx.closePath();
     ctx.clip();
 }
-//# sourceMappingURL=bg.js.map

package/dist/esm/canvas/utils/Charts/charts.d.ts

@@ -1,8 +1,7 @@
-import { barChart_1, PieChartData, LineChartConfig, DataPoint } from "../types";
+import { barChart_1, PieChartData, LineChartConfig, DataPoint } from "../types.js";
 export declare function verticalBarChart(data: barChart_1): Promise<Buffer<ArrayBufferLike> | undefined>;
 export declare function pieChart(pieChartData: PieChartData): Promise<Buffer>;
 export declare function lineChart(data: {
     data: DataPoint[][];
     lineConfig: LineChartConfig;
 }): Promise<Buffer>;
-//# sourceMappingURL=charts.d.ts.map