pdf-catalog-generator 3.1.2 → 3.1.4

package/README.md

@@ -175,6 +175,7 @@ Generates a PDF catalog from the provided configuration.
   - `companyName` (string): Your company name
   - `companyLogo` (string | null, optional): Logo URL or base64 string
   - `template` (TemplateType, optional): Template to use (default: 'template1')
+  - `imageOptimization` (ImageOptimizationOptions, optional): Resize/compress supported remote image URLs before rendering. Enabled by default.
 
 **Returns:** `Promise<Uint8Array>` - PDF file as Uint8Array (works in both Node.js and browser)
 
@@ -288,6 +289,16 @@ This library is **completely schema-free** - no fields are mandatory! You can us
 interface ProductData {
   [key: string]: string | number | boolean | null | undefined;
 }
+
+interface ImageOptimizationOptions {
+  enabled?: boolean;
+  maxWidth?: number;
+  maxHeight?: number;
+  quality?: number;
+  logoMaxWidth?: number;
+  logoMaxHeight?: number;
+  logoQuality?: number;
+}
 ```
 
 **Dynamic Field Rendering:**

package/dist/index.d.mts

@@ -5,11 +5,21 @@ interface ProductData {
     [key: string]: string | number | boolean | null | undefined;
 }
 type TemplateType = 'template1' | 'template2' | 'template3' | 'template4' | 'template5' | 'template6';
+interface ImageOptimizationOptions {
+    enabled?: boolean;
+    maxWidth?: number;
+    maxHeight?: number;
+    quality?: number;
+    logoMaxWidth?: number;
+    logoMaxHeight?: number;
+    logoQuality?: number;
+}
 interface CatalogConfig {
     products: ProductData[];
     companyLogo?: string | null;
     companyName: string;
     template?: TemplateType;
+    imageOptimization?: ImageOptimizationOptions;
 }
 interface TemplateProps {
     companyLogo?: string | null;

package/dist/index.d.ts

@@ -5,11 +5,21 @@ interface ProductData {
     [key: string]: string | number | boolean | null | undefined;
 }
 type TemplateType = 'template1' | 'template2' | 'template3' | 'template4' | 'template5' | 'template6';
+interface ImageOptimizationOptions {
+    enabled?: boolean;
+    maxWidth?: number;
+    maxHeight?: number;
+    quality?: number;
+    logoMaxWidth?: number;
+    logoMaxHeight?: number;
+    logoQuality?: number;
+}
 interface CatalogConfig {
     products: ProductData[];
     companyLogo?: string | null;
     companyName: string;
     template?: TemplateType;
+    imageOptimization?: ImageOptimizationOptions;
 }
 interface TemplateProps {
     companyLogo?: string | null;

package/dist/index.js

@@ -25,29 +25,6 @@ function _interopNamespace(e) {
 var XLSX__namespace = /*#__PURE__*/_interopNamespace(XLSX);
 
 // src/generator.tsx
-var styles = renderer.StyleSheet.create({
-  wrapper: {
-    position: "absolute",
-    bottom: 6,
-    right: 10,
-    flexDirection: "row",
-    alignItems: "center",
-    opacity: 0.5
-  },
-  label: {
-    fontSize: 6.5,
-    color: "#666666",
-    letterSpacing: 0.2
-  },
-  link: {
-    fontSize: 6.5,
-    color: "#666666",
-    textDecoration: "none",
-    letterSpacing: 0.2
-  }
-});
-var PoweredByTeziApp = () => /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles.wrapper, fixed: true, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Link, { style: styles.link, src: "https://teziapp.com", children: "Powered by Tezi App" }) });
-var PoweredByTeziApp_default = PoweredByTeziApp;
 
 // src/utils/fieldHelpers.ts
 function formatFieldName(fieldName) {
@@ -229,12 +206,12 @@ var dynamicFieldStyles = renderer.StyleSheet.create({
     flexShrink: 1
   }
 });
-function renderDynamicFields(fields, styles9) {
+function renderDynamicFields(fields, styles8) {
   if (fields.length === 0) return null;
-  const containerStyle = styles9?.container || { marginBottom: 8 };
-  const rowStyle = styles9?.row || dynamicFieldStyles.detailRow;
-  const labelStyle = styles9?.label || dynamicFieldStyles.detailLabel;
-  const valueStyle = styles9?.value || dynamicFieldStyles.detailValue;
+  const containerStyle = styles8?.container || { marginBottom: 8 };
+  const rowStyle = styles8?.row || dynamicFieldStyles.detailRow;
+  const labelStyle = styles8?.label || dynamicFieldStyles.detailLabel;
+  const valueStyle = styles8?.value || dynamicFieldStyles.detailValue;
   return /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: containerStyle, children: fields.map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: rowStyle, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(renderer.Text, { style: labelStyle, children: [
       formatFieldName(key),
@@ -278,7 +255,7 @@ function mergeTemplateConfig(config = {}) {
     ...config
   };
 }
-var styles2 = renderer.StyleSheet.create({
+var styles = renderer.StyleSheet.create({
   productContainer: {
     flexDirection: "row",
     flexWrap: "wrap",
@@ -342,27 +319,27 @@ var styles2 = renderer.StyleSheet.create({
   }
 });
 var Template1 = ({ products }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles2.productContainer, children: products.map((product, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles.productContainer, children: products.map((product, index) => {
     const fields = extractProductFields(product);
-    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles2.productSection, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles2.image, src: fields.imageUrl }),
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles2.productTitleBox, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles2.productTitle, children: fields.title }),
-        renderRating(fields.rating, styles2.productRate)
+    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles.productSection, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles.image, src: fields.imageUrl }),
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles.productTitleBox, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles.productTitle, children: fields.title }),
+        renderRating(fields.rating, styles.productRate)
       ] }),
-      fields.description && /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles2.productDescription, children: fields.description }),
+      fields.description && /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles.productDescription, children: fields.description }),
       renderDynamicFields(fields.dynamicFields),
       renderBuyButton(
         fields.link,
-        styles2.buyButton,
+        styles.buyButton,
         "Buy Now",
-        renderPrice(fields.price, styles2.productPrice)
+        renderPrice(fields.price, styles.productPrice)
       )
     ] }, index);
   }) });
 };
 var Template1_default = Template1;
-var styles3 = renderer.StyleSheet.create({
+var styles2 = renderer.StyleSheet.create({
   productContainer: {
     flexDirection: "row",
     flexWrap: "wrap",
@@ -439,14 +416,14 @@ var styles3 = renderer.StyleSheet.create({
   }
 });
 var Template2 = ({ products }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles3.productContainer, children: products.map((product, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles2.productContainer, children: products.map((product, index) => {
     const fields = extractProductFields(product);
-    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles3.productSection, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles3.productSectionImage, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles3.image, src: fields.imageUrl }),
-        renderRating(fields.rating, styles3.productRate)
+    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles2.productSection, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles2.productSectionImage, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles2.image, src: fields.imageUrl }),
+        renderRating(fields.rating, styles2.productRate)
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles3.productSectionText, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles2.productSectionText, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           renderer.View,
           {
@@ -456,20 +433,20 @@ var Template2 = ({ products }) => {
               justifyContent: "space-between"
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles3.productTitle, children: fields.title }),
-              renderPrice(fields.price, styles3.productPrice)
+              /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles2.productTitle, children: fields.title }),
+              renderPrice(fields.price, styles2.productPrice)
             ]
           }
         ),
-        fields.description && /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles3.productDescription, children: fields.description }),
+        fields.description && /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles2.productDescription, children: fields.description }),
         renderDynamicFields(fields.dynamicFields),
-        renderBuyButton(fields.link, styles3.buyButton)
+        renderBuyButton(fields.link, styles2.buyButton)
       ] })
     ] }, index);
   }) });
 };
 var Template2_default = Template2;
-var styles4 = renderer.StyleSheet.create({
+var styles3 = renderer.StyleSheet.create({
   productSection: {
     width: "100%",
     height: "100vh",
@@ -549,10 +526,10 @@ var compactDynamicFieldStyles = renderer.StyleSheet.create({
 var Template3 = ({ products }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: products.map((product, index) => {
     const fields = extractProductFields(product, { maxDynamicFields: 5 });
-    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles4.productSection, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles4.image, src: fields.imageUrl }),
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles4.productDetailsBox, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles4.productTitle, children: fields.title }),
+    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles3.productSection, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles3.image, src: fields.imageUrl }),
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles3.productDetailsBox, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles3.productTitle, children: fields.title }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           renderer.View,
           {
@@ -562,25 +539,25 @@ var Template3 = ({ products }) => {
               justifyContent: "space-between"
             },
             children: [
-              renderPrice(fields.price, styles4.productPrice),
-              renderRating(fields.rating, styles4.productRate)
+              renderPrice(fields.price, styles3.productPrice),
+              renderRating(fields.rating, styles3.productRate)
             ]
           }
         ),
-        fields.description && /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles4.productDescription, children: fields.description }),
+        fields.description && /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles3.productDescription, children: fields.description }),
         renderDynamicFields(fields.dynamicFields, {
           row: compactDynamicFieldStyles.detailRow,
           label: compactDynamicFieldStyles.detailLabel,
           value: compactDynamicFieldStyles.detailValue
         }),
-        renderBuyButton(fields.link, styles4.buyButton)
+        renderBuyButton(fields.link, styles3.buyButton)
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { break: true })
     ] }, index);
   }) });
 };
 var Template3_default = Template3;
-var styles5 = renderer.StyleSheet.create({
+var styles4 = renderer.StyleSheet.create({
   page: {
     width: "100%",
     height: "100%",
@@ -677,21 +654,21 @@ var Template4 = ({
       )
     );
     const fields = extractProductFields(product);
-    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles5.page, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles5.header, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles5.companyName, children: companyName || "" }),
-        companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles5.brandLogo, src: companyLogo })
+    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles4.page, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles4.header, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles4.companyName, children: companyName || "" }),
+        companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles4.brandLogo, src: companyLogo })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles5.productContainer, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles5.productImage, src: fields.imageUrl }),
-        allFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles5.detailsBox, children: renderFieldsInColumns(allFields) })
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles4.productContainer, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles4.productImage, src: fields.imageUrl }),
+        allFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles4.detailsBox, children: renderFieldsInColumns(allFields) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { break: true })
     ] }, index);
   }) });
 };
 var Template4_default = Template4;
-var styles6 = renderer.StyleSheet.create({
+var styles5 = renderer.StyleSheet.create({
   page: {
     width: "100%",
     height: "100%",
@@ -804,22 +781,22 @@ var Template5 = ({
     const { imageUrl, title, dynamicFields } = extractProductFields(product);
     const image2Url = getImage2Url(product);
     const secondImage = image2Url || imageUrl;
-    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.page, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.header, children: [
-        companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles6.logo, src: companyLogo }),
-        /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles6.companyName, children: companyName })
+    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles5.page, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles5.header, children: [
+        companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles5.logo, src: companyLogo }),
+        /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles5.companyName, children: companyName })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.contentContainer, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.imageSection, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles6.imageWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles6.productImage, src: imageUrl }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles6.imageWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles6.productImage, src: secondImage }) })
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles5.contentContainer, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles5.imageSection, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles5.imageWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles5.productImage, src: imageUrl }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles5.imageWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles5.productImage, src: secondImage }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.detailsSection, children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles6.productTitle, children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles6.dynamicFieldsContainer, children: renderDynamicFields(dynamicFields, {
-            row: styles6.detailRow,
-            label: styles6.detailLabel,
-            value: styles6.detailValue
+        /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles5.detailsSection, children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles5.productTitle, children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles5.dynamicFieldsContainer, children: renderDynamicFields(dynamicFields, {
+            row: styles5.detailRow,
+            label: styles5.detailLabel,
+            value: styles5.detailValue
           }) })
         ] })
       ] }),
@@ -828,7 +805,7 @@ var Template5 = ({
   }) });
 };
 var Template5_default = Template5;
-var styles7 = renderer.StyleSheet.create({
+var styles6 = renderer.StyleSheet.create({
   page: {
     width: "100%",
     height: "100%",
@@ -969,26 +946,26 @@ var Template6 = ({
     const { imageUrl, title, dynamicFields } = extractProductFields(product);
     const image2Url = getImage2Url2(product);
     const secondImage = image2Url || imageUrl;
-    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles7.page, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles7.leftColumn, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles7.imageFull, src: imageUrl }),
-        /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles7.specsOverlay, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles7.specsHeader, children: [
-            companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles7.miniLogo, src: companyLogo }),
-            /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles7.designNumber, children: title || "Specifications" })
+    return /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.page, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.leftColumn, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles6.imageFull, src: imageUrl }),
+        /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.specsOverlay, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.specsHeader, children: [
+            companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles6.miniLogo, src: companyLogo }),
+            /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles6.designNumber, children: title || "Specifications" })
           ] }),
           renderDynamicFields(dynamicFields, {
-            row: styles7.fieldRow,
-            label: styles7.fieldLabel,
-            value: styles7.fieldValue
+            row: styles6.fieldRow,
+            label: styles6.fieldLabel,
+            value: styles6.fieldValue
           })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles7.rightColumn, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles7.rightImageContainer, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles7.rightImage, src: secondImage }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles7.footer, children: /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles7.footerContent, children: [
-          companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles7.footerLogo, src: companyLogo }),
-          /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles7.footerText, children: companyName })
+      /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.rightColumn, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles6.rightImageContainer, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles6.rightImage, src: secondImage }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles6.footer, children: /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles6.footerContent, children: [
+          companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles6.footerLogo, src: companyLogo }),
+          /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles6.footerText, children: companyName })
         ] }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { break: true })
@@ -996,7 +973,7 @@ var Template6 = ({
   }) });
 };
 var Template6_default = Template6;
-var styles8 = renderer.StyleSheet.create({
+var styles7 = renderer.StyleSheet.create({
   page: {
     flexDirection: "column",
     backgroundColor: "#FFFFFF"
@@ -1028,8 +1005,137 @@ renderer.Font.registerEmojiSource({
   format: "png",
   url: "https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/"
 });
+function normalizeImageSource(imageSource) {
+  const trimmedImageSource = imageSource.trim();
+  if (trimmedImageSource.startsWith("data:")) {
+    return trimmedImageSource;
+  }
+  if (trimmedImageSource.startsWith("http://") || trimmedImageSource.startsWith("https://")) {
+    return trimmedImageSource;
+  }
+  let mimeType = "image/png";
+  const base64Start = trimmedImageSource.substring(0, 20).toLowerCase();
+  if (base64Start.includes("ivborw0kggo") || trimmedImageSource.startsWith("iVBORw0KGgo")) {
+    mimeType = "image/png";
+  } else if (base64Start.includes("/9j/4aaq") || trimmedImageSource.startsWith("/9j/4AAQ")) {
+    mimeType = "image/jpeg";
+  } else if (base64Start.includes("r0lgodlh") || trimmedImageSource.startsWith("R0lGODlh")) {
+    mimeType = "image/gif";
+  } else if (base64Start.includes("uklgr") || trimmedImageSource.startsWith("UklGR")) {
+    mimeType = "image/webp";
+  }
+  return `data:${mimeType};base64,${trimmedImageSource}`;
+}
+var IMAGE_FIELD_NAMES_LOWER = /* @__PURE__ */ new Set([
+  "image",
+  "imageurl",
+  "img",
+  "photo",
+  "picture",
+  "image2",
+  "imageurl2",
+  "img2",
+  "photo2",
+  "picture2"
+]);
+var DEFAULT_IMAGE_OPTIMIZATION = {
+  enabled: true,
+  maxWidth: 900,
+  maxHeight: 900,
+  quality: 70,
+  logoMaxWidth: 400,
+  logoMaxHeight: 400,
+  logoQuality: 70
+};
+function getImageOptimizationOptions(options) {
+  return {
+    ...DEFAULT_IMAGE_OPTIMIZATION,
+    ...options
+  };
+}
+function getNumericSearchParam(url, key) {
+  const rawValue = url.searchParams.get(key);
+  if (rawValue === null || rawValue.trim() === "") {
+    return null;
+  }
+  const numericValue = Number(rawValue);
+  return Number.isFinite(numericValue) ? numericValue : null;
+}
+function optimizeImageUrl(imageSource, options, imageKind) {
+  if (!options.enabled) {
+    return normalizeImageSource(imageSource);
+  }
+  const normalizedSource = normalizeImageSource(imageSource);
+  if (!normalizedSource.startsWith("http://") && !normalizedSource.startsWith("https://")) {
+    return normalizedSource;
+  }
+  let url;
+  try {
+    url = new URL(normalizedSource);
+  } catch {
+    return normalizedSource;
+  }
+  const hostname = url.hostname.toLowerCase();
+  const isImgixStyleHost = hostname.includes("unsplash.com") || hostname.includes("imgix.net") || hostname.includes("builder.io") || hostname.includes("sanity.io");
+  if (!isImgixStyleHost) {
+    return normalizedSource;
+  }
+  const maxWidth = imageKind === "logo" ? options.logoMaxWidth : options.maxWidth;
+  const maxHeight = imageKind === "logo" ? options.logoMaxHeight : options.maxHeight;
+  const quality = imageKind === "logo" ? options.logoQuality : options.quality;
+  url.searchParams.set("auto", "format,compress");
+  url.searchParams.set("fit", "max");
+  const currentWidth = getNumericSearchParam(url, "w");
+  if (currentWidth === null || currentWidth > maxWidth) {
+    url.searchParams.set("w", String(maxWidth));
+  }
+  const currentHeight = getNumericSearchParam(url, "h");
+  if (currentHeight === null || currentHeight > maxHeight) {
+    url.searchParams.set("h", String(maxHeight));
+  }
+  const currentQuality = getNumericSearchParam(url, "q");
+  if (currentQuality === null || currentQuality > quality) {
+    url.searchParams.set("q", String(quality));
+  }
+  return url.toString();
+}
+function normalizeProductImages(products, options) {
+  const imageCache = /* @__PURE__ */ new Map();
+  const normalizeCachedImage = (value, imageKind) => {
+    const cacheKey = `${imageKind}:${value}`;
+    const cachedValue = imageCache.get(cacheKey);
+    if (cachedValue) {
+      return cachedValue;
+    }
+    const normalizedValue = optimizeImageUrl(value, options, imageKind);
+    imageCache.set(cacheKey, normalizedValue);
+    return normalizedValue;
+  };
+  return products.map((product) => {
+    const normalizedProduct = { ...product };
+    for (const [key, value] of Object.entries(product)) {
+      if (typeof value === "string" && value.trim() !== "" && IMAGE_FIELD_NAMES_LOWER.has(key.toLowerCase())) {
+        normalizedProduct[key] = normalizeCachedImage(value, "product");
+      }
+    }
+    return normalizedProduct;
+  });
+}
+async function renderPdfToUint8Array(doc) {
+  const isNodeRuntime = typeof process !== "undefined" && typeof process.versions?.node === "string";
+  if (isNodeRuntime && typeof renderer.renderToBuffer === "function") {
+    const buffer = await renderer.renderToBuffer(doc);
+    return buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer);
+  }
+  const blob = await renderer.pdf(doc).toBlob();
+  const arrayBuffer = await blob.arrayBuffer();
+  return new Uint8Array(arrayBuffer);
+}
 async function generateProductCatalog(config) {
-  const { products, companyLogo, companyName, template = "template1" } = config;
+  const { products, companyLogo, companyName, template = "template1", imageOptimization } = config;
+  const optimizationOptions = getImageOptimizationOptions(imageOptimization);
+  const normalizedProducts = normalizeProductImages(products, optimizationOptions);
+  const normalizedCompanyLogo = companyLogo ? optimizeImageUrl(companyLogo, optimizationOptions, "logo") : companyLogo;
   let TemplateComponent;
   switch (template) {
     case "template1":
@@ -1054,49 +1160,36 @@ async function generateProductCatalog(config) {
       TemplateComponent = Template1_default;
   }
   if (template === "template4") {
-    const doc2 = /* @__PURE__ */ jsxRuntime.jsx(renderer.Document, { children: /* @__PURE__ */ jsxRuntime.jsxs(renderer.Page, { size: "A4", style: styles8.page, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Template4_default,
-        {
-          products,
-          companyLogo,
-          companyName
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(PoweredByTeziApp_default, {})
-    ] }) });
-    const blob2 = await renderer.pdf(doc2).toBlob();
-    const arrayBuffer2 = await blob2.arrayBuffer();
-    return new Uint8Array(arrayBuffer2);
+    const doc2 = /* @__PURE__ */ jsxRuntime.jsx(renderer.Document, { children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Page, { size: "A4", style: styles7.page, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Template4_default,
+      {
+        products: normalizedProducts,
+        companyLogo: normalizedCompanyLogo,
+        companyName
+      }
+    ) }) });
+    return renderPdfToUint8Array(doc2);
   }
   if (template === "template5" || template === "template6") {
     const Template = template === "template5" ? Template5_default : Template6_default;
-    const doc2 = /* @__PURE__ */ jsxRuntime.jsx(renderer.Document, { children: /* @__PURE__ */ jsxRuntime.jsxs(renderer.Page, { size: "A4", orientation: "landscape", style: styles8.page, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Template,
-        {
-          products,
-          companyLogo,
-          companyName
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(PoweredByTeziApp_default, {})
-    ] }) });
-    const blob2 = await renderer.pdf(doc2).toBlob();
-    const arrayBuffer2 = await blob2.arrayBuffer();
-    return new Uint8Array(arrayBuffer2);
+    const doc2 = /* @__PURE__ */ jsxRuntime.jsx(renderer.Document, { children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Page, { size: "A4", orientation: "landscape", style: styles7.page, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Template,
+      {
+        products: normalizedProducts,
+        companyLogo: normalizedCompanyLogo,
+        companyName
+      }
+    ) }) });
+    return renderPdfToUint8Array(doc2);
   }
-  const doc = /* @__PURE__ */ jsxRuntime.jsx(renderer.Document, { children: /* @__PURE__ */ jsxRuntime.jsxs(renderer.Page, { size: "A4", style: styles8.page, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles8.header, children: [
-      companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles8.logoSection, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles8.logo, src: companyLogo }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles8.storeNameSection, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles8.storeName, children: companyName }) })
+  const doc = /* @__PURE__ */ jsxRuntime.jsx(renderer.Document, { children: /* @__PURE__ */ jsxRuntime.jsxs(renderer.Page, { size: "A4", style: styles7.page, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles7.header, children: [
+      normalizedCompanyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles7.logoSection, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles7.logo, src: normalizedCompanyLogo }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles7.storeNameSection, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles7.storeName, children: companyName }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(TemplateComponent, { products }),
-    /* @__PURE__ */ jsxRuntime.jsx(PoweredByTeziApp_default, {})
+    /* @__PURE__ */ jsxRuntime.jsx(TemplateComponent, { products: normalizedProducts })
   ] }) });
-  const blob = await renderer.pdf(doc).toBlob();
-  const arrayBuffer = await blob.arrayBuffer();
-  return new Uint8Array(arrayBuffer);
+  return renderPdfToUint8Array(doc);
 }
 function parseExcelFile(buffer) {
   const workbook = XLSX__namespace.read(buffer, {