pdf-catalog-generator 3.0.0 → 3.1.0

package/dist/index.d.mts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ProductData {
     [key: string]: string | number | boolean | null | undefined;
 }
-type TemplateType = 'template1' | 'template2' | 'template3' | 'template4';
+type TemplateType = 'template1' | 'template2' | 'template3' | 'template4' | 'template5' | 'template6';
 interface CatalogConfig {
     products: ProductData[];
     companyLogo?: string | null;
@@ -80,6 +80,10 @@ declare const Template3: React.FC<TemplateProps>;
 
 declare const Template4: React.FC<TemplateProps>;
 
+declare const Template5: React$1.FC<TemplateProps>;
+
+declare const Template6: React$1.FC<TemplateProps>;
+
 /**
  * Format field name to human-readable label
  * Examples:
@@ -133,7 +137,7 @@ declare function getDescriptionField(product: ProductData): string | null;
  * List of known field names (lowercase) that should be excluded from dynamic field display
  * These are the common fields that templates typically handle specially
  */
-declare const KNOWN_FIELD_NAMES_LOWER: readonly ["image", "imageurl", "img", "photo", "picture", "title", "name", "productname", "description", "details", "info", "desc", "price", "cost", "amount", "rating", "stars", "score", "link", "url", "producturl", "href"];
+declare const KNOWN_FIELD_NAMES_LOWER: readonly ["image", "imageurl", "img", "photo", "picture", "title", "name", "productname", "description", "details", "info", "desc", "price", "cost", "amount", "rating", "stars", "score", "link", "url", "producturl", "href", "image2", "imageurl2", "img2", "photo2", "picture2"];
 /**
  * Extracted product fields for template rendering
  */
@@ -255,4 +259,4 @@ declare const DEFAULT_TEMPLATE_CONFIG: TemplateConfig;
  */
 declare function mergeTemplateConfig(config?: Partial<TemplateConfig>): TemplateConfig;
 
-export { type CatalogConfig, DEFAULT_TEMPLATE_CONFIG, type ExtractedFields, KNOWN_FIELD_NAMES_LOWER, type ProductData, Template1, Template2, Template3, Template4, type TemplateConfig, type TemplateProps, type TemplateType, dynamicFieldStyles, extractProductFields, formatFieldName, generateProductCatalog, getDescriptionField, getDisplayFields, getFieldValue, getImageUrl, getLinkField, getPriceField, getRatingField, getTitleField, hasValue, mergeTemplateConfig, parseCSVBuffer, parseCSVFile, parseExcelFile, parseJSON, renderBuyButton, renderDynamicFields, renderPrice, renderRating };
+export { type CatalogConfig, DEFAULT_TEMPLATE_CONFIG, type ExtractedFields, KNOWN_FIELD_NAMES_LOWER, type ProductData, Template1, Template2, Template3, Template4, Template5, Template6, type TemplateConfig, type TemplateProps, type TemplateType, dynamicFieldStyles, extractProductFields, formatFieldName, generateProductCatalog, getDescriptionField, getDisplayFields, getFieldValue, getImageUrl, getLinkField, getPriceField, getRatingField, getTitleField, hasValue, mergeTemplateConfig, parseCSVBuffer, parseCSVFile, parseExcelFile, parseJSON, renderBuyButton, renderDynamicFields, renderPrice, renderRating };

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ProductData {
     [key: string]: string | number | boolean | null | undefined;
 }
-type TemplateType = 'template1' | 'template2' | 'template3' | 'template4';
+type TemplateType = 'template1' | 'template2' | 'template3' | 'template4' | 'template5' | 'template6';
 interface CatalogConfig {
     products: ProductData[];
     companyLogo?: string | null;
@@ -80,6 +80,10 @@ declare const Template3: React.FC<TemplateProps>;
 
 declare const Template4: React.FC<TemplateProps>;
 
+declare const Template5: React$1.FC<TemplateProps>;
+
+declare const Template6: React$1.FC<TemplateProps>;
+
 /**
  * Format field name to human-readable label
  * Examples:
@@ -133,7 +137,7 @@ declare function getDescriptionField(product: ProductData): string | null;
  * List of known field names (lowercase) that should be excluded from dynamic field display
  * These are the common fields that templates typically handle specially
  */
-declare const KNOWN_FIELD_NAMES_LOWER: readonly ["image", "imageurl", "img", "photo", "picture", "title", "name", "productname", "description", "details", "info", "desc", "price", "cost", "amount", "rating", "stars", "score", "link", "url", "producturl", "href"];
+declare const KNOWN_FIELD_NAMES_LOWER: readonly ["image", "imageurl", "img", "photo", "picture", "title", "name", "productname", "description", "details", "info", "desc", "price", "cost", "amount", "rating", "stars", "score", "link", "url", "producturl", "href", "image2", "imageurl2", "img2", "photo2", "picture2"];
 /**
  * Extracted product fields for template rendering
  */
@@ -255,4 +259,4 @@ declare const DEFAULT_TEMPLATE_CONFIG: TemplateConfig;
  */
 declare function mergeTemplateConfig(config?: Partial<TemplateConfig>): TemplateConfig;
 
-export { type CatalogConfig, DEFAULT_TEMPLATE_CONFIG, type ExtractedFields, KNOWN_FIELD_NAMES_LOWER, type ProductData, Template1, Template2, Template3, Template4, type TemplateConfig, type TemplateProps, type TemplateType, dynamicFieldStyles, extractProductFields, formatFieldName, generateProductCatalog, getDescriptionField, getDisplayFields, getFieldValue, getImageUrl, getLinkField, getPriceField, getRatingField, getTitleField, hasValue, mergeTemplateConfig, parseCSVBuffer, parseCSVFile, parseExcelFile, parseJSON, renderBuyButton, renderDynamicFields, renderPrice, renderRating };
+export { type CatalogConfig, DEFAULT_TEMPLATE_CONFIG, type ExtractedFields, KNOWN_FIELD_NAMES_LOWER, type ProductData, Template1, Template2, Template3, Template4, Template5, Template6, type TemplateConfig, type TemplateProps, type TemplateType, dynamicFieldStyles, extractProductFields, formatFieldName, generateProductCatalog, getDescriptionField, getDisplayFields, getFieldValue, getImageUrl, getLinkField, getPriceField, getRatingField, getTitleField, hasValue, mergeTemplateConfig, parseCSVBuffer, parseCSVFile, parseExcelFile, parseJSON, renderBuyButton, renderDynamicFields, renderPrice, renderRating };

package/dist/index.js

@@ -151,7 +151,12 @@ var KNOWN_FIELD_NAMES_LOWER = [
   "link",
   "url",
   "producturl",
-  "href"
+  "href",
+  "image2",
+  "imageurl2",
+  "img2",
+  "photo2",
+  "picture2"
 ];
 function extractProductFields(product, options = {}) {
   const { maxDynamicFields, excludeFields = [] } = options;
@@ -201,12 +206,12 @@ var dynamicFieldStyles = renderer.StyleSheet.create({
     flexShrink: 1
   }
 });
-function renderDynamicFields(fields, styles6) {
+function renderDynamicFields(fields, styles8) {
   if (fields.length === 0) return null;
-  const containerStyle = styles6?.container || { marginBottom: 8 };
-  const rowStyle = styles6?.row || dynamicFieldStyles.detailRow;
-  const labelStyle = styles6?.label || dynamicFieldStyles.detailLabel;
-  const valueStyle = styles6?.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),
@@ -664,6 +669,311 @@ var Template4 = ({
 };
 var Template4_default = Template4;
 var styles5 = renderer.StyleSheet.create({
+  page: {
+    width: "100%",
+    height: "100%",
+    position: "relative",
+    backgroundColor: "#FFFFFF",
+    flexDirection: "column"
+  },
+  header: {
+    height: 80,
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 30,
+    paddingTop: 20,
+    paddingBottom: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: "#E0E0E0",
+    marginBottom: 10
+  },
+  logo: {
+    height: 50,
+    marginRight: 20,
+    objectFit: "contain"
+  },
+  companyName: {
+    fontSize: 24,
+    fontWeight: "bold",
+    color: "#333333",
+    letterSpacing: 1
+  },
+  contentContainer: {
+    flex: 1,
+    flexDirection: "row",
+    paddingHorizontal: 30,
+    paddingBottom: 30,
+    gap: 20
+  },
+  imageSection: {
+    flex: 2,
+    flexDirection: "row",
+    gap: 15
+  },
+  imageWrapper: {
+    flex: 1,
+    height: "100%",
+    backgroundColor: "#F9F9F9",
+    borderRadius: 4,
+    overflow: "hidden"
+  },
+  productImage: {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  },
+  detailsSection: {
+    flex: 1,
+    backgroundColor: "#F5F5F5",
+    padding: 20,
+    borderRadius: 8,
+    justifyContent: "center"
+  },
+  productTitle: {
+    fontSize: 18,
+    fontWeight: "bold",
+    color: "#222222",
+    marginBottom: 15,
+    borderBottomWidth: 2,
+    borderBottomColor: "#333333",
+    paddingBottom: 5
+  },
+  dynamicFieldsContainer: {
+    gap: 8
+  },
+  detailRow: {
+    flexDirection: "row",
+    marginBottom: 6,
+    borderBottomWidth: 1,
+    borderBottomColor: "#E0E0E0",
+    paddingBottom: 4
+  },
+  detailLabel: {
+    fontSize: 10,
+    fontWeight: "bold",
+    color: "#555555",
+    width: "40%"
+  },
+  detailValue: {
+    fontSize: 10,
+    color: "#333333",
+    flex: 1,
+    flexWrap: "wrap"
+  }
+});
+function getImage2Url(product) {
+  const image2Fields = ["image2", "imageurl2", "img2", "photo2", "picture2"];
+  for (const field of image2Fields) {
+    const value = product[field];
+    if (value && typeof value === "string" && value.trim() !== "") {
+      return value;
+    }
+  }
+  return null;
+}
+var Template5 = ({
+  products,
+  companyLogo,
+  companyName
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: products.map((product, index) => {
+    const { imageUrl, title, dynamicFields } = extractProductFields(product);
+    const image2Url = getImage2Url(product);
+    const secondImage = image2Url || imageUrl;
+    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: 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: 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
+          }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { break: true })
+    ] }, index);
+  }) });
+};
+var Template5_default = Template5;
+var styles6 = renderer.StyleSheet.create({
+  page: {
+    width: "100%",
+    height: "100%",
+    flexDirection: "row",
+    backgroundColor: "#FFFFFF"
+  },
+  leftColumn: {
+    width: "50%",
+    height: "100%",
+    position: "relative",
+    borderRightWidth: 1,
+    borderRightColor: "#E0E0E0"
+  },
+  rightColumn: {
+    width: "50%",
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    position: "relative"
+  },
+  imageFull: {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  },
+  rightImageContainer: {
+    flex: 1,
+    width: "100%",
+    position: "relative",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 20
+  },
+  rightImage: {
+    width: "100%",
+    height: "100%",
+    objectFit: "contain"
+  },
+  specsOverlay: {
+    position: "absolute",
+    bottom: 40,
+    // Lifted slightly from absolute bottom
+    right: 0,
+    backgroundColor: "#FFFFFF",
+    padding: 15,
+    width: "65%",
+    // Takes up a good chunk of the corner
+    borderTopLeftRadius: 4,
+    borderBottomLeftRadius: 4,
+    shadowColor: "#000",
+    shadowOpacity: 0.2,
+    shadowRadius: 3,
+    borderWidth: 1,
+    borderColor: "#EEEEEE"
+  },
+  specsHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: "#333",
+    paddingBottom: 5
+  },
+  miniLogo: {
+    width: 20,
+    height: 20,
+    objectFit: "contain",
+    marginRight: 8
+  },
+  designNumber: {
+    fontSize: 12,
+    fontWeight: "bold",
+    color: "#000"
+  },
+  footer: {
+    height: 100,
+    backgroundColor: "#1A1A1A",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    paddingHorizontal: 30,
+    width: "100%"
+  },
+  footerContent: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  footerLogo: {
+    width: 40,
+    height: 40,
+    objectFit: "contain",
+    marginRight: 15,
+    backgroundColor: "#FFF",
+    // White background for logo visibility
+    padding: 2,
+    borderRadius: 2
+  },
+  footerText: {
+    color: "#FFFFFF",
+    fontSize: 14,
+    fontWeight: "bold",
+    letterSpacing: 1,
+    textTransform: "uppercase"
+  },
+  // Custom styles for dynamic fields in the overlay
+  fieldRow: {
+    flexDirection: "row",
+    marginBottom: 4
+  },
+  fieldLabel: {
+    fontSize: 9,
+    fontWeight: "bold",
+    color: "#333",
+    width: "40%"
+  },
+  fieldValue: {
+    fontSize: 9,
+    color: "#555",
+    flex: 1
+  }
+});
+function getImage2Url2(product) {
+  const image2Fields = ["image2", "imageurl2", "img2", "photo2", "picture2"];
+  for (const field of image2Fields) {
+    const value = product[field];
+    if (value && typeof value === "string" && value.trim() !== "") {
+      return value;
+    }
+  }
+  return null;
+}
+var Template6 = ({
+  products,
+  companyLogo,
+  companyName
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: products.map((product, index) => {
+    const { imageUrl, title, dynamicFields } = extractProductFields(product);
+    const image2Url = getImage2Url2(product);
+    const secondImage = image2Url || imageUrl;
+    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: styles6.fieldRow,
+            label: styles6.fieldLabel,
+            value: styles6.fieldValue
+          })
+        ] })
+      ] }),
+      /* @__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 })
+    ] }, index);
+  }) });
+};
+var Template6_default = Template6;
+var styles7 = renderer.StyleSheet.create({
   page: {
     flexDirection: "column",
     backgroundColor: "#FFFFFF"
@@ -731,11 +1041,17 @@ async function generateProductCatalog(config) {
     case "template4":
       TemplateComponent = Template4_default;
       break;
+    case "template5":
+      TemplateComponent = Template5_default;
+      break;
+    case "template6":
+      TemplateComponent = Template6_default;
+      break;
     default:
       TemplateComponent = Template1_default;
   }
   if (template === "template4") {
-    const doc2 = /* @__PURE__ */ jsxRuntime.jsx(renderer.Document, { children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Page, { size: "A4", style: styles5.page, children: /* @__PURE__ */ jsxRuntime.jsx(
+    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,
@@ -747,10 +1063,24 @@ async function generateProductCatalog(config) {
     const arrayBuffer2 = await blob2.arrayBuffer();
     return new Uint8Array(arrayBuffer2);
   }
-  const doc = /* @__PURE__ */ jsxRuntime.jsx(renderer.Document, { children: /* @__PURE__ */ jsxRuntime.jsxs(renderer.Page, { size: "A4", style: styles5.page, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(renderer.View, { style: styles5.header, children: [
-      companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles5.logoSection, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles5.logo, src: normalizeImageSource(companyLogo) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles5.storeNameSection, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles5.storeName, children: companyName }) }),
+  if (template === "template5" || template === "template6") {
+    const Template = template === "template5" ? Template5_default : Template6_default;
+    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,
+        companyLogo: companyLogo ? normalizeImageSource(companyLogo) : void 0,
+        companyName
+      }
+    ) }) });
+    const blob2 = await renderer.pdf(doc2).toBlob();
+    const arrayBuffer2 = await blob2.arrayBuffer();
+    return new Uint8Array(arrayBuffer2);
+  }
+  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: [
+      companyLogo && /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles7.logoSection, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Image, { style: styles7.logo, src: normalizeImageSource(companyLogo) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { style: styles7.storeNameSection, children: /* @__PURE__ */ jsxRuntime.jsx(renderer.Text, { style: styles7.storeName, children: companyName }) }),
       /* @__PURE__ */ jsxRuntime.jsx(renderer.View, { break: true })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(TemplateComponent, { products })
@@ -803,6 +1133,8 @@ exports.Template1 = Template1_default;
 exports.Template2 = Template2_default;
 exports.Template3 = Template3_default;
 exports.Template4 = Template4_default;
+exports.Template5 = Template5_default;
+exports.Template6 = Template6_default;
 exports.dynamicFieldStyles = dynamicFieldStyles;
 exports.extractProductFields = extractProductFields;
 exports.formatFieldName = formatFieldName;