import { compressToEncodedURIComponent, decompressFromEncodedURIComponent } from 'lz-string';
import {useChartOrderStore} from "@/orderbuild.js";
import {changeIntervalSecs, onChartReady, setSymbol, widget} from "@/charts/chart.js";
import {usePrefStore, useStore} from "@/store/store.js";
import {lookupSymbol} from "@/charts/datafeed.js";

export async function getShareUrl() {
    const co = useChartOrderStore();
    const s = useStore()
    const sym = co.selectedSymbol
    console.log('symbol', sym)
    const data = {
        version: 1,
        chainId: s.chainId,
        orders: co.orders,
        symbol: {
            base: {a: sym.base.a, s: sym.base.s},
            quote: {a: sym.quote.a, s: sym.quote.s},
            route: {
                fee: sym.fee,
                exchange: sym.exchangeId,
            }
        },
        period: co.intervalSecs,
    }
    const json = JSON.stringify(data)
    console.log('sharing data', json, data)
    const compressed = compressToEncodedURIComponent(json);
    const baseUrl = `${window.location.protocol}//${window.location.hostname}:${window.location.port}`;
    const imageFile = await takeSnapshot()
    return `${baseUrl}/shared?i=${imageFile}&d=${compressed}`;
}

export function loadShareUrl() {
    const urlParams = new URLSearchParams(window.location.search);
    const dataStr = urlParams.get('d');
    if (!dataStr) return
    const json = decompressFromEncodedURIComponent(dataStr);
    const data = JSON.parse(json);
    console.log('loaded shared orders data', data)
    const co = useChartOrderStore();
    const s = useStore()
    const ticker = `${data.chainId}|${data.symbol.route.exchange}|${data.symbol.base.a}|${data.symbol.quote.a}|${data.symbol.route.fee}`;
    const symbol = lookupSymbol(ticker)
    if (symbol===null) {
        console.error('could not find symbol for ticker', ticker)
        return
    }
    s.chainId = data.chainId
    const prefs = usePrefStore()
    prefs.selectedSymbol = ticker
    for (const order of data.orders) {
        order.amount = 0
        order.valid = false
    }
    co.orders = data.orders
    changeIntervalSecs(data.period)
    onChartReady(()=>{
        setSymbol(symbol)
            .catch((e)=>console.error('could not set symbol', e))
    })
    console.log('loaded orders', s.chainId, co.orders)
}

export async function takeSnapshot() {
    const screenshotCanvas = await widget.takeClientScreenshot();
    const image = await new Promise((resolve) => screenshotCanvas.toBlob(resolve));
    const response = await fetch(import.meta.env.VITE_SNAPSHOT_URL, {
        method: 'PUT',
        body: image,
        credentials: 'same-origin',
    });
    return response.text()
}