@pdfme/schemas 5.3.0-dev.2 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/src/graphics/image.js +21 -14
- package/dist/cjs/src/graphics/image.js.map +1 -1
- package/dist/cjs/src/graphics/pdfHelper.js +30 -0
- package/dist/cjs/src/graphics/pdfHelper.js.map +1 -0
- package/dist/esm/src/graphics/image.js +21 -14
- package/dist/esm/src/graphics/image.js.map +1 -1
- package/dist/esm/src/graphics/pdfHelper.js +25 -0
- package/dist/esm/src/graphics/pdfHelper.js.map +1 -0
- package/dist/types/src/graphics/pdfHelper.d.ts +8 -0
- package/package.json +3 -2
- package/src/graphics/image.ts +23 -16
- package/src/graphics/pdfHelper.ts +32 -0
@@ -5,6 +5,7 @@ const lucide_1 = require("lucide");
|
|
5
5
|
const utils_js_1 = require("../utils.js");
|
6
6
|
const constants_js_1 = require("../constants.js");
|
7
7
|
const imagehelper_js_1 = require("./imagehelper.js");
|
8
|
+
const pdfHelper_js_1 = require("./pdfHelper.js");
|
8
9
|
const getCacheKey = (schema, input) => `${schema.type}${input}`;
|
9
10
|
const fullSize = { width: '100%', height: '100%' };
|
10
11
|
const defaultValue = 'data:image/png;base64,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';
|
@@ -13,15 +14,24 @@ const imageSchema = {
|
|
13
14
|
const { value, schema, pdfDoc, page, _cache } = arg;
|
14
15
|
if (!value)
|
15
16
|
return;
|
17
|
+
const isGraphicPdf = (0, pdfHelper_js_1.isPdf)(value);
|
18
|
+
const isImageOrPdf = value.startsWith('data:image/') || isGraphicPdf;
|
19
|
+
if (!isImageOrPdf)
|
20
|
+
return;
|
16
21
|
const inputImageCacheKey = getCacheKey(schema, value);
|
17
22
|
let image = _cache.get(inputImageCacheKey);
|
18
23
|
if (!image) {
|
19
|
-
|
20
|
-
|
24
|
+
if (isGraphicPdf) {
|
25
|
+
[image] = await pdfDoc.embedPdf(value);
|
26
|
+
}
|
27
|
+
else {
|
28
|
+
const isPng = value.startsWith('data:image/png;');
|
29
|
+
image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
|
30
|
+
}
|
21
31
|
_cache.set(inputImageCacheKey, image);
|
22
32
|
}
|
23
33
|
const _schema = { ...schema, position: { ...schema.position } };
|
24
|
-
const dimension = (0, imagehelper_js_1.getImageDimension)(value);
|
34
|
+
const dimension = isGraphicPdf ? image.scale(1) : (0, imagehelper_js_1.getImageDimension)(value);
|
25
35
|
const imageWidth = (0, common_1.px2mm)(dimension.width);
|
26
36
|
const imageHeight = (0, common_1.px2mm)(dimension.height);
|
27
37
|
const boxWidth = _schema.width;
|
@@ -43,9 +53,11 @@ const imageSchema = {
|
|
43
53
|
const { width, height, rotate, position, opacity } = lProps;
|
44
54
|
const { x, y } = position;
|
45
55
|
const drawOptions = { x, y, rotate, width, height, opacity };
|
46
|
-
|
56
|
+
isGraphicPdf
|
57
|
+
? page.drawPage(image, drawOptions)
|
58
|
+
: page.drawImage(image, drawOptions);
|
47
59
|
},
|
48
|
-
ui: (arg) => {
|
60
|
+
ui: async (arg) => {
|
49
61
|
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, theme, schema, } = arg;
|
50
62
|
const editable = (0, utils_js_1.isEditable)(mode, schema);
|
51
63
|
const isDefault = value === defaultValue;
|
@@ -67,6 +79,7 @@ const imageSchema = {
|
|
67
79
|
rootElement.appendChild(container);
|
68
80
|
// image tag
|
69
81
|
if (value) {
|
82
|
+
let src = (0, pdfHelper_js_1.isPdf)(value) ? await (0, pdfHelper_js_1.pdfToImage)(arg) : value;
|
70
83
|
const img = document.createElement('img');
|
71
84
|
const imgStyle = {
|
72
85
|
height: '100%',
|
@@ -75,7 +88,7 @@ const imageSchema = {
|
|
75
88
|
objectFit: 'contain',
|
76
89
|
};
|
77
90
|
Object.assign(img.style, imgStyle);
|
78
|
-
img.src =
|
91
|
+
img.src = src;
|
79
92
|
container.appendChild(img);
|
80
93
|
}
|
81
94
|
// remove button
|
@@ -131,16 +144,10 @@ const imageSchema = {
|
|
131
144
|
Object.assign(input.style, inputStyle);
|
132
145
|
input.tabIndex = tabIndex || 0;
|
133
146
|
input.type = 'file';
|
134
|
-
input.accept = 'image/jpeg, image/png';
|
147
|
+
input.accept = 'image/jpeg, image/png, application/pdf';
|
135
148
|
input.addEventListener('change', (event) => {
|
136
149
|
const changeEvent = event;
|
137
|
-
(0, utils_js_1.readFile)(changeEvent.target.files)
|
138
|
-
.then((result) => {
|
139
|
-
onChange && onChange({ key: 'content', value: result });
|
140
|
-
})
|
141
|
-
.catch((error) => {
|
142
|
-
console.error('Error reading file:', error);
|
143
|
-
});
|
150
|
+
(0, utils_js_1.readFile)(changeEvent.target.files).then((result) => onChange && onChange({ key: 'content', value: result }));
|
144
151
|
});
|
145
152
|
input.addEventListener('blur', () => stopEditing && stopEditing());
|
146
153
|
label.appendChild(input);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/graphics/image.ts"],"names":[],"mappings":";;AAKA,0CAAqD;AACrD,mCAA+B;AAC/B,0CAMqB;AACrB,kDAAkD;AAClD,qDAAqD;
|
1
|
+
{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/graphics/image.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.pdfToImage = exports.isPdf = void 0;
|
4
|
+
const common_1 = require("@pdfme/common");
|
5
|
+
const converter_1 = require("@pdfme/converter");
|
6
|
+
const cacheKey_1 = require("./cacheKey");
|
7
|
+
function isPdf(content) {
|
8
|
+
return content.startsWith('data:application/pdf;');
|
9
|
+
}
|
10
|
+
exports.isPdf = isPdf;
|
11
|
+
/**
|
12
|
+
* convert pdf to blob image url
|
13
|
+
* @param content
|
14
|
+
*/
|
15
|
+
const pdfToImage = async ({ schema, value, _cache, }) => {
|
16
|
+
// using value from cache to prevent rerending pdf to image
|
17
|
+
const pdfImageCacheKey = (0, cacheKey_1.getCacheKey)(schema, value);
|
18
|
+
const imageSrc = _cache.get(pdfImageCacheKey);
|
19
|
+
if (imageSrc)
|
20
|
+
return imageSrc;
|
21
|
+
const images = await (0, converter_1.pdf2img)((0, common_1.b64toUint8Array)(value), {
|
22
|
+
imageType: 'png',
|
23
|
+
range: { end: 1 },
|
24
|
+
});
|
25
|
+
const image = URL.createObjectURL(new Blob([images[0]], { type: 'image/png' }));
|
26
|
+
_cache.set(pdfImageCacheKey, image);
|
27
|
+
return image;
|
28
|
+
};
|
29
|
+
exports.pdfToImage = pdfToImage;
|
30
|
+
//# sourceMappingURL=pdfHelper.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"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"}
|
@@ -3,6 +3,7 @@ import { Image } from 'lucide';
|
|
3
3
|
import { convertForPdfLayoutProps, addAlphaToHex, isEditable, readFile, createSvgStr, } from '../utils.js';
|
4
4
|
import { DEFAULT_OPACITY } from '../constants.js';
|
5
5
|
import { getImageDimension } from './imagehelper.js';
|
6
|
+
import { isPdf, pdfToImage } from './pdfHelper.js';
|
6
7
|
const getCacheKey = (schema, input) => `${schema.type}${input}`;
|
7
8
|
const fullSize = { width: '100%', height: '100%' };
|
8
9
|
const defaultValue = 'data:image/png;base64,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';
|
@@ -11,15 +12,24 @@ const imageSchema = {
|
|
11
12
|
const { value, schema, pdfDoc, page, _cache } = arg;
|
12
13
|
if (!value)
|
13
14
|
return;
|
15
|
+
const isGraphicPdf = isPdf(value);
|
16
|
+
const isImageOrPdf = value.startsWith('data:image/') || isGraphicPdf;
|
17
|
+
if (!isImageOrPdf)
|
18
|
+
return;
|
14
19
|
const inputImageCacheKey = getCacheKey(schema, value);
|
15
20
|
let image = _cache.get(inputImageCacheKey);
|
16
21
|
if (!image) {
|
17
|
-
|
18
|
-
|
22
|
+
if (isGraphicPdf) {
|
23
|
+
[image] = await pdfDoc.embedPdf(value);
|
24
|
+
}
|
25
|
+
else {
|
26
|
+
const isPng = value.startsWith('data:image/png;');
|
27
|
+
image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
|
28
|
+
}
|
19
29
|
_cache.set(inputImageCacheKey, image);
|
20
30
|
}
|
21
31
|
const _schema = { ...schema, position: { ...schema.position } };
|
22
|
-
const dimension = getImageDimension(value);
|
32
|
+
const dimension = isGraphicPdf ? image.scale(1) : getImageDimension(value);
|
23
33
|
const imageWidth = px2mm(dimension.width);
|
24
34
|
const imageHeight = px2mm(dimension.height);
|
25
35
|
const boxWidth = _schema.width;
|
@@ -41,9 +51,11 @@ const imageSchema = {
|
|
41
51
|
const { width, height, rotate, position, opacity } = lProps;
|
42
52
|
const { x, y } = position;
|
43
53
|
const drawOptions = { x, y, rotate, width, height, opacity };
|
44
|
-
|
54
|
+
isGraphicPdf
|
55
|
+
? page.drawPage(image, drawOptions)
|
56
|
+
: page.drawImage(image, drawOptions);
|
45
57
|
},
|
46
|
-
ui: (arg) => {
|
58
|
+
ui: async (arg) => {
|
47
59
|
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, theme, schema, } = arg;
|
48
60
|
const editable = isEditable(mode, schema);
|
49
61
|
const isDefault = value === defaultValue;
|
@@ -65,6 +77,7 @@ const imageSchema = {
|
|
65
77
|
rootElement.appendChild(container);
|
66
78
|
// image tag
|
67
79
|
if (value) {
|
80
|
+
let src = isPdf(value) ? await pdfToImage(arg) : value;
|
68
81
|
const img = document.createElement('img');
|
69
82
|
const imgStyle = {
|
70
83
|
height: '100%',
|
@@ -73,7 +86,7 @@ const imageSchema = {
|
|
73
86
|
objectFit: 'contain',
|
74
87
|
};
|
75
88
|
Object.assign(img.style, imgStyle);
|
76
|
-
img.src =
|
89
|
+
img.src = src;
|
77
90
|
container.appendChild(img);
|
78
91
|
}
|
79
92
|
// remove button
|
@@ -129,16 +142,10 @@ const imageSchema = {
|
|
129
142
|
Object.assign(input.style, inputStyle);
|
130
143
|
input.tabIndex = tabIndex || 0;
|
131
144
|
input.type = 'file';
|
132
|
-
input.accept = 'image/jpeg, image/png';
|
145
|
+
input.accept = 'image/jpeg, image/png, application/pdf';
|
133
146
|
input.addEventListener('change', (event) => {
|
134
147
|
const changeEvent = event;
|
135
|
-
readFile(changeEvent.target.files)
|
136
|
-
.then((result) => {
|
137
|
-
onChange && onChange({ key: 'content', value: result });
|
138
|
-
})
|
139
|
-
.catch((error) => {
|
140
|
-
console.error('Error reading file:', error);
|
141
|
-
});
|
148
|
+
readFile(changeEvent.target.files).then((result) => onChange && onChange({ key: 'content', value: result }));
|
142
149
|
});
|
143
150
|
input.addEventListener('blur', () => stopEditing && stopEditing());
|
144
151
|
label.appendChild(input);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/graphics/image.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EACL,wBAAwB,EACxB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;
|
1
|
+
{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/graphics/image.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { b64toUint8Array } from '@pdfme/common';
|
2
|
+
import { pdf2img } from '@pdfme/converter';
|
3
|
+
import { getCacheKey } from './cacheKey';
|
4
|
+
export function isPdf(content) {
|
5
|
+
return content.startsWith('data:application/pdf;');
|
6
|
+
}
|
7
|
+
/**
|
8
|
+
* convert pdf to blob image url
|
9
|
+
* @param content
|
10
|
+
*/
|
11
|
+
export const pdfToImage = async ({ schema, value, _cache, }) => {
|
12
|
+
// using value from cache to prevent rerending pdf to image
|
13
|
+
const pdfImageCacheKey = getCacheKey(schema, value);
|
14
|
+
const imageSrc = _cache.get(pdfImageCacheKey);
|
15
|
+
if (imageSrc)
|
16
|
+
return imageSrc;
|
17
|
+
const images = await pdf2img(b64toUint8Array(value), {
|
18
|
+
imageType: 'png',
|
19
|
+
range: { end: 1 },
|
20
|
+
});
|
21
|
+
const image = URL.createObjectURL(new Blob([images[0]], { type: 'image/png' }));
|
22
|
+
_cache.set(pdfImageCacheKey, image);
|
23
|
+
return image;
|
24
|
+
};
|
25
|
+
//# sourceMappingURL=pdfHelper.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"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"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { UIRenderProps } from '@pdfme/common';
|
2
|
+
import { ImageSchema } from './image';
|
3
|
+
export declare function isPdf(content: string): boolean;
|
4
|
+
/**
|
5
|
+
* convert pdf to blob image url
|
6
|
+
* @param content
|
7
|
+
*/
|
8
|
+
export declare const pdfToImage: ({ schema, value, _cache, }: UIRenderProps<ImageSchema>) => Promise<string>;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@pdfme/schemas",
|
3
|
-
"version": "5.3.0
|
3
|
+
"version": "5.3.0",
|
4
4
|
"sideEffects": false,
|
5
5
|
"author": "hand-dot",
|
6
6
|
"license": "MIT",
|
@@ -48,7 +48,8 @@
|
|
48
48
|
"prettier": "prettier --write 'src/**/*.ts'"
|
49
49
|
},
|
50
50
|
"dependencies": {
|
51
|
-
"@pdfme/
|
51
|
+
"@pdfme/converter": "file:../converter",
|
52
|
+
"@pdfme/pdf-lib": "^1.18.3",
|
52
53
|
"air-datepicker": "^3.5.3",
|
53
54
|
"bwip-js": "^4.1.1",
|
54
55
|
"date-fns": "^4.1.0",
|
package/src/graphics/image.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { ChangeEvent } from 'react';
|
2
|
-
import type { PDFImage } from '@pdfme/pdf-lib';
|
2
|
+
import type { PDFImage, PDFEmbeddedPage } from '@pdfme/pdf-lib';
|
3
3
|
import type { Plugin } from '@pdfme/common';
|
4
4
|
import type { PDFRenderProps, Schema } from '@pdfme/common';
|
5
5
|
import type * as CSS from 'csstype';
|
@@ -14,6 +14,7 @@ import {
|
|
14
14
|
} from '../utils.js';
|
15
15
|
import { DEFAULT_OPACITY } from '../constants.js';
|
16
16
|
import { getImageDimension } from './imagehelper.js';
|
17
|
+
import { isPdf, pdfToImage } from './pdfHelper.js';
|
17
18
|
|
18
19
|
const getCacheKey = (schema: Schema, input: string) => `${schema.type}${input}`;
|
19
20
|
const fullSize = { width: '100%', height: '100%' };
|
@@ -26,17 +27,24 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
26
27
|
pdf: async (arg: PDFRenderProps<ImageSchema>) => {
|
27
28
|
const { value, schema, pdfDoc, page, _cache } = arg;
|
28
29
|
if (!value) return;
|
30
|
+
const isGraphicPdf = isPdf(value);
|
31
|
+
const isImageOrPdf = value.startsWith('data:image/') || isGraphicPdf;
|
32
|
+
if (!isImageOrPdf) return;
|
29
33
|
|
30
34
|
const inputImageCacheKey = getCacheKey(schema, value);
|
31
|
-
let image = _cache.get(inputImageCacheKey) as PDFImage;
|
35
|
+
let image = _cache.get(inputImageCacheKey) as PDFImage | PDFEmbeddedPage;
|
32
36
|
if (!image) {
|
33
|
-
|
34
|
-
|
37
|
+
if (isGraphicPdf) {
|
38
|
+
[image] = await pdfDoc.embedPdf(value);
|
39
|
+
} else {
|
40
|
+
const isPng = value.startsWith('data:image/png;');
|
41
|
+
image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
|
42
|
+
}
|
35
43
|
_cache.set(inputImageCacheKey, image);
|
36
44
|
}
|
37
45
|
|
38
46
|
const _schema = { ...schema, position: { ...schema.position } };
|
39
|
-
const dimension = getImageDimension(value);
|
47
|
+
const dimension = isGraphicPdf ? image.scale(1) : getImageDimension(value);
|
40
48
|
const imageWidth = px2mm(dimension.width);
|
41
49
|
const imageHeight = px2mm(dimension.height);
|
42
50
|
const boxWidth = _schema.width;
|
@@ -61,9 +69,11 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
61
69
|
const { x, y } = position;
|
62
70
|
|
63
71
|
const drawOptions = { x, y, rotate, width, height, opacity };
|
64
|
-
|
72
|
+
isGraphicPdf
|
73
|
+
? page.drawPage(image as PDFEmbeddedPage, drawOptions)
|
74
|
+
: page.drawImage(image as PDFImage, drawOptions);
|
65
75
|
},
|
66
|
-
ui: (arg: UIRenderProps<ImageSchema>) => {
|
76
|
+
ui: async (arg: UIRenderProps<ImageSchema>) => {
|
67
77
|
const {
|
68
78
|
value,
|
69
79
|
rootElement,
|
@@ -97,6 +107,7 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
97
107
|
|
98
108
|
// image tag
|
99
109
|
if (value) {
|
110
|
+
let src = isPdf(value) ? await pdfToImage(arg) : value;
|
100
111
|
const img = document.createElement('img');
|
101
112
|
const imgStyle: CSS.Properties = {
|
102
113
|
height: '100%',
|
@@ -105,7 +116,7 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
105
116
|
objectFit: 'contain',
|
106
117
|
};
|
107
118
|
Object.assign(img.style, imgStyle);
|
108
|
-
img.src =
|
119
|
+
img.src = src;
|
109
120
|
container.appendChild(img);
|
110
121
|
}
|
111
122
|
|
@@ -163,16 +174,12 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
163
174
|
Object.assign(input.style, inputStyle);
|
164
175
|
input.tabIndex = tabIndex || 0;
|
165
176
|
input.type = 'file';
|
166
|
-
input.accept = 'image/jpeg, image/png';
|
177
|
+
input.accept = 'image/jpeg, image/png, application/pdf';
|
167
178
|
input.addEventListener('change', (event: Event) => {
|
168
179
|
const changeEvent = event as unknown as ChangeEvent<HTMLInputElement>;
|
169
|
-
readFile(changeEvent.target.files)
|
170
|
-
|
171
|
-
|
172
|
-
})
|
173
|
-
.catch((error) => {
|
174
|
-
console.error('Error reading file:', error);
|
175
|
-
});
|
180
|
+
readFile(changeEvent.target.files).then(
|
181
|
+
(result) => onChange && onChange({ key: 'content', value: result as string })
|
182
|
+
);
|
176
183
|
});
|
177
184
|
input.addEventListener('blur', () => stopEditing && stopEditing());
|
178
185
|
label.appendChild(input);
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import { UIRenderProps, b64toUint8Array } from '@pdfme/common';
|
2
|
+
import { pdf2img } from '@pdfme/converter';
|
3
|
+
import { getCacheKey } from './cacheKey';
|
4
|
+
import { ImageSchema } from './image';
|
5
|
+
|
6
|
+
export function isPdf(content: string): boolean {
|
7
|
+
return content.startsWith('data:application/pdf;');
|
8
|
+
}
|
9
|
+
|
10
|
+
/**
|
11
|
+
* convert pdf to blob image url
|
12
|
+
* @param content
|
13
|
+
*/
|
14
|
+
export const pdfToImage = async ({
|
15
|
+
schema,
|
16
|
+
value,
|
17
|
+
_cache,
|
18
|
+
}: UIRenderProps<ImageSchema>): Promise<string> => {
|
19
|
+
// using value from cache to prevent rerending pdf to image
|
20
|
+
const pdfImageCacheKey = getCacheKey(schema, value);
|
21
|
+
const imageSrc = _cache.get(pdfImageCacheKey);
|
22
|
+
if (imageSrc) return imageSrc;
|
23
|
+
|
24
|
+
const images = await pdf2img(b64toUint8Array(value), {
|
25
|
+
imageType: 'png',
|
26
|
+
range: { end: 1 },
|
27
|
+
});
|
28
|
+
const image = URL.createObjectURL(new Blob([images[0]], { type: 'image/png' }));
|
29
|
+
|
30
|
+
_cache.set(pdfImageCacheKey, image);
|
31
|
+
return image;
|
32
|
+
};
|