pinia+track

src/market/scan/BuyModal.vue

@@ -1,87 +0,0 @@
-<script setup lang="ts">
-import Modal from '@/Modal.vue';
-import { formatIsk } from '@/formaters';
-import { MarketType } from '@/market';
-import { useTrackedItemsStorage } from '@/market/track';
-import { ref } from 'vue';
-
-interface Emit {
-    (e: 'added'): void;
-}
-
-const emit = defineEmits<Emit>();
-
-const itemsStorage = useTrackedItemsStorage();
-
-const modalOpen = ref<boolean>(false);
-const type = ref<MarketType>();
-const suggestions = ref<Record<string, number>>({});
-const price = ref(1000000);
-const count = ref(1);
-
-const open = (t: MarketType, s?: Record<string, number> | number) => {
-    type.value = t;
-    count.value = 1;
-    
-    if (typeof s === 'number') {
-        suggestions.value = {};
-        price.value = s;
-    } else if (s) {
-        suggestions.value = s;
-        price.value = Object.values(s)[0];
-    } else {
-        suggestions.value = {};
-        price.value = 1000000;
-    }
-    modalOpen.value = true;
-}
-const add = () => { 
-    const id = type.value?.id;
-
-    if (!id) {
-        modalOpen.value = false;
-        return;
-    }
-
-    const oldItem = itemsStorage.value.find(i => i.typeID === id);
-
-    if (oldItem) {
-        const item = {
-            typeID: id,
-            count: count.value + oldItem.count,
-            averagePrice: ((price.value * count.value) + (oldItem.averagePrice * oldItem.count)) / (count.value + oldItem.count)
-        };
-        itemsStorage.value = itemsStorage.value.map(i => i.typeID === id ? item : i);
-    } else {
-        const item = {
-            typeID: id,
-            count: count.value,
-            averagePrice: price.value
-        };
-        itemsStorage.value = [ ...itemsStorage.value, item ];
-    }
-    emit('added');
-    modalOpen.value = false;
-}
-
-defineExpose({ open });
-</script>
-
-<template>
-    <Modal v-model:open="modalOpen">
-        <div class="p-4 bg-slate-800 rounded mt-20 flex">
-            <div class="flex me-2">
-                <span>Price: </span>
-                <div class="ms-2">
-                    <input  type="number" min="0" step="1" v-model="price" />
-                    <div class="px-2 mt-2 bg-slate-600 hover:bg-slate-700 border rounded cursor-pointer" v-for="(p, n) of suggestions" :key="n" @click="price = p">{{ n }}: {{ formatIsk(p) }}</div>
-                </div>
-            </div>
-            <div class="flex me-2 mb-auto">
-                <span>Count: </span>
-                <input class="ms-2" type="number" min="0" step="1" v-model="count" />
-            </div>
-            <button class="mb-auto" @click="add">Add</button>
-        </div>
-    </Modal>
-</template>

src/market/scan/index.ts

@@ -1,6 +1,5 @@
 export * from './HistoryQuartils';
 export * from './scan';
 
-export { default as BuyModal } from './BuyModal.vue';
 export { default as ScanResultTable } from './ScanResultTable.vue';
 

src/market/scan/scan.ts

@@ -1,4 +1,8 @@
 import { MarketOrderHistory, MarketType } from "@/market";
+import { usePocketBase, watchCollection } from "@/pocketbase";
+import { defineStore } from "pinia";
+import { RecordModel } from "pocketbase";
+import { computed, onMounted, ref } from "vue";
 
 export type ScanResult = {
     type: MarketType;
@@ -7,3 +11,33 @@ export type ScanResult = {
     sell: number
 }
 
+interface MarketScan extends RecordModel {
+    owner: string;
+    types: number[];
+};
+
+const marketScans = 'marketScans';
+
+export const useMarkeyScanStore = defineStore(marketScans, () => {
+    const pb = usePocketBase();
+    const marketScan = ref<MarketScan>();
+
+    const types = computed(() => marketScan.value?.types ?? []);
+    const setTypes = async (types: number[]) => {
+        if (marketScan.value?.id) {
+            pb.collection(marketScans).update(marketScan.value.id, { owner: pb.authStore.model!.id, types });
+        } else {
+            pb.collection(marketScans).create({ owner: pb.authStore.model!.id, types });
+        }
+    }
+
+    watchCollection<MarketScan>(marketScans, '*', data => {
+        if (data.action === 'delete') {
+            marketScan.value = undefined;
+        } else if (!marketScan.value || data.record.id === marketScan.value.id) {
+            marketScan.value = data.record;
+        }
+    });
+    onMounted(async () => marketScan.value = await pb.collection(marketScans).getFirstListItem<MarketScan>('').catch(() => undefined));
+    return { types, setTypes };
+});