From bd51c161c292def0f6bd785a96f0f0b16974da05 Mon Sep 17 00:00:00 2001
From: Chili Johnson <chili.johnson@herophilus.com>
Date: Tue, 22 Nov 2022 13:28:28 -0800
Subject: [PATCH] Adds a hacky AJAX concurrency limiter when initially loading
 tile sources.

Based on this gist: https://gist.github.com/Terrance/158a4c436baa64c4324803467844b00f
---
 src/openseadragon.js | 98 +++++++++++++++++++++++++++++++++++---------
 1 file changed, 79 insertions(+), 19 deletions(-)

diff --git a/src/openseadragon.js b/src/openseadragon.js
index 1a9c79de..d3ea55e0 100644
--- a/src/openseadragon.js
+++ b/src/openseadragon.js
@@ -788,6 +788,12 @@ function OpenSeadragon( options ){
 
 (function( $ ){
 
+    $.ajaxQueue = {
+        requestFuncs: [],
+        numRequests: 0,
+        numActiveRequests: 0,
+        maxConcurrency: 50,
+    };
 
     /**
      * The OpenSeadragon version.
@@ -2332,6 +2338,70 @@ function OpenSeadragon( options ){
             return $.createAjaxRequest( local );
         },
 
+        queueAjaxRequest: function (
+            request,
+            method,
+            url,
+            headers,
+            withCredentials,
+            responseType,
+            postData
+        ) {
+            var oldOnStateChange = request.onreadystatechange;
+
+            var sendRequest = function () {
+                request.open( method, url, true );
+
+                if (responseType) {
+                    request.responseType = responseType;
+                }
+
+                if (headers) {
+                    for (var headerName in headers) {
+                        if (Object.prototype.hasOwnProperty.call(headers, headerName) && headers[headerName]) {
+                            request.setRequestHeader(headerName, headers[headerName]);
+                        }
+                    }
+                }
+
+                if (withCredentials) {
+                    request.withCredentials = true;
+                }
+
+                request.send(postData);
+            };
+
+            var callback = function() {
+
+                $.ajaxQueue.numRequests--;
+
+                if (
+                    $.ajaxQueue.numActiveRequests === $.ajaxQueue.maxConcurrency &&
+                    $.ajaxQueue.requestFuncs.length > 0
+                ) {
+                    $.ajaxQueue.requestFuncs.shift()();
+                } else {
+                    $.ajaxQueue.numActiveRequests--;
+                }
+            };
+
+            request.onreadystatechange = function() {
+                if ( request.readyState === 4 ) {
+                    callback();
+                    oldOnStateChange();
+                }
+            };
+
+            $.ajaxQueue.numRequests++;
+
+            if ($.ajaxQueue.numActiveRequests === $.ajaxQueue.maxConcurrency) {
+                $.ajaxQueue.requestFuncs.push(sendRequest);
+            } else {
+                $.ajaxQueue.numActiveRequests++;
+                sendRequest();
+            }
+        },
+
         /**
          * Makes an AJAX request.
          * @param {Object} options
@@ -2395,25 +2465,15 @@ function OpenSeadragon( options ){
 
             var method = postData ? "POST" : "GET";
             try {
-                request.open( method, url, true );
-
-                if (responseType) {
-                    request.responseType = responseType;
-                }
-
-                if (headers) {
-                    for (var headerName in headers) {
-                        if (Object.prototype.hasOwnProperty.call(headers, headerName) && headers[headerName]) {
-                            request.setRequestHeader(headerName, headers[headerName]);
-                        }
-                    }
-                }
-
-                if (withCredentials) {
-                    request.withCredentials = true;
-                }
-
-                request.send(postData);
+                $.queueAjaxRequest(
+                    request,
+                    method,
+                    url,
+                    headers,
+                    withCredentials,
+                    responseType,
+                    postData
+                );
             } catch (e) {
                 $.console.error( "%s while making AJAX request: %s", e.name, e.message );