From c652ac6a2cd23ef29f48465be09c2b674783e8e9 Mon Sep 17 00:00:00 2001 From: Adam Mathes Date: Sun, 15 Feb 2026 17:44:55 -0800 Subject: Vanilla JS (v3): Implement 3-pane layout, item fetching, reading, and testing --- frontend-vanilla/src/store.ts | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 frontend-vanilla/src/store.ts (limited to 'frontend-vanilla/src/store.ts') diff --git a/frontend-vanilla/src/store.ts b/frontend-vanilla/src/store.ts new file mode 100644 index 0000000..d274c5d --- /dev/null +++ b/frontend-vanilla/src/store.ts @@ -0,0 +1,41 @@ +import type { Feed, Item } from './types.ts'; + +export type StoreEvent = 'feeds-updated' | 'items-updated' | 'active-feed-updated' | 'loading-state-changed'; + +export class Store extends EventTarget { + feeds: Feed[] = []; + items: Item[] = []; + activeFeedId: number | null = null; + loading: boolean = false; + + setFeeds(feeds: Feed[]) { + this.feeds = feeds; + this.emit('feeds-updated'); + } + + setItems(items: Item[]) { + this.items = items; + this.emit('items-updated'); + } + + setActiveFeed(id: number | null) { + this.activeFeedId = id; + this.emit('active-feed-updated'); + } + + setLoading(loading: boolean) { + this.loading = loading; + this.emit('loading-state-changed'); + } + + private emit(type: StoreEvent, detail?: any) { + this.dispatchEvent(new CustomEvent(type, { detail })); + } + + // Helper to add typed listeners + on(type: StoreEvent, callback: (e: CustomEvent) => void) { + this.addEventListener(type, callback as EventListener); + } +} + +export const store = new Store(); -- cgit v1.2.3