apexify.js 4.9.28 → 4.9.30

package/lib/Canvas/utils/types.ts

@@ -23,7 +23,8 @@ export interface StrokeOptions {
   blur?: number;         // px
   opacity?: number;      // 0..1
   borderRadius?: number | 'circular';
-  borderPosition?: string;
+  borderPosition?: borderPosition;
+  style?: 'solid' | 'dashed' | 'dotted' | 'groove' | 'ridge' | 'double';
 }
 
 export interface ShadowOptions {
@@ -123,6 +124,7 @@ export interface CanvasConfig {
         borderRadius?: number | "circular"; 
         borderPosition?: borderPosition;
         gradient?: gradient;
+        style?: 'solid' | 'dashed' | 'dotted' | 'groove' | 'ridge' | 'double';
     };
     shadow?: {
         color?: string;
@@ -236,14 +238,27 @@ export interface TextProperties {
   y: number;
 
   // === FONT MANAGEMENT ===
-  /** Path to custom font file (.ttf, .otf, .woff, etc.) */
-  fontPath?: string;
-  /** Custom font name (used with fontPath) */
-  fontName?: string;
-  /** Font size in pixels (default: 16) */
+  /** Font configuration object */
+  font?: {
+    /** Font size in pixels (default: 16) */
+    size?: number;
+    /** Font family name (e.g., 'Arial', 'Helvetica', 'Times New Roman') */
+    family?: string;
+    /** Custom font name (used with fontPath) */
+    name?: string;
+    /** Path to custom font file (.ttf, .otf, .woff, etc.) */
+    path?: string;
+  };
+  
+  // === LEGACY FONT PROPERTIES (for backward compatibility) ===
+  /** @deprecated Use font.size instead */
   fontSize?: number;
-  /** Font family name (e.g., 'Arial', 'Helvetica', 'Times New Roman') */
+  /** @deprecated Use font.family instead */
   fontFamily?: string;
+  /** @deprecated Use font.name instead */
+  fontName?: string;
+  /** @deprecated Use font.path instead */
+  fontPath?: string;
 
   // === TEXT DECORATION ===
   /** Make text bold */
@@ -251,15 +266,38 @@ export interface TextProperties {
   /** Make text italic */
   italic?: boolean;
   /** Add underline decoration */
-  underline?: boolean;
+  underline?: boolean | {
+    /** Underline color */
+    color?: string;
+    /** Underline gradient (overrides color) */
+    gradient?: gradient;
+    /** Underline width (default: 1px) */
+    width?: number;
+  };
   /** Add overline decoration */
-  overline?: boolean;
+  overline?: boolean | {
+    /** Overline color */
+    color?: string;
+    /** Overline gradient (overrides color) */
+    gradient?: gradient;
+    /** Overline width (default: 1px) */
+    width?: number;
+  };
   /** Add strikethrough decoration */
-  strikethrough?: boolean;
+  strikethrough?: boolean | {
+    /** Strikethrough color */
+    color?: string;
+    /** Strikethrough gradient (overrides color) */
+    gradient?: gradient;
+    /** Strikethrough width (default: 1px) */
+    width?: number;
+  };
   /** Highlight text with background color */
   highlight?: {
     /** Highlight color (hex, rgb, rgba, hsl, etc.) */
     color?: string;
+    /** Highlight gradient (overrides color) */
+    gradient?: gradient;
     /** Highlight opacity (0-1, default: 0.3) */
     opacity?: number;
   };
@@ -295,6 +333,8 @@ export interface TextProperties {
   glow?: {
     /** Glow color */
     color?: string;
+    /** Glow gradient (overrides color) */
+    gradient?: gradient;
     /** Glow intensity/blur radius */
     intensity?: number;
     /** Glow opacity (0-1) */
@@ -323,6 +363,8 @@ export interface TextProperties {
     gradient?: gradient;
     /** Stroke opacity (0-1) */
     opacity?: number;
+    /** Stroke style */
+    style?: 'solid' | 'dashed' | 'dotted' | 'groove' | 'ridge' | 'double';
   };
 
   // === TRANSFORMATIONS ===

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apexify.js",
-  "version": "4.9.28",
+  "version": "4.9.30",
   "description": "🎨 Advanced Canvas Rendering Library - Professional image processing, shape drawing, text effects, patterns, filters, and charts. Built with TypeScript & Rust for high performance.",
   "author": "zenith-79",
   "license": "MIT",