All files app.js

+ +
+ 84.91% + Statements + 152/179 +
+ + +
+ 65.26% + Branches + 62/95 +
+ + +
+ 69.23% + Functions + 18/26 +
+ + +
+ 88.66% + Lines + 133/150 +
+ + +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +

+1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24
+25
+26
+27
+28
+29
+30
+31
+32
+33
+34
+35
+36
+37
+38
+39
+40
+41
+42
+43
+44
+45
+46
+47
+48
+49
+50
+51
+52
+53
+54
+55
+56
+57
+58
+59
+60
+61
+62
+63
+64
+65
+66
+67
+68
+69
+70
+71
+72
+73
+74
+75
+76
+77
+78
+79
+80
+81
+82
+83
+84
+85
+86
+87
+88
+89
+90
+91
+92
+93
+94
+95
+96
+97
+98
+99
+100
+101
+102
+103
+104
+105
+106
+107
+108
+109
+110
+111
+112
+113
+114
+115
+116
+117
+118
+119
+120
+121
+122
+123
+124
+125
+126
+127
+128
+129
+130
+131
+132
+133
+134
+135
+136
+137
+138
+139
+140
+141
+142
+143
+144
+145
+146
+147
+148
+149
+150
+151
+152
+153
+154
+155
+156
+157
+158
+159
+160
+161
+162
+163
+164
+165
+166
+167
+168
+169
+170
+171
+172
+173
+174
+175
+176
+177
+178
+179
+180
+181
+182
+183
+184
+185
+186
+187
+188
+189
+190
+191
+192
+193
+194
+195
+196
+197
+198
+199
+200
+201
+202
+203
+204
+205
+206
+207
+208
+209
+210
+211
+212
+213
+214
+215
+216
+217
+218
+219
+220
+221
+222
+223
+224
+225
+226
+227
+228
+229
+230
+231
+232
+233
+234
+235
+236
+237
+238
+239
+240
+241
+242
+243
+244
+245
+246
+247
+248
+249
+250
+251
+252
+253
+254
+255
+256
+257
+258 1x
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+5x
+5x
+4x
+4x
+4x
+4x
+ 
+1x
+1x
+1x
+1x
+ 
+ 
+ 
+ 
+11x
+11x
+ 
+11x
+11x
+11x
+11x
+11x
+11x
+ 
+11x
+5x
+ 
+ 
+11x
+11x
+10x
+10x
+10x
+10x
+ 
+1x
+1x
+1x
+ 
+ 
+ 
+ 
+5x
+5x
+ 
+ 
+5x
+5x
+5x
+ 
+5x
+5x
+5x
+5x
+5x
+1x
+1x
+1x
+1x
+ 
+5x
+ 
+5x
+5x
+5x
+5x
+5x
+1x
+1x
+1x
+1x
+ 
+5x
+ 
+5x
+5x
+5x
+5x
+5x
+1x
+1x
+1x
+1x
+ 
+5x
+ 
+5x
+5x
+3x
+3x
+3x
+3x
+3x
+5x
+1x
+1x
+1x
+1x
+ 
+3x
+ 
+ 
+ 
+ 
+ 
+12x
+12x
+12x
+ 
+12x
+10x
+10x
+ 
+ 
+2x
+2x
+2x
+ 
+2x
+ 
+2x
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+2x
+2x
+ 
+2x
+2x
+ 
+2x
+ 
+ 
+ 
+ 
+1x
+1x
+1x
+ 
+ 
+ 
+ 
+1x
+ 
+ 
+1x
+1x
+1x
+ 
+ 
+1x
+ 
+1x
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+1x
+1x
+1x
+ 
+ 
+ 
+ 
+1x
+ 
+ 
+1x
+1x
+1x
+1x
+ 
+ 
+1x
+ 
+ 
+1x
+1x
+1x
+1x
+1x
+1x
+ 
+ 
+ 
+ 
+ 
+ 
+1x
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+4x
+ 
+4x
+3x
+3x
+ 
+3x
+3x
+3x
+2x
+2x
+2x
+1x
+1x
+1x
+1x
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+  document.addEventListener('DOMContentLoaded', () => {
+    fetchFeeds();
+    fetchItems(); // Default to fetching recent items
+ 
+    const searchInput = document.getElementById('search-input');
+    searchInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter') {
+            const query = searchInput.value.trim();
+            if (query) {
+                document.getElementById('feed-title').textContent = `Search: ${query}`;
+                document.querySelectorAll('.feed-item').forEach(el => el.classList.remove('active'));
+                fetchItems(null, null, query);
+            }
+        }
+    });
+});
+ 
+export async function fetchFeeds(apiBase = '') {
+    try {
+        const response = await fetch(`${apiBase}/api/feed/`);
+        Iif (!response.ok) throw new Error('Failed to fetch feeds');
+        const feeds = await response.json();
+        renderFeeds(feeds);
+        return feeds;
+    } catch (err) {
+        console.error(err);
+        const nav = document.getElementById('feeds-nav');
+        Eif (nav) nav.innerHTML = '<div class="error">Error loading feeds</div>';
+        throw err;
+    }
+}
+ 
+export async function fetchItems(feedId = null, filter = null, query = null, apiBase = '') {
+    const listEl = document.getElementById('entries-list');
+    Eif (listEl) listEl.innerHTML = '<div class="loading">Loading items...</div>';
+ 
+    let url = `${apiBase}/api/stream/`;
+    const params = new URLSearchParams();
+    if (feedId) params.append('feed_id', feedId);
+    if (filter === 'unread') params.append('read_filter', 'unread');
+    if (filter === 'starred') params.append('starred', 'true');
+    if (query) params.append('q', query);
+ 
+    if ([...params].length > 0) {
+        url += '?' + params.toString();
+    }
+ 
+    try {
+        const response = await fetch(url);
+        Iif (!response.ok) throw new Error('Failed to fetch items');
+        const items = await response.json();
+        renderItems(items);
+        return items;
+    } catch (err) {
+        console.error(err);
+        Eif (listEl) listEl.innerHTML = '<div class="error">Error loading items</div>';
+        throw err;
+    }
+}
+ 
+export function renderFeeds(feeds) {
+    const nav = document.getElementById('feeds-nav');
+    Iif (!nav) return;
+ 
+    // Clear existing items but keep search container if present
+    const searchContainer = nav.querySelector('.search-container');
+    nav.innerHTML = '';
+    Eif (searchContainer) nav.appendChild(searchContainer);
+ 
+    const allLink = document.createElement('div');
+    allLink.className = 'feed-item';
+    allLink.textContent = 'All Items';
+    allLink.onclick = () => {
+        document.querySelectorAll('.feed-item').forEach(el => el.classList.remove('active'));
+        allLink.classList.add('active');
+        const title = document.getElementById('feed-title');
+        Eif (title) title.textContent = 'All Items';
+        fetchItems();
+    };
+    nav.appendChild(allLink);
+ 
+    const unreadLink = document.createElement('div');
+    unreadLink.className = 'feed-item';
+    unreadLink.textContent = 'Unread Items';
+    unreadLink.onclick = () => {
+        document.querySelectorAll('.feed-item').forEach(el => el.classList.remove('active'));
+        unreadLink.classList.add('active');
+        const title = document.getElementById('feed-title');
+        Eif (title) title.textContent = 'Unread Items';
+        fetchItems(null, 'unread');
+    };
+    nav.appendChild(unreadLink);
+ 
+    const starredLink = document.createElement('div');
+    starredLink.className = 'feed-item';
+    starredLink.textContent = 'Starred Items';
+    starredLink.onclick = () => {
+        document.querySelectorAll('.feed-item').forEach(el => el.classList.remove('active'));
+        starredLink.classList.add('active');
+        const title = document.getElementById('feed-title');
+        Eif (title) title.textContent = 'Starred Items';
+        fetchItems(null, 'starred');
+    };
+    nav.appendChild(starredLink);
+ 
+    Eif (Array.isArray(feeds)) {
+        feeds.forEach(feed => {
+            const div = document.createElement('div');
+            div.className = 'feed-item';
+            div.textContent = feed.title || feed.url;
+            div.title = feed.url;
+            div.onclick = () => {
+                document.querySelectorAll('.feed-item').forEach(el => el.classList.remove('active'));
+                div.classList.add('active');
+                const title = document.getElementById('feed-title');
+                Eif (title) title.textContent = feed.title;
+                fetchItems(feed.id);
+            };
+            nav.appendChild(div);
+        });
+    }
+}
+ 
+export function renderItems(items) {
+    const list = document.getElementById('entries-list');
+    Iif (!list) return;
+    list.innerHTML = '';
+ 
+    if (!items || items.length === 0) {
+        list.innerHTML = '<div class="empty">No items found.</div>';
+        return;
+    }
+ 
+    items.forEach(item => {
+        const article = document.createElement('article');
+        article.className = 'entry';
+ 
+        const date = new Date(item.published_at || item.created_at).toLocaleString();
+ 
+        article.innerHTML = `
+            <header class="entry-header">
+                <div class="entry-controls">
+                    <button class="btn-star ${item.starred ? 'active' : ''}" data-id="${item.id}" data-starred="${item.starred}">${item.starred ? '★' : '☆'}</button>
+                    <button class="btn-read ${item.read ? 'read' : 'unread'}" data-id="${item.id}" data-read="${item.read}">${item.read ? 'Mark Unread' : 'Mark Read'}</button>
+                </div>
+                <a href="${item.url}" class="entry-title ${item.read ? 'read' : ''}" target="_blank">${item.title}</a>
+                <div class="entry-meta">
+                    ${item.feed ? `<span class="feed-name">${item.feed.title}</span> • ` : ''}
+                    <span class="date">${date}</span>
+                </div>
+            </header>
+            <div class="entry-content">
+                ${item.description || ''}
+            </div>
+        `;
+ 
+        // Add event listeners programmatically to avoid inline onclick with modules
+        const starBtn = article.querySelector('.btn-star');
+        starBtn.onclick = () => toggleStar(item.id, item.starred, starBtn);
+ 
+        const readBtn = article.querySelector('.btn-read');
+        readBtn.onclick = () => toggleRead(item.id, item.read, readBtn);
+ 
+        list.appendChild(article);
+    });
+}
+ 
+export async function toggleStar(id, currentStatus, btn, apiBase = '') {
+    const newStatus = !currentStatus;
+    try {
+        const response = await fetch(`${apiBase}/api/item/${id}`, {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ id: id, starred: newStatus })
+        });
+        Iif (!response.ok) throw new Error('Failed to toggle star');
+ 
+        // Update UI
+        btn.textContent = newStatus ? '★' : '☆';
+        btn.classList.toggle('active');
+        btn.onclick = () => toggleStar(id, newStatus, btn, apiBase);
+ 
+        // Update data attributes
+        btn.dataset.starred = newStatus;
+ 
+        return newStatus;
+    } catch (err) {
+        console.error(err);
+        alert('Error toggling star');
+        throw err;
+    }
+}
+ 
+export async function toggleRead(id, currentStatus, btn, apiBase = '') {
+    const newStatus = !currentStatus;
+    try {
+        const response = await fetch(`${apiBase}/api/item/${id}`, {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ id: id, read: newStatus })
+        });
+        Iif (!response.ok) throw new Error('Failed to toggle read');
+ 
+        // Update UI
+        btn.textContent = newStatus ? 'Mark Unread' : 'Mark Read';
+        btn.classList.toggle('read');
+        btn.classList.toggle('unread');
+        btn.onclick = () => toggleRead(id, newStatus, btn, apiBase);
+ 
+        // Update data attributes
+        btn.dataset.read = newStatus;
+ 
+        // Find title and dim it if read
+        const header = btn.closest('.entry-header');
+        Eif (header) {
+            const title = header.querySelector('.entry-title');
+            Eif (title) {
+                if (newStatus) {
+                    title.classList.add('read');
+                } else E{
+                    title.classList.remove('read');
+                }
+            }
+        }
+ 
+        return newStatus;
+    } catch (err) {
+        console.error(err);
+        alert('Error toggling read status');
+        throw err;
+    }
+}
+ 
+export function init() {
+    Eif (typeof document !== 'undefined') {
+        // Only run if we're in a browser environment with these elements
+        if (document.getElementById('feeds-nav')) {
+            fetchFeeds();
+            fetchItems();
+ 
+            const searchInput = document.getElementById('search-input');
+            Eif (searchInput) {
+                searchInput.addEventListener('keypress', (e) => {
+                    Eif (e.key === 'Enter') {
+                        const query = searchInput.value.trim();
+                        if (query) {
+                            const title = document.getElementById('feed-title');
+                            Eif (title) title.textContent = `Search: ${query}`;
+                            document.querySelectorAll('.feed-item').forEach(el => el.classList.remove('active'));
+                            fetchItems(null, null, query);
+                        }
+                    }
+                });
+            }
+        }
+    }
+}
+
+ +