@umituz/web-canvas 1.0.6 → 1.1.0

package/dist/infrastructure/index.mjs

@@ -0,0 +1,13 @@
+import {
+  CanvasRenderer,
+  DeviceConfigService,
+  PatternRenderer,
+  ScreenshotRenderer
+} from "../chunk-UOGTEMIJ.mjs";
+import "../chunk-MC6PNV2F.mjs";
+export {
+  CanvasRenderer,
+  DeviceConfigService,
+  PatternRenderer,
+  ScreenshotRenderer
+};

package/dist/presentation/index.d.mts

@@ -0,0 +1,145 @@
+import { S as ScreenshotContent, o as ScreenshotDesign, L as Language, A as AppStoreMetadata, t as ScreenshotTemplate, p as ScreenshotFormat, s as ScreenshotProject, a as CanvasConfig, d as CanvasExportOptions, j as CanvasResult } from '../CanvasConfig-HFgH7irb.mjs';
+import { ScreenshotStudioConfig } from '../domain/config/index.mjs';
+import { P as PDFExportOptions, R as ReportData, E as ExcelExportOptions } from '../report.types-DWDnprBx.mjs';
+import { FreehandStroke, UseFreehandCanvasOptions } from '../domain/index.mjs';
+
+/**
+ * useScreenshotStudio Hook
+ * React hook for screenshot studio functionality
+ */
+
+/**
+ * useScreenshotStudio hook options
+ */
+interface UseScreenshotStudioOptions {
+    config?: Partial<ScreenshotStudioConfig>;
+    onShowToast?: (title: string, description?: string) => void;
+}
+/**
+ * useScreenshotStudio hook return
+ */
+interface UseScreenshotStudioReturn {
+    screens: ScreenshotContent[];
+    design: ScreenshotDesign;
+    currentLanguage: Language;
+    selectedScreenId: string;
+    activeScreen: ScreenshotContent;
+    isProcessing: boolean;
+    isAnalyzing: boolean;
+    appMetadata: AppStoreMetadata;
+    appIcon: string | null;
+    projectId: string | null;
+    updateDesign: (updates: Partial<ScreenshotDesign>) => void;
+    updateActiveScreen: (updates: Partial<ScreenshotContent>) => void;
+    setSelectedScreenId: (screenId: string) => void;
+    changeLanguage: (newLanguage: Language) => void;
+    addScreen: () => void;
+    removeScreen: (screenId: string) => void;
+    duplicateScreen: (screenId: string) => void;
+    applyTemplate: (template: ScreenshotTemplate) => void;
+    generateDesignedScreenshot: (screenId: string) => Promise<{
+        url: string;
+        id: string;
+    } | undefined>;
+    exportAllScreensAsZip: (format?: ScreenshotFormat) => Promise<void>;
+    handleAIMagic?: (screenId: string) => Promise<void>;
+    handleTranslate?: (screenId: string, targetLang: Language) => Promise<void>;
+    handleGenerateMetadata?: () => Promise<void>;
+    setAppMetadata: (metadata: AppStoreMetadata) => void;
+    setAppIcon: (icon: string | null) => void;
+    setProjectId: (id: string | null) => void;
+    _getProjectState: () => ScreenshotProject;
+    _loadProjectState: (state: Partial<ScreenshotProject>) => void;
+}
+/**
+ * useScreenshotStudio hook
+ */
+declare function useScreenshotStudio(options?: UseScreenshotStudioOptions): UseScreenshotStudioReturn;
+
+/**
+ * useCanvasExport Hook
+ * React hook for canvas export operations
+ */
+
+/**
+ * useCanvasExport hook options
+ */
+interface UseCanvasExportOptions {
+    config?: CanvasConfig;
+}
+/**
+ * useCanvasExport hook return
+ */
+interface UseCanvasExportReturn {
+    isExporting: boolean;
+    progress: number;
+    error: string | null;
+    exportToBlob: (canvas: HTMLCanvasElement, options?: CanvasExportOptions) => Promise<CanvasResult | null>;
+    exportToDataURL: (canvas: HTMLCanvasElement, format?: string, quality?: number) => string | null;
+    downloadCanvas: (canvas: HTMLCanvasElement, filename: string, options?: CanvasExportOptions) => Promise<void>;
+    cloneCanvas: (canvas: HTMLCanvasElement) => HTMLCanvasElement | null;
+}
+/**
+ * useCanvasExport hook
+ */
+declare function useCanvasExport(options?: UseCanvasExportOptions): UseCanvasExportReturn;
+
+/**
+ * useReportExport Hook
+ * React hook for report export operations
+ */
+
+/**
+ * useReportExport hook return
+ */
+interface UseReportExportReturn {
+    isExporting: boolean;
+    error: string | null;
+    exportToPDF: (elementId: string, options?: PDFExportOptions) => Promise<void>;
+    exportCanvasToPDF: (canvas: HTMLCanvasElement, options?: PDFExportOptions) => Promise<void>;
+    exportMultipleToPDF: (elementIds: string[], options?: PDFExportOptions) => Promise<void>;
+    exportToExcel: (data: ReportData, options?: ExcelExportOptions) => Promise<void>;
+    exportToCSV: (data: ReportData, filename?: string, delimiter?: ',' | ';') => void;
+}
+/**
+ * useReportExport hook
+ */
+declare function useReportExport(): UseReportExportReturn;
+
+/**
+ * useFreehandCanvas Hook
+ * React hook for pointer-based freehand drawing on a canvas
+ */
+
+/**
+ * Return value of the useFreehandCanvas hook
+ */
+interface UseFreehandCanvasReturn {
+    /** Ref to attach to the <canvas> element that captures drawing. */
+    canvasRef: React.RefObject<HTMLCanvasElement | null>;
+    /** Remove the most recent stroke. */
+    undo: () => void;
+    /** Remove all strokes. */
+    clear: () => void;
+    /** Number of committed strokes. */
+    strokeCount: number;
+    /** True when no strokes are committed. */
+    isEmpty: boolean;
+    /** Snapshot of committed strokes (safe to serialize). */
+    getStrokes: () => FreehandStroke[];
+}
+/**
+ * useFreehandCanvas hook
+ *
+ * Attaches pointer-event drawing to a canvas element. The canvas is sized to
+ * its CSS box at device-pixel resolution (and re-rendered on resize), strokes
+ * are replayed from captured points so undo/clear are lossless, and stylus
+ * pressure modulates line width when the pointer reports it.
+ *
+ * The canvas gets `touch-action: none` applied so drawing works on touch
+ * screens without scrolling the page. Consumers typically layer the canvas
+ * over their own guide content (e.g. a faint glyph to trace).
+ */
+declare function useFreehandCanvas(options?: UseFreehandCanvasOptions): UseFreehandCanvasReturn;
+
+export { type UseCanvasExportOptions, type UseCanvasExportReturn, type UseFreehandCanvasReturn, type UseReportExportReturn, type UseScreenshotStudioOptions, type UseScreenshotStudioReturn, useCanvasExport, useFreehandCanvas, useReportExport, useScreenshotStudio };

