Update variant image without watermark

2 files changed, 117 insertions, 99 deletions

diff --git a/src/pages/google_merchant/products/[page].js b/src/pages/google_merchant/products/[page].js
index c8b4079b..6e0eb703 100644
--- a/src/pages/google_merchant/products/[page].js
+++ b/src/pages/google_merchant/products/[page].js
@@ -1,94 +1,102 @@
-import { createSlug } from '@/core/utils/slug'
-import toTitleCase from '@/core/utils/toTitleCase'
-import productSearchApi from '@/lib/product/api/productSearchApi'
-import variantSearchApi from '@/lib/product/api/variantSearchApi'
-import axios from 'axios'
-import _ from 'lodash-contrib'
-import { create } from 'xmlbuilder'
+import { createSlug } from '@/core/utils/slug';
+import toTitleCase from '@/core/utils/toTitleCase';
+import variantSearchApi from '@/lib/product/api/variantSearchApi';
+import axios from 'axios';
+import _ from 'lodash-contrib';
+import { create } from 'xmlbuilder';
 
 export async function getServerSideProps({ res, query }) {
-  const titleContent = 'Indoteknik.com: B2B Industrial Supply & Solution'
+  const titleContent = 'Indoteknik.com: B2B Industrial Supply & Solution';
   const descriptionContent =
-    'Temukan pilihan produk B2B Industri & Alat Teknik untuk Perusahaan, UMKM & Pemerintah dengan lengkap, mudah dan transparan.'
+    'Temukan pilihan produk B2B Industri & Alat Teknik untuk Perusahaan, UMKM & Pemerintah dengan lengkap, mudah dan transparan.';
 
-  const { page } = query
-  const limit = 5000
+  const { page } = query;
+  const limit = 5000;
   const queries = {
     limit,
     page: page.replace('.xml', ''),
     priceFrom: 1,
     orderBy: 'popular',
-    fq: 'image_s:["" TO *]'
-  }
-  const products = await variantSearchApi({ query: _.toQuery(queries) })
+    fq: 'image_s:["" TO *]',
+  };
+  const products = await variantSearchApi({ query: _.toQuery(queries) });
 
-  const brandsData = {}
-  const categoriesData = {}
+  const brandsData = {};
+  const categoriesData = {};
 
