@react-pdf-levelup/client 1.1.25 → 1.1.27
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/README.md +22 -13
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
|
+
# `@react-pdf-levelup/client`
|
|
2
|
+
|
|
3
|
+
Utilidad de frontend para decodificar un PDF en base64 y descargarlo/abrirlo en el navegador.
|
|
4
|
+
|
|
1
5
|
<p align="center">
|
|
2
|
-
<img src="https://genarogg.github.io/media/react-pdf-levelup/logo-de-react-pdf-levelup.png"
|
|
6
|
+
<img src="https://genarogg.github.io/media/react-pdf-levelup/logo-de-react-pdf-levelup.png"
|
|
7
|
+
alt="react-pdf-levelup logo"
|
|
8
|
+
width="160"
|
|
9
|
+
/>
|
|
3
10
|
</p>
|
|
4
11
|
|
|
5
|
-
|
|
12
|
+
## NOTA IMPORTANTE ESTA LIBRERIA ES UN COMPLEMENTO DE @react-pdf-levelup/core
|
|
6
13
|
|
|
7
|
-
Utilidad de frontend para decodificar un PDF en base64 y descargarlo/abrirlo en el navegador.
|
|
8
14
|
|
|
9
15
|
## Instalación
|
|
10
16
|
|
|
@@ -25,16 +31,17 @@ decodeBase64Pdf(base64: string, fileName: string): void
|
|
|
25
31
|
```
|
|
26
32
|
|
|
27
33
|
Parámetros:
|
|
34
|
+
|
|
28
35
|
- `base64`: contenido del PDF en base64 (sin prefijo `data:application/pdf;base64,`).
|
|
29
36
|
- `fileName`: nombre del archivo a descargar, por ejemplo `documento.pdf`.
|
|
30
37
|
|
|
31
38
|
### Ejemplo básico (frontend)
|
|
32
39
|
|
|
33
40
|
```ts
|
|
34
|
-
import { decodeBase64Pdf } from
|
|
41
|
+
import { decodeBase64Pdf } from "@react-pdf-levelup/client";
|
|
35
42
|
|
|
36
|
-
const base64 =
|
|
37
|
-
decodeBase64Pdf(base64,
|
|
43
|
+
const base64 = "..."; // PDF en base64
|
|
44
|
+
decodeBase64Pdf(base64, "mi-documento.pdf");
|
|
38
45
|
```
|
|
39
46
|
|
|
40
47
|
### Ejemplo tras generar el PDF
|
|
@@ -42,11 +49,13 @@ decodeBase64Pdf(base64, 'mi-documento.pdf')
|
|
|
42
49
|
Si ya generaste el PDF en base64 (por ejemplo con `react-pdf-levelup`):
|
|
43
50
|
|
|
44
51
|
```ts
|
|
45
|
-
import { generatePDF } from
|
|
46
|
-
import { decodeBase64Pdf } from
|
|
47
|
-
import Template from
|
|
48
|
-
|
|
49
|
-
const pdfBase64 = await generatePDF({
|
|
50
|
-
|
|
52
|
+
import { generatePDF } from "@react-pdf-levelup/core";
|
|
53
|
+
import { decodeBase64Pdf } from "@react-pdf-levelup/client";
|
|
54
|
+
import Template from "./MyTemplate";
|
|
55
|
+
|
|
56
|
+
const pdfBase64 = await generatePDF({
|
|
57
|
+
template: Template,
|
|
58
|
+
data: { title: "Demo" },
|
|
59
|
+
});
|
|
60
|
+
decodeBase64Pdf(pdfBase64, "demo.pdf");
|
|
51
61
|
```
|
|
52
|
-
|