Samples for throttles loading

hejny · Sep 10, 2021 · 6627288 · 6627288
1 parent 43cbefd
commit 6627288
Show file tree

Hide file tree

Showing 8 changed files with 267 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -40,6 +40,7 @@
         "@types/jest": "^24.0.13",
         "codecov": "^3.5.0",
         "express": "^4.17.1",
+        "express-throttle-bandwidth": "^1.0.1",
         "glob-promise": "^4.2.0",
         "jest": "^24.8.0",
         "onchange": "^3.3.0",

diff --git a/samples/_samplesServer.js b/samples/_samplesServer.js
@@ -3,6 +3,7 @@ const serveStatic = require('serve-static');
 const serveIndex = require('serve-index');
 const path = require('path');
 const opn = require('open');
+const throttle = require('express-throttle-bandwidth');
 
 // TODO: as indipendent library
 
@@ -12,9 +13,11 @@ const staticBasePath = path.join(__dirname, '..');
 
 const app = express();
 
+app.use(throttle(10 /* bits per second */));
 app.use(serveStatic(staticBasePath, { index: false }));
 app.use(serveIndex(staticBasePath, { icons: true }));
 app.listen(PORT);
 
 console.log(`Static server listening on port ${PORT}.`);
-opn(`http://localhost:${PORT}/samples`);
+// TODO: Only if not opened
+// !!! opn(`http://localhost:${PORT}/samples`);
diff --git a/samples/assets/common.css b/samples/assets/common.css
@@ -0,0 +1,3 @@
+img {
+    max-width: 50vw;
+}
diff --git a/samples/assets/images/image.svg b/samples/assets/images/image.svg
diff --git a/samples/assets/images/simple.png b/samples/assets/images/simple.png
diff --git a/samples/forAllImagesInElement.html b/samples/forAllImagesInElement.html
@@ -6,7 +6,8 @@
         <link rel="stylesheet" type="text/css" href="./assets/common.css" />
     </head>
     <body>
-        <canvas id="scene" width="500" height="500"></canvas>
+        <img src="./assets/images/image.svg" />
+        <img src="./assets/images/simple.png" />
 
         <script type="module">
             import { forAllImagesInElement } from '../dist/main.js';

diff --git a/src/functions/forAllImagesInElement.ts b/src/functions/forAllImagesInElement.ts
@@ -3,6 +3,8 @@ export async function forAllImagesInElement(
     rejectWhenNotLoaded = false,
     timeout = 1500,
 ): Promise<void> {
+
+    // TODO: !!! Also with media and pictures
     try {
         await Promise.all(
             // TODO: How to handle console.info