@umituz/web-canvas 1.0.0

package/dist/application/index.mjs

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

package/dist/chunk-BN7JTXL7.mjs

@@ -0,0 +1,346 @@
+import {
+  ScreenshotRenderer
+} from "./chunk-WMKPCJFI.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 promises = deviceTypes.map(
+      (deviceType) => this.generateScreenshot({ deviceType })
+    );
+    return Promise.all(promises);
+  }
+  /**
+   * 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);
+    }
+    for (let i = 0; i < project.screens.length; i++) {
+      const screen = project.screens[i];
+      const screenshot = await this.generateDesignedScreenshot(screen, project.design);
+      const base64Data = screenshot.url.split(",")[1];
+      folder.file(
+        `screen_${i + 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
+   */
+  generateId() {
+    return Math.random().toString(36).substr(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
+};

package/dist/chunk-MC6PNV2F.mjs

@@ -0,0 +1,34 @@
+// src/domain/config/CanvasConfig.ts
+var DEFAULT_CANVAS_CONFIG = {
+  defaultFormat: "png",
+  defaultQuality: 0.9,
+  maxDimension: 4096,
+  scale: 2,
+  backgroundColor: "#ffffff",
+  useCORS: true
+};
+
+// src/domain/config/DeviceConfig.ts
+var DEVICE_DIMENSIONS = {
+  "iphone-15-pro": { width: 1290, height: 2796 },
+  "iphone-15": { width: 1179, height: 2556 },
+  "iphone-se": { width: 1080, height: 2340 },
+  "ipad-pro": { width: 2048, height: 2732 },
+  "ipad": { width: 1620, height: 2160 },
+  "android-phone": { width: 1440, height: 3120 },
+  "android-tablet": { width: 2e3, height: 2200 },
+  "desktop": { width: 1920, height: 1080 }
+};
+var DEFAULT_DEVICE_CONFIG = {
+  devices: Object.keys(DEVICE_DIMENSIONS),
+  defaultDevice: "iphone-15-pro",
+  showFrame: true,
+  frameColor: "#1f2937",
+  frameThickness: 8
+};
+
+export {
+  DEFAULT_CANVAS_CONFIG,
+  DEVICE_DIMENSIONS,
+  DEFAULT_DEVICE_CONFIG
+};