package/dist/presentation/index.d.ts

@@ -0,0 +1,145 @@
+import { S as ScreenshotContent, o as ScreenshotDesign, L as Language, A as AppStoreMetadata, t as ScreenshotTemplate, p as ScreenshotFormat, s as ScreenshotProject, a as CanvasConfig, d as CanvasExportOptions, j as CanvasResult } from '../CanvasConfig-HFgH7irb.js';
+import { ScreenshotStudioConfig } from '../domain/config/index.js';
+import { P as PDFExportOptions, R as ReportData, E as ExcelExportOptions } from '../report.types-DWDnprBx.js';
+import { FreehandStroke, UseFreehandCanvasOptions } from '../domain/index.js';
+
+/**
+ * useScreenshotStudio Hook
+ * React hook for screenshot studio functionality
+ */
+
+/**
+ * useScreenshotStudio hook options
+ */
+interface UseScreenshotStudioOptions {
+    config?: Partial<ScreenshotStudioConfig>;
+    onShowToast?: (title: string, description?: string) => void;
+}
+/**
+ * useScreenshotStudio hook return
+ */
+interface UseScreenshotStudioReturn {
+    screens: ScreenshotContent[];
+    design: ScreenshotDesign;
+    currentLanguage: Language;
+    selectedScreenId: string;
+    activeScreen: ScreenshotContent;
+    isProcessing: boolean;
+    isAnalyzing: boolean;
+    appMetadata: AppStoreMetadata;
+    appIcon: string | null;
+    projectId: string | null;
+    updateDesign: (updates: Partial<ScreenshotDesign>) => void;
+    updateActiveScreen: (updates: Partial<ScreenshotContent>) => void;
+    setSelectedScreenId: (screenId: string) => void;
+    changeLanguage: (newLanguage: Language) => void;
+    addScreen: () => void;
+    removeScreen: (screenId: string) => void;
+    duplicateScreen: (screenId: string) => void;
+    applyTemplate: (template: ScreenshotTemplate) => void;
+    generateDesignedScreenshot: (screenId: string) => Promise<{
+        url: string;
+        id: string;
+    } | undefined>;
+    exportAllScreensAsZip: (format?: ScreenshotFormat) => Promise<void>;
+    handleAIMagic?: (screenId: string) => Promise<void>;
+    handleTranslate?: (screenId: string, targetLang: Language) => Promise<void>;
+    handleGenerateMetadata?: () => Promise<void>;
+    setAppMetadata: (metadata: AppStoreMetadata) => void;
+    setAppIcon: (icon: string | null) => void;
+    setProjectId: (id: string | null) => void;
+    _getProjectState: () => ScreenshotProject;
+    _loadProjectState: (state: Partial<ScreenshotProject>) => void;
+}
+/**
+ * useScreenshotStudio hook
+ */
+declare function useScreenshotStudio(options?: UseScreenshotStudioOptions): UseScreenshotStudioReturn;
+
+/**
+ * useCanvasExport Hook
+ * React hook for canvas export operations
+ */
+
+/**
+ * useCanvasExport hook options
+ */
+interface UseCanvasExportOptions {
+    config?: CanvasConfig;
+}
+/**
+ * useCanvasExport hook return
+ */
+interface UseCanvasExportReturn {
+    isExporting: boolean;
+    progress: number;
+    error: string | null;
+    exportToBlob: (canvas: HTMLCanvasElement, options?: CanvasExportOptions) => Promise<CanvasResult | null>;
+    exportToDataURL: (canvas: HTMLCanvasElement, format?: string, quality?: number) => string | null;
+    downloadCanvas: (canvas: HTMLCanvasElement, filename: string, options?: CanvasExportOptions) => Promise<void>;
+    cloneCanvas: (canvas: HTMLCanvasElement) => HTMLCanvasElement | null;
+}
+/**
+ * useCanvasExport hook
+ */
+declare function useCanvasExport(options?: UseCanvasExportOptions): UseCanvasExportReturn;
+
+/**
+ * useReportExport Hook
+ * React hook for report export operations
+ */
+
+/**
+ * useReportExport hook return
+ */
+interface UseReportExportReturn {
+    isExporting: boolean;
+    error: string | null;
+    exportToPDF: (elementId: string, options?: PDFExportOptions) => Promise<void>;
+    exportCanvasToPDF: (canvas: HTMLCanvasElement, options?: PDFExportOptions) => Promise<void>;
+    exportMultipleToPDF: (elementIds: string[], options?: PDFExportOptions) => Promise<void>;
+    exportToExcel: (data: ReportData, options?: ExcelExportOptions) => Promise<void>;
+    exportToCSV: (data: ReportData, filename?: string, delimiter?: ',' | ';') => void;
+}
+/**
+ * useReportExport hook
+ */
+declare function useReportExport(): UseReportExportReturn;
+
+/**
+ * useFreehandCanvas Hook
+ * React hook for pointer-based freehand drawing on a canvas
+ */
+
+/**
+ * Return value of the useFreehandCanvas hook
+ */
+interface UseFreehandCanvasReturn {
+    /** Ref to attach to the <canvas> element that captures drawing. */
+    canvasRef: React.RefObject<HTMLCanvasElement | null>;
+    /** Remove the most recent stroke. */
+    undo: () => void;
+    /** Remove all strokes. */
+    clear: () => void;
+    /** Number of committed strokes. */
+    strokeCount: number;
+    /** True when no strokes are committed. */
+    isEmpty: boolean;
+    /** Snapshot of committed strokes (safe to serialize). */
+    getStrokes: () => FreehandStroke[];
+}
+/**
+ * useFreehandCanvas hook
+ *
+ * Attaches pointer-event drawing to a canvas element. The canvas is sized to
+ * its CSS box at device-pixel resolution (and re-rendered on resize), strokes
+ * are replayed from captured points so undo/clear are lossless, and stylus
+ * pressure modulates line width when the pointer reports it.
+ *
+ * The canvas gets `touch-action: none` applied so drawing works on touch
+ * screens without scrolling the page. Consumers typically layer the canvas
+ * over their own guide content (e.g. a faint glyph to trace).
+ */
+declare function useFreehandCanvas(options?: UseFreehandCanvasOptions): UseFreehandCanvasReturn;
+
+export { type UseCanvasExportOptions, type UseCanvasExportReturn, type UseFreehandCanvasReturn, type UseReportExportReturn, type UseScreenshotStudioOptions, type UseScreenshotStudioReturn, useCanvasExport, useFreehandCanvas, useReportExport, useScreenshotStudio };