feeds-fun/src/stores/feeds.ts

Frontend for the Feeds Fun — web-based news reader

import {computed, ref, watch, triggerRef} from "vue";
import {useRouter} from "vue-router";
import {defineStore} from "pinia";

import type * as t from "@/logic/types";
import * as e from "@/logic/enums";
import * as api from "@/logic/api";
import {Timer} from "@/logic/timer";
import {computedAsync} from "@vueuse/core";
import {useGlobalSettingsStore} from "@/stores/globalSettings";

export const useFeedsStore = defineStore("feedsStore", () => {
  const globalSettings = useGlobalSettingsStore();

  const feeds = computedAsync(async () => {
    // force refresh
    globalSettings.dataVersion;

    const feedsList = await api.getFeeds();

    const feedsDict: {[key: t.FeedId]: t.Feed} = {};

    for (const feed of feedsList) {
      feedsDict[feed.id] = feed;
    }

    return feedsDict;
  }, {});

  async function unsubscribe(feedId: t.FeedId) {
    await api.unsubscribe({feedId: feedId});

    // Attention, do not update globalSettings.updateDataVersion here
    // it cause a lot of unnecessary requests to the server without any benefit
    // we just remove feed from frontend

    delete feeds.value[feedId];

    triggerRef(feeds);
  }

  async function subscribe(url: t.URL) {
    const newFeed = await api.addFeed({
      url: url
    });

    // Attention, do not update globalSettings.updateDataVersion here (see above)

    feeds.value[newFeed.id] = newFeed;

    triggerRef(feeds);
  }

  return {
    feeds,
    unsubscribe,
    subscribe
  };
});