apexify.js 4.5.45 → 4.5.51

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

@@ -0,0 +1,146 @@
+/**
+ * Draws text on the canvas context.
+ * @param ctx The canvas rendering context.
+ * @param textOptions The options for the text.
+ */
+export function drawText(ctx, textOptions, size) {
+    ctx.save();
+    // Apply rotation if specified
+    if (textOptions.rotation && textOptions.rotation !== 0) {
+        ctx.translate(textOptions.x || 0, textOptions.y || 0);
+        ctx.rotate(textOptions.rotation * Math.PI / 180);
+    }
+    ctx.font = `${textOptions.isBold ? 'bold ' : ''}${textOptions.fontSize || 16}px "${textOptions.fontName || 'Arial'}"`;
+    ctx.textAlign = textOptions.textAlign || 'left';
+    ctx.textBaseline = textOptions.textBaseline || 'alphabetic';
+    // Apply shadow
+    if (textOptions.shadow) {
+        const { color, offsetX, offsetY, blur, opacity } = textOptions.shadow;
+        ctx.shadowColor = color || "transparent";
+        ctx.shadowOffsetX = offsetX || 0;
+        ctx.shadowOffsetY = offsetY || 0;
+        ctx.shadowBlur = blur || 0;
+        ctx.globalAlpha = opacity || 1;
+    }
+    // Apply opacity
+    if (textOptions.opacity !== undefined) {
+        if (textOptions.opacity > 1 || textOptions.opacity < 0)
+            throw new Error("Text opacity Error: the value can't be smaller than 0 or bigger than 1.");
+        ctx.globalAlpha = textOptions.opacity;
+    }
+    const textWidth = ctx.measureText(textOptions.text).width;
+    const textHeight = textOptions.fontSize || 16; // Rough estimate for height
+    // Apply gradient fill
+    if (textOptions.gradient) {
+        const gradientFill = createGradient(ctx, textOptions.gradient, textOptions.x || 0, textOptions.y || 0 - textHeight, (textOptions.x || 0) + textWidth, (textOptions.y || 0));
+        console.log("Gradient Fill Created:", gradientFill);
+        ctx.fillStyle = gradientFill;
+    }
+    else {
+        ctx.fillStyle = textOptions.color || 'darkgray';
+    }
+    // Apply stroke with gradient
+    if (textOptions.outlined || textOptions.stroke) {
+        if (textOptions.stroke?.gradient) {
+            const gradientStroke = createGradient(ctx, textOptions.stroke.gradient, textOptions.x || 0, textOptions.y || 0 - textHeight, (textOptions.x || 0) + textWidth, (textOptions.y || 0));
+            console.log("Gradient Stroke Created:", gradientStroke);
+            ctx.strokeStyle = gradientStroke;
+        }
+        else {
+            ctx.strokeStyle = textOptions.stroke?.color || textOptions.color;
+        }
+        ctx.lineWidth = textOptions.stroke?.width || 1;
+        ctx.strokeText(textOptions.text, textOptions.x || 0, textOptions.y || 0);
+    }
+    // Draw the text
+    if (textOptions.maxWidth) {
+        WrappedText(ctx, textOptions.text || 'Hello World', textOptions.x || 0, textOptions.y || 0, textOptions.maxWidth, textOptions);
+    }
+    else {
+        if (!textOptions.rotation) {
+            ctx.fillText(textOptions.text, textOptions.x || 0, textOptions.y || 0);
+        }
+        else {
+            ctx.fillText(textOptions.text, 0, 0);
+        }
+    }
+    ctx.restore();
+}
+/**
+ * Draws wrapped text on the canvas context.
+ * @param ctx The canvas rendering context.
+ * @param text The text to be drawn.
+ * @param x The x-coordinate of the starting point of the text.
+ * @param y The y-coordinate of the starting point of the text.
+ * @param maxWidth The maximum width for wrapping the text.
+ * @param textOptions The options for the text.
+ */
+export function WrappedText(ctx, text, x, y, maxWidth, textOptions) {
+    const words = text.split(' ');
+    let currentLine = '';
+    const fontSize = textOptions.fontSize || 16;
+    const lineHeight = textOptions.lineHeight || fontSize;
+    ctx.save();
+    ctx.fillStyle = textOptions.color || 'darkgray';
+    if (textOptions.outlined || textOptions.stroke) {
+        ctx.strokeStyle = textOptions.stroke?.color || textOptions.color;
+        ctx.lineWidth = textOptions.stroke?.width || 1;
+    }
+    if (textOptions.rotation && textOptions.rotation !== 0) {
+        ctx.translate(x, y);
+        ctx.rotate(textOptions.rotation * Math.PI / 180);
+        x = 0;
+        y = 0;
+    }
+    for (let n = 0; n < words.length; n++) {
+        const testLine = currentLine + words[n] + ' ';
+        const metrics = ctx.measureText(testLine);
+        const testWidth = metrics.width;
+        if (testWidth > maxWidth && n > 0) {
+            const adjustedY = y + lineHeight;
+            if (textOptions.outlined || textOptions.stroke) {
+                ctx.strokeText(currentLine.trim(), x, adjustedY);
+            }
+            else {
+                ctx.fillText(currentLine.trim(), x, adjustedY);
+            }
+            currentLine = words[n] + ' ';
+            y += lineHeight;
+        }
+        else {
+            currentLine = testLine;
+        }
+    }
+    const adjustedY = y + lineHeight;
+    if (textOptions.outlined || textOptions.stroke) {
+        ctx.strokeText(currentLine.trim(), x, adjustedY);
+    }
+    else {
+        ctx.fillText(currentLine.trim(), x, adjustedY);
+    }
+    ctx.restore();
+}
+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.");
+    }
+    if (!Array.isArray(gradientOptions.colors)) {
+        throw new Error("Invalid gradient options. The colors property should be an array of color stops.");
+    }
+    let gradient;
+    if (gradientOptions.type === "linear") {
+        gradient = ctx.createLinearGradient(startX, startY, endX, endY);
+    }
+    else if (gradientOptions.type === "radial") {
+        gradient = ctx.createRadialGradient(gradientOptions.startX || startX, gradientOptions.startY || startY, gradientOptions.startRadius || 0, gradientOptions.endX || endX, gradientOptions.endY || endY, gradientOptions.endRadius || 0);
+    }
+    else {
+        throw new Error('Unsupported gradient type. Use "linear" or "radial".');
+    }
+    for (const colorStop of gradientOptions.colors) {
+        console.log(`Adding color stop: ${colorStop.stop} ${colorStop.color}`);
+        gradient.addColorStop(colorStop.stop, colorStop.color);
+    }
+    return gradient;
+}
+//# sourceMappingURL=textProperties.js.map

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

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

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

