import { browser } from '$app/environment';
import { ezppfarm } from './api/ezpp';
import type { Theme } from './theme/themes';
import type { Release } from './types';
import { setGlobalVolume } from './utils';
import type { Component } from 'svelte';
import { writable } from 'svelte/store';

export const currentView = writable<Component | null>(null);

export const platform = writable<string>('');

export const launcherVersion = writable<string>('');
export const newVersion = writable<Release | undefined>(undefined);

export const launcherStreams = writable<string[]>(['stable']);
export const launcherStream = writable<string>('stable');

export const trackingEnabled = writable<boolean>(false);

export const discordPresence = writable<boolean>(false);
export const presenceLoading = writable<boolean>(false);

export const currentLoadingInfo = writable<string>('Initializing...');

export const firstStartup = writable<boolean>(false);

export const launching = writable<boolean>(false);
export const custom_themes = writable<Theme[]>([]);
export const custom_theme_container = writable<HTMLElement | undefined>(undefined);
export const active_custom_theme = writable<Theme | undefined>(undefined);
/** Incremented to remount theme media after reloading the active theme from disk. */
export const theme_reload_token = writable(0);
export const custom_theme_audio_playing = writable<boolean>(false);
export const custom_theme_volume = writable<number>(0.15);
custom_theme_volume.subscribe((val) => {
  if (browser) {
    setGlobalVolume(val);
  }
});

export const openTabletDriverEnabled = writable<boolean>(false);
export const openTabletDriverPath = writable<string>('');

export const serverPing = writable<number | undefined>(undefined);
export const serverConnectionFails = writable(0);

export const onlineFriends = writable<number | undefined>(undefined);

export const beatmapSets = writable<number | undefined>(undefined);
export const skinsCount = writable<number | undefined>(undefined);
export const skins = writable<{ name: string; author: string | undefined; modified: number }[]>([]);

export const osuStream = writable<string | undefined>(undefined);
export const osuBuild = writable<string | undefined>(undefined);

export const currentSkin = writable<string>('');

let updateValues = true;
launching.subscribe((val) => (updateValues = !val));

export const setupValues = () => {
  updatePing();
  const pingUpdater = setInterval(updatePing, 5000 * 2);

  return () => {
    clearInterval(pingUpdater);
  };
};

const updatePing = async () => {
  if (!updateValues) return;
  const currentServerPing = await ezppfarm.ping();
  if (!currentServerPing) {
    serverConnectionFails.update((num) => num + 1);
  } else {
    serverConnectionFails.set(0);
    serverPing.set(currentServerPing);
  }
};