From 47f60a7f2217519a027542af36b8d78eb75b3a87 Mon Sep 17 00:00:00 2001
From: Catherine <katiiforever@gmail.com>
Date: Thu, 14 Oct 2021 02:12:02 -0400
Subject: [PATCH] Convert examples/learning/helloworld.html to await/async

---
 examples/learning/helloworld.html | 62 +++++++++++++++----------------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/examples/learning/helloworld.html b/examples/learning/helloworld.html
index 8bcbbaf64..7a3a71d9b 100644
--- a/examples/learning/helloworld.html
+++ b/examples/learning/helloworld.html
@@ -17,7 +17,7 @@
   // If absolute URL from the remote server is provided, configure the CORS
   // header on that server.
   //
-  var url = './helloworld.pdf';
+  const url = './helloworld.pdf';
 
   //
   // The workerSrc property shall be specified.
@@ -28,43 +28,43 @@
   //
   // Asynchronous download PDF
   //
-  var loadingTask = pdfjsLib.getDocument(url);
-  loadingTask.promise.then(function(pdf) {
+  const loadingTask = pdfjsLib.getDocument(url);
+  (async () => {
+    const pdf = await loadingTask.promise;
     //
     // Fetch the first page
     //
-    pdf.getPage(1).then(function(page) {
-      var scale = 1.5;
-      var viewport = page.getViewport({ scale: scale, });
-      // Support HiDPI-screens.
-      var outputScale = window.devicePixelRatio || 1;
+    const page = await pdf.getPage(1);
+    const scale = 1.5;
+    const viewport = page.getViewport({ scale });
+    // Support HiDPI-screens.
+    const outputScale = window.devicePixelRatio || 1;
 
-      //
-      // Prepare canvas using PDF page dimensions
-      //
-      var canvas = document.getElementById('the-canvas');
-      var context = canvas.getContext('2d');
+    //
+    // Prepare canvas using PDF page dimensions
+    //
+    const canvas = document.getElementById("the-canvas");
+    const context = canvas.getContext("2d");
 
-      canvas.width = Math.floor(viewport.width * outputScale);
-      canvas.height = Math.floor(viewport.height * outputScale);
-      canvas.style.width = Math.floor(viewport.width) + "px";
-      canvas.style.height =  Math.floor(viewport.height) + "px";
+    canvas.width = Math.floor(viewport.width * outputScale);
+    canvas.height = Math.floor(viewport.height * outputScale);
+    canvas.style.width = Math.floor(viewport.width) + "px";
+    canvas.style.height = Math.floor(viewport.height) + "px";
 
-      var transform = outputScale !== 1
-        ? [outputScale, 0, 0, outputScale, 0, 0]
-        : null;
+    const transform = outputScale !== 1 
+      ? [outputScale, 0, 0, outputScale, 0, 0] 
+      : null;
 
-      //
-      // Render PDF page into canvas context
-      //
-      var renderContext = {
-        canvasContext: context,
-        transform: transform,
-        viewport: viewport,
-      };
-      page.render(renderContext);
-    });
-  });
+    //
+    // Render PDF page into canvas context
+    //
+    const renderContext = {
+      canvasContext: context,
+      transform,
+      viewport,
+    };
+    page.render(renderContext);
+  })();
 </script>
 
 <hr>