aboutsummaryrefslogtreecommitdiffstats
path: root/frontend/coverage/src
diff options
context:
space:
mode:
authorAdam Mathes <adam@adammathes.com>2026-02-13 13:50:25 -0800
committerAdam Mathes <adam@adammathes.com>2026-02-13 13:50:25 -0800
commite014ded82a630bd91b15be4307125f5580119f4d (patch)
tree416712eef67ba5cac1c3e55780b80ab04c9aec47 /frontend/coverage/src
parente7f0e40b3563a56a06f5bedd3efd40b750e74521 (diff)
downloadneko-e014ded82a630bd91b15be4307125f5580119f4d.tar.gz
neko-e014ded82a630bd91b15be4307125f5580119f4d.tar.bz2
neko-e014ded82a630bd91b15be4307125f5580119f4d.zip
Analyze page size and fix frontend tests
Diffstat (limited to 'frontend/coverage/src')
-rw-r--r--frontend/coverage/src/App.css.html112
-rw-r--r--frontend/coverage/src/App.tsx.html46
-rw-r--r--frontend/coverage/src/components/FeedItem.css.html158
-rw-r--r--frontend/coverage/src/components/FeedItem.tsx.html111
-rw-r--r--frontend/coverage/src/components/FeedItems.css.html55
-rw-r--r--frontend/coverage/src/components/FeedItems.tsx.html571
-rw-r--r--frontend/coverage/src/components/FeedList.css.html200
-rw-r--r--frontend/coverage/src/components/FeedList.tsx.html175
-rw-r--r--frontend/coverage/src/components/Login.css.html2
-rw-r--r--frontend/coverage/src/components/Login.tsx.html2
-rw-r--r--frontend/coverage/src/components/Settings.css.html2
-rw-r--r--frontend/coverage/src/components/Settings.tsx.html2
-rw-r--r--frontend/coverage/src/components/index.html78
-rw-r--r--frontend/coverage/src/index.html22
14 files changed, 1242 insertions, 294 deletions
diff --git a/frontend/coverage/src/App.css.html b/frontend/coverage/src/App.css.html
index a833e51..213109e 100644
--- a/frontend/coverage/src/App.css.html
+++ b/frontend/coverage/src/App.css.html
@@ -138,7 +138,63 @@
<a name='L73'></a><a href='#L73'>73</a>
<a name='L74'></a><a href='#L74'>74</a>
<a name='L75'></a><a href='#L75'>75</a>
-<a name='L76'></a><a href='#L76'>76</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a>
+<a name='L79'></a><a href='#L79'>79</a>
+<a name='L80'></a><a href='#L80'>80</a>
+<a name='L81'></a><a href='#L81'>81</a>
+<a name='L82'></a><a href='#L82'>82</a>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</a>
+<a name='L85'></a><a href='#L85'>85</a>
+<a name='L86'></a><a href='#L86'>86</a>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</a>
+<a name='L91'></a><a href='#L91'>91</a>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</a>
+<a name='L98'></a><a href='#L98'>98</a>
+<a name='L99'></a><a href='#L99'>99</a>
+<a name='L100'></a><a href='#L100'>100</a>
+<a name='L101'></a><a href='#L101'>101</a>
+<a name='L102'></a><a href='#L102'>102</a>
+<a name='L103'></a><a href='#L103'>103</a>
+<a name='L104'></a><a href='#L104'>104</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -220,9 +276,6 @@
&nbsp;
body {
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -237,19 +290,43 @@ body {
}
&nbsp;
.dashboard-header {
- background: #2c3e50;
+ /* Legacy didn't really have a top header, but we need one for settings/logout.
+ Keeping it minimal/flat or matching sidebar bg if we want to blend in.
+ For now, let's make it dark gray to stand out less or match legacy dark mode if applicable.
+ Actually, let's keep it distinct but apply the font styles. */
+ background: #222;
color: white;
- padding: 0.75rem 1.5rem;
+ padding: 0.5rem 1rem;
display: flex;
justify-content: space-between;
align-items: center;
- flex-shrink: 0;
+ font-weight: bold;
}
&nbsp;
.dashboard-header h1 {
margin: 0;
- font-size: 1.25rem;
- font-weight: 600;
+ font-size: 1.2rem;
+ font-variant: small-caps;
+ text-transform: lowercase;
+}
+&nbsp;
+.nav-link,
+.logout-btn {
+ font-weight: bold;
+ font-variant: small-caps;
+ text-transform: lowercase;
+ font-size: 1rem;
+ background: transparent;
+ border: none;
+ color: #ccc;
+ cursor: pointer;
+ margin-left: 1rem;
+}
+&nbsp;
+.nav-link:hover,
+.logout-btn:hover {
+ color: white;
+ text-decoration: underline;
}
&nbsp;
.dashboard-content {
@@ -259,19 +336,26 @@ body {
}
&nbsp;
.dashboard-sidebar {
- width: 300px;
- background: #f8f9fa;
- border-right: 1px solid #ddd;
+ width: 15rem;
+ background: var(--sidebar-bg);
+ border-right: 1px solid #999;
display: flex;
flex-direction: column;
overflow-y: auto;
+ padding: 1rem;
}
&nbsp;
.dashboard-main {
flex: 1;
padding: 2rem;
overflow-y: auto;
- background: #fff;
+ background: var(--bg-color);
+ margin-left: 0;
+}
+&nbsp;
+.dashboard-main&gt;* {
+ max-width: 600px;
+ margin: 0;
}
&nbsp;
.logout-btn {
@@ -295,7 +379,7 @@ body {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/App.tsx.html b/frontend/coverage/src/App.tsx.html
index 956b16a..0d5195d 100644
--- a/frontend/coverage/src/App.tsx.html
+++ b/frontend/coverage/src/App.tsx.html
@@ -23,9 +23,9 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
- <span class="strong">73.68% </span>
+ <span class="strong">78.94% </span>
<span class="quiet">Statements</span>
- <span class='fraction'>14/19</span>
+ <span class='fraction'>15/19</span>
</div>
@@ -44,9 +44,9 @@
<div class='fl pad1y space-right2'>
- <span class="strong">73.68% </span>
+ <span class="strong">78.94% </span>
<span class="quiet">Lines</span>
- <span class='fraction'>14/19</span>
+ <span class='fraction'>15/19</span>
</div>
@@ -153,13 +153,7 @@
<a name='L88'></a><a href='#L88'>88</a>
<a name='L89'></a><a href='#L89'>89</a>
<a name='L90'></a><a href='#L90'>90</a>
-<a name='L91'></a><a href='#L91'>91</a>
-<a name='L92'></a><a href='#L92'>92</a>
-<a name='L93'></a><a href='#L93'>93</a>
-<a name='L94'></a><a href='#L94'>94</a>
-<a name='L95'></a><a href='#L95'>95</a>
-<a name='L96'></a><a href='#L96'>96</a>
-<a name='L97'></a><a href='#L97'>97</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L91'></a><a href='#L91'>91</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -198,21 +192,14 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -237,6 +224,7 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">2x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -256,7 +244,7 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useEffect, useState } from 'react';
-import { BrowserRouter, Routes, Route, Navigate, useLocation } from 'react-router-dom';
+import { BrowserRouter, Routes, Route, Navigate, useLocation, useNavigate } from 'react-router-dom';
import Login from './components/Login';
import './App.css';
&nbsp;
@@ -293,24 +281,17 @@ import FeedItems from './components/FeedItems';
import Settings from './components/Settings';
&nbsp;
function Dashboard() {
+ const navigate = useNavigate();
return (
&lt;div className="dashboard"&gt;
&lt;header className="dashboard-header"&gt;
&lt;h1&gt;Neko Reader&lt;/h1&gt;
&lt;nav&gt;
- &lt;a href="/settings" onClick={<span class="fstat-no" title="function not covered" >(e</span>) =&gt; {
-<span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
-<span class="cstat-no" title="statement not covered" > window.history.pushState({}, '', '/settings');</span>
- // Quick hack for navigation without full router link if inside Router context,
- // but here we are inside BrowserRouter so we should use Link or just simple navigation
- // actually let's just use a real Link if we can, but we need import.
- // For now, let's just rely on the Router catching the URL change if we use proper Link
- // or just a button that navigates.
- }} style={{ color: 'white', marginRight: '1rem' }}&gt;Settings&lt;/a&gt;
+ &lt;button onClick={<span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >n</span>avigate('/settings')} c</span>lassName="nav-link" style={{ color: 'white', marginRight: '1rem', background: 'none', border: 'none', cursor: 'pointer', fontSize: 'inherit', fontFamily: 'inherit' }}&gt;Settings&lt;/button&gt;
&nbsp;
&lt;button onClick={() =&gt; {
fetch('/api/logout', { method: 'POST' })
- .then(() =&gt; window.location.href = '/login/');
+ .then(() =&gt; window.location.href = '/v2/login');
}} className="logout-btn"&gt;
Logout
&lt;/button&gt;
@@ -323,8 +304,9 @@ function Dashboard() {
&lt;main className="dashboard-main"&gt;
&lt;Routes&gt;
&lt;Route path="/feed/:feedId" element={&lt;FeedItems /&gt;} /&gt;
+ &lt;Route path="/tag/:tagName" element={&lt;FeedItems /&gt;} /&gt;
&lt;Route path="/settings" element={&lt;Settings /&gt;} /&gt;
- &lt;Route path="/" element={&lt;p&gt;Select a feed to view items.&lt;/p&gt;} /&gt;
+ &lt;Route path="/" element={&lt;FeedItems /&gt;} /&gt;
&lt;/Routes&gt;
&lt;/main&gt;
&lt;/div&gt;
@@ -358,7 +340,7 @@ export default App;
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/FeedItem.css.html b/frontend/coverage/src/components/FeedItem.css.html
index aa1f94f..dd239a3 100644
--- a/frontend/coverage/src/components/FeedItem.css.html
+++ b/frontend/coverage/src/components/FeedItem.css.html
@@ -143,7 +143,79 @@
<a name='L78'></a><a href='#L78'>78</a>
<a name='L79'></a><a href='#L79'>79</a>
<a name='L80'></a><a href='#L80'>80</a>
-<a name='L81'></a><a href='#L81'>81</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L81'></a><a href='#L81'>81</a>
+<a name='L82'></a><a href='#L82'>82</a>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</a>
+<a name='L85'></a><a href='#L85'>85</a>
+<a name='L86'></a><a href='#L86'>86</a>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</a>
+<a name='L91'></a><a href='#L91'>91</a>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</a>
+<a name='L98'></a><a href='#L98'>98</a>
+<a name='L99'></a><a href='#L99'>99</a>
+<a name='L100'></a><a href='#L100'>100</a>
+<a name='L101'></a><a href='#L101'>101</a>
+<a name='L102'></a><a href='#L102'>102</a>
+<a name='L103'></a><a href='#L103'>103</a>
+<a name='L104'></a><a href='#L104'>104</a>
+<a name='L105'></a><a href='#L105'>105</a>
+<a name='L106'></a><a href='#L106'>106</a>
+<a name='L107'></a><a href='#L107'>107</a>
+<a name='L108'></a><a href='#L108'>108</a>
+<a name='L109'></a><a href='#L109'>109</a>
+<a name='L110'></a><a href='#L110'>110</a>
+<a name='L111'></a><a href='#L111'>111</a>
+<a name='L112'></a><a href='#L112'>112</a>
+<a name='L113'></a><a href='#L113'>113</a>
+<a name='L114'></a><a href='#L114'>114</a>
+<a name='L115'></a><a href='#L115'>115</a>
+<a name='L116'></a><a href='#L116'>116</a>
+<a name='L117'></a><a href='#L117'>117</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -224,10 +296,10 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">.feed-item {
- border-bottom: 1px solid #f0f0f0;
- padding: 1rem 0;
+ padding: 1rem;
+ margin-top: 5rem;
list-style: none;
- /* Ensure no bullets if used in ul */
+ border-bottom: none;
}
&nbsp;
.feed-item.read .item-title {
@@ -243,21 +315,23 @@
display: flex;
justify-content: space-between;
align-items: flex-start;
+ margin-bottom: 0.5rem;
}
&nbsp;
.item-title {
- font-size: 1.2rem;
+ font-size: 1.25rem;
+ font-weight: bold;
+ /* Legacy headers were bold */
text-decoration: none;
color: #333;
display: block;
- margin-bottom: 0.5rem;
flex: 1;
- /* Take up remaining space */
}
&nbsp;
.item-title:hover {
- text-decoration: underline;
- color: #007bff;
+ text-decoration: none;
+ color: blue;
+ /* Legacy link color */
}
&nbsp;
.item-actions {
@@ -266,36 +340,63 @@
margin-left: 1rem;
}
&nbsp;
-.action-btn {
+/* Legacy controls were simple text/links, but buttons are fine if minimal */
+.star-btn {
background: none;
- border: 1px solid #ddd;
- border-radius: 4px;
+ border: none;
+ cursor: pointer;
+ font-size: 1.2rem;
+ padding: 0 0.5rem 0 0;
+ vertical-align: middle;
+ transition: color 0.2s;
+ line-height: 1;
+}
+&nbsp;
+.star-btn.is-starred {
+ color: #ffd700;
+ /* Gold */
+}
+&nbsp;
+.star-btn.is-unstarred {
+ color: #ccc;
+}
+&nbsp;
+.star-btn:hover {
+ color: #ffeb3b;
+}
+&nbsp;
+.action-btn {
+ background: whitesmoke;
+ border: none;
cursor: pointer;
padding: 2px 6px;
font-size: 1rem;
- line-height: 1;
+ color: blue;
+ font-weight: bold;
}
&nbsp;
.action-btn:hover {
- background-color: #f8f9fa;
- border-color: #ccc;
+ background-color: #eee;
}
&nbsp;
-.action-btn.is-starred {
- color: gold;
- border-color: gold;
+.dateline {
+ margin-top: 0;
+ font-weight: normal;
+ font-size: .75em;
+ color: #ccc;
+ margin-bottom: 1rem;
}
&nbsp;
-.item-meta {
- font-size: 0.85rem;
- color: #666;
- margin-bottom: 0.5rem;
+.dateline a {
+ color: #ccc;
+ text-decoration: none;
}
&nbsp;
.item-description {
- color: #444;
+ color: #000;
line-height: 1.5;
- font-size: 0.95rem;
+ font-size: 1rem;
+ margin-top: 1rem;
}
&nbsp;
.item-description img {
@@ -303,6 +404,13 @@
height: auto;
display: block;
margin: 1rem 0;
+}
+&nbsp;
+.item-description blockquote {
+ padding: 1rem 1rem 0 1rem;
+ border-left: 4px solid #ddd;
+ color: #666;
+ margin-left: 0;
}</pre></td></tr></table></pre>
<div class='push'></div><!-- for sticky footer -->
@@ -310,7 +418,7 @@
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/FeedItem.tsx.html b/frontend/coverage/src/components/FeedItem.tsx.html
index 893040e..f6b08e5 100644
--- a/frontend/coverage/src/components/FeedItem.tsx.html
+++ b/frontend/coverage/src/components/FeedItem.tsx.html
@@ -23,30 +23,30 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
- <span class="strong">94.73% </span>
+ <span class="strong">78.94% </span>
<span class="quiet">Statements</span>
- <span class='fraction'>18/19</span>
+ <span class='fraction'>15/19</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">91.66% </span>
+ <span class="strong">88.88% </span>
<span class="quiet">Branches</span>
- <span class='fraction'>22/24</span>
+ <span class='fraction'>16/18</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">100% </span>
+ <span class="strong">85.71% </span>
<span class="quiet">Functions</span>
- <span class='fraction'>7/7</span>
+ <span class='fraction'>6/7</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">94.73% </span>
+ <span class="strong">78.94% </span>
<span class="quiet">Lines</span>
- <span class='fraction'>18/19</span>
+ <span class='fraction'>15/19</span>
</div>
@@ -61,7 +61,7 @@
</div>
</template>
</div>
- <div class='status-line high'></div>
+ <div class='status-line medium'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
<a name='L2'></a><a href='#L2'>2</a>
@@ -147,12 +147,7 @@
<a name='L82'></a><a href='#L82'>82</a>
<a name='L83'></a><a href='#L83'>83</a>
<a name='L84'></a><a href='#L84'>84</a>
-<a name='L85'></a><a href='#L85'>85</a>
-<a name='L86'></a><a href='#L86'>86</a>
-<a name='L87'></a><a href='#L87'>87</a>
-<a name='L88'></a><a href='#L88'>88</a>
-<a name='L89'></a><a href='#L89'>89</a>
-<a name='L90'></a><a href='#L90'>90</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L85'></a><a href='#L85'>85</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -161,24 +156,21 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</span>
-<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">21x</span>
+<span class="cline-any cline-yes">21x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</span>
-<span class="cline-any cline-yes">2x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">21x</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</span>
-<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">21x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -190,33 +182,31 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">12x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">21x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -253,9 +243,6 @@ export default function FeedItem({ item: initialItem }: FeedItemProps) {
const [item, setItem] = useState(initialItem);
const [loading, setLoading] = useState(false);
&nbsp;
- const toggleRead = () =&gt; {
- updateItem({ ...item, read: !item.read });
- };
&nbsp;
const toggleStar = () =&gt; {
updateItem({ ...item, starred: !item.starred });
@@ -289,40 +276,38 @@ export default function FeedItem({ item: initialItem }: FeedItemProps) {
// or we could setItem(updated) if the server returns the full object
setLoading(false);
})
- .catch((err) =&gt; {
- console.error('Error updating item:', err);
+ .catch(<span class="fstat-no" title="function not covered" >(e</span>rr) =&gt; {
+<span class="cstat-no" title="statement not covered" > console.error('Error updating item:', err);</span>
// Revert on error
- setItem(previousItem);
- setLoading(false);
+<span class="cstat-no" title="statement not covered" > setItem(previousItem);</span>
+<span class="cstat-no" title="statement not covered" > setLoading(false);</span>
});
};
&nbsp;
return (
&lt;li className={`feed-item ${item.read ? 'read' : 'unread'} ${loading ? 'loading' : ''}`}&gt;
&lt;div className="item-header"&gt;
+ &lt;button
+ onClick={(e) =&gt; {
+ e.stopPropagation();
+ toggleStar();
+ }}
+ className={`star-btn ${item.starred ? 'is-starred' : 'is-unstarred'}`}
+ title={item.starred ? "Unstar" : "Star"}
+ &gt;
+ {item.starred ? '★' : '☆'}
+ &lt;/button&gt;
&lt;a href={item.url} target="_blank" rel="noopener noreferrer" className="item-title"&gt;
{item.title || <span class="branch-1 cbranch-no" title="branch not covered" >'(No Title)'}</span>
&lt;/a&gt;
- &lt;div className="item-actions"&gt;
- &lt;button
- onClick={toggleRead}
- className={`action-btn ${item.read ? 'is-read' : 'is-unread'}`}
- title={item.read ? "Mark as unread" : "Mark as read"}
- &gt;
- {item.read ? '📖' : 'uo'}
- &lt;/button&gt;
- &lt;button
- onClick={toggleStar}
- className={`action-btn ${item.starred ? 'is-starred' : 'is-unstarred'}`}
- title={item.starred ? "Unstar" : "Star"}
- &gt;
- {item.starred ? '★' : '☆'}
- &lt;/button&gt;
- &lt;/div&gt;
&lt;/div&gt;
- &lt;div className="item-meta"&gt;
- &lt;span className="item-date"&gt;{new Date(item.publish_date).toLocaleDateString()}&lt;/span&gt;
- {item.feed_title &amp;&amp; &lt;span className="item-feed"&gt; - {item.feed_title}&lt;/span&gt;}
+ &lt;div className="dateline"&gt;
+ &lt;a href={item.url} target="_blank" rel="noopener noreferrer"&gt;
+ {new Date(item.publish_date).toLocaleDateString()}
+ {item.feed_title &amp;&amp; ` - ${item.feed_title}`}
+ &lt;/a&gt;
+ &lt;div className="item-actions" style={{ display: 'inline-block', float: 'right' }}&gt;
+ &lt;/div&gt;
&lt;/div&gt;
{item.description &amp;&amp; (
&lt;div className="item-description" dangerouslySetInnerHTML={{ __html: item.description }} /&gt;
@@ -337,7 +322,7 @@ export default function FeedItem({ item: initialItem }: FeedItemProps) {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/FeedItems.css.html b/frontend/coverage/src/components/FeedItems.css.html
index 826334f..b5d2c41 100644
--- a/frontend/coverage/src/components/FeedItems.css.html
+++ b/frontend/coverage/src/components/FeedItems.css.html
@@ -76,7 +76,41 @@
<a name='L11'></a><a href='#L11'>11</a>
<a name='L12'></a><a href='#L12'>12</a>
<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -102,6 +136,23 @@
.item-list {
list-style: none;
padding: 0;
+}
+&nbsp;
+.selected-item-container {
+ border-left: 4px solid #007bff;
+ background-color: #f8f9fa;
+ padding-left: 0.5rem;
+ margin-left: -0.5rem;
+ /* Compensate for padding/border to keep alignment */
+ transition: background-color 0.2s;
+}
+&nbsp;
+.loading-more {
+ padding: 2rem;
+ text-align: center;
+ color: #888;
+ font-size: 0.9rem;
+ min-height: 50px;
}</pre></td></tr></table></pre>
<div class='push'></div><!-- for sticky footer -->
@@ -109,7 +160,7 @@
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/FeedItems.tsx.html b/frontend/coverage/src/components/FeedItems.tsx.html
index 462491f..e0f73cf 100644
--- a/frontend/coverage/src/components/FeedItems.tsx.html
+++ b/frontend/coverage/src/components/FeedItems.tsx.html
@@ -23,30 +23,30 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
- <span class="strong">86.36% </span>
+ <span class="strong">89.34% </span>
<span class="quiet">Statements</span>
- <span class='fraction'>19/22</span>
+ <span class='fraction'>109/122</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">60% </span>
+ <span class="strong">77.21% </span>
<span class="quiet">Branches</span>
- <span class='fraction'>6/10</span>
+ <span class='fraction'>61/79</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">83.33% </span>
+ <span class="strong">86.2% </span>
<span class="quiet">Functions</span>
- <span class='fraction'>5/6</span>
+ <span class='fraction'>25/29</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">85% </span>
+ <span class="strong">89.09% </span>
<span class="quiet">Lines</span>
- <span class='fraction'>17/20</span>
+ <span class='fraction'>98/110</span>
</div>
@@ -119,46 +119,345 @@
<a name='L54'></a><a href='#L54'>54</a>
<a name='L55'></a><a href='#L55'>55</a>
<a name='L56'></a><a href='#L56'>56</a>
-<a name='L57'></a><a href='#L57'>57</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a>
+<a name='L79'></a><a href='#L79'>79</a>
+<a name='L80'></a><a href='#L80'>80</a>
+<a name='L81'></a><a href='#L81'>81</a>
+<a name='L82'></a><a href='#L82'>82</a>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</a>
+<a name='L85'></a><a href='#L85'>85</a>
+<a name='L86'></a><a href='#L86'>86</a>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</a>
+<a name='L91'></a><a href='#L91'>91</a>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</a>
+<a name='L98'></a><a href='#L98'>98</a>
+<a name='L99'></a><a href='#L99'>99</a>
+<a name='L100'></a><a href='#L100'>100</a>
+<a name='L101'></a><a href='#L101'>101</a>
+<a name='L102'></a><a href='#L102'>102</a>
+<a name='L103'></a><a href='#L103'>103</a>
+<a name='L104'></a><a href='#L104'>104</a>
+<a name='L105'></a><a href='#L105'>105</a>
+<a name='L106'></a><a href='#L106'>106</a>
+<a name='L107'></a><a href='#L107'>107</a>
+<a name='L108'></a><a href='#L108'>108</a>
+<a name='L109'></a><a href='#L109'>109</a>
+<a name='L110'></a><a href='#L110'>110</a>
+<a name='L111'></a><a href='#L111'>111</a>
+<a name='L112'></a><a href='#L112'>112</a>
+<a name='L113'></a><a href='#L113'>113</a>
+<a name='L114'></a><a href='#L114'>114</a>
+<a name='L115'></a><a href='#L115'>115</a>
+<a name='L116'></a><a href='#L116'>116</a>
+<a name='L117'></a><a href='#L117'>117</a>
+<a name='L118'></a><a href='#L118'>118</a>
+<a name='L119'></a><a href='#L119'>119</a>
+<a name='L120'></a><a href='#L120'>120</a>
+<a name='L121'></a><a href='#L121'>121</a>
+<a name='L122'></a><a href='#L122'>122</a>
+<a name='L123'></a><a href='#L123'>123</a>
+<a name='L124'></a><a href='#L124'>124</a>
+<a name='L125'></a><a href='#L125'>125</a>
+<a name='L126'></a><a href='#L126'>126</a>
+<a name='L127'></a><a href='#L127'>127</a>
+<a name='L128'></a><a href='#L128'>128</a>
+<a name='L129'></a><a href='#L129'>129</a>
+<a name='L130'></a><a href='#L130'>130</a>
+<a name='L131'></a><a href='#L131'>131</a>
+<a name='L132'></a><a href='#L132'>132</a>
+<a name='L133'></a><a href='#L133'>133</a>
+<a name='L134'></a><a href='#L134'>134</a>
+<a name='L135'></a><a href='#L135'>135</a>
+<a name='L136'></a><a href='#L136'>136</a>
+<a name='L137'></a><a href='#L137'>137</a>
+<a name='L138'></a><a href='#L138'>138</a>
+<a name='L139'></a><a href='#L139'>139</a>
+<a name='L140'></a><a href='#L140'>140</a>
+<a name='L141'></a><a href='#L141'>141</a>
+<a name='L142'></a><a href='#L142'>142</a>
+<a name='L143'></a><a href='#L143'>143</a>
+<a name='L144'></a><a href='#L144'>144</a>
+<a name='L145'></a><a href='#L145'>145</a>
+<a name='L146'></a><a href='#L146'>146</a>
+<a name='L147'></a><a href='#L147'>147</a>
+<a name='L148'></a><a href='#L148'>148</a>
+<a name='L149'></a><a href='#L149'>149</a>
+<a name='L150'></a><a href='#L150'>150</a>
+<a name='L151'></a><a href='#L151'>151</a>
+<a name='L152'></a><a href='#L152'>152</a>
+<a name='L153'></a><a href='#L153'>153</a>
+<a name='L154'></a><a href='#L154'>154</a>
+<a name='L155'></a><a href='#L155'>155</a>
+<a name='L156'></a><a href='#L156'>156</a>
+<a name='L157'></a><a href='#L157'>157</a>
+<a name='L158'></a><a href='#L158'>158</a>
+<a name='L159'></a><a href='#L159'>159</a>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a>
+<a name='L163'></a><a href='#L163'>163</a>
+<a name='L164'></a><a href='#L164'>164</a>
+<a name='L165'></a><a href='#L165'>165</a>
+<a name='L166'></a><a href='#L166'>166</a>
+<a name='L167'></a><a href='#L167'>167</a>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</a>
+<a name='L170'></a><a href='#L170'>170</a>
+<a name='L171'></a><a href='#L171'>171</a>
+<a name='L172'></a><a href='#L172'>172</a>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</a>
+<a name='L181'></a><a href='#L181'>181</a>
+<a name='L182'></a><a href='#L182'>182</a>
+<a name='L183'></a><a href='#L183'>183</a>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</a>
+<a name='L186'></a><a href='#L186'>186</a>
+<a name='L187'></a><a href='#L187'>187</a>
+<a name='L188'></a><a href='#L188'>188</a>
+<a name='L189'></a><a href='#L189'>189</a>
+<a name='L190'></a><a href='#L190'>190</a>
+<a name='L191'></a><a href='#L191'>191</a>
+<a name='L192'></a><a href='#L192'>192</a>
+<a name='L193'></a><a href='#L193'>193</a>
+<a name='L194'></a><a href='#L194'>194</a>
+<a name='L195'></a><a href='#L195'>195</a>
+<a name='L196'></a><a href='#L196'>196</a>
+<a name='L197'></a><a href='#L197'>197</a>
+<a name='L198'></a><a href='#L198'>198</a>
+<a name='L199'></a><a href='#L199'>199</a>
+<a name='L200'></a><a href='#L200'>200</a>
+<a name='L201'></a><a href='#L201'>201</a>
+<a name='L202'></a><a href='#L202'>202</a>
+<a name='L203'></a><a href='#L203'>203</a>
+<a name='L204'></a><a href='#L204'>204</a>
+<a name='L205'></a><a href='#L205'>205</a>
+<a name='L206'></a><a href='#L206'>206</a>
+<a name='L207'></a><a href='#L207'>207</a>
+<a name='L208'></a><a href='#L208'>208</a>
+<a name='L209'></a><a href='#L209'>209</a>
+<a name='L210'></a><a href='#L210'>210</a>
+<a name='L211'></a><a href='#L211'>211</a>
+<a name='L212'></a><a href='#L212'>212</a>
+<a name='L213'></a><a href='#L213'>213</a>
+<a name='L214'></a><a href='#L214'>214</a>
+<a name='L215'></a><a href='#L215'>215</a>
+<a name='L216'></a><a href='#L216'>216</a>
+<a name='L217'></a><a href='#L217'>217</a>
+<a name='L218'></a><a href='#L218'>218</a>
+<a name='L219'></a><a href='#L219'>219</a>
+<a name='L220'></a><a href='#L220'>220</a>
+<a name='L221'></a><a href='#L221'>221</a>
+<a name='L222'></a><a href='#L222'>222</a>
+<a name='L223'></a><a href='#L223'>223</a>
+<a name='L224'></a><a href='#L224'>224</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">23x</span>
<span class="cline-any cline-yes">3x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3x</span>
<span class="cline-any cline-yes">2x</span>
<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">2x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -168,7 +467,42 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">21x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -176,24 +510,59 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useEffect, useState } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams, useSearchParams } from 'react-router-dom';
import type { Item } from '../types';
import FeedItem from './FeedItem';
import './FeedItems.css';
&nbsp;
export default function FeedItems() {
- const { feedId } = useParams&lt;{ feedId: string }&gt;();
+ const { feedId, tagName } = useParams&lt;{ feedId: string; tagName: string }&gt;();
+ const [searchParams] = useSearchParams();
+ const filterFn = searchParams.get('filter') || 'unread';
+&nbsp;
const [items, setItems] = useState&lt;Item[]&gt;([]);
const [loading, setLoading] = useState(true);
+ const [loadingMore, setLoadingMore] = useState(false);
+ const [hasMore, setHasMore] = useState(true);
const [error, setError] = useState('');
&nbsp;
- useEffect(() =&gt; {
- setLoading(true);
+ const fetchItems = (maxId?: string) =&gt; {
+ if (maxId) {
+ setLoadingMore(true);
+ } else {
+ setLoading(true);
+ setItems([]);
+ }
setError('');
&nbsp;
- const url = feedId
- ? `/api/stream?feed_id=${feedId}`
- : <span class="branch-1 cbranch-no" title="branch not covered" >'/api/stream'; // Default or "all" view? For now let's assume we need a feedId or handle "all" logic later</span>
+ let url = '/api/stream';
+ const params = new URLSearchParams();
+&nbsp;
+ if (feedId) {
+ params.append('feed_id', feedId);
+ } else if (tagName) {
+ params.append('tag', tagName);
+ }
+&nbsp;
+ if (maxId) {
+ params.append('max_id', maxId);
+ }
+&nbsp;
+ // Apply filters
+ <span class="missing-if-branch" title="if path not taken" >I</span>if (filterFn === 'all') {
+<span class="cstat-no" title="statement not covered" > params.append('read_filter', 'all');</span>
+ <span class="missing-if-branch" title="if path not taken" >I</span>} else if (filterFn === 'starred') {
+<span class="cstat-no" title="statement not covered" > params.append('starred', 'true');</span>
+<span class="cstat-no" title="statement not covered" > params.append('read_filter', 'all');</span>
+ } else {
+ // default to unread
+ params.append('read_filter', 'unread');
+ }
+&nbsp;
+ const queryString = params.toString();
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (queryString) {
+ url += `?${queryString}`;
+ }
&nbsp;
fetch(url)
.then((res) =&gt; {
@@ -203,29 +572,161 @@ export default function FeedItems() {
return res.json();
})
.then((data) =&gt; {
- setItems(data);
+ if (maxId) {
+ setItems((prev) =&gt; [...prev, ...data]);
+ } else {
+ setItems(data);
+ }
+ setHasMore(data.length &gt; 0);
setLoading(false);
+ setLoadingMore(false);
})
- .catch(<span class="fstat-no" title="function not covered" >(e</span>rr) =&gt; {
-<span class="cstat-no" title="statement not covered" > setError(err.message);</span>
-<span class="cstat-no" title="statement not covered" > setLoading(false);</span>
+ .catch((err) =&gt; {
+ setError(err.message);
+ setLoading(false);
+ setLoadingMore(false);
});
- }, [feedId]);
+ };
+&nbsp;
+ useEffect(() =&gt; {
+ fetchItems();
+ }, [feedId, tagName, filterFn]);
+&nbsp;
+ const [selectedIndex, setSelectedIndex] = useState(-1);
+&nbsp;
+ useEffect(() =&gt; {
+ const handleKeyDown = (e: KeyboardEvent) =&gt; {
+ <span class="missing-if-branch" title="if path not taken" >I</span>if (items.length === 0) <span class="cstat-no" title="statement not covered" >return;</span>
+&nbsp;
+ if (e.key === 'j') {
+ setSelectedIndex((prev) =&gt; {
+ const nextIndex = Math.min(prev + 1, items.length - 1);
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (nextIndex !== prev) {
+ const item = items[nextIndex];
+ if (!item.read) {
+ markAsRead(item);
+ }
+ scrollToItem(nextIndex);
+ }
+ return nextIndex;
+ });
+ <span class="missing-if-branch" title="if path not taken" >I</span>} else if (e.key === 'k') {
+<span class="cstat-no" title="statement not covered" > setSelectedIndex(<span class="fstat-no" title="function not covered" >(p</span>rev) =&gt; {</span>
+ const nextIndex = <span class="cstat-no" title="statement not covered" >Math.max(prev - 1, 0);</span>
+<span class="cstat-no" title="statement not covered" > if (nextIndex !== prev) {</span>
+<span class="cstat-no" title="statement not covered" > scrollToItem(nextIndex);</span>
+ }
+<span class="cstat-no" title="statement not covered" > return nextIndex;</span>
+ });
+ <span class="missing-if-branch" title="else path not taken" >E</span>} else if (e.key === 's') {
+ setSelectedIndex((currentIndex) =&gt; {
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (currentIndex &gt;= 0 &amp;&amp; currentIndex &lt; items.length) {
+ toggleStar(items[currentIndex]);
+ }
+ return currentIndex;
+ });
+ }
+ };
+&nbsp;
+ window.addEventListener('keydown', handleKeyDown);
+ return () =&gt; window.removeEventListener('keydown', handleKeyDown);
+ }, [items]);
+&nbsp;
+ const scrollToItem = (index: number) =&gt; {
+ const element = document.getElementById(`item-${index}`);
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (element) {
+ element.scrollIntoView({ behavior: 'smooth', block: 'start' });
+ }
+ };
+&nbsp;
+ const markAsRead = (item: Item) =&gt; {
+ const updatedItem = { ...item, read: true };
+ // Optimistic update
+ setItems((prevItems) =&gt; prevItems.map((i) =&gt; (i._id === item._id ? updatedItem : i)));
+&nbsp;
+ fetch(`/api/item/${item._id}`, {
+ method: 'PUT',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ read: true, starred: item.starred }),
+ }).catch(<span class="fstat-no" title="function not covered" >(e</span>rr) =&gt; <span class="cstat-no" title="statement not covered" >console.error('Failed to mark read', err))</span>;
+ };
+&nbsp;
+ const toggleStar = (item: Item) =&gt; {
+ const updatedItem = { ...item, starred: !item.starred };
+ // Optimistic update
+ setItems((prevItems) =&gt; prevItems.map((i) =&gt; (i._id === item._id ? updatedItem : i)));
+&nbsp;
+ fetch(`/api/item/${item._id}`, {
+ method: 'PUT',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ read: item.read, starred: !item.starred }),
+ }).catch(<span class="fstat-no" title="function not covered" >(e</span>rr) =&gt; <span class="cstat-no" title="statement not covered" >console.error('Failed to toggle star', err))</span>;
+ };
+&nbsp;
+ useEffect(() =&gt; {
+ const observer = new IntersectionObserver(
+ (entries) =&gt; {
+ entries.forEach((entry) =&gt; {
+ // Infinity scroll sentinel
+ if (entry.target.id === 'load-more-sentinel') {
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (entry.isIntersecting &amp;&amp; !loadingMore &amp;&amp; hasMore &amp;&amp; items.length &gt; 0) {
+ fetchItems(String(items[items.length - 1]._id));
+ }
+ return;
+ }
+&nbsp;
+ // If item is not intersecting and is above the viewport, it's been scrolled past
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (!entry.isIntersecting &amp;&amp; entry.boundingClientRect.top &lt; 0) {
+ const index = Number(entry.target.getAttribute('data-index'));
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (!isNaN(index) &amp;&amp; index &gt;= 0 &amp;&amp; index &lt; items.length) {
+ const item = items[index];
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (!item.read) {
+ markAsRead(item);
+ }
+ }
+ }
+ });
+ },
+ { root: null, threshold: 0 }
+ );
+&nbsp;
+ items.forEach((_, index) =&gt; {
+ const el = document.getElementById(`item-${index}`);
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (el) observer.observe(el);
+ });
+&nbsp;
+ const sentinel = document.getElementById('load-more-sentinel');
+ if (sentinel) observer.observe(sentinel);
+&nbsp;
+ return () =&gt; observer.disconnect();
+ }, [items, loadingMore, hasMore]);
&nbsp;
if (loading) return &lt;div className="feed-items-loading"&gt;Loading items...&lt;/div&gt;;
- <span class="missing-if-branch" title="if path not taken" >I</span>if (error) return &lt;div className="feed-items-error"&gt;Error: {error}&lt;/div&gt;;
+ if (error) return &lt;div className="feed-items-error"&gt;Error: {error}&lt;/div&gt;;
+&nbsp;
&nbsp;
return (
&lt;div className="feed-items"&gt;
- &lt;h2&gt;Items&lt;/h2&gt;
- {/* TODO: Add Feed Title here if possible, maybe pass from location state or fetch feed details */}
{items.length === 0 ? (
<span class="branch-0 cbranch-no" title="branch not covered" > &lt;p&gt;No items found.&lt;/p&gt;</span>
) : (
&lt;ul className="item-list"&gt;
- {items.map((item) =&gt; (
- &lt;FeedItem key={item._id} item={item} /&gt;
+ {items.map((item, index) =&gt; (
+ &lt;div
+ id={`item-${index}`}
+ key={item._id}
+ data-index={index}
+ className={index === selectedIndex ? 'selected-item-container' : ''}
+ onClick={<span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >s</span>etSelectedIndex(index)}</span>
+ &gt;
+ &lt;FeedItem item={item} /&gt;
+ &lt;/div&gt;
))}
+ {hasMore &amp;&amp; (
+ &lt;div id="load-more-sentinel" className="loading-more"&gt;
+ {loadingMore ? 'Loading more...' : ''}
+ &lt;/div&gt;
+ )}
&lt;/ul&gt;
)}
&lt;/div&gt;
@@ -238,7 +739,7 @@ export default function FeedItems() {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/FeedList.css.html b/frontend/coverage/src/components/FeedList.css.html
index b2087e7..ffaa1a9 100644
--- a/frontend/coverage/src/components/FeedList.css.html
+++ b/frontend/coverage/src/components/FeedList.css.html
@@ -110,7 +110,107 @@
<a name='L45'></a><a href='#L45'>45</a>
<a name='L46'></a><a href='#L46'>46</a>
<a name='L47'></a><a href='#L47'>47</a>
-<a name='L48'></a><a href='#L48'>48</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a>
+<a name='L79'></a><a href='#L79'>79</a>
+<a name='L80'></a><a href='#L80'>80</a>
+<a name='L81'></a><a href='#L81'>81</a>
+<a name='L82'></a><a href='#L82'>82</a>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</a>
+<a name='L85'></a><a href='#L85'>85</a>
+<a name='L86'></a><a href='#L86'>86</a>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</a>
+<a name='L91'></a><a href='#L91'>91</a>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</a>
+<a name='L98'></a><a href='#L98'>98</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -158,52 +258,102 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">.feed-list {
- padding: 1rem;
- background: white;
- border-radius: 8px;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ /* Removed card styling */
+ padding: 0;
+ background: transparent;
}
&nbsp;
.feed-list h2 {
- margin-top: 0;
- border-bottom: 1px solid #eee;
- padding-bottom: 0.5rem;
+ font-size: 1.2rem;
+ margin-bottom: 0.5rem;
+ border-bottom: 1px solid #999;
+ padding-bottom: 0.25rem;
+ text-transform: uppercase;
+ letter-spacing: 1px;
}
&nbsp;
-.feed-list-items {
+.feed-list-items,
+.tag-list-items,
+.filter-list {
list-style: none;
padding: 0;
margin: 0;
}
&nbsp;
-.feed-item {
- padding: 0.75rem 0;
- border-bottom: 1px solid #f0f0f0;
+.sidebar-feed-item {
+ padding: 0.25rem 0;
+ border-bottom: none;
+ /* Clean look */
display: flex;
justify-content: space-between;
align-items: center;
}
&nbsp;
-.feed-item:last-child {
- border-bottom: none;
-}
-&nbsp;
.feed-title {
- text-decoration: none;
color: #333;
- font-weight: 500;
+ text-decoration: none;
+ font-size: 0.9rem;
}
&nbsp;
.feed-title:hover {
- color: #007bff;
+ text-decoration: underline;
+ color: #000;
}
&nbsp;
.feed-category {
- background: #e9ecef;
- padding: 0.2rem 0.5rem;
- border-radius: 4px;
- font-size: 0.8rem;
- color: #666;
+ display: none;
+ /* Hide category in sidebar list to save space/match legacy simplicity if needed */
+}
+&nbsp;
+.tag-section {
+ margin-top: 2rem;
+}
+&nbsp;
+.tag-link,
+.filter-list li a {
+ color: #333;
+ text-decoration: none;
+ font-size: 0.9rem;
+ display: block;
+ padding: 0.1rem 0;
+}
+&nbsp;
+.tag-link:hover,
+.filter-list li a:hover {
+ text-decoration: underline;
+ background: transparent;
+ /* No hover bg */
+ color: #000;
+}
+&nbsp;
+.filter-section {
+ margin-bottom: 2rem;
+}
+&nbsp;
+.filter-list {
+ display: block;
+ /* Stack vertically */
+}
+&nbsp;
+.filter-list {
+ display: block;
+}
+&nbsp;
+.filter-list li a {
+ text-decoration: none;
+ color: #333;
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-weight: bold;
+ font-variant: small-caps;
+ text-transform: lowercase;
+ font-size: 1.1rem;
+ display: block;
+ margin-bottom: 0.5rem;
+}
+&nbsp;
+.filter-list li a:hover {
+ color: blue;
+ background-color: transparent;
}</pre></td></tr></table></pre>
<div class='push'></div><!-- for sticky footer -->
@@ -211,7 +361,7 @@
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/FeedList.tsx.html b/frontend/coverage/src/components/FeedList.tsx.html
index 75aeb6a..b1b0a27 100644
--- a/frontend/coverage/src/components/FeedList.tsx.html
+++ b/frontend/coverage/src/components/FeedList.tsx.html
@@ -23,30 +23,30 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
- <span class="strong">94.44% </span>
+ <span class="strong">91.66% </span>
<span class="quiet">Statements</span>
- <span class='fraction'>17/18</span>
+ <span class='fraction'>22/24</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">83.33% </span>
+ <span class="strong">82.35% </span>
<span class="quiet">Branches</span>
- <span class='fraction'>10/12</span>
+ <span class='fraction'>14/17</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="quiet">Functions</span>
- <span class='fraction'>6/6</span>
+ <span class='fraction'>8/8</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">93.75% </span>
+ <span class="strong">100% </span>
<span class="quiet">Lines</span>
- <span class='fraction'>15/16</span>
+ <span class='fraction'>20/20</span>
</div>
@@ -114,36 +114,86 @@
<a name='L49'></a><a href='#L49'>49</a>
<a name='L50'></a><a href='#L50'>50</a>
<a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a>
+<a name='L79'></a><a href='#L79'>79</a>
+<a name='L80'></a><a href='#L80'>80</a>
+<a name='L81'></a><a href='#L81'>81</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">6x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">11x</span>
<span class="cline-any cline-yes">5x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">4x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -153,7 +203,15 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -167,24 +225,29 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useEffect, useState } from 'react';
import { Link } from 'react-router-dom';
-import type { Feed } from '../types';
+import type { Feed, Category } from '../types';
import './FeedList.css';
&nbsp;
export default function FeedList() {
const [feeds, setFeeds] = useState&lt;Feed[]&gt;([]);
+ const [tags, setTags] = useState&lt;Category[]&gt;([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState('');
&nbsp;
useEffect(() =&gt; {
- fetch('/api/feed/')
- .then((res) =&gt; {
- <span class="missing-if-branch" title="if path not taken" >I</span>if (!res.ok) {
-<span class="cstat-no" title="statement not covered" > throw new Error('Failed to fetch feeds');</span>
- }
+ Promise.all([
+ fetch('/api/feed/').then(res =&gt; {
+ <span class="missing-if-branch" title="if path not taken" >I</span>if (!res.ok) <span class="cstat-no" title="statement not covered" >throw new Error('Failed to fetch feeds');</span>
+ return res.json();
+ }),
+ fetch('/api/tag').then(res =&gt; {
+ <span class="missing-if-branch" title="if path not taken" >I</span>if (!res.ok) <span class="cstat-no" title="statement not covered" >throw new Error('Failed to fetch tags');</span>
return res.json();
})
- .then((data) =&gt; {
- setFeeds(data);
+ ])
+ .then(([feedsData, tagsData]) =&gt; {
+ setFeeds(feedsData);
+ setTags(tagsData);
setLoading(false);
})
.catch((err) =&gt; {
@@ -198,20 +261,44 @@ export default function FeedList() {
&nbsp;
return (
&lt;div className="feed-list"&gt;
- &lt;h2&gt;Feeds&lt;/h2&gt;
- {feeds.length === 0 ? (
- &lt;p&gt;No feeds found.&lt;/p&gt;
- ) : (
- &lt;ul className="feed-list-items"&gt;
- {feeds.map((feed) =&gt; (
- &lt;li key={feed._id} className="feed-item"&gt;
- &lt;Link to={`/feed/${feed._id}`} className="feed-title"&gt;
- {feed.title || <span class="branch-1 cbranch-no" title="branch not covered" >feed.url}</span>
- &lt;/Link&gt;
- {feed.category &amp;&amp; &lt;span className="feed-category"&gt;{feed.category}&lt;/span&gt;}
- &lt;/li&gt;
- ))}
+ &lt;div className="filter-section"&gt;
+ &lt;ul className="filter-list"&gt;
+ &lt;li&gt;&lt;Link to="/?filter=unread"&gt;Unread&lt;/Link&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;Link to="/?filter=all"&gt;All&lt;/Link&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;Link to="/?filter=starred"&gt;Starred&lt;/Link&gt;&lt;/li&gt;
&lt;/ul&gt;
+ &lt;/div&gt;
+ &lt;div className="feed-section"&gt;
+ &lt;h2&gt;Feeds&lt;/h2&gt;
+ {feeds.length === 0 ? (
+ &lt;p&gt;No feeds found.&lt;/p&gt;
+ ) : (
+ &lt;ul className="feed-list-items"&gt;
+ {feeds.map((feed) =&gt; (
+ &lt;li key={feed._id} className="sidebar-feed-item"&gt;
+ &lt;Link to={`/feed/${feed._id}`} className="feed-title"&gt;
+ {feed.title || <span class="branch-1 cbranch-no" title="branch not covered" >feed.url}</span>
+ &lt;/Link&gt;
+ {feed.category &amp;&amp; &lt;span className="feed-category"&gt;{feed.category}&lt;/span&gt;}
+ &lt;/li&gt;
+ ))}
+ &lt;/ul&gt;
+ )}
+ &lt;/div&gt;
+&nbsp;
+ {tags &amp;&amp; tags.length &gt; 0 &amp;&amp; (
+ &lt;div className="tag-section"&gt;
+ &lt;h2&gt;Tags&lt;/h2&gt;
+ &lt;ul className="tag-list-items"&gt;
+ {tags.map((tag) =&gt; (
+ &lt;li key={tag.title} className="tag-item"&gt;
+ &lt;Link to={`/tag/${encodeURIComponent(tag.title)}`} className="tag-link"&gt;
+ {tag.title}
+ &lt;/Link&gt;
+ &lt;/li&gt;
+ ))}
+ &lt;/ul&gt;
+ &lt;/div&gt;
)}
&lt;/div&gt;
);
@@ -223,7 +310,7 @@ export default function FeedList() {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/Login.css.html b/frontend/coverage/src/components/Login.css.html
index 7a0a19e..2b2fe0d 100644
--- a/frontend/coverage/src/components/Login.css.html
+++ b/frontend/coverage/src/components/Login.css.html
@@ -259,7 +259,7 @@ button[type="submit"]:hover {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/Login.tsx.html b/frontend/coverage/src/components/Login.tsx.html
index cc6a099..263fe57 100644
--- a/frontend/coverage/src/components/Login.tsx.html
+++ b/frontend/coverage/src/components/Login.tsx.html
@@ -232,7 +232,7 @@ export default function Login() {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/Settings.css.html b/frontend/coverage/src/components/Settings.css.html
index 5bd4b53..428c9d2 100644
--- a/frontend/coverage/src/components/Settings.css.html
+++ b/frontend/coverage/src/components/Settings.css.html
@@ -316,7 +316,7 @@
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/Settings.tsx.html b/frontend/coverage/src/components/Settings.tsx.html
index eaed089..62ca241 100644
--- a/frontend/coverage/src/components/Settings.tsx.html
+++ b/frontend/coverage/src/components/Settings.tsx.html
@@ -433,7 +433,7 @@ export default function Settings() {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/components/index.html b/frontend/coverage/src/components/index.html
index ec5db40..534e353 100644
--- a/frontend/coverage/src/components/index.html
+++ b/frontend/coverage/src/components/index.html
@@ -23,30 +23,30 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
- <span class="strong">86.77% </span>
+ <span class="strong">86.78% </span>
<span class="quiet">Statements</span>
- <span class='fraction'>105/121</span>
+ <span class='fraction'>197/227</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">76.47% </span>
+ <span class="strong">77.2% </span>
<span class="quiet">Branches</span>
- <span class='fraction'>52/68</span>
+ <span class='fraction'>105/136</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">89.74% </span>
+ <span class="strong">87.5% </span>
<span class="quiet">Functions</span>
- <span class='fraction'>35/39</span>
+ <span class='fraction'>56/64</span>
</div>
<div class='fl pad1y space-right2'>
- <span class="strong">90.09% </span>
+ <span class="strong">89.26% </span>
<span class="quiet">Lines</span>
- <span class='fraction'>100/111</span>
+ <span class='fraction'>183/205</span>
</div>
@@ -94,18 +94,18 @@
</tr>
<tr>
- <td class="file high" data-value="FeedItem.tsx"><a href="FeedItem.tsx.html">FeedItem.tsx</a></td>
- <td data-value="94.73" class="pic high">
- <div class="chart"><div class="cover-fill" style="width: 94%"></div><div class="cover-empty" style="width: 6%"></div></div>
+ <td class="file medium" data-value="FeedItem.tsx"><a href="FeedItem.tsx.html">FeedItem.tsx</a></td>
+ <td data-value="78.94" class="pic medium">
+ <div class="chart"><div class="cover-fill" style="width: 78%"></div><div class="cover-empty" style="width: 22%"></div></div>
</td>
- <td data-value="94.73" class="pct high">94.73%</td>
- <td data-value="19" class="abs high">18/19</td>
- <td data-value="91.66" class="pct high">91.66%</td>
- <td data-value="24" class="abs high">22/24</td>
- <td data-value="100" class="pct high">100%</td>
- <td data-value="7" class="abs high">7/7</td>
- <td data-value="94.73" class="pct high">94.73%</td>
- <td data-value="19" class="abs high">18/19</td>
+ <td data-value="78.94" class="pct medium">78.94%</td>
+ <td data-value="19" class="abs medium">15/19</td>
+ <td data-value="88.88" class="pct high">88.88%</td>
+ <td data-value="18" class="abs high">16/18</td>
+ <td data-value="85.71" class="pct high">85.71%</td>
+ <td data-value="7" class="abs high">6/7</td>
+ <td data-value="78.94" class="pct medium">78.94%</td>
+ <td data-value="19" class="abs medium">15/19</td>
</tr>
<tr>
@@ -125,17 +125,17 @@
<tr>
<td class="file high" data-value="FeedItems.tsx"><a href="FeedItems.tsx.html">FeedItems.tsx</a></td>
- <td data-value="86.36" class="pic high">
- <div class="chart"><div class="cover-fill" style="width: 86%"></div><div class="cover-empty" style="width: 14%"></div></div>
+ <td data-value="89.34" class="pic high">
+ <div class="chart"><div class="cover-fill" style="width: 89%"></div><div class="cover-empty" style="width: 11%"></div></div>
</td>
- <td data-value="86.36" class="pct high">86.36%</td>
- <td data-value="22" class="abs high">19/22</td>
- <td data-value="60" class="pct medium">60%</td>
- <td data-value="10" class="abs medium">6/10</td>
- <td data-value="83.33" class="pct high">83.33%</td>
- <td data-value="6" class="abs high">5/6</td>
- <td data-value="85" class="pct high">85%</td>
- <td data-value="20" class="abs high">17/20</td>
+ <td data-value="89.34" class="pct high">89.34%</td>
+ <td data-value="122" class="abs high">109/122</td>
+ <td data-value="77.21" class="pct medium">77.21%</td>
+ <td data-value="79" class="abs medium">61/79</td>
+ <td data-value="86.2" class="pct high">86.2%</td>
+ <td data-value="29" class="abs high">25/29</td>
+ <td data-value="89.09" class="pct high">89.09%</td>
+ <td data-value="110" class="abs high">98/110</td>
</tr>
<tr>
@@ -155,17 +155,17 @@
<tr>
<td class="file high" data-value="FeedList.tsx"><a href="FeedList.tsx.html">FeedList.tsx</a></td>
- <td data-value="94.44" class="pic high">
- <div class="chart"><div class="cover-fill" style="width: 94%"></div><div class="cover-empty" style="width: 6%"></div></div>
+ <td data-value="91.66" class="pic high">
+ <div class="chart"><div class="cover-fill" style="width: 91%"></div><div class="cover-empty" style="width: 9%"></div></div>
</td>
- <td data-value="94.44" class="pct high">94.44%</td>
- <td data-value="18" class="abs high">17/18</td>
- <td data-value="83.33" class="pct high">83.33%</td>
- <td data-value="12" class="abs high">10/12</td>
+ <td data-value="91.66" class="pct high">91.66%</td>
+ <td data-value="24" class="abs high">22/24</td>
+ <td data-value="82.35" class="pct high">82.35%</td>
+ <td data-value="17" class="abs high">14/17</td>
+ <td data-value="100" class="pct high">100%</td>
+ <td data-value="8" class="abs high">8/8</td>
<td data-value="100" class="pct high">100%</td>
- <td data-value="6" class="abs high">6/6</td>
- <td data-value="93.75" class="pct high">93.75%</td>
- <td data-value="16" class="abs high">15/16</td>
+ <td data-value="20" class="abs high">20/20</td>
</tr>
<tr>
@@ -236,7 +236,7 @@
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../../prettify.js"></script>
<script>
diff --git a/frontend/coverage/src/index.html b/frontend/coverage/src/index.html
index 5f85c77..023e9bb 100644
--- a/frontend/coverage/src/index.html
+++ b/frontend/coverage/src/index.html
@@ -23,9 +23,9 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
- <span class="strong">73.68% </span>
+ <span class="strong">78.94% </span>
<span class="quiet">Statements</span>
- <span class='fraction'>14/19</span>
+ <span class='fraction'>15/19</span>
</div>
@@ -44,9 +44,9 @@
<div class='fl pad1y space-right2'>
- <span class="strong">73.68% </span>
+ <span class="strong">78.94% </span>
<span class="quiet">Lines</span>
- <span class='fraction'>14/19</span>
+ <span class='fraction'>15/19</span>
</div>
@@ -95,17 +95,17 @@
<tr>
<td class="file medium" data-value="App.tsx"><a href="App.tsx.html">App.tsx</a></td>
- <td data-value="73.68" class="pic medium">
- <div class="chart"><div class="cover-fill" style="width: 73%"></div><div class="cover-empty" style="width: 27%"></div></div>
+ <td data-value="78.94" class="pic medium">
+ <div class="chart"><div class="cover-fill" style="width: 78%"></div><div class="cover-empty" style="width: 22%"></div></div>
</td>
- <td data-value="73.68" class="pct medium">73.68%</td>
- <td data-value="19" class="abs medium">14/19</td>
+ <td data-value="78.94" class="pct medium">78.94%</td>
+ <td data-value="19" class="abs medium">15/19</td>
<td data-value="66.66" class="pct medium">66.66%</td>
<td data-value="6" class="abs medium">4/6</td>
<td data-value="77.77" class="pct medium">77.77%</td>
<td data-value="9" class="abs medium">7/9</td>
- <td data-value="73.68" class="pct medium">73.68%</td>
- <td data-value="19" class="abs medium">14/19</td>
+ <td data-value="78.94" class="pct medium">78.94%</td>
+ <td data-value="19" class="abs medium">15/19</td>
</tr>
</tbody>
@@ -116,7 +116,7 @@
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
- at 2026-02-13T15:03:42.999Z
+ at 2026-02-13T21:49:58.924Z
</div>
<script src="../prettify.js"></script>
<script>
generated by cgit v1.2.3 (git 2.25.1) at 2026-02-25 17:31:27 +0000