update debug immediately

Author: chrisj

src/ui/url_hash_binding.ts

@@ -75,7 +75,6 @@ export class UrlHashBinding extends RefCounted {
     return this.viewer.dataSourceProvider.sharedKvStoreContext;
   }
 
-
   urlHashRateLimit = new WatchableValue(200);
 
   constructor(
@@ -113,6 +112,31 @@ export class UrlHashBinding extends RefCounted {
       }
     });
     this.defaultFragment = defaultFragment;
+    this.viewer.urlHashRateLimit.changed.add(this.updateRateLimit);
+    this.urlHashRateLimit.changed.add(this.updateRateLimit);
+  }
+
+  updateRateLimit = () => {
+    const debugEl =
+      document.body.querySelector("#debug-url-rate") ??
+      document.body.appendChild(document.createElement("div"));
+    debugEl.id = "debug-url-rate";
+
+    const userFunc = this.viewer.urlHashRateLimit.value;
+    const safeFunc = /^[xelogmaxin ,*/\+\-\d\(\)]*$/;
+    if (safeFunc.test(userFunc)) {
+      const translatedFunc = userFunc
+        .replaceAll("log", "Math.log")
+        .replaceAll("min", "Math.min")
+        .replaceAll("max", "Math.max")
+        .replaceAll("e", "Math.E");
+      this.urlHashRateLimit.value = eval(
+        `'use strict';(x) => ${translatedFunc}`,
+      )(this.prevStateString?.length ?? 0);
+      debugEl.textContent = `URL rate: ${(this.urlHashRateLimit.value / 1000).toFixed(1)} s (state size (x)=${this.prevStateString?.length ?? 0}, f=${this.viewer.urlHashRateLimit.value})`;
+    } else {
+      debugEl.textContent = `URL rate: INVALID FUNCTION (${userFunc})`;
+    }
   }
 
   /**
@@ -128,26 +152,7 @@ export class UrlHashBinding extends RefCounted {
       );
       if (stateString !== this.prevStateString) {
         this.prevStateString = stateString;
-        const userFunc = this.viewer.urlHashRateLimit.value;
-        const safeFunc = /^[xelogmaxin ,*/\+\-\d\(\)]*$/;
-        if (safeFunc.test(userFunc)) {
-          const translatedFunc = userFunc
-            .replaceAll("log", "Math.log")
-            .replaceAll("min", "Math.min")
-            .replaceAll("max", "Math.max")
-            .replaceAll("e", "Math.E");
-          this.urlHashRateLimit.value = eval(
-            `'use strict';(x) => ${translatedFunc}`,
-          )(stateString.length);
-          console.log(
-            "new rate",
-            stateString.length,
-            this.urlHashRateLimit.value,
-          );
-          const debugEl = document.body.querySelector("#debug-url-rate") ??   document.body.appendChild(document.createElement("div"));
-          debugEl.id = "debug-url-rate";
-          debugEl.textContent = `URL rate: ${(this.urlHashRateLimit.value / 1000).toFixed(1)} s (state size (x)=${stateString.length}, f=${userFunc})`;
-        }
+        this.updateRateLimit();
         if (decodeURIComponent(stateString) === "{}") {
           history.replaceState(null, "", "#");
         } else {