@umituz/web-canvas 1.0.6 → 1.1.0

package/dist/index.mjs

@@ -0,0 +1,40 @@
+import {
+  useCanvasExport,
+  useFreehandCanvas,
+  useReportExport,
+  useScreenshotStudio
+} from "./chunk-HJ24NSQA.mjs";
+import {
+  ReportService,
+  ScreenshotStudioService
+} from "./chunk-DNKRSL6D.mjs";
+import {
+  CanvasRenderer,
+  DeviceConfigService,
+  PatternRenderer,
+  ScreenshotRenderer
+} from "./chunk-UOGTEMIJ.mjs";
+import {
+  DEFAULT_SCREENSHOT_STUDIO_CONFIG
+} from "./chunk-Z6IB4BQV.mjs";
+import {
+  DEFAULT_CANVAS_CONFIG,
+  DEFAULT_DEVICE_CONFIG,
+  DEVICE_DIMENSIONS
+} from "./chunk-MC6PNV2F.mjs";
+export {
+  CanvasRenderer,
+  DEFAULT_CANVAS_CONFIG,
+  DEFAULT_DEVICE_CONFIG,
+  DEFAULT_SCREENSHOT_STUDIO_CONFIG,
+  DEVICE_DIMENSIONS,
+  DeviceConfigService,
+  PatternRenderer,
+  ReportService,
+  ScreenshotRenderer,
+  ScreenshotStudioService,
+  useCanvasExport,
+  useFreehandCanvas,
+  useReportExport,
+  useScreenshotStudio
+};

package/dist/infrastructure/index.d.mts

@@ -0,0 +1,198 @@
+import { a as CanvasConfig, c as CanvasDimensions, b as CanvasContextConfig, d as CanvasExportOptions, j as CanvasResult, B as BackgroundPattern, m as DeviceType, F as FrameStyle, o as ScreenshotDesign, S as ScreenshotContent, k as DeviceConfig } from '../CanvasConfig-HFgH7irb.mjs';
+
+declare class CanvasRenderer {
+    private config;
+    private imageCache;
+    constructor(config?: CanvasConfig);
+    /**
+     * Create a new canvas element
+     */
+    createCanvas(dimensions: CanvasDimensions): HTMLCanvasElement;
+    /**
+     * Get canvas 2D context
+     */
+    getContext(canvas: HTMLCanvasElement): CanvasRenderingContext2D | null;
+    /**
+     * Apply context configuration
+     */
+    configureContext(ctx: CanvasRenderingContext2D, config: CanvasContextConfig): void;
+    /**
+     * Clear canvas
+     */
+    clearCanvas(ctx: CanvasRenderingContext2D, dimensions: CanvasDimensions): void;
+    /**
+     * Fill rectangle
+     */
+    fillRect(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, color?: string): void;
+    /**
+     * Stroke rectangle
+     */
+    strokeRect(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, color?: string, lineWidth?: number): void;
+    /**
+     * Draw text
+     */
+    drawText(ctx: CanvasRenderingContext2D, text: string, x: number, y: number, config?: CanvasContextConfig): void;
+    /**
+     * Draw image
+     */
+    drawImage(ctx: CanvasRenderingContext2D, imageSource: string | HTMLImageElement, x: number, y: number, width?: number, height?: number): Promise<void>;
+    /**
+     * Load image from URL with caching
+     */
+    private loadImage;
+    /**
+     * Clear image cache to free memory
+     */
+    clearImageCache(): void;
+    /**
+     * Get cache size for monitoring
+     */
+    getCacheSize(): number;
+    /**
+     * Create gradient
+     */
+    createLinearGradient(ctx: CanvasRenderingContext2D, x1: number, y1: number, x2: number, y2: number, colorStops: Array<{
+        offset: number;
+        color: string;
+    }>): CanvasGradient;
+    /**
+     * Export canvas to blob
+     */
+    exportToBlob(canvas: HTMLCanvasElement, options?: CanvasExportOptions): Promise<CanvasResult>;
+    /**
+     * Export canvas to data URL
+     */
+    exportToDataURL(canvas: HTMLCanvasElement, format?: string, quality?: number): string;
+    /**
+     * Scale canvas
+     */
+    private scaleCanvas;
+    /**
+     * Clone canvas
+     */
+    cloneCanvas(canvas: HTMLCanvasElement): HTMLCanvasElement;
+}
+
+/**
+ * Pattern Renderer
+ * Background pattern rendering operations
+ */
+
+declare class PatternRenderer {
+    private patternCanvasCache;
+    private readonly MAX_CACHE_SIZE;
+    /**
+     * Render pattern on canvas
+     */
+    renderPattern(ctx: CanvasRenderingContext2D, pattern: BackgroundPattern, dimensions: CanvasDimensions, color?: string): void;
+    /**
+     * Clear pattern cache to free memory
+     */
+    clearCache(): void;
+    /**
+     * Render dot pattern - optimized with batch rendering
+     */
+    private renderDotPattern;
+    /**
+     * Render grid pattern - optimized with single path
+     */
+    private renderGridPattern;
+    /**
+     * Render line pattern - optimized with single path
+     */
+    private renderLinePattern;
+    /**
+     * Render wave pattern - optimized with pre-calculated values
+     */
+    private renderWavePattern;
+    /**
+     * Render checker pattern
+     */
+    private renderCheckerPattern;
+}
+
+/**
+ * Screenshot Renderer
+ * Device frame and screenshot rendering operations
+ */
+
+declare class ScreenshotRenderer {
+    private canvasRenderer;
+    private patternRenderer;
+    private deviceConfigService;
+    private renderCache;
+    private readonly MAX_CACHE_SIZE;
+    constructor();
+    /**
+     * Clear render cache to free memory
+     */
+    clearCache(): void;
+    /**
+     * Render device frame
+     */
+    renderDeviceFrame(ctx: CanvasRenderingContext2D, dimensions: CanvasDimensions, deviceType: DeviceType, frameStyle: FrameStyle, frameColor: string): void;
+    /**
+     * Render realistic device frame
+     */
+    private renderRealisticFrame;
+    /**
+     * Render minimal device frame
+     */
+    private renderMinimalFrame;
+    /**
+     * Render device notch
+     */
+    private renderNotch;
+    /**
+     * Render background - optimized
+     */
+    renderBackground(ctx: CanvasRenderingContext2D, design: ScreenshotDesign, dimensions: CanvasDimensions): void;
+    /**
+     * Render text content
+     */
+    renderTextContent(ctx: CanvasRenderingContext2D, content: ScreenshotContent, design: ScreenshotDesign, dimensions: CanvasDimensions): void;
+    /**
+     * Format text case
+     */
+    private formatText;
+    /**
+     * Render screenshot image
+     */
+    renderScreenshotImage(ctx: CanvasRenderingContext2D, imageUrl: string, design: ScreenshotDesign, dimensions: CanvasDimensions): Promise<void>;
+    /**
+     * Render complete screenshot
+     */
+    renderDesignedScreenshot(content: ScreenshotContent, design: ScreenshotDesign): Promise<HTMLCanvasElement>;
+    /**
+     * Render placeholder content
+     */
+    renderPlaceholderContent(ctx: CanvasRenderingContext2D, dimensions: CanvasDimensions, deviceType: DeviceType): void;
+}
+
+/**
+ * Device Configuration Service
+ * Manages device configurations and dimensions
+ */
+
+/**
+ * Device configuration service
+ */
+declare class DeviceConfigService {
+    private static instance;
+    private devices;
+    private phonesCache;
+    private tabletsCache;
+    private allDevicesCache;
+    private constructor();
+    static getInstance(): DeviceConfigService;
+    private initializeDevices;
+    getDeviceConfig(deviceType: DeviceType): DeviceConfig | undefined;
+    getAllDevices(): DeviceConfig[];
+    getPhones(): DeviceConfig[];
+    getTablets(): DeviceConfig[];
+    isPhone(deviceType: DeviceType): boolean;
+    isTablet(deviceType: DeviceType): boolean;
+    hasNotch(deviceType: DeviceType): boolean;
+}
+
+export { CanvasRenderer, DeviceConfigService, PatternRenderer, ScreenshotRenderer };

