hsu-utils 0.0.20 → 0.0.22

package/dist/hsu-utils.min.js.LICENSE.txt

@@ -1,6 +1,6 @@
 /*!
  * 
- * hsu-utils v0.0.19
+ * hsu-utils v0.0.21
  *
  * some front-end utils
  *

package/es/RenderPDF/index.d.ts

@@ -1,3 +1,4 @@
+import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
 interface RenderOption {
     pdfUrl: string;
     containerId: string;
@@ -6,10 +7,14 @@ interface RenderOption {
     pixelRatio?: number;
     scale?: number;
 }
+declare function load(pdfUrl: string): Promise<PDFDocumentProxy>;
 declare function getNumPages(pdfUrl: string): Promise<number>;
+declare function clear(containerId: string): void;
 declare function render({ pdfUrl, containerId, startPageNum, endPageNum, pixelRatio, scale }: RenderOption): Promise<void>;
 declare const RenderPDF: {
-    render: typeof render;
+    load: typeof load;
     getNumPages: typeof getNumPages;
+    clear: typeof clear;
+    render: typeof render;
 };
 export default RenderPDF;

package/es/RenderPDF/index.js

@@ -10,6 +10,27 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { GlobalWorkerOptions, getDocument } from 'pdfjs-dist/legacy/build/pdf.js';
 GlobalWorkerOptions.workerSrc = 'https://cdn.bootcss.com/pdf.js/2.13.216/pdf.worker.js';
 const PDFMap = new Map();
+function load(pdfUrl) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let pdf = PDFMap.get(pdfUrl);
+        if (!pdf) {
+            const loadingTask = getDocument({
+                url: pdfUrl,
+                cMapUrl: 'https://unpkg.com/browse/pdfjs-dist@2.13.216/cmaps/',
+                cMapPacked: true
+            });
+            pdf = yield loadingTask.promise;
+            PDFMap.set(pdfUrl, pdf);
+        }
+        return pdf;
+    });
+}
+function getNumPages(pdfUrl) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const pdf = yield load(pdfUrl);
+        return pdf.numPages;
+    });
+}
 function clear(containerId) {
     const container = document.getElementById(containerId);
     const pages = document.querySelectorAll(`[id^="${containerId}-page-"]`);
@@ -17,6 +38,20 @@ function clear(containerId) {
         container === null || container === void 0 ? void 0 : container.removeChild(item);
     });
 }
+function render({ pdfUrl, containerId, startPageNum, endPageNum, pixelRatio, scale }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        clear(containerId);
+        const container = document.getElementById(containerId);
+        if (!container)
+            return;
+        const pdf = yield load(pdfUrl);
+        const start = startPageNum !== null && startPageNum !== void 0 ? startPageNum : 1;
+        const end = endPageNum !== null && endPageNum !== void 0 ? endPageNum : pdf.numPages;
+        for (let i = start; i <= end; i++) {
+            renderPage({ pdf, container: container, num: i, pixelRatio, scale });
+        }
+    });
+}
 function renderPage({ pdf, container, num, pixelRatio = 2, scale = 1 }) {
     pdf.getPage(num).then((page) => {
         const pageDiv = document.createElement('div');
@@ -39,46 +74,10 @@ function renderPage({ pdf, container, num, pixelRatio = 2, scale = 1 }) {
         page.render(renderContext);
     });
 }
-function getNumPages(pdfUrl) {
-    return __awaiter(this, void 0, void 0, function* () {
-        let pdf = PDFMap.get(pdfUrl);
-        if (!pdf) {
-            const loadingTask = getDocument({
-                url: pdfUrl,
-                cMapUrl: 'https://unpkg.com/browse/pdfjs-dist@2.13.216/cmaps/',
-                cMapPacked: true
-            });
-            pdf = yield loadingTask.promise;
-            PDFMap.set(pdfUrl, pdf);
-        }
-        return pdf.numPages;
-    });
-}
-function render({ pdfUrl, containerId, startPageNum, endPageNum, pixelRatio, scale }) {
-    return __awaiter(this, void 0, void 0, function* () {
-        clear(containerId);
-        let pdf = PDFMap.get(pdfUrl);
-        if (!pdf) {
-            const loadingTask = getDocument({
-                url: pdfUrl,
-                cMapUrl: 'https://unpkg.com/browse/pdfjs-dist@2.13.216/cmaps/',
-                cMapPacked: true
-            });
-            pdf = yield loadingTask.promise;
-            PDFMap.set(pdfUrl, pdf);
-        }
-        const container = document.getElementById(containerId);
-        if (!container)
-            return;
-        const start = startPageNum !== null && startPageNum !== void 0 ? startPageNum : 1;
-        const end = endPageNum !== null && endPageNum !== void 0 ? endPageNum : pdf.numPages;
-        for (let i = start; i <= end; i++) {
-            renderPage({ pdf, container: container, num: i, pixelRatio, scale });
-        }
-    });
-}
 const RenderPDF = {
-    render,
-    getNumPages
+    load,
+    getNumPages,
+    clear,
+    render
 };
 export default RenderPDF;

package/lib/RenderPDF/index.d.ts

@@ -1,3 +1,4 @@
+import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
 interface RenderOption {
     pdfUrl: string;
     containerId: string;
@@ -6,10 +7,14 @@ interface RenderOption {
     pixelRatio?: number;
     scale?: number;
 }
+declare function load(pdfUrl: string): Promise<PDFDocumentProxy>;
 declare function getNumPages(pdfUrl: string): Promise<number>;
+declare function clear(containerId: string): void;
 declare function render({ pdfUrl, containerId, startPageNum, endPageNum, pixelRatio, scale }: RenderOption): Promise<void>;
 declare const RenderPDF: {
-    render: typeof render;
+    load: typeof load;
     getNumPages: typeof getNumPages;
+    clear: typeof clear;
+    render: typeof render;
 };
 export default RenderPDF;

package/lib/RenderPDF/index.js

@@ -39,37 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var pdf_js_1 = require("pdfjs-dist/legacy/build/pdf.js");
 pdf_js_1.GlobalWorkerOptions.workerSrc = 'https://cdn.bootcss.com/pdf.js/2.13.216/pdf.worker.js';
 var PDFMap = new Map();
-function clear(containerId) {
-    var container = document.getElementById(containerId);
-    var pages = document.querySelectorAll("[id^=\"".concat(containerId, "-page-\"]"));
-    pages === null || pages === void 0 ? void 0 : pages.forEach(function (item) {
-        container === null || container === void 0 ? void 0 : container.removeChild(item);
-    });
-}
-function renderPage(_a) {
-    var pdf = _a.pdf, container = _a.container, num = _a.num, _b = _a.pixelRatio, pixelRatio = _b === void 0 ? 2 : _b, _c = _a.scale, scale = _c === void 0 ? 1 : _c;
-    pdf.getPage(num).then(function (page) {
-        var pageDiv = document.createElement('div');
-        pageDiv.setAttribute('id', "".concat(container.id, "-page-").concat(num));
-        pageDiv.setAttribute('style', 'position: relative; ');
-        container.appendChild(pageDiv);
-        var canvas = document.createElement('canvas');
-        pageDiv.appendChild(canvas);
-        var ctx = canvas.getContext('2d');
-        var devicePixelRatio = window.devicePixelRatio * pixelRatio;
-        var viewport = page.getViewport({ scale: 1 * devicePixelRatio });
-        canvas.style.width = "calc(100% * ".concat(scale, ")");
-        canvas.style.height = '100%';
-        canvas.width = viewport.width;
-        canvas.height = viewport.height;
-        var renderContext = {
-            canvasContext: ctx,
-            viewport: viewport
-        };
-        page.render(renderContext);
-    });
-}
-function getNumPages(pdfUrl) {
+function load(pdfUrl) {
     return __awaiter(this, void 0, void 0, function () {
         var pdf, loadingTask;
         return __generator(this, function (_a) {
@@ -87,35 +57,45 @@ function getNumPages(pdfUrl) {
                     pdf = _a.sent();
                     PDFMap.set(pdfUrl, pdf);
                     _a.label = 2;
-                case 2: return [2, pdf.numPages];
+                case 2: return [2, pdf];
             }
         });
     });
 }
+function getNumPages(pdfUrl) {
+    return __awaiter(this, void 0, void 0, function () {
+        var pdf;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4, load(pdfUrl)];
+                case 1:
+                    pdf = _a.sent();
+                    return [2, pdf.numPages];
+            }
+        });
+    });
+}
+function clear(containerId) {
+    var container = document.getElementById(containerId);
+    var pages = document.querySelectorAll("[id^=\"".concat(containerId, "-page-\"]"));
+    pages === null || pages === void 0 ? void 0 : pages.forEach(function (item) {
+        container === null || container === void 0 ? void 0 : container.removeChild(item);
+    });
+}
 function render(_a) {
     var pdfUrl = _a.pdfUrl, containerId = _a.containerId, startPageNum = _a.startPageNum, endPageNum = _a.endPageNum, pixelRatio = _a.pixelRatio, scale = _a.scale;
     return __awaiter(this, void 0, void 0, function () {
-        var pdf, loadingTask, container, start, end, i;
+        var container, pdf, start, end, i;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     clear(containerId);
-                    pdf = PDFMap.get(pdfUrl);
-                    if (!!pdf) return [3, 2];
-                    loadingTask = (0, pdf_js_1.getDocument)({
-                        url: pdfUrl,
-                        cMapUrl: 'https://unpkg.com/browse/pdfjs-dist@2.13.216/cmaps/',
-                        cMapPacked: true
-                    });
-                    return [4, loadingTask.promise];
-                case 1:
-                    pdf = _b.sent();
-                    PDFMap.set(pdfUrl, pdf);
-                    _b.label = 2;
-                case 2:
                     container = document.getElementById(containerId);
                     if (!container)
                         return [2];
+                    return [4, load(pdfUrl)];
+                case 1:
+                    pdf = _b.sent();
                     start = startPageNum !== null && startPageNum !== void 0 ? startPageNum : 1;
                     end = endPageNum !== null && endPageNum !== void 0 ? endPageNum : pdf.numPages;
                     for (i = start; i <= end; i++) {
@@ -126,8 +106,33 @@ function render(_a) {
         });
     });
 }
+function renderPage(_a) {
+    var pdf = _a.pdf, container = _a.container, num = _a.num, _b = _a.pixelRatio, pixelRatio = _b === void 0 ? 2 : _b, _c = _a.scale, scale = _c === void 0 ? 1 : _c;
+    pdf.getPage(num).then(function (page) {
+        var pageDiv = document.createElement('div');
+        pageDiv.setAttribute('id', "".concat(container.id, "-page-").concat(num));
+        pageDiv.setAttribute('style', 'position: relative; ');
+        container.appendChild(pageDiv);
+        var canvas = document.createElement('canvas');
+        pageDiv.appendChild(canvas);
+        var ctx = canvas.getContext('2d');
+        var devicePixelRatio = window.devicePixelRatio * pixelRatio;
+        var viewport = page.getViewport({ scale: 1 * devicePixelRatio });
+        canvas.style.width = "calc(100% * ".concat(scale, ")");
+        canvas.style.height = '100%';
+        canvas.width = viewport.width;
+        canvas.height = viewport.height;
+        var renderContext = {
+            canvasContext: ctx,
+            viewport: viewport
+        };
+        page.render(renderContext);
+    });
+}
 var RenderPDF = {
-    render: render,
-    getNumPages: getNumPages
+    load: load,
+    getNumPages: getNumPages,
+    clear: clear,
+    render: render
 };
 exports.default = RenderPDF;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hsu-utils",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "some front-end utils",
   "repository": "git@github.com:VitaTsui/hsu-utils.git",
   "author": "VitaHsu <vitahsu7@gmail.com>",