apiforgejs 1.0.0 → 1.0.2

package/package.json

@@ -1,11 +1,19 @@
 {
   "name": "apiforgejs",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "API observability & intelligence SDK for Express.js — local-first, privacy-first",
   "main": "src/index.js",
   "keywords": [
-    "api", "observability", "monitoring", "express", "metrics",
-    "performance", "analytics", "middleware", "latency", "local-first"
+    "api",
+    "observability",
+    "monitoring",
+    "express",
+    "metrics",
+    "performance",
+    "analytics",
+    "middleware",
+    "latency",
+    "local-first"
   ],
   "author": "APIForge",
   "license": "MIT",

package/src/database.js

@@ -229,6 +229,19 @@ class ApiForgeDatabase {
     this._begin.run();
     try {
       for (const r of routes) stmt.run(r.route, r.method);
+      // Remove routes no longer in the router that never had traffic
+      if (routes.length > 0) {
+        const keys = routes.map(r => `${r.route}|${r.method}`);
+        const ph   = keys.map(() => '?').join(', ');
+        this.db.prepare(`
+          DELETE FROM known_routes
+          WHERE route || '|' || method NOT IN (${ph})
+            AND NOT EXISTS (
+              SELECT 1 FROM api_metrics m
+              WHERE m.route = known_routes.route AND m.method = known_routes.method
+            )
+        `).run(...keys);
+      }
       this._commit.run();
     } catch (err) {
       this._rollback.run();
@@ -258,13 +271,17 @@ class ApiForgeDatabase {
 
   getReleases() {
     return this.db.prepare(`
-      SELECT release_tag,
-             MIN(bucket_ts) as release_ts,
-             COUNT(DISTINCT route || '|' || method) as routes_affected
-      FROM api_metrics
-      WHERE release_tag IS NOT NULL AND release_tag != ''
-      GROUP BY release_tag
-      ORDER BY release_ts DESC
+      WITH release_times AS (
+        SELECT release_tag, MIN(bucket_ts) AS release_ts
+        FROM api_metrics
+        WHERE release_tag IS NOT NULL AND release_tag != ''
+        GROUP BY release_tag
+      )
+      SELECT rt.release_tag,
+             rt.release_ts,
+             (SELECT COUNT(*) FROM known_routes WHERE first_seen <= rt.release_ts + 60) AS routes_affected
+      FROM release_times rt
+      ORDER BY rt.release_ts DESC
       LIMIT 20
     `).all();
   }

package/src/ui.html

@@ -421,6 +421,7 @@ function mapInsights(insights) {
 function mapReleases(releases) {
   return (releases || []).map(r => ({
     tag:     r.release_tag,
+    ts:      r.release_ts,
     summary: `${r.routes_affected || 0} route${r.routes_affected !== 1 ? 's' : ''} recorded`,
     age:     formatAge(r.release_ts),
     by:      'local',
@@ -717,7 +718,7 @@ function StatusStackChart({ data, height = 200 }) {
 }
 
 // ─── Overview ─────────────────────────────────────────────────────────────────
-function Overview({ timeRange, setRoute, setParams }) {
+function Overview({ timeRange, setRoute, setParams, lastUpdated }) {
   const { ENDPOINTS, RELEASES, INSIGHTS, SUMMARY } = window.AF_DATA;
   const [globalTs, setGlobalTs] = useState(null);
   const hours = TIME_HOURS[timeRange] || 24;
@@ -726,7 +727,7 @@ function Overview({ timeRange, setRoute, setParams }) {
     setGlobalTs(null);
     fetch(`/api/global-timeseries?hours=${hours}`)
       .then(r => r.json()).then(d => setGlobalTs(d)).catch(() => setGlobalTs([]));
-  }, [hours]);
+  }, [hours, lastUpdated]);
 
   const chartData   = globalTs ? tsBucketsToChart(globalTs, hours) : null;
   const points      = Math.max(chartData?.p90?.length || 0, 2);
@@ -739,11 +740,18 @@ function Overview({ timeRange, setRoute, setParams }) {
   const globalCalls = chartData?.calls || Array(fallbackPts).fill(0);
   const xLabelsFinal = xLabels.length > 0 ? xLabels : Array.from({length:globalP90.length}, (_,i) => `${i}`);
 
-  const releaseMarkers = (RELEASES || []).slice(0,2).map((r, i) => ({
-    idx:   Math.min(Math.floor(globalP90.length * (0.45 + i * 0.35)), globalP90.length - 1),
-    label: r.tag,
-    color: i === 0 ? '#b91c1c' : '#15803d',
-  }));
+  const MARKER_COLORS = ['#b91c1c','#15803d','#2563eb','#b45309','#7c3aed'];
+  const nowTs = Date.now() / 1000;
+  const releaseMarkers = globalTs && globalTs.length > 0
+    ? [...(RELEASES || [])]
+        .filter(r => r.ts != null && r.ts >= nowTs - hours * 3600)
+        .reverse()
+        .map((r, i) => {
+          const idx = globalTs.reduce((best, b, j) =>
+            Math.abs(b.bucket_ts - r.ts) < Math.abs(globalTs[best].bucket_ts - r.ts) ? j : best, 0);
+          return { idx, label: r.tag, color: MARKER_COLORS[i % MARKER_COLORS.length] };
+        })
+    : [];
 
   const topSlow   = [...ENDPOINTS].filter(e => !e.untracked && e.base_p90 > 0).sort((a,b) => b.base_p90-a.base_p90).slice(0,5);
   const topCalled = [...ENDPOINTS].sort((a,b) => b.calls24h-a.calls24h).slice(0,5);
@@ -1048,7 +1056,7 @@ function Endpoints({ setRoute, setParams }) {
 }
 
 // ─── Endpoint detail ──────────────────────────────────────────────────────────
-function EndpointDetail({ id, timeRange, setRoute, setParams }) {
+function EndpointDetail({ id, timeRange, setRoute, setParams, lastUpdated }) {
   const { ENDPOINTS, INSIGHTS } = window.AF_DATA;
   const ep  = ENDPOINTS.find(e => e.id === id) || ENDPOINTS[0];
   const [tab, setTab]       = useState('performance');
@@ -1063,7 +1071,7 @@ function EndpointDetail({ id, timeRange, setRoute, setParams }) {
     setTs(null);
     fetch(`/api/timeseries?route=${encodeURIComponent(route)}&method=${encodeURIComponent(method)}&hours=${hours}`)
       .then(r => r.json()).then(d => setTs(d)).catch(() => setTs([]));
-  }, [id, hours]);
+  }, [id, hours, lastUpdated]);
 
   if (!ep) return <div className="empty-state">Endpoint not found.</div>;
 
@@ -1626,9 +1634,9 @@ function App() {
           lastUpdated={lastUpdated} onRefresh={() => fetchData.current()}/>
         <div className="content">
           <div className="content-inner">
-            {route === 'overview'  && <Overview  timeRange={timeRange} setRoute={setRoute} setParams={setParams}/>}
+            {route === 'overview'  && <Overview  timeRange={timeRange} setRoute={setRoute} setParams={setParams} lastUpdated={lastUpdated}/>}
             {route === 'endpoints' && <Endpoints setRoute={setRoute} setParams={setParams}/>}
-            {route === 'endpoint'  && <EndpointDetail id={params.id} timeRange={timeRange} setRoute={setRoute} setParams={setParams}/>}
+            {route === 'endpoint'  && <EndpointDetail id={params.id} timeRange={timeRange} setRoute={setRoute} setParams={setParams} lastUpdated={lastUpdated}/>}
             {route === 'insights'  && <Insights  setRoute={setRoute} setParams={setParams}/>}
             {route === 'releases'  && <Releases/>}
             {route === 'settings'  && <Settings/>}