chore: throttle the pushState

Author: ThomasRooney

web/src/Playground.tsx

@@ -6,18 +6,19 @@ import { ApplyOverlay, CalculateOverlay, GetInfo } from "./bridge.ts";
 import { Alert } from "@speakeasy-api/moonshine";
 import { blankOverlay, petstore } from "./defaults.ts";
 import { useAtom } from "jotai";
-import { atomWithHash } from "jotai-location";
+import { throttledPushState } from "./url.ts";
 import speakeasyWhiteLogo from "./assets/speakeasy-white.svg";
 import openapiLogo from "./assets/openapi.svg";
+import { atomWithHash } from "jotai-location";
 
 const originalOpenAPI = atomWithHash("originalOpenAPI", petstore, {
-  setHash: "replaceState",
+  setHash: throttledPushState,
 });
 const changedOpenAPI = atomWithHash("changedOpenAPI", petstore, {
-  setHash: "replaceState",
+  setHash: throttledPushState,
 });
 const overlay = atomWithHash("overlay", blankOverlay, {
-  setHash: "replaceState",
+  setHash: throttledPushState,
 });
 
 function Playground() {

web/src/url.ts

@@ -0,0 +1,17 @@
+let timer: any = undefined;
+
+export function push() {
+  clearTimeout(timer);
+  timer = null;
+  window.history.pushState(
+    window.history.state,
+    "",
+    `${window.location.pathname}${window.location.search}#${window.location.hash}`,
+  );
+}
+export function throttledPushState(searchParams: string) {
+  if (!timer) {
+    timer = setTimeout(push, 60000);
+  }
+  location.replace(`#${searchParams}`);
+}