under-falling-skies/src/lib/store/api.js

import Dexie, { liveQuery } from 'dexie';
import { writable, derived } from 'svelte/store';

const seedCampaign = {
    battles: [],
};

export function genApi(options = {}) {
    const storage = new Dexie('Campaigns', options.dexie ?? {});

    storage.version(1).stores({
        campaigns: '++id,name',
    });

    const campaigns = liveQuery(async () => {
        const c = [];
        await storage.campaigns
            .toCollection()
            .each(({ id, name }) => c.push({ id, name }));
        return c;
    });

    const activeCampaignId = writable();

    const activeCampaign = derived(activeCampaignId, async (id, set) => {
        const x = await storage.campaigns.get({ id });
        console.log({ x });
        set(x);
    });

    return {
        campaigns,
        activeCampaign,
        storage,
        event: {
            addCampaign: (name) =>
                storage.campaigns.add({ name, ...seedCampaign }),
            deleteCampaign: (id) => storage.campaigns.delete(id),
            setActiveCampaign: async (id) => {
                activeCampaignId.set(id);
            },
        },
    };
}