package/dist/infrastructure/index.d.ts

@@ -0,0 +1,198 @@
+import { a as CanvasConfig, c as CanvasDimensions, b as CanvasContextConfig, d as CanvasExportOptions, j as CanvasResult, B as BackgroundPattern, m as DeviceType, F as FrameStyle, o as ScreenshotDesign, S as ScreenshotContent, k as DeviceConfig } from '../CanvasConfig-HFgH7irb.js';
+
+declare class CanvasRenderer {
+    private config;
+    private imageCache;
+    constructor(config?: CanvasConfig);
+    /**
+     * Create a new canvas element
+     */
+    createCanvas(dimensions: CanvasDimensions): HTMLCanvasElement;
+    /**
+     * Get canvas 2D context
+     */
+    getContext(canvas: HTMLCanvasElement): CanvasRenderingContext2D | null;
+    /**
+     * Apply context configuration
+     */
+    configureContext(ctx: CanvasRenderingContext2D, config: CanvasContextConfig): void;
+    /**
+     * Clear canvas
+     */
+    clearCanvas(ctx: CanvasRenderingContext2D, dimensions: CanvasDimensions): void;
+    /**
+     * Fill rectangle
+     */
+    fillRect(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, color?: string): void;
+    /**
+     * Stroke rectangle
+     */
+    strokeRect(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, color?: string, lineWidth?: number): void;
+    /**
+     * Draw text
+     */
+    drawText(ctx: CanvasRenderingContext2D, text: string, x: number, y: number, config?: CanvasContextConfig): void;
+    /**
+     * Draw image
+     */
+    drawImage(ctx: CanvasRenderingContext2D, imageSource: string | HTMLImageElement, x: number, y: number, width?: number, height?: number): Promise<void>;
+    /**
+     * Load image from URL with caching
+     */
+    private loadImage;
+    /**
+     * Clear image cache to free memory
+     */
+    clearImageCache(): void;
+    /**
+     * Get cache size for monitoring
+     */
+    getCacheSize(): number;
+    /**
+     * Create gradient
+     */
+    createLinearGradient(ctx: CanvasRenderingContext2D, x1: number, y1: number, x2: number, y2: number, colorStops: Array<{
+        offset: number;
+        color: string;
+    }>): CanvasGradient;
+    /**
+     * Export canvas to blob
+     */
+    exportToBlob(canvas: HTMLCanvasElement, options?: CanvasExportOptions): Promise<CanvasResult>;
+    /**
+     * Export canvas to data URL
+     */
+    exportToDataURL(canvas: HTMLCanvasElement, format?: string, quality?: number): string;
+    /**
+     * Scale canvas
+     */
+    private scaleCanvas;
+    /**
+     * Clone canvas
+     */
+    cloneCanvas(canvas: HTMLCanvasElement): HTMLCanvasElement;
+}
+
+/**
+ * Pattern Renderer
+ * Background pattern rendering operations
+ */
+
+declare class PatternRenderer {
+    private patternCanvasCache;
+    private readonly MAX_CACHE_SIZE;
+    /**
+     * Render pattern on canvas
+     */
+    renderPattern(ctx: CanvasRenderingContext2D, pattern: BackgroundPattern, dimensions: CanvasDimensions, color?: string): void;
+    /**
+     * Clear pattern cache to free memory
+     */
+    clearCache(): void;
+    /**
+     * Render dot pattern - optimized with batch rendering
+     */
+    private renderDotPattern;
+    /**
+     * Render grid pattern - optimized with single path
+     */
+    private renderGridPattern;
+    /**
+     * Render line pattern - optimized with single path
+     */
+    private renderLinePattern;
+    /**
+     * Render wave pattern - optimized with pre-calculated values
+     */
+    private renderWavePattern;
+    /**
+     * Render checker pattern
+     */
+    private renderCheckerPattern;
+}
+
+/**
+ * Screenshot Renderer
+ * Device frame and screenshot rendering operations
+ */
+
+declare class ScreenshotRenderer {
+    private canvasRenderer;
+    private patternRenderer;
+    private deviceConfigService;
+    private renderCache;
+    private readonly MAX_CACHE_SIZE;
+    constructor();
+    /**
+     * Clear render cache to free memory
+     */
+    clearCache(): void;
+    /**
+     * Render device frame
+     */
+    renderDeviceFrame(ctx: CanvasRenderingContext2D, dimensions: CanvasDimensions, deviceType: DeviceType, frameStyle: FrameStyle, frameColor: string): void;
+    /**
+     * Render realistic device frame
+     */
+    private renderRealisticFrame;
+    /**
+     * Render minimal device frame
+     */
+    private renderMinimalFrame;
+    /**
+     * Render device notch
+     */
+    private renderNotch;
+    /**
+     * Render background - optimized
+     */
+    renderBackground(ctx: CanvasRenderingContext2D, design: ScreenshotDesign, dimensions: CanvasDimensions): void;
+    /**
+     * Render text content
+     */
+    renderTextContent(ctx: CanvasRenderingContext2D, content: ScreenshotContent, design: ScreenshotDesign, dimensions: CanvasDimensions): void;
+    /**
+     * Format text case
+     */
+    private formatText;
+    /**
+     * Render screenshot image
+     */
+    renderScreenshotImage(ctx: CanvasRenderingContext2D, imageUrl: string, design: ScreenshotDesign, dimensions: CanvasDimensions): Promise<void>;
+    /**
+     * Render complete screenshot
+     */
+    renderDesignedScreenshot(content: ScreenshotContent, design: ScreenshotDesign): Promise<HTMLCanvasElement>;
+    /**
+     * Render placeholder content
+     */
+    renderPlaceholderContent(ctx: CanvasRenderingContext2D, dimensions: CanvasDimensions, deviceType: DeviceType): void;
+}
+
+/**
+ * Device Configuration Service
+ * Manages device configurations and dimensions
+ */
+
+/**
+ * Device configuration service
+ */
+declare class DeviceConfigService {
+    private static instance;
+    private devices;
+    private phonesCache;
+    private tabletsCache;
+    private allDevicesCache;
+    private constructor();
+    static getInstance(): DeviceConfigService;
+    private initializeDevices;
+    getDeviceConfig(deviceType: DeviceType): DeviceConfig | undefined;
+    getAllDevices(): DeviceConfig[];
+    getPhones(): DeviceConfig[];
+    getTablets(): DeviceConfig[];
+    isPhone(deviceType: DeviceType): boolean;
+    isTablet(deviceType: DeviceType): boolean;
+    hasNotch(deviceType: DeviceType): boolean;
+}
+
+export { CanvasRenderer, DeviceConfigService, PatternRenderer, ScreenshotRenderer };