-  const productItems = []
+  const productItems = [];
   for (const product of products.response.products) {
-    const productUrl = createSlug('/shop/product/variant/', product.name, product.id, true)
-    const productId = product.code != '' ? product.code : product.id
-    const regexHtmlTags = /(<([^>]+)>)/gi
-    product.description = product.description?.replace(regexHtmlTags, ' ').trim()
+    const productUrl = createSlug(
+      '/shop/product/variant/',
+      product.name,
+      product.id,
+      true
+    );
+    const productId = product.code != '' ? product.code : product.id;
+    const regexHtmlTags = /(<([^>]+)>)/gi;
+    product.description = product.description
+      ?.replace(regexHtmlTags, ' ')
+      .trim();
     const defaultProductDescription =
-      'Indoteknik.com menawarkan berbagai produk industri, konstruksi, dan teknik terpercaya. Temukan mesin industri, peralatan listrik, alat pengukur, dan banyak lagi. Pengalaman berbelanja mudah dengan deskripsi produk lengkap, spesifikasi teknis, dan gambar jelas. Pembayaran aman, pengiriman cepat ke seluruh Indonesia. Solusi lengkap untuk kebutuhan Kantor, Industri & Teknik Anda.'
+      'Indoteknik.com menawarkan berbagai produk industri, konstruksi, dan teknik terpercaya. Temukan mesin industri, peralatan listrik, alat pengukur, dan banyak lagi. Pengalaman berbelanja mudah dengan deskripsi produk lengkap, spesifikasi teknis, dan gambar jelas. Pembayaran aman, pengiriman cepat ke seluruh Indonesia. Solusi lengkap untuk kebutuhan Kantor, Industri & Teknik Anda.';
 
     if (!product.description) {
-      product.description = defaultProductDescription
+      product.description = defaultProductDescription;
     }
 
-    let categoryName = null
+    let categoryName = null;
 
-    let brandId = product.manufacture?.id ?? null
-    let categoryId = null
+    let brandId = product.manufacture?.id ?? null;
+    let categoryId = null;
 
     if (brandId && brandId in brandsData) {
-      categoryId = brandsData[brandId].category_ids?.[0] ?? null
+      categoryId = brandsData[brandId].category_ids?.[0] ?? null;
     } else {
-      const solrBrand = await getBrandById(brandId)
-      brandsData[brandId] = solrBrand
-      categoryId = solrBrand?.category_ids?.[0] ?? null
+      const solrBrand = await getBrandById(brandId);
+      brandsData[brandId] = solrBrand;
+      categoryId = solrBrand?.category_ids?.[0] ?? null;
     }
 
     if (categoryId && categoryId in categoriesData) {
-      categoryName = categoriesData[categoryId].name_s ?? null
+      categoryName = categoriesData[categoryId].name_s ?? null;
     } else {
-      const solrCategory = await getCategoryById(categoryId)
-      categoriesData[categoryId] = solrCategory
-      categoryName = solrCategory?.name_s ?? null
+      const solrCategory = await getCategoryById(categoryId);
+      categoriesData[categoryId] = solrCategory;
+      categoryName = solrCategory?.name_s ?? null;
     }
 
-    const availability = 'in_stock'
+    const availability = 'in_stock';
 
     const item = {
       'g:id': { '#text': productId },
       'g:title': { '#text': toTitleCase(product.name) },
       'g:description': { '#text': product.description },
       'g:link': { '#text': productUrl },
-      'g:image_link': { '#text': product.image },
+      'g:image_link': { '#text': product.image + '?variant=True' },
       'g:condition': { '#text': 'new' },
       'g:availability': { '#text': availability },
       'g:brand': { '#text': product.manufacture?.name || '' },
-      'g:price': { '#text': `${Math.round(product.lowestPrice.price * 1.11)} IDR` }
-    }
+      'g:price': {
+        '#text': `${Math.round(product.lowestPrice.price * 1.11)} IDR`,
+      },
+    };
 
     if (product.stockTotal == 0) {
-      item['g:custom_label_0'] = { '#text': 'Stok Tidak Tersedia' }
+      item['g:custom_label_0'] = { '#text': 'Stok Tidak Tersedia' };
     } else {
-      item['g:custom_label_1'] = { '#text': 'Stok Tersedia' }
+      item['g:custom_label_1'] = { '#text': 'Stok Tersedia' };
     }
 
     if (categoryName) {
-      item['g:custom_label_2'] = { '#text': categoryName }
+      item['g:custom_label_2'] = { '#text': categoryName };
     }
 
     if (product.lowestPrice.discountPercentage > 0) {
       item['g:sale_price'] = {
-        '#text': `${Math.round(product.lowestPrice.priceDiscount * 1.11)} IDR`
-      }
+        '#text': `${Math.round(product.lowestPrice.priceDiscount * 1.11)} IDR`,
+      };
     }
-    productItems.push(item)
+    productItems.push(item);
   }
 
   const googleMerchant = {
@@ -99,28 +107,32 @@ export async function getServerSideProps({ res, query }) {
         title: { '#text': `<![CDATA[${titleContent}]]>` },
         link: { '#text': process.env.SELF_HOST },
         description: { '#text': `<![CDATA[${descriptionContent}]]>` },
-        item: productItems
-      }
-    }
-  }
+        item: productItems,
+      },
+    },
+  };
 
-  res.setHeader('Content-Type', 'text/xml;charset=iso-8859-1')
-  res.write(create(googleMerchant).end())
-  res.end()
+  res.setHeader('Content-Type', 'text/xml;charset=iso-8859-1');
+  res.write(create(googleMerchant).end());
+  res.end();
 
-  return { props: {} }
+  return { props: {} };
 }
 
 const getBrandById = async (id) => {
-  const brand = await axios(`${process.env.SOLR_HOST}/solr/brands/select?q=id:${id}`)
-  return brand.data.response.docs[0] ?? null
-}
+  const brand = await axios(
+    `${process.env.SOLR_HOST}/solr/brands/select?q=id:${id}`
+  );
+  return brand.data.response.docs[0] ?? null;
+};
 
 const getCategoryById = async (id) => {
-  const category = await axios(`${process.env.SOLR_HOST}/solr/categories/select?q=id:${id}`)
-  return category.data.response.docs[0] ?? null
-}
+  const category = await axios(
+    `${process.env.SOLR_HOST}/solr/categories/select?q=id:${id}`
+  );
+  return category.data.response.docs[0] ?? null;
+};
 
 export default function GoogleMerchantPage() {
-  return null
+  return null;
 }
