v0.36.0

src/admin/web/transform-panel.js

@@ -1,6 +1,6 @@
 "use strict";
 (() => {
-    let loading = false, generation = 0, lastData = null;
+    let loading = false, generation = 0, lastData = null, staticData = null, staticRevision = null;
     let liveChartScope = "", liveChartPrevious = null, liveChartPreviousAt = null, liveChartGeneration = null;
     const liveChartSamples = { applied: [], cache_hits: [], skipped: [], errors: [] };
     const LIVE_CHART_LIMITS = new Set([60, 120, 300, 600]);
@@ -155,7 +155,14 @@
         loading = true;
         const epoch = authEpoch, token = generation;
         try {
-            const data = await api("/api/transform", { signal });
+            let data = await api(staticData ? "/api/transform?view=live" : "/api/transform", { signal });
+            if (staticData && data.revision !== staticRevision) data = await api("/api/transform", { signal });
+            if (data.settings && Array.isArray(data.vhosts)) {
+                staticData = { settings: data.settings, vhosts: data.vhosts };
+                staticRevision = data.revision;
+            } else if (staticData) {
+                data = { ...staticData, ...data };
+            }
             if (isCurrent() && token === generation) render(data);
         } catch (error) {
             if (error?.name !== "AbortError" && epoch === authEpoch && isCurrent()) {
@@ -179,7 +186,7 @@
     window.rustProxyTransformPanel = {
         refresh,
         reset() {
-            generation++; lastData = null; resetLiveChart();
+            generation++; lastData = null; staticData = null; staticRevision = null; resetLiveChart();
             $("transform-type-rows")?.replaceChildren();
             $("transform-vhost-rows")?.replaceChildren();
             $("transform-reason-list")?.replaceChildren();