From 6e9131dfe5ae60162fd2aa9d711534b688dc0e7a Mon Sep 17 00:00:00 2001
From: Ross Williams <rossjrw@gmail.com>
Date: Thu, 23 May 2024 15:56:59 +0100
Subject: [PATCH] Use interwiki's resize script

---
 stats-frontend/assets/createResizeIframe.js | 72 ---------------------
 stats-frontend/graphs.html                  |  8 ++-
 2 files changed, 6 insertions(+), 74 deletions(-)
 delete mode 100644 stats-frontend/assets/createResizeIframe.js

diff --git a/stats-frontend/assets/createResizeIframe.js b/stats-frontend/assets/createResizeIframe.js
deleted file mode 100644
index bd970eb..0000000
--- a/stats-frontend/assets/createResizeIframe.js
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * Constructs and returns a function that, when called, resizes the current
- * iframes to match its contents. The function is debounced.
- *
- * @param {String} site - The base URL of the site.
- * @param {String} frameId - The last segment of the URL of the interwiki
- * iframe, used by Wikidot to identify it when resizing it.
- * @param {Number=} [debounceTime] - Debounce delay to stagger repeated calls to the resizer. Defaults to 750 ms.
- * @returns {((height: Number=) => void)}
- */
-function createResizeIframe(site, frameId, debounceTime) {
-  if (debounceTime == null) debounceTime = 750
-  let container = document.getElementById("resizer-container")
-  if (container == null) {
-    container = document.createElement("div")
-    container.id = "resizer-container"
-    document.body.appendChild(container)
-  }
-  const resizer = document.createElement("iframe")
-  resizer.style.display = "none"
-  container.appendChild(resizer)
-
-  // Prefix frame ID with leading slash, required for resize-iframe.html
-  if (frameId[0] !== "/") frameId = "/" + frameId
-
-  return debounce((height) => {
-    if (height == null) {
-      // Measure from the top of the document to the iframe container to get
-      // the document height - this takes into account inner margins, unlike
-      // e.g. document.body.clientHeight
-      // The container must not have display:none for this to work, which is
-      // why the iframe has it instead
-      let height = container.getBoundingClientRect().top
-      // Brute-force past any subpixel issues
-      if (height) height += 1
-    }
-
-    resizer.src = `${site}/common--javascript/resize-iframe.html?#${height}${frameId}`
-  }, debounceTime)
-}
-
-/**
- * Automatically constructs a resizer and makes some reasonable guesses
- * about when to activate it.
- *
- * @param {String} site 
- * @param {String} frameId 
- */
-function autoResizeIframe(site) {
-  const frameId = location.href.replace(/^.*\//, "/")
-  const resize = createResizeIframe(site, frameId)
-  const observer = new ResizeObserver(() => resize())
-  observer.observe(document.documentElement)
-}
-
-/**
- * Debounces a function, delaying its execution until a certain amount of
- * time has passed since the last time it was called, and aggregating all
- * calls made in that time into one.
- *
- * @param {Function} func - The function to call.
- * @param {Number} wait - The number of milliseconds to wait after any call
- * to the debounced function before executing it.
- * @returns {Function} The debounced function
- */
-function debounce(func, wait) {
-  let timeout = 0
-  return () => {
-    clearTimeout(timeout)
-    timeout = setTimeout(() => func(arguments), wait)
-  }
-}
\ No newline at end of file
diff --git a/stats-frontend/graphs.html b/stats-frontend/graphs.html
index 2094ce3..6023ccd 100644
--- a/stats-frontend/graphs.html
+++ b/stats-frontend/graphs.html
@@ -8,7 +8,7 @@
     <script src="https://cdn.jsdelivr.net/npm/luxon@^3"></script>
     <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon@^1"></script>
     <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@^3"></script>
-    <script src="assets/createResizeIframe.js"></script>
+    <script src="https://interwiki.scpwiki.com/resizeIframe.js"></script>
 
     <script>
       const palette = {
@@ -31,7 +31,11 @@
       }
 
       addEventListener("DOMContentLoaded", async () => {
-        autoResizeIframe("http://notifications.wikidot.com")
+        const resize = createResizeIframe(
+          "http://notifications.wikidot.com",
+          location.href.replace(/^.*\//, "/")
+        )
+        new ResizeObserver(() => resize()).observe(document.documentElement)
 
         const abortController = new AbortController()
         const abortTimer = setTimeout(() => abortController.abort(), 10000)