Merge pull request #207 from cachho/feat/FindQcProvider

feat: findqc qc provider

Author: cachho

readme.md

@@ -12,13 +12,13 @@ This extension is an essential quality of life upgrade for you as a customers of
 
 It rewrites all links to your preferred shopping agent. (This includes shopping agent links and direct links to taobao.com and weidian.com.)
 
-Pages become enriched with extra information about the products you're seeing, you get sales stats from www.jadeship.com and QC pics from finds.ly.
+Pages become enriched with extra information about the products you're seeing, you get sales stats from www.jadeship.com and QC pics from findqc.com.
 
 This leaves you with a seamless shopping experience, where you don't have to worry about the agents that others use. This extension turns the experience into a "click and buy" experience - like it should be.
 
 Some other features:
 - convert links on reddit.com and yupoo.com
-- shows you if quality control (QC) pics are available on finds.ly
+- shows you if quality control (QC) pics are available on findqc.com
 - convert from any agent or marketplace to any agent or no agent (if you prefer)
 - handles shortened links (pandabuy.page.link, pandabuy.app.link, weidian.info, l.acbuy.com, etc.)
 - countless display options

src/Config.ts

@@ -6,7 +6,7 @@ export const Config = {
   host: {
     details: 'https://www.jadeship.com',
     shortenedLinks: 'https://www.jadeship.com/api',
-    qc: 'https://www.jadeship.com/api/quota-limited/findsly',
+    qc: 'https://www.jadeship.com/api/quota-limited/extension/qc',
   },
   social: {
     homepage: 'https://www.jadeship.com/?r=extension',

src/components/Popup.tsx

@@ -282,7 +282,7 @@ const Popup = () => {
           })
         }
       />
-      finds.ly online features
+      findqc.com online features
       <br />
       <p>
         Online features are provided by Jadeship.com. They include the extra

src/content_script.ts

@@ -160,8 +160,8 @@ async function main(settings: Settings) {
       // Add Qc Availability
       try {
         if (settings.onlineFeaturesQcPhotos) {
-          const qcAvailable = await promiseQcAvailable;
-          if (qcAvailable?.some((qc) => qc.qcPhotos.length > 0)) {
+          const response = await promiseQcAvailable;
+          if (response?.data && response.data.qcCount > 0) {
             addQcElement(link, elem);
           }
         }

src/lib/api/getQcAvailable.ts

@@ -4,19 +4,31 @@ import { Config } from '../../Config';
 import type { QcResponse } from '../../models';
 import { fetchData } from './fetchData';
 
-export const findslyMappings = new Map<Marketplace, string>([
-  ['1688', 'ONE_SIX_EIGHT_EIGHT'],
-  ['taobao', 'TAOBAO'],
-  ['weidian', 'WEIDIAN'],
-  ['tmall', 'TAOBAO'],
+export const findqcMappings = new Map<Marketplace, string>([
+  ['1688', 'T1688'],
+  ['taobao', 'TB'],
+  ['weidian', 'WD'],
+  ['tmall', 'TB'],
 ]);
 
+export function generateLink(link: CnLink): string {
+  return `https://findqc.com/detail/${findqcMappings.get(link.marketplace)}/${
+    link.id
+  }`;
+}
+
 export async function getQcAvailable(
   cnLink: CnLink
 ): Promise<QcResponse | null> {
-  const url = `${Config.host.qc}/products/${findslyMappings.get(
-    cnLink.marketplace
-  )}/${cnLink.id}/qcPhotos`;
-  const d = await fetchData(url);
-  return d;
+  const data = await fetchData(Config.host.qc, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({
+      id: cnLink.id,
+      marketplace: cnLink.marketplace,
+    }),
+  });
+  return data;
 }

src/lib/html/addQcElement.ts

@@ -1,14 +1,10 @@
 import type { CnLink } from 'cn-links';
 
-import { findslyMappings } from '../api/getQcAvailable';
+import { generateLink } from '../api/getQcAvailable';
 
 export function addQcElement(cnLink: CnLink, link: HTMLAnchorElement) {
   const elem = document.createElement('a');
-  const url = new URL(
-    `https://finds.ly/product/${findslyMappings.get(cnLink.marketplace)}/${
-      cnLink.id
-    }`
-  );
+  const url = new URL(generateLink(cnLink));
   url.searchParams.set('url', cnLink.as('raw').href);
   elem.href = url.href;
   elem.target = '_blank';

src/models/QcResponse.ts

@@ -1,16 +1,15 @@
-type QcAvailable = {
-  id: number;
-  dataSource: {
-    name: string;
-    displayName: string;
-  };
-  qcPhotos: PhotoSet[];
-  timeFetched: string;
+type ItemQc = {
+  qcList: {
+    url: string;
+    time: number;
+    format: string;
+  }[];
+  findqcDetailUrl: string;
+  qcCount: number;
 };
 
-type PhotoSet = {
-  id: number;
-  photoUrl: string;
-};
-
-export type QcResponse = Array<QcAvailable>;
+export type QcResponse = Promise<{
+  state: number;
+  msg: string;
+  data: ItemQc;
+}>;

src/toolbar.ts

@@ -11,7 +11,7 @@ import {
 
 import { Button } from './components';
 import { Config } from './Config';
-import { findslyMappings, getQcAvailable } from './lib/api/getQcAvailable';
+import { generateLink, getQcAvailable } from './lib/api/getQcAvailable';
 import {
   addObserver,
   handleExceptionElements,
@@ -45,11 +45,7 @@ const BodyElement = (settings: Settings, agent?: Agent) => {
 };
 
 const QC = (link: CnLink) => {
-  const qc = Button(
-    `https://finds.ly/product/${findslyMappings.get(link.marketplace)}/${
-      link.id
-    }`
-  );
+  const qc = Button(generateLink(link));
   qc.innerText = `📷 QC Pics available`;
   return qc;
 };
@@ -191,7 +187,7 @@ async function toolbar() {
   } else {
     try {
       const response = await getQcAvailable(currentPage.link);
-      if (response?.some((qc) => qc.qcPhotos.length > 0)) {
+      if (response?.data && response?.data.qcCount > 0) {
         qcString = QC(currentPage.link).outerHTML;
       }
     } catch (err) {