PyObservability 0.1.0__py3-none-any.whl → 1.0.0__py3-none-any.whl

pyobservability/static/styles.css

@@ -7,8 +7,12 @@
 }
 
 * { box-sizing: border-box; }
-html,body { height:100%; margin:0; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--bg); color:#e6eef8; }
+html,body {
+  height:100%; margin:0; font-family: Inter, system-ui, -apple-system,
+  "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--bg); color:#e6eef8;
+}
 
+.hidden { display: none !important; }
 .topbar {
   display:flex; align-items:center; justify-content:space-between;
   padding:12px 20px; background:linear-gradient(90deg,#071028,#0b1530); border-bottom:1px solid rgba(255,255,255,0.02);
@@ -16,16 +20,20 @@ html,body { height:100%; margin:0; font-family: Inter, system-ui, -apple-system,
 .brand { font-weight:700; font-size:18px; }
 .controls { display:flex; gap:8px; align-items:center; }
 
-.controls select, .controls button { background:var(--panel); color:inherit; border:1px solid rgba(255,255,255,0.04); padding:6px 8px; border-radius:6px; }
+.controls select, .controls button {
+  background:var(--panel); color:inherit; border:1px solid rgba(255,255,255,0.04); padding:6px 8px; border-radius:6px;
+}
 .controls label { font-size:14px; color:var(--muted); margin-right:6px; }
 
 .container { padding:18px; display:flex; flex-direction:column; gap:16px; max-width:1200px; margin:0 auto; }
 
-.meta-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
-/* .meta-row { display:flex; gap:12px; } */
-.meta-card { background:var(--panel); padding:12px; border-radius:8px; width:1fr; min-width:120px; flex:1; box-shadow:0 4px 12px rgba(2,6,23,0.6); }
+.meta-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; align-items: stretch; }
+.meta-card {
+  display: flex; flex-direction: column; background:var(--panel); padding:12px; border-radius:8px; width:1fr;
+  min-width:120px; flex:1; box-shadow:0 4px 12px rgba(2,6,23,0.6);
+}
 .meta-title { font-size:12px; color:var(--muted); }
-.meta-value { margin-top:6px; font-weight:600; font-size:16px; }
+.meta-value { flex: 1; margin-top:6px; font-weight:600; font-size:16px; }
 .meta-value.pre { white-space:pre-wrap; font-family:monospace; font-size:13px; }
 
 .charts-row { display:flex; gap:12px; }
@@ -48,7 +56,9 @@ html,body { height:100%; margin:0; font-family: Inter, system-ui, -apple-system,
 .tables-row { display:grid; grid-template-columns:1fr; grid-auto-rows:auto; gap:12px; }
 .table { width:100%; border-collapse:collapse; font-size:13px; }
 .table th, .table td { padding:8px; border-bottom:1px solid rgba(255,255,255,0.03); text-align:left; }
-.pre { background:rgba(255,255,255,0.02); padding:8px; border-radius:6px; overflow:auto; white-space:pre-wrap; font-family:monospace; font-size:13px; }
+.pre {
+  background:rgba(255,255,255,0.02); padding:8px; border-radius:6px; overflow:auto; white-space:pre-wrap; font-family:monospace; font-size:13px;
+}
 .list { padding-left:14px; margin:8px 0; }
 .footer { padding:12px 20px; font-size:12px; color:var(--muted); text-align:center; border-top:1px solid rgba(255,255,255,0.02); margin-top:20px; }
 .service-controls { display:flex; gap:8px; padding-bottom:8px; }
@@ -61,3 +71,46 @@ input#proc-filter { flex:1; padding:6px 8px; background:var(--panel); border:1px
   .details-row { flex-direction:column; }
   .meta-row { grid-template-columns: 1fr; }
 }
+
+/* ---------------- SPINNER ------------------- */
+.loading-overlay {
+  position: absolute;
+  inset: 0;
+  background: rgba(0,0,0,0.65);   /* Darker so spinner is visible */
+  backdrop-filter: blur(2px);     /* Add blur to ensure visual separation */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 50;
+  border-radius: 8px;
+}
+
+.spinner {
+  width: 32px;
+  height: 32px;
+  border: 4px solid rgba(255,255,255,0.25);
+  border-top: 4px solid white;     /* More contrast */
+  border-radius: 50%;
+  animation: spin 0.7s linear infinite;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+/* --------------- PAGINATION ------------------ */
+.pagination { display: flex; justify-content: center; gap: 6px; padding: 6px; margin-top: 6px; font-size: 13px; }
+
+.pagination button {
+  background: var(--panel); color: inherit; border: 1px solid rgba(255,255,255,0.05); padding: 4px 8px; border-radius: 4px; cursor: pointer;
+}
+
+.pagination button.active {
+  background: var(--accent);
+  color: #000;
+}
+.pagination-info {
+  font-size: 13px;
+  margin-bottom: 4px;
+  opacity: 0.85;
+}

pyobservability/templates/index.html

@@ -23,32 +23,32 @@
     <section class="meta-row">
       <div class="meta-card">
         <div class="meta-title">System</div>
-        <div id="system" class="meta-value pre">—</div>
+        <div id="system" class="meta-value pre"></div>
       </div>
 
       <div class="meta-card">
         <div class="meta-title">IP</div>
-        <div id="ip-info" class="meta-value pre">—</div>
+        <div id="ip-info" class="meta-value pre"></div>
       </div>
 
       <div class="meta-card">
         <div class="meta-title">GPU / CPU Model</div>
-        <div id="processor" class="meta-value pre">—</div>
+        <div id="processor" class="meta-value pre"></div>
       </div>
 
       <div class="meta-card">
         <div class="meta-title">CPU Load (1/5/15)</div>
-        <div id="cpuload" class="meta-value pre">—</div>
+        <div id="cpuload" class="meta-value pre"></div>
       </div>
 
       <div class="meta-card">
         <div class="meta-title">Disk ( / )</div>
-        <div id="disk" class="meta-value pre">—</div>
+        <div id="disk" class="meta-value pre"></div>
       </div>
 
       <div class="meta-card">
         <div class="meta-title">Memory</div>
-        <div id="memory" class="meta-value pre">—</div>
+        <div id="memory" class="meta-value pre"></div>
       </div>
     </section>
 
@@ -57,7 +57,7 @@
         <div class="panel-header">
           <h3>CPU (Average)</h3>
           <div class="panel-actions">
-            <label><input type="checkbox" id="show-cores" /> Show per-core</label>
+            <label><input type="checkbox" id="show-cores" checked="true" /> Show per-core</label>
           </div>
         </div>
         <canvas id="cpu-avg-chart" class="chart"></canvas>
@@ -83,7 +83,12 @@
 
     <section class="tables-row">
       <div class="panel">
-        <div class="panel-header"><h3>Services</h3></div>
+        <div class="panel-header">
+          <h3>Services</h3>
+          <div class="panel-actions">
+            <label><input type="checkbox" id="get-all-services" /> Get all</label>
+          </div>
+        </div>
         <div class="panel-body service-controls">
           <input id="svc-filter" placeholder="filter service name..." />
         </div>
@@ -147,9 +152,10 @@
     </section>
   </main>
 
-  <!-- TODO: Remove or provide context -->
   <footer class="footer">
-    <div>OpenAPI: <code>/static/openapi.json</code> (uploaded file available at <code>/mnt/data/openapi.json</code>)</div>
+    <div><code>PyObservability: v{{ version }}</code><br>
+      <a href="https://github.com/thevickypedia/PyObservability" target="_blank">https://github.com/thevickypedia/PyObservability</a>
+    </div>
   </footer>
 
   <script>

pyobservability/transport.py

@@ -0,0 +1,71 @@
+import asyncio
+import json
+import logging
+
+from fastapi import WebSocket, WebSocketDisconnect
+
+from pyobservability.config import settings
+from pyobservability.monitor import Monitor
+
+LOGGER = logging.getLogger("uvicorn.default")
+
+
+async def _forward_metrics(websocket: WebSocket, q: asyncio.Queue):
+    while True:
+        payload = await q.get()
+        await websocket.send_json(payload)
+
+
+async def websocket_endpoint(websocket: WebSocket):
+    await websocket.accept()
+
+    monitor: Monitor | None = None
+    q: asyncio.Queue | None = None
+
+    try:
+        while True:
+            msg = await websocket.receive_text()
+            data = json.loads(msg)
+            if data.get("type") == "update_flags":
+                if monitor:
+                    await monitor.update_flags(
+                        all_services=data.get("all_services", False),
+                    )
+                continue
+
+            # -------------------------------------------
+            # UI requests a specific target to monitor
+            # -------------------------------------------
+            if data.get("type") == "select_target":
+                base_url = data["base_url"]
+
+                # stop old monitor
+                if monitor:
+                    monitor.unsubscribe(q)
+                    await monitor.stop()
+
+                if target := settings.targets_by_url.get(base_url):
+                    LOGGER.info("Gathering metrics for: %s", target["name"])
+                else:
+                    LOGGER.warning(f"Invalid base url: {base_url}")
+                    raise WebSocketDisconnect(code=400, reason=f"Invalid base url: {base_url}")
+
+                # create new monitor
+                monitor = Monitor(target)
+                await monitor.start()
+
+                # new subscription queue
+                q = monitor.subscribe()
+
+                # start forwarding metrics
+                asyncio.create_task(_forward_metrics(websocket, q))
+    except WebSocketDisconnect:
+        pass
+    except Exception as err:
+        LOGGER.error("WS error: %s", err)
+
+    # cleanup
+    if monitor:
+        if q:
+            monitor.unsubscribe(q)
+        await monitor.stop()

pyobservability/version.py

@@ -1 +1 @@
-__version__ = "0.1.0"
+__version__ = "1.0.0"

{pyobservability-0.1.0.dist-info → pyobservability-1.0.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: PyObservability
-Version: 0.1.0
+Version: 1.0.0
 Summary: Lightweight OS-agnostic observability UI for PyNinja
 Author-email: Vignesh Rao <svignesh1793@gmail.com>
 License: MIT License

pyobservability-1.0.0.dist-info/RECORD

@@ -0,0 +1,16 @@
+pyobservability/__init__.py,sha256=rr4udGMbbNPl3yo7l8R3FUUVVahBtYVaW6vSWWgXlv0,2617
+pyobservability/main.py,sha256=Ty0bS7ZWyKXuo-xuKoFQESvT-B-19W04d_Nk0KveNtg,3004
+pyobservability/monitor.py,sha256=4Xd8k7gcOmHM-WvQpgFiDVGtzMu_RpFPZXPPoz4GoA4,6224
+pyobservability/transport.py,sha256=FyzJAMZPn7JUZIGgxnSw3on1K6T4ciZE1EuGdAcxt_w,2188
+pyobservability/version.py,sha256=J-j-u0itpEFT6irdmWmixQqYMadNl1X91TxUmoiLHMI,22
+pyobservability/config/enums.py,sha256=iMIOpa8LYSszkPIYBhupX--KrEXVTTsBurinpAxLvMA,86
+pyobservability/config/settings.py,sha256=BjTZnkGS1pZKbN3Fq_5HQX8C6oEjWn_gVJLXcZZ6EWE,4853
+pyobservability/static/app.js,sha256=6hjFy2jt4ndYJUI1DZT08CpuxHyWj9iSAZ2vxaTqH2A,20664
+pyobservability/static/styles.css,sha256=dnYSXNeXd6Ohu4h8sJCO87vzPbkYcw9XVGGwB8IJbxw,4703
+pyobservability/templates/index.html,sha256=2aQdb0QlDY5Hboev-_lJPlpnGxiC6h3fp0FlvL72S9k,5227
+pyobservability-1.0.0.dist-info/licenses/LICENSE,sha256=_sOIKJWdD2o1WwwDIwYB2qTP2nlSWqT5Tyg9jr1Xa4w,1070
+pyobservability-1.0.0.dist-info/METADATA,sha256=4Wj2FH4KYhsDbEntXxnMginYE9QR9AluZyYLMHvwhbg,6822
+pyobservability-1.0.0.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+pyobservability-1.0.0.dist-info/entry_points.txt,sha256=DSGIr_VA8Tb3FYa2iNUYpf55eAvuFCAoInNS4ngXaME,57
+pyobservability-1.0.0.dist-info/top_level.txt,sha256=p20T0EmihDYW1uMintRXr7X9bg3XWYKyoSbBHOVC1xI,16
+pyobservability-1.0.0.dist-info/RECORD,,

pyobservability-0.1.0.dist-info/RECORD

@@ -1,15 +0,0 @@
-pyobservability/__init__.py,sha256=rr4udGMbbNPl3yo7l8R3FUUVVahBtYVaW6vSWWgXlv0,2617
-pyobservability/main.py,sha256=HpKYxQ3XgyvxRP6giVOBIpBYTptZ-txL98KV5D5P8uI,3623
-pyobservability/monitor.py,sha256=wu-CYsMCMQ1wZLTBaIyYLdu2FJvQ4rb41Lv2NEJ3yKM,4759
-pyobservability/version.py,sha256=kUR5RAFc7HCeiqdlX36dZOHkUI5wI6V_43RpEcD8b-0,22
-pyobservability/config/enums.py,sha256=iMIOpa8LYSszkPIYBhupX--KrEXVTTsBurinpAxLvMA,86
-pyobservability/config/settings.py,sha256=HoDRuzwCCbCdNQLdOiy9JUoiM2BqUsRkX6zUyDLordY,3811
-pyobservability/static/app.js,sha256=QQJ-1m7zwKQZz7nWTACS97mF79WGCXl5pNNQDWLmByM,17663
-pyobservability/static/styles.css,sha256=ljK6m-q7GMZkhiYQ9bqqR1NbYu2pRXzlvNTol_PK9go,3521
-pyobservability/templates/index.html,sha256=di7LKLVf3Ri0nxUn6dXVXlVPomQSRzZgWvNfTfxQb8s,5035
-pyobservability-0.1.0.dist-info/licenses/LICENSE,sha256=_sOIKJWdD2o1WwwDIwYB2qTP2nlSWqT5Tyg9jr1Xa4w,1070
-pyobservability-0.1.0.dist-info/METADATA,sha256=nDYtRE5m3gCHwO8LI7F0w1B1qy7sLLjHTg7hQfD8RLA,6822
-pyobservability-0.1.0.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-pyobservability-0.1.0.dist-info/entry_points.txt,sha256=DSGIr_VA8Tb3FYa2iNUYpf55eAvuFCAoInNS4ngXaME,57
-pyobservability-0.1.0.dist-info/top_level.txt,sha256=p20T0EmihDYW1uMintRXr7X9bg3XWYKyoSbBHOVC1xI,16
-pyobservability-0.1.0.dist-info/RECORD,,