@pdfme/schemas 5.2.16 → 5.3.0-beta.0

package/dist/cjs/src/graphics/pdfHelper.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pdfToImage = exports.isPdf = void 0;
+const common_1 = require("@pdfme/common");
+const converter_1 = require("@pdfme/converter");
 const cacheKey_1 = require("./cacheKey");
 function isPdf(content) {
     return content.startsWith('data:application/pdf;');
@@ -10,40 +12,19 @@ exports.isPdf = isPdf;
  * convert pdf to blob image url
  * @param content
  */
-const pdfToImage = async ({ schema, value, _cache, pdfJs, }) => {
+const pdfToImage = async ({ schema, value, _cache, }) => {
     // using value from cache to prevent rerending pdf to image
     const pdfImageCacheKey = (0, cacheKey_1.getCacheKey)(schema, value);
     const imageSrc = _cache.get(pdfImageCacheKey);
     if (imageSrc)
         return imageSrc;
-    const pdfDoc = await pdfJs.getDocument({ url: value }).promise;
-    const page = await pdfDoc.getPage(1);
-    const canvas = document.createElement('canvas');
-    const viewport = page.getViewport({ scale: 1 });
-    canvas.width = viewport.width;
-    canvas.height = viewport.height;
-    const canvasContext = canvas.getContext('2d');
-    await page.render({ canvasContext, viewport }).promise;
-    const image = await _canvasToObjectUrl(canvas);
+    const images = await (0, converter_1.pdf2img)((0, common_1.b64toUint8Array)(value), {
+        imageType: 'png',
+        range: { end: 1 },
+    });
+    const image = URL.createObjectURL(new Blob([images[0]], { type: 'image/png' }));
     _cache.set(pdfImageCacheKey, image);
     return image;
 };
 exports.pdfToImage = pdfToImage;
-/**
- * convert canvas to blob url
- * @param canvas
- */
-const _canvasToObjectUrl = async (canvas) => {
-    return new Promise((resolve, reject) => {
-        canvas.toBlob(function (blob) {
-            if (!blob) {
-                reject('inavlid canvas');
-            }
-            else {
-                const url = URL.createObjectURL(blob);
-                resolve(url);
-            }
-        });
-    });
-};
 //# sourceMappingURL=pdfHelper.js.map

package/dist/cjs/src/graphics/pdfHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"pdfHelper.js","sourceRoot":"","sources":["../../../../src/graphics/pdfHelper.ts"],"names":[],"mappings":";;;AACA,yCAAyC;AAGzC,SAAgB,KAAK,CAAC,OAAe;IACnC,OAAO,OAAO,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;AACrD,CAAC;AAFD,sBAEC;AAED;;;GAGG;AACI,MAAM,UAAU,GAAG,KAAK,EAAE,EAC/B,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,GACsB,EAAmB,EAAE;IAChD,2DAA2D;IAC3D,MAAM,gBAAgB,GAAG,IAAA,sBAAW,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9C,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAE9B,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC;IAC/D,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAErC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC9B,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAChC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAE,CAAC;IAE/C,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC;IACvD,MAAM,KAAK,GAAG,MAAM,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE/C,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IACpC,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAzBW,QAAA,UAAU,cAyBrB;AAEF;;;GAGG;AACH,MAAM,kBAAkB,GAAG,KAAK,EAAE,MAAyB,EAAmB,EAAE;IAC9E,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,CAAC,MAAM,CAAC,UAAU,IAAI;YAC1B,IAAI,CAAC,IAAI,EAAE;gBACT,MAAM,CAAC,gBAAgB,CAAC,CAAC;aAC1B;iBAAM;gBACL,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtC,OAAO,CAAC,GAAG,CAAC,CAAC;aACd;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"pdfHelper.js","sourceRoot":"","sources":["../../../../src/graphics/pdfHelper.ts"],"names":[],"mappings":";;;AAAA,0CAA+D;AAC/D,gDAA2C;AAC3C,yCAAyC;AAGzC,SAAgB,KAAK,CAAC,OAAe;IACnC,OAAO,OAAO,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;AACrD,CAAC;AAFD,sBAEC;AAED;;;GAGG;AACI,MAAM,UAAU,GAAG,KAAK,EAAE,EAC/B,MAAM,EACN,KAAK,EACL,MAAM,GACqB,EAAmB,EAAE;IAChD,2DAA2D;IAC3D,MAAM,gBAAgB,GAAG,IAAA,sBAAW,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9C,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAE9B,MAAM,MAAM,GAAG,MAAM,IAAA,mBAAO,EAAC,IAAA,wBAAe,EAAC,KAAK,CAAC,EAAE;QACnD,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;KAClB,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;IAEhF,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IACpC,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAlBW,QAAA,UAAU,cAkBrB"}

package/dist/esm/src/graphics/pdfHelper.js

@@ -1,3 +1,5 @@
+import { b64toUint8Array } from '@pdfme/common';
+import { pdf2img } from '@pdfme/converter';
 import { getCacheKey } from './cacheKey';
 export function isPdf(content) {
     return content.startsWith('data:application/pdf;');
@@ -6,39 +8,18 @@ export function isPdf(content) {
  * convert pdf to blob image url
  * @param content
  */
-export const pdfToImage = async ({ schema, value, _cache, pdfJs, }) => {
+export const pdfToImage = async ({ schema, value, _cache, }) => {
     // using value from cache to prevent rerending pdf to image
     const pdfImageCacheKey = getCacheKey(schema, value);
     const imageSrc = _cache.get(pdfImageCacheKey);
     if (imageSrc)
         return imageSrc;
-    const pdfDoc = await pdfJs.getDocument({ url: value }).promise;
-    const page = await pdfDoc.getPage(1);
-    const canvas = document.createElement('canvas');
-    const viewport = page.getViewport({ scale: 1 });
-    canvas.width = viewport.width;
-    canvas.height = viewport.height;
-    const canvasContext = canvas.getContext('2d');
-    await page.render({ canvasContext, viewport }).promise;
-    const image = await _canvasToObjectUrl(canvas);
+    const images = await pdf2img(b64toUint8Array(value), {
+        imageType: 'png',
+        range: { end: 1 },
+    });
+    const image = URL.createObjectURL(new Blob([images[0]], { type: 'image/png' }));
     _cache.set(pdfImageCacheKey, image);
     return image;
 };
-/**
- * convert canvas to blob url
- * @param canvas
- */
-const _canvasToObjectUrl = async (canvas) => {
-    return new Promise((resolve, reject) => {
-        canvas.toBlob(function (blob) {
-            if (!blob) {
-                reject('inavlid canvas');
-            }
-            else {
-                const url = URL.createObjectURL(blob);
-                resolve(url);
-            }
-        });
-    });
-};
 //# sourceMappingURL=pdfHelper.js.map

package/dist/esm/src/graphics/pdfHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"pdfHelper.js","sourceRoot":"","sources":["../../../../src/graphics/pdfHelper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGzC,MAAM,UAAU,KAAK,CAAC,OAAe;IACnC,OAAO,OAAO,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;AACrD,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,EAAE,EAC/B,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,GACsB,EAAmB,EAAE;IAChD,2DAA2D;IAC3D,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9C,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAE9B,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC;IAC/D,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAErC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC9B,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAChC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAE,CAAC;IAE/C,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC;IACvD,MAAM,KAAK,GAAG,MAAM,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAE/C,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IACpC,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,kBAAkB,GAAG,KAAK,EAAE,MAAyB,EAAmB,EAAE;IAC9E,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,CAAC,MAAM,CAAC,UAAU,IAAI;YAC1B,IAAI,CAAC,IAAI,EAAE;gBACT,MAAM,CAAC,gBAAgB,CAAC,CAAC;aAC1B;iBAAM;gBACL,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtC,OAAO,CAAC,GAAG,CAAC,CAAC;aACd;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"pdfHelper.js","sourceRoot":"","sources":["../../../../src/graphics/pdfHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGzC,MAAM,UAAU,KAAK,CAAC,OAAe;IACnC,OAAO,OAAO,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;AACrD,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,EAAE,EAC/B,MAAM,EACN,KAAK,EACL,MAAM,GACqB,EAAmB,EAAE;IAChD,2DAA2D;IAC3D,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC9C,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAE9B,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE;QACnD,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;KAClB,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;IAEhF,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IACpC,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/types/src/graphics/pdfHelper.d.ts

@@ -5,4 +5,4 @@ export declare function isPdf(content: string): boolean;
  * convert pdf to blob image url
  * @param content
  */
-export declare const pdfToImage: ({ schema, value, _cache, pdfJs, }: UIRenderProps<ImageSchema>) => Promise<string>;
+export declare const pdfToImage: ({ schema, value, _cache, }: UIRenderProps<ImageSchema>) => Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/schemas",
-  "version": "5.2.16",
+  "version": "5.3.0-beta.0",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",
@@ -48,6 +48,7 @@
     "prettier": "prettier --write 'src/**/*.ts'"
   },
   "dependencies": {
+    "@pdfme/converter": "file:../converter",
     "@pdfme/pdf-lib": "^1.18.3",
     "air-datepicker": "^3.5.3",
     "bwip-js": "^4.1.1",

package/src/graphics/pdfHelper.ts

@@ -1,4 +1,5 @@
-import { Schema, UIRenderProps } from '@pdfme/common';
+import { UIRenderProps, b64toUint8Array } from '@pdfme/common';
+import { pdf2img } from '@pdfme/converter';
 import { getCacheKey } from './cacheKey';
 import { ImageSchema } from './image';
 
@@ -14,42 +15,18 @@ export const pdfToImage = async ({
   schema,
   value,
   _cache,
-  pdfJs,
 }: UIRenderProps<ImageSchema>): Promise<string> => {
   // using value from cache to prevent rerending pdf to image
   const pdfImageCacheKey = getCacheKey(schema, value);
   const imageSrc = _cache.get(pdfImageCacheKey);
   if (imageSrc) return imageSrc;
 
-  const pdfDoc = await pdfJs.getDocument({ url: value }).promise;
-  const page = await pdfDoc.getPage(1);
-
-  const canvas = document.createElement('canvas');
-  const viewport = page.getViewport({ scale: 1 });
-  canvas.width = viewport.width;
-  canvas.height = viewport.height;
-  const canvasContext = canvas.getContext('2d')!;
-
-  await page.render({ canvasContext, viewport }).promise;
-  const image = await _canvasToObjectUrl(canvas);
+  const images = await pdf2img(b64toUint8Array(value), {
+    imageType: 'png',
+    range: { end: 1 },
+  });
+  const image = URL.createObjectURL(new Blob([images[0]], { type: 'image/png' }));
 
   _cache.set(pdfImageCacheKey, image);
   return image;
 };
-
-/**
- * convert canvas to blob url
- * @param canvas
- */
-const _canvasToObjectUrl = async (canvas: HTMLCanvasElement): Promise<string> => {
-  return new Promise((resolve, reject) => {
-    canvas.toBlob(function (blob) {
-      if (!blob) {
-        reject('inavlid canvas');
-      } else {
-        const url = URL.createObjectURL(blob);
-        resolve(url);
-      }
-    });
-  });
-};