@@ -0,0 +1,536 @@
+import { Canvas } from "@napi-rs/canvas";
+/**
+ * Configuration option to decide the outputformate from ApexPainter
+ * @param {type} default - 'buffer', other formates: url, blob, base64, dataURL, arraybuffer.
+ */
+export interface OutputFormat {
+    type?: 'buffer' | 'url' | 'blob' | 'base64' | 'dataURL' | 'arraybuffer';
+}
+/**
+ * Configuration options for the canvas.
+ * @param {number} width - The width of the canvas.
+ * @param {number} height - The height of the canvas.
+ * @param {string} customBg - The URL or local path to the custom background image.
+ * @param {string} colorBg - The background color of the canvas.
+ * @param {object} gradientBg - The gradient settings for the canvas background.
+ * @param {number | string} borderRadius - The border radius of the canvas.
+ */
+export interface CanvasConfig {
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    customBg?: string;
+    colorBg?: string;
+    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;
+        width?: number;
+        position?: number;
+        borderRadius?: number | "circular";
+    };
+    shadow?: {
+        color?: string;
+        offsetX?: number;
+        offsetY?: number;
+        blur?: number;
+        opacity?: number;
+        borderRadius?: number | "circular";
+    };
+    rotation?: number;
+    borderRadius?: number | "circular";
+}
+/**
+ * Properties of an image or shape to be drawn on the canvas.
+ * @param {string} source - URL or path to the image or shape name.
+ * @param {number} width - The width of the image or shape.
+ * @param {number} height - The height of the image or shape.
+ * @param {number} x - The x-coordinate of the image or shape.
+ * @param {number} y - The y-coordinate of the image or shape.
+ * @param {boolean} isFilled - Whether the shape is filled or not (Only applicable if source is a shape name).
+ * @param {string} color - The color of the shape (Only applicable if source is a shape name).
+ * @param {object} gradient - The gradient settings for the shape (Only applicable if source is a shape name).
+ * @param {number} rotation - Rotation angle in degrees.
+ * @param {number | string} borderRadius - The border radius of the image or shape.
+ * @param {object} stroke - The stroke properties.
+ * @param {string} stroke.color - The color of the stroke.
+ * @param {number} stroke.width - The width of the stroke.
+ * @param {number} stroke.position - Space between stroke and the image it's stroked on.
+ * @param {number | string} stroke.borderRadius - The border radius of the stroke.
+ * @param {object} shadow - The shadow properties.
+ * @param {string} shadow.color - The color of the shadow.
+ * @param {number} shadow.offsetX - The horizontal offset of the shadow.
+ * @param {number} shadow.offsetY - The vertical offset of the shadow.
+ * @param {number} shadow.blur - The blur radius of the shadow.
+ * @param {number} shadow.opacity - The opacity of the shadow.
+ * @param {number | string} shadow.borderRadius - The border radius of the shadow.
+ */
+export interface ImageProperties {
+    source: string;
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    isFilled?: boolean;
+    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;
+        }[];
+    };
+    rotation?: number;
+    borderRadius?: number | "circular";
+    borderPosition?: 'all' | 'top' | 'left' | 'right' | 'bottom';
+    stroke?: {
+        color?: string;
+        width?: number;
+        position?: number;
+        borderRadius?: number | "circular";
+        borderPosition?: 'all' | 'top' | 'left' | 'right' | 'bottom';
+        gradient?: {
+            type: 'linear' | 'radial';
+            startX?: number;
+            startY?: number;
+            endX?: number;
+            endY?: number;
+            startRadius?: number;
+            endRadius?: number;
+            colors: {
+                stop: number;
+                color: string;
+            }[];
+        };
+    };
+    shadow?: {
+        color?: string;
+        offsetX?: number;
+        offsetY?: number;
+        blur?: number;
+        opacity?: number;
+        borderRadius?: number | "circular";
+        borderPosition?: 'all' | 'top' | 'left' | 'right' | 'bottom';
+    };
+}
+export interface TextObject {
+    text?: string;
+    x?: number;
+    y?: number;
+    fontPath?: string;
+    fontName?: string;
+    fontSize?: number;
+    isBold?: boolean;
+    color?: string;
+    maxWidth?: number;
+    lineHeight?: number;
+    textAlign?: "end" | "center" | "left" | "right" | "start" | "justify";
+    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;
+        }[];
+    };
+    shadow?: {
+        color?: string;
+        offsetX?: number;
+        offsetY?: number;
+        blur?: number;
+        opacity?: number;
+    };
+    stroke?: {
+        color?: string;
+        width?: number;
+        gradient?: {
+            type: 'linear' | 'radial';
+            startX?: number;
+            startY?: number;
+            endX?: number;
+            endY?: number;
+            startRadius?: number;
+            endRadius?: number;
+            colors: {
+                stop: number;
+                color: string;
+            }[];
+        };
+    };
+    rotation?: number;
+    opacity?: number;
+}
+/**
+ * Options for creating a GIF.
+ * @param outputFormat The format of the output ('file', 'base64', 'attachment', or 'buffer').
+ * @param outputFile The file path if output format is 'file'.
+ * @param width The width of the GIF.
+ * @param height The height of the GIF.
+ * @param repeat The number of times the GIF should repeat.
+ * @param quality The quality of the GIF.
+ * @param delay The delay between frames in milliseconds.
+ * @param watermark The watermark settings.
+ * @param textOverlay The text overlay settings.
+ * @param basDir The base directory for files.
+ */
+export interface GIFOptions {
+    outputFormat: 'file' | 'base64' | 'attachment' | 'buffer' | string;
+    outputFile?: string;
+    width?: number;
+    height?: number;
+    repeat?: number;
+    quality?: number;
+    delay?: number;
+    watermark?: {
+        enable: boolean;
+        url: string;
+    };
+    textOverlay?: {
+        text: string;
+        fontName?: string;
+        fontPath?: string;
+        fontSize?: number;
+        fontColor?: string;
+        x?: number;
+        y?: number;
+    };
+    basDir?: any;
+}
+/**
+ * Results of creating a GIF.
+ * @param buffer The buffer containing the GIF data.
+ * @param base64 The base64 representation of the GIF.
+ * @param attachment The attachment containing the GIF stream.
+ */
+export interface GIFResults {
+    buffer?: Buffer;
+    base64?: string;
+    attachment?: {
+        attachment: NodeJS.ReadableStream | any;
+        name: string;
+    };
+}
+/**
+ * Custom options for drawing.
+ * @param startCoordinates The starting coordinates.
+ * @param endCoordinates The ending coordinates.
+ * @param lineStyle The style of the line.
+ */
+export interface CustomOptions {
+    startCoordinates: {
+        x: number;
+        y: number;
+    };
+    endCoordinates: {
+        x: number;
+        y: number;
+    };
+    lineStyle?: {
+        width?: number;
+        color?: string;
+        lineRadius?: number | string;
+        lineJoin?: 'round' | 'bevel' | 'miter';
+        lineCap?: 'butt' | 'round' | 'square';
+        singleLine?: boolean;
+        lineDash?: {
+            dashArray?: number[];
+            offset?: number;
+        };
+        stroke?: {
+            color?: string;
+            width?: number;
+            lineRadius?: number | string;
+        };
+        shadow?: {
+            offsetX?: number;
+            offsetY?: number;
+            blur?: number;
+            color?: string;
+            lineRadius?: number | string;
+        };
+    };
+}
+export interface ChartData {
+    height?: number;
+    width?: number;
+    widthPerc?: number;
+    heightPerc?: number;
+    title?: {
+        title?: string;
+        color?: string;
+        size?: number;
+    };
+    bg?: {
+        image?: string;
+        bgColor?: string;
+    };
+    grid?: {
+        enable: boolean;
+        color?: string;
+        width?: number;
+    };
+    axis?: {
+        color?: string;
+        size?: number;
+    };
+    labels?: {
+        color?: string;
+        fontSize?: number;
+    };
+}
+export interface DataPoint {
+    label: string;
+    barColor?: string;
+    stroke?: {
+        color?: string;
+        width?: number;
+    };
+    value: number;
+    position: {
+        startsXLabel: number;
+        endsXLabel: number;
+    };
+}
+export interface barChart_1 {
+    chartData?: ChartData;
+    xLabels: number[];
+    yLabels: number[];
+    data: {
+        xAxis: DataPoint[];
+        yAxis: number[];
+        keys?: {
+            [color: string]: string;
+        };
+        keyColor?: string;
+        xTitle?: string;
+        yTitle?: string;
+        labelStyle?: {
+            color?: string;
+            size?: number;
+        };
+    };
+}
+export interface bgConfig {
+    width?: number;
+    height?: number;
+    bgcolor?: string;
+}
+export interface KeyBoxConfig {
+    width?: number;
+    height?: number;
+    radius?: number;
+    bgcolor?: string;
+    x?: number;
+    y?: number;
+    content?: KeyBoxContent;
+}
+export interface KeyBoxContent {
+    keyTitle?: {
+        text?: string;
+        fontSize?: number;
+        x?: number;
+        y?: number;
+    };
+    keys?: {
+        x?: number;
+        y?: number;
+        fontSize?: number;
+    };
+}
+export interface StrokeConfig {
+    color?: string;
+    size?: number;
+}
+export interface TitleConfig {
+    text?: string;
+    color?: string;
+    fontSize?: number;
+    x?: number;
+    y?: number;
+}
+export interface PieDataConfig {
+    x?: number;
+    y?: number;
+    stroke?: StrokeConfig;
+    title?: TitleConfig;
+    boxes?: {
+        labelDistance?: number;
+        width?: number;
+        height?: number;
+        fontSize?: number;
+        labelColor?: string;
+        boxColor?: string;
+        strokeColor?: string;
+    };
+    radius?: number;
+}
+export interface PieConfig {
+    canvas?: bgConfig;
+    keyBox?: KeyBoxConfig;
+    pieData?: PieDataConfig;
+}
+export interface DataItem {
+    label: string;
+    color: string;
+    value: number;
+    key: string;
+}
+export interface PieChartData {
+    data?: DataItem[];
+    pieConfig?: PieConfig;
+}
+export interface DataPoint {
+    label: string;
+    y: number;
+}
+export interface LineChartConfig {
+    yLabels: string[];
+    fillArea: {
+        color: string;
+    }[];
+    lineColor: string[];
+    plot?: {
+        enable: boolean;
+        color: string[];
+        size: number;
+    };
+    yaxisLabel?: {
+        label?: string;
+        x?: number;
+        y?: number;
+        color?: string;
+        fontSize?: string;
+    };
+    lineTension?: number[];
+    grid?: {
+        type: 'vertical' | 'horizontal' | 'both';
+        color: string;
+        width: number;
+    };
+    keys?: {
+        [color: string]: string;
+    };
+    keysConfig?: {
+        radius?: number;
+        keyPadding?: number;
+        textPadding?: number;
+        lineWidth?: number;
+        fontColor?: string;
+    };
+    canvas?: {
+        bgColor?: string;
+        fontColor?: string;
+        fontSize?: number;
+        width?: number;
+        height?: number;
+        image?: string;
+    };
+}
+export interface cropCoordinate {
+    from: {
+        x: number;
+        y: number;
+    };
+    to: {
+        x: number;
+        y: number;
+    };
+    tension?: number;
+}
+export interface cropOptions {
+    coordinates: cropCoordinate[];
+    imageSource: string;
+    crop: 'inner' | 'outer';
+    radius: number | "circular";
+}
+export interface GradientConfig {
+    type: 'linear' | 'radial';
+    startX?: number;
+    startY?: number;
+    endX?: number;
+    endY?: number;
+    startRadius?: number;
+    endRadius?: number;
+    angle?: number;
+    colors: {
+        stop: number;
+        color: string;
+    }[];
+}
+export interface Frame {
+    backgroundColor?: string;
+    gradient?: GradientConfig;
+    pattern?: {
+        imagePath: string;
+        repeat?: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+    };
+    imagePath?: string;
+    blendMode?: GlobalCompositeOperation;
+    transformations?: {
+        scaleX?: number;
+        scaleY?: number;
+        rotate?: number;
+        translateX?: number;
+        translateY?: number;
+    };
+    duration?: number;
+    width?: number;
+    height?: number;
+    onDrawCustom?: (ctx: CanvasRenderingContext2D, canvas: Canvas) => void;
+}
+export interface PatternOptions {
+    type: 'dots' | 'stripes' | 'grid' | 'checkerboard' | 'custom';
+    color?: string;
+    secondaryColor?: string;
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    size?: number;
+    spacing?: number;
+    angle?: number;
+    customPatternImage?: string;
+    backgroundColor?: string;
+    gradient?: GradientConfig;
+}
+export interface ExtractFramesOptions {
+    interval: number;
+    outputFormat?: 'jpg' | 'png';
+    frameSelection?: {
+        start?: number;
+        end?: number;
+    };
+    watermark?: string;
+}
+//# sourceMappingURL=types.d.ts.map