From 0ce205a4a0c47efde358e580ee2f67e0dffcbd7e Mon Sep 17 00:00:00 2001
From: Sirttas <calloch.gael@gmail.com>
Date: Sun, 1 Oct 2023 11:49:02 +0200
Subject: [PATCH] batching

---
 src/Modal.vue                 |  4 ++--
 src/market/appraisal.ts       | 19 ++++++++++++++-----
 src/market/track/BuyModal.vue |  2 +-
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/Modal.vue b/src/Modal.vue
index 54ecdc7..47bbf56 100644
--- a/src/Modal.vue
+++ b/src/Modal.vue
@@ -34,10 +34,10 @@ useEventListener('keyup', e => {
 <template>
     <Transition name="fade">
         <template v-if="isOpen">
-            <div class="fixed inset-0" @click="isOpen = false">
+            <div class="fixed inset-0">
                 <div class="absolute bg-black opacity-80 inset-0 z-0" />
                 <div class="absolute grid inset-0">
-                    <div class="justify-self-center m-auto" @click.stop>
+                    <div class="justify-self-center m-auto">
                         <slot />
                     </div>
                 </div>
diff --git a/src/market/appraisal.ts b/src/market/appraisal.ts
index c2833b5..2f85ac4 100644
--- a/src/market/appraisal.ts
+++ b/src/market/appraisal.ts
@@ -19,11 +19,20 @@ const cacheDuration = 1000 * 60 * 5; // 5 minutes
 export const useApraisalStore = defineStore('appraisal', () => {
     const cache = ref<Record<number, MarketTypePriceCache>>({});
 
-    const getPricesUncached = async (types: MarketType[]): Promise<MarketTypePrice[]> => (await evepraisalAxiosInstance.post(`/appraisal.json?market=jita&persist=no&raw_textarea=${types.map(t => t.name).join("%0A")}`)).data.appraisal.items.map((item: any) => ({
-        type: types.find(t => t.name === item.typeName),
-        buy: item.prices.buy.max,
-        sell: item.prices.sell.min
-    }));
+    const getPricesUncached = async (types: MarketType[]): Promise<MarketTypePrice[]> => {
+        const batches = [];
+
+        for (let i = 0; i < types.length; i += 100) {
+            batches.push(evepraisalAxiosInstance.post(`/appraisal.json?market=jita&persist=no&raw_textarea=${types.slice(i, i + 100).map(t => t.name).join("%0A")}`));
+        }
+        return (await Promise.all(batches))
+            .flatMap(b => b.data.appraisal.items)
+            .map((item: any) => ({
+                type: types.find(t => t.name === item.typeName) as MarketType,
+                buy: item.prices.buy.max,
+                sell: item.prices.sell.min
+            }));
+    }
 
     const getPrice = async (type: MarketType): Promise<MarketTypePrice> => (await getPrices([type]))[0];
     const getPrices = async (types: MarketType[]): Promise<MarketTypePrice[]> => {
diff --git a/src/market/track/BuyModal.vue b/src/market/track/BuyModal.vue
index eccd94d..0646ef6 100644
--- a/src/market/track/BuyModal.vue
+++ b/src/market/track/BuyModal.vue
@@ -30,7 +30,7 @@ const open = (t: MarketType, s?: Record<string, number> | number) => {
     }
     modalOpen.value = true;
 }
-const add = () => { 
+const add = () => {
     const id = type.value?.id;
 
     if (!id) {