@umituz/web-canvas 1.0.4 → 1.0.6

package/dist/application/index.mjs

@@ -1,11 +0,0 @@
-import {
-  ReportService,
-  ScreenshotStudioService
-} from "../chunk-DNKRSL6D.mjs";
-import "../chunk-UOGTEMIJ.mjs";
-import "../chunk-Z6IB4BQV.mjs";
-import "../chunk-MC6PNV2F.mjs";
-export {
-  ReportService,
-  ScreenshotStudioService
-};

package/dist/chunk-DNKRSL6D.mjs

@@ -1,358 +0,0 @@
-import {
-  ScreenshotRenderer
-} from "./chunk-UOGTEMIJ.mjs";
-import {
-  DEFAULT_SCREENSHOT_STUDIO_CONFIG
-} from "./chunk-Z6IB4BQV.mjs";
-
-// src/application/services/ScreenshotStudioService.ts
-var ScreenshotStudioService = class {
-  constructor(config) {
-    this.config = {
-      ...DEFAULT_SCREENSHOT_STUDIO_CONFIG,
-      ...config
-    };
-    this.renderer = new ScreenshotRenderer();
-  }
-  /**
-   * Generate screenshot
-   */
-  async generateScreenshot(options) {
-    const deviceConfig = this.config.device?.devices.find(
-      (d) => d === options.deviceType
-    );
-    if (!deviceConfig) {
-      throw new Error(`Device configuration not found for ${options.deviceType}`);
-    }
-    const canvas = this.renderer["canvasRenderer"].createCanvas(
-      options.customDimensions || { width: 1290, height: 2796 }
-    );
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      throw new Error("Failed to get canvas context");
-    }
-    this.renderer["renderPlaceholderContent"](
-      ctx,
-      { width: canvas.width, height: canvas.height },
-      options.deviceType
-    );
-    const blob = await this.renderer["canvasRenderer"].exportToBlob(canvas, {
-      format: options.format || this.config.export?.defaultFormat || "png",
-      quality: options.quality || this.config.canvas?.defaultQuality || 0.9
-    });
-    return {
-      id: this.generateId(),
-      deviceType: options.deviceType,
-      dimensions: { width: canvas.width, height: canvas.height },
-      format: options.format || this.config.export?.defaultFormat || "png",
-      timestamp: /* @__PURE__ */ new Date(),
-      fileSize: blob.blob.size,
-      url: blob.url
-    };
-  }
-  /**
-   * Generate batch screenshots
-   */
-  async generateBatchScreenshots(deviceTypes) {
-    const BATCH_SIZE = 3;
-    const results = [];
-    for (let i = 0; i < deviceTypes.length; i += BATCH_SIZE) {
-      const batch = deviceTypes.slice(i, i + BATCH_SIZE);
-      const batchPromises = batch.map(
-        (deviceType) => this.generateScreenshot({ deviceType })
-      );
-      const batchResults = await Promise.all(batchPromises);
-      results.push(...batchResults);
-    }
-    return results;
-  }
-  /**
-   * Generate designed screenshot
-   */
-  async generateDesignedScreenshot(content, design) {
-    const canvas = await this.renderer.renderDesignedScreenshot(content, design);
-    const blob = await this.renderer["canvasRenderer"].exportToBlob(canvas, {
-      format: "png"
-    });
-    return {
-      id: this.generateId(),
-      deviceType: design.deviceType,
-      dimensions: { width: canvas.width, height: canvas.height },
-      format: "png",
-      timestamp: /* @__PURE__ */ new Date(),
-      fileSize: blob.blob.size,
-      url: blob.url
-    };
-  }
-  /**
-   * Export project as ZIP
-   */
-  async exportProjectAsZip(project) {
-    const JSZip = (await import("jszip")).default;
-    const zip = new JSZip();
-    const folder = zip.folder(project.currentLanguage);
-    if (!folder) {
-      throw new Error("Failed to create folder in ZIP");
-    }
-    if (this.config.export?.includeMetadata) {
-      const metadataText = `APP NAME: ${project.appMetadata.appName}
-SUBTITLE: ${project.appMetadata.subtitle}
-DESCRIPTION:
-${project.appMetadata.description}
-
-KEYWORDS: ${project.appMetadata.keywords}
-WHATS NEW:
-${project.appMetadata.whatsNew}`;
-      folder.file("aso_metadata.txt", metadataText);
-    }
-    const screenshotPromises = project.screens.map(
-      (screen, index) => this.generateDesignedScreenshot(screen, project.design).then((screenshot) => ({ screenshot, index }))
-    );
-    const screenshots = await Promise.all(screenshotPromises);
-    screenshots.forEach(({ screenshot, index }) => {
-      const base64Data = screenshot.url.split(",")[1];
-      folder.file(
-        `screen_${index + 1}_${project.design.deviceType}.png`,
-        base64Data,
-        { base64: true }
-      );
-    });
-    return await zip.generateAsync({ type: "blob" });
-  }
-  /**
-   * Create project
-   */
-  createProject(name) {
-    return {
-      id: this.generateId(),
-      name,
-      design: this.getDefaultDesign(),
-      screens: [this.getDefaultScreen()],
-      currentLanguage: this.config.defaultLanguage || "en-US",
-      selectedScreenId: "1",
-      appMetadata: {
-        appName: "My App",
-        subtitle: "App Description",
-        promotionalText: "Promotional text",
-        keywords: "keyword1, keyword2",
-        description: "App description",
-        whatsNew: "What is new in this version"
-      },
-      appIcon: null,
-      createdAt: /* @__PURE__ */ new Date(),
-      updatedAt: /* @__PURE__ */ new Date()
-    };
-  }
-  /**
-   * Get default design
-   */
-  getDefaultDesign() {
-    return {
-      backgroundColor: "#6366f1",
-      backgroundGradientEnd: "#a855f7",
-      backgroundImage: null,
-      backgroundBlur: 0,
-      backgroundOverlayOpacity: 0,
-      backgroundPattern: "none",
-      textColor: "#ffffff",
-      highlightColor: "#fbbf24",
-      textAlign: "center",
-      deviceColor: "#1f2937",
-      deviceType: this.config.device?.defaultDevice || "iphone-15-pro",
-      frameStyle: "realistic",
-      layout: "text-top",
-      scale: 0.85,
-      fontFamily: "Inter",
-      titleFontSize: 60,
-      subtitleFontSize: 24,
-      titleFontWeight: "900",
-      subtitleFontWeight: "500",
-      textCase: "uppercase",
-      lineHeight: 0.9,
-      letterSpacing: -1,
-      rotation: 0,
-      rotationX: 0,
-      rotationY: 0,
-      rotationZ: 0,
-      offsetY: 0,
-      shadowIntensity: 0.5,
-      padding: 40,
-      gap: 20,
-      isPanoramic: false
-    };
-  }
-  /**
-   * Get default screen
-   */
-  getDefaultScreen() {
-    return {
-      id: "1",
-      title: "MY *APP*",
-      subtitle: "Your app description here",
-      screenshot: null,
-      translations: {
-        "en-US": { title: "MY *APP*", subtitle: "Your app description here" }
-      },
-      imageFit: "cover",
-      imageZoom: 1,
-      imageAnchorX: 50,
-      imageAnchorY: 50
-    };
-  }
-  /**
-   * Generate unique ID - optimized version
-   */
-  generateId() {
-    if (typeof crypto !== "undefined" && crypto.randomUUID) {
-      return crypto.randomUUID();
-    }
-    return `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
-  }
-};
-
-// src/application/services/ReportService.ts
-var ReportService = class _ReportService {
-  static getInstance() {
-    if (!_ReportService.instance) {
-      _ReportService.instance = new _ReportService();
-    }
-    return _ReportService.instance;
-  }
-  /**
-   * Export DOM element to PDF
-   */
-  async exportToPDF(elementId, options = {}) {
-    const html2canvas = (await import("html2canvas")).default;
-    const jsPDF = (await import("jspdf")).default;
-    const element = document.getElementById(elementId);
-    if (!element) {
-      throw new Error("Report element not found");
-    }
-    const canvas = await html2canvas(element, {
-      scale: options.scale || 2,
-      useCORS: options.useCORS !== false,
-      backgroundColor: options.backgroundColor || "#ffffff"
-    });
-    const imgData = canvas.toDataURL("image/png");
-    const pdf = new jsPDF("p", "mm", "a4");
-    const imgWidth = 210;
-    const imgHeight = canvas.height * imgWidth / canvas.width;
-    pdf.addImage(imgData, "PNG", 0, 0, imgWidth, imgHeight);
-    pdf.save(options.filename || "report.pdf");
-  }
-  /**
-   * Export canvas to PDF
-   */
-  async exportCanvasToPDF(canvas, options = {}) {
-    const jsPDF = (await import("jspdf")).default;
-    const imgData = canvas.toDataURL("image/png");
-    const pdf = new jsPDF("p", "mm", "a4");
-    const imgWidth = 210;
-    const imgHeight = canvas.height * imgWidth / canvas.width;
-    pdf.addImage(imgData, "PNG", 0, 0, imgWidth, imgHeight);
-    pdf.save(options.filename || "canvas-export.pdf");
-  }
-  /**
-   * Export data to Excel
-   */
-  async exportToExcel(data, options = {}) {
-    const XLSX = await import("xlsx");
-    const wb = XLSX.utils.book_new();
-    const apps = data.items.filter((i) => i.type === "app").map((i) => ({ Name: i.name, ...i.metrics, ...i.details }));
-    const campaigns = data.items.filter((i) => i.type === "campaign").map((i) => ({ Name: i.name, ...i.metrics, ...i.details }));
-    const posts = data.items.filter((i) => i.type === "post").map((i) => ({ Name: i.name, ...i.metrics, ...i.details }));
-    if (apps.length > 0) {
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(apps),
-        options.sheetName || "Apps"
-      );
-    }
-    if (campaigns.length > 0) {
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(campaigns),
-        "Campaigns"
-      );
-    }
-    if (posts.length > 0) {
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(posts),
-        "Posts"
-      );
-    }
-    if (options.includeSummary !== false) {
-      const summary = [
-        { Metric: "Total Reach", Value: data.summary.totalReach },
-        {
-          Metric: "Total Engagement",
-          Value: data.summary.totalEngagement
-        },
-        {
-          Metric: "Average Score",
-          Value: data.summary.averageScore
-        },
-        {
-          Metric: "Export Date",
-          Value: (/* @__PURE__ */ new Date()).toLocaleDateString()
-        }
-      ];
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(summary),
-        "Summary"
-      );
-    }
-    XLSX.writeFile(wb, options.filename || "report.xlsx");
-  }
-  /**
-   * Export data to CSV
-   */
-  exportToCSV(data, filename = "report.csv", delimiter = ",") {
-    const headers = ["Type", "Name", "Metrics"];
-    const rows = data.items.map((item) => [
-      item.type,
-      item.name,
-      JSON.stringify(item.metrics)
-    ]);
-    const csvContent = [headers, ...rows].map((row) => row.map((cell) => `"${cell}"`).join(delimiter)).join("\n");
-    const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = filename;
-    link.click();
-    URL.revokeObjectURL(url);
-  }
-  /**
-   * Export multiple elements to PDF
-   */
-  async exportMultipleToPDF(elementIds, options = {}) {
-    const html2canvas = (await import("html2canvas")).default;
-    const jsPDF = (await import("jspdf")).default;
-    const pdf = new jsPDF("p", "mm", "a4");
-    for (let i = 0; i < elementIds.length; i++) {
-      const element = document.getElementById(elementIds[i]);
-      if (!element) continue;
-      const canvas = await html2canvas(element, {
-        scale: options.scale || 2,
-        useCORS: options.useCORS !== false,
-        backgroundColor: options.backgroundColor || "#ffffff"
-      });
-      const imgData = canvas.toDataURL("image/png");
-      const imgWidth = 210;
-      const imgHeight = canvas.height * imgWidth / canvas.width;
-      if (i > 0) {
-        pdf.addPage();
-      }
-      pdf.addImage(imgData, "PNG", 0, 0, imgWidth, imgHeight);
-    }
-    pdf.save(options.filename || "multi-page-report.pdf");
-  }
-};
-
-export {
-  ScreenshotStudioService,
-  ReportService
-};