diff --git a/src/pages/shop/product/variant/[slug].jsx b/src/pages/shop/product/variant/[slug].jsx
index 455b248b..cb335e0a 100644
--- a/src/pages/shop/product/variant/[slug].jsx
+++ b/src/pages/shop/product/variant/[slug].jsx
@@ -1,62 +1,68 @@
-import Seo from '@/core/components/Seo'
-import LogoSpinner from '@/core/components/elements/Spinner/LogoSpinner'
-import { getIdFromSlug } from '@/core/utils/slug'
-import PageNotFound from '@/pages/404'
-import dynamic from 'next/dynamic'
-import { useRouter } from 'next/router'
-import cookie from 'cookie'
-import variantApi from '@/lib/product/api/variantApi'
-import axios from 'axios'
-import { useProductContext } from '@/contexts/ProductContext'
-import { useEffect } from 'react'
+import axios from 'axios';
+import cookie from 'cookie';
+import dynamic from 'next/dynamic';
+import { useRouter } from 'next/router';
+import { useEffect } from 'react';
 
-const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
-const Product = dynamic(() => import('@/lib/product/components/Product/Product'))
+import { useProductContext } from '@/contexts/ProductContext';
+import Seo from '@/core/components/Seo';
+import LogoSpinner from '@/core/components/elements/Spinner/LogoSpinner';
+import { getIdFromSlug } from '@/core/utils/slug';
+import PageNotFound from '@/pages/404';
 
-export async function getServerSideProps(context) {
-  const { slug } = context.query
-  const cookies = context.req.headers.cookie
-  const cookieObj = cookies ? cookie.parse(cookies) : {}
-  const auth = cookieObj.auth ? JSON.parse(cookieObj.auth) : {}
-  const tier = auth.pricelist ? auth.pricelist : false
-  const authToken = auth?.token || ''
+const BasicLayout = dynamic(() =>
+  import('@/core/components/layouts/BasicLayout')
+);
+const Product = dynamic(() =>
+  import('@/lib/product/components/Product/Product')
+);
 
+export async function getServerSideProps(context) {
+  const { slug } = context.query;
+  const cookies = context.req.headers.cookie;
+  const cookieObj = cookies ? cookie.parse(cookies) : {};
+  const auth = cookieObj.auth ? JSON.parse(cookieObj.auth) : {};
+  const tier = auth.pricelist ? auth.pricelist : false;
+  const authToken = auth?.token || '';
 
   let response = await axios(
-    `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/variant-detail?id=` + getIdFromSlug(slug) +'&auth=' + tier
-  )
-  let product = response.data
+    `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/variant-detail?id=` +
+      getIdFromSlug(slug) +
+      '&auth=' +
+      tier
+  );
+  let product = response.data;
   // let product = await variantApi({ id: getIdFromSlug(slug), headers: { Token: authToken } })
-  
+
   if (product?.length == 1) {
-    product = product[0]
-   /* const regexHtmlTags = /(<([^>]+)>)/gi
+    product = product[0];
+    /* const regexHtmlTags = /(<([^>]+)>)/gi
     const regexHtmlTagsExceptP = /<\/?(?!p\b)[^>]*>/g
     product.description = product.description
       .replace(regexHtmlTagsExceptP, ' ')
       .replace(regexHtmlTags, ' ')
       .trim()*/
   } else {
-    product = null
+    product = null;
   }
 
   return {
-    props: { product }
-  }
+    props: { product },
+  };
 }
 
 export default function ProductDetail({ product }) {
-  const router = useRouter()
+  const router = useRouter();
 
-  const { setProduct } = useProductContext()
+  const { setProduct } = useProductContext();
 
   useEffect(() => {
     if (product) {
-      setProduct(product)
+      setProduct(product);
     }
-  }, [product, setProduct])
+  }, [product, setProduct]);
 
-  if (!product) return <PageNotFound />
+  if (!product) return <PageNotFound />;
 
   return (
     <BasicLayout>
@@ -70,16 +76,16 @@ export default function ProductDetail({ product }) {
               url: product?.image,
               width: 800,
               height: 800,
-              alt: product?.name
-            }
+              alt: product?.name,
+            },
           ],
-          type: 'product'
+          type: 'product',
         }}
         additionalMetaTags={[
           {
             name: 'keywords',
-            content: `${product?.name}, Harga ${product?.name}, Beli ${product?.name}, Spesifikasi ${product?.name}`
-          }
+            content: `${product?.name}, Harga ${product?.name}, Beli ${product?.name}, Spesifikasi ${product?.name}`,
+          },
         ]}
       />
       {!product && (
@@ -89,5 +95,5 @@ export default function ProductDetail({ product }) {
       )}
       {product && <Product product={product} isVariant={true} />}
     </BasicLayout>
-  )
+  );
 }