@pdfme/schemas 5.3.0 → 5.3.1-dev.10
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 +14 -21
- package/dist/cjs/src/graphics/image.js.map +1 -1
- package/dist/esm/src/graphics/image.js +14 -21
- package/dist/esm/src/graphics/image.js.map +1 -1
- package/package.json +2 -3
- package/src/graphics/image.ts +16 -23
- package/dist/cjs/src/graphics/pdfHelper.js +0 -30
- package/dist/cjs/src/graphics/pdfHelper.js.map +0 -1
- package/dist/esm/src/graphics/pdfHelper.js +0 -25
- package/dist/esm/src/graphics/pdfHelper.js.map +0 -1
- package/dist/types/src/graphics/pdfHelper.d.ts +0 -8
- package/src/graphics/pdfHelper.ts +0 -32
@@ -5,7 +5,6 @@ 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");
|
9
8
|
const getCacheKey = (schema, input) => `${schema.type}${input}`;
|
10
9
|
const fullSize = { width: '100%', height: '100%' };
|
11
10
|
const defaultValue = 'data:image/png;base64,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';
|
@@ -14,24 +13,15 @@ const imageSchema = {
|
|
14
13
|
const { value, schema, pdfDoc, page, _cache } = arg;
|
15
14
|
if (!value)
|
16
15
|
return;
|
17
|
-
const isGraphicPdf = (0, pdfHelper_js_1.isPdf)(value);
|
18
|
-
const isImageOrPdf = value.startsWith('data:image/') || isGraphicPdf;
|
19
|
-
if (!isImageOrPdf)
|
20
|
-
return;
|
21
16
|
const inputImageCacheKey = getCacheKey(schema, value);
|
22
17
|
let image = _cache.get(inputImageCacheKey);
|
23
18
|
if (!image) {
|
24
|
-
|
25
|
-
|
26
|
-
}
|
27
|
-
else {
|
28
|
-
const isPng = value.startsWith('data:image/png;');
|
29
|
-
image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
|
30
|
-
}
|
19
|
+
const isPng = value.startsWith('data:image/png;');
|
20
|
+
image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
|
31
21
|
_cache.set(inputImageCacheKey, image);
|
32
22
|
}
|
33
23
|
const _schema = { ...schema, position: { ...schema.position } };
|
34
|
-
const dimension =
|
24
|
+
const dimension = (0, imagehelper_js_1.getImageDimension)(value);
|
35
25
|
const imageWidth = (0, common_1.px2mm)(dimension.width);
|
36
26
|
const imageHeight = (0, common_1.px2mm)(dimension.height);
|
37
27
|
const boxWidth = _schema.width;
|
@@ -53,11 +43,9 @@ const imageSchema = {
|
|
53
43
|
const { width, height, rotate, position, opacity } = lProps;
|
54
44
|
const { x, y } = position;
|
55
45
|
const drawOptions = { x, y, rotate, width, height, opacity };
|
56
|
-
|
57
|
-
? page.drawPage(image, drawOptions)
|
58
|
-
: page.drawImage(image, drawOptions);
|
46
|
+
page.drawImage(image, drawOptions);
|
59
47
|
},
|
60
|
-
ui:
|
48
|
+
ui: (arg) => {
|
61
49
|
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, theme, schema, } = arg;
|
62
50
|
const editable = (0, utils_js_1.isEditable)(mode, schema);
|
63
51
|
const isDefault = value === defaultValue;
|
@@ -79,7 +67,6 @@ const imageSchema = {
|
|
79
67
|
rootElement.appendChild(container);
|
80
68
|
// image tag
|
81
69
|
if (value) {
|
82
|
-
let src = (0, pdfHelper_js_1.isPdf)(value) ? await (0, pdfHelper_js_1.pdfToImage)(arg) : value;
|
83
70
|
const img = document.createElement('img');
|
84
71
|
const imgStyle = {
|
85
72
|
height: '100%',
|
@@ -88,7 +75,7 @@ const imageSchema = {
|
|
88
75
|
objectFit: 'contain',
|
89
76
|
};
|
90
77
|
Object.assign(img.style, imgStyle);
|
91
|
-
img.src =
|
78
|
+
img.src = value;
|
92
79
|
container.appendChild(img);
|
93
80
|
}
|
94
81
|
// remove button
|
@@ -144,10 +131,16 @@ const imageSchema = {
|
|
144
131
|
Object.assign(input.style, inputStyle);
|
145
132
|
input.tabIndex = tabIndex || 0;
|
146
133
|
input.type = 'file';
|
147
|
-
input.accept = 'image/jpeg, image/png
|
134
|
+
input.accept = 'image/jpeg, image/png';
|
148
135
|
input.addEventListener('change', (event) => {
|
149
136
|
const changeEvent = event;
|
150
|
-
(0, utils_js_1.readFile)(changeEvent.target.files)
|
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
|
+
});
|
151
144
|
});
|
152
145
|
input.addEventListener('blur', () => stopEditing && stopEditing());
|
153
146
|
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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"}
|
@@ -3,7 +3,6 @@ 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';
|
7
6
|
const getCacheKey = (schema, input) => `${schema.type}${input}`;
|
8
7
|
const fullSize = { width: '100%', height: '100%' };
|
9
8
|
const defaultValue = 'data:image/png;base64,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';
|
@@ -12,24 +11,15 @@ const imageSchema = {
|
|
12
11
|
const { value, schema, pdfDoc, page, _cache } = arg;
|
13
12
|
if (!value)
|
14
13
|
return;
|
15
|
-
const isGraphicPdf = isPdf(value);
|
16
|
-
const isImageOrPdf = value.startsWith('data:image/') || isGraphicPdf;
|
17
|
-
if (!isImageOrPdf)
|
18
|
-
return;
|
19
14
|
const inputImageCacheKey = getCacheKey(schema, value);
|
20
15
|
let image = _cache.get(inputImageCacheKey);
|
21
16
|
if (!image) {
|
22
|
-
|
23
|
-
|
24
|
-
}
|
25
|
-
else {
|
26
|
-
const isPng = value.startsWith('data:image/png;');
|
27
|
-
image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
|
28
|
-
}
|
17
|
+
const isPng = value.startsWith('data:image/png;');
|
18
|
+
image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
|
29
19
|
_cache.set(inputImageCacheKey, image);
|
30
20
|
}
|
31
21
|
const _schema = { ...schema, position: { ...schema.position } };
|
32
|
-
const dimension =
|
22
|
+
const dimension = getImageDimension(value);
|
33
23
|
const imageWidth = px2mm(dimension.width);
|
34
24
|
const imageHeight = px2mm(dimension.height);
|
35
25
|
const boxWidth = _schema.width;
|
@@ -51,11 +41,9 @@ const imageSchema = {
|
|
51
41
|
const { width, height, rotate, position, opacity } = lProps;
|
52
42
|
const { x, y } = position;
|
53
43
|
const drawOptions = { x, y, rotate, width, height, opacity };
|
54
|
-
|
55
|
-
? page.drawPage(image, drawOptions)
|
56
|
-
: page.drawImage(image, drawOptions);
|
44
|
+
page.drawImage(image, drawOptions);
|
57
45
|
},
|
58
|
-
ui:
|
46
|
+
ui: (arg) => {
|
59
47
|
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, theme, schema, } = arg;
|
60
48
|
const editable = isEditable(mode, schema);
|
61
49
|
const isDefault = value === defaultValue;
|
@@ -77,7 +65,6 @@ const imageSchema = {
|
|
77
65
|
rootElement.appendChild(container);
|
78
66
|
// image tag
|
79
67
|
if (value) {
|
80
|
-
let src = isPdf(value) ? await pdfToImage(arg) : value;
|
81
68
|
const img = document.createElement('img');
|
82
69
|
const imgStyle = {
|
83
70
|
height: '100%',
|
@@ -86,7 +73,7 @@ const imageSchema = {
|
|
86
73
|
objectFit: 'contain',
|
87
74
|
};
|
88
75
|
Object.assign(img.style, imgStyle);
|
89
|
-
img.src =
|
76
|
+
img.src = value;
|
90
77
|
container.appendChild(img);
|
91
78
|
}
|
92
79
|
// remove button
|
@@ -142,10 +129,16 @@ const imageSchema = {
|
|
142
129
|
Object.assign(input.style, inputStyle);
|
143
130
|
input.tabIndex = tabIndex || 0;
|
144
131
|
input.type = 'file';
|
145
|
-
input.accept = 'image/jpeg, image/png
|
132
|
+
input.accept = 'image/jpeg, image/png';
|
146
133
|
input.addEventListener('change', (event) => {
|
147
134
|
const changeEvent = event;
|
148
|
-
readFile(changeEvent.target.files)
|
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
|
+
});
|
149
142
|
});
|
150
143
|
input.addEventListener('blur', () => stopEditing && stopEditing());
|
151
144
|
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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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@pdfme/schemas",
|
3
|
-
"version": "5.3.
|
3
|
+
"version": "5.3.1-dev.10",
|
4
4
|
"sideEffects": false,
|
5
5
|
"author": "hand-dot",
|
6
6
|
"license": "MIT",
|
@@ -48,8 +48,7 @@
|
|
48
48
|
"prettier": "prettier --write 'src/**/*.ts'"
|
49
49
|
},
|
50
50
|
"dependencies": {
|
51
|
-
"@pdfme/
|
52
|
-
"@pdfme/pdf-lib": "^1.18.3",
|
51
|
+
"@pdfme/pdf-lib": "*",
|
53
52
|
"air-datepicker": "^3.5.3",
|
54
53
|
"bwip-js": "^4.1.1",
|
55
54
|
"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
|
2
|
+
import type { PDFImage } 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,7 +14,6 @@ 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';
|
18
17
|
|
19
18
|
const getCacheKey = (schema: Schema, input: string) => `${schema.type}${input}`;
|
20
19
|
const fullSize = { width: '100%', height: '100%' };
|
@@ -27,24 +26,17 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
27
26
|
pdf: async (arg: PDFRenderProps<ImageSchema>) => {
|
28
27
|
const { value, schema, pdfDoc, page, _cache } = arg;
|
29
28
|
if (!value) return;
|
30
|
-
const isGraphicPdf = isPdf(value);
|
31
|
-
const isImageOrPdf = value.startsWith('data:image/') || isGraphicPdf;
|
32
|
-
if (!isImageOrPdf) return;
|
33
29
|
|
34
30
|
const inputImageCacheKey = getCacheKey(schema, value);
|
35
|
-
let image = _cache.get(inputImageCacheKey) as PDFImage
|
31
|
+
let image = _cache.get(inputImageCacheKey) as PDFImage;
|
36
32
|
if (!image) {
|
37
|
-
|
38
|
-
|
39
|
-
} else {
|
40
|
-
const isPng = value.startsWith('data:image/png;');
|
41
|
-
image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
|
42
|
-
}
|
33
|
+
const isPng = value.startsWith('data:image/png;');
|
34
|
+
image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
|
43
35
|
_cache.set(inputImageCacheKey, image);
|
44
36
|
}
|
45
37
|
|
46
38
|
const _schema = { ...schema, position: { ...schema.position } };
|
47
|
-
const dimension =
|
39
|
+
const dimension = getImageDimension(value);
|
48
40
|
const imageWidth = px2mm(dimension.width);
|
49
41
|
const imageHeight = px2mm(dimension.height);
|
50
42
|
const boxWidth = _schema.width;
|
@@ -69,11 +61,9 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
69
61
|
const { x, y } = position;
|
70
62
|
|
71
63
|
const drawOptions = { x, y, rotate, width, height, opacity };
|
72
|
-
|
73
|
-
? page.drawPage(image as PDFEmbeddedPage, drawOptions)
|
74
|
-
: page.drawImage(image as PDFImage, drawOptions);
|
64
|
+
page.drawImage(image, drawOptions);
|
75
65
|
},
|
76
|
-
ui:
|
66
|
+
ui: (arg: UIRenderProps<ImageSchema>) => {
|
77
67
|
const {
|
78
68
|
value,
|
79
69
|
rootElement,
|
@@ -107,7 +97,6 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
107
97
|
|
108
98
|
// image tag
|
109
99
|
if (value) {
|
110
|
-
let src = isPdf(value) ? await pdfToImage(arg) : value;
|
111
100
|
const img = document.createElement('img');
|
112
101
|
const imgStyle: CSS.Properties = {
|
113
102
|
height: '100%',
|
@@ -116,7 +105,7 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
116
105
|
objectFit: 'contain',
|
117
106
|
};
|
118
107
|
Object.assign(img.style, imgStyle);
|
119
|
-
img.src =
|
108
|
+
img.src = value;
|
120
109
|
container.appendChild(img);
|
121
110
|
}
|
122
111
|
|
@@ -174,12 +163,16 @@ const imageSchema: Plugin<ImageSchema> = {
|
|
174
163
|
Object.assign(input.style, inputStyle);
|
175
164
|
input.tabIndex = tabIndex || 0;
|
176
165
|
input.type = 'file';
|
177
|
-
input.accept = 'image/jpeg, image/png
|
166
|
+
input.accept = 'image/jpeg, image/png';
|
178
167
|
input.addEventListener('change', (event: Event) => {
|
179
168
|
const changeEvent = event as unknown as ChangeEvent<HTMLInputElement>;
|
180
|
-
readFile(changeEvent.target.files)
|
181
|
-
(result) =>
|
182
|
-
|
169
|
+
readFile(changeEvent.target.files)
|
170
|
+
.then((result) => {
|
171
|
+
onChange && onChange({ key: 'content', value: result as string });
|
172
|
+
})
|
173
|
+
.catch((error) => {
|
174
|
+
console.error('Error reading file:', error);
|
175
|
+
});
|
183
176
|
});
|
184
177
|
input.addEventListener('blur', () => stopEditing && stopEditing());
|
185
178
|
label.appendChild(input);
|
@@ -1,30 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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"}
|
@@ -1,25 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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"}
|
@@ -1,8 +0,0 @@
|
|
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>;
|
@@ -1,32 +0,0 @@
|
|
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
|
-
};
|