@react-pdf-levelup/client 1.1.15

package/README.md

@@ -0,0 +1,89 @@
+<p align="center">
+  <img src="https://genarogg.github.io/media/react-pdf-levelup/logo-de-react-pdf-levelup.png" alt="react-pdf-levelup logo" width="160" />
+</p>
+
+# `@react-pdf-levelup/qr`
+
+> Paquete de componentes y utilidades para generar códigos QR estilizados dentro de plantillas PDF (React + `@react-pdf/renderer`) y en el frontend.
+
+## Instalación
+
+```bash
+npm install @react-pdf-levelup/qr
+```
+
+## Componentes principales
+
+- `QR`: componente para insertar un código QR en una plantilla PDF.
+- `QRStyle`: utilidades/constructores para generar estilos personalizados de QR (colores, forma de puntos, máscaras, etc.).
+
+## Uso en plantillas PDF (ejemplo mínimo)
+
+```tsx
+import React from 'react';
+import { Document, Page } from '@react-pdf/renderer';
+import { QR } from '@react-pdf-levelup/qr';
+
+const MyPdfTemplate = ({ data }) => (
+  <Document>
+    <Page size="A4">
+      {/* QR simple */}
+      <QR value={data.url} size={120} />
+    </Page>
+  </Document>
+);
+
+export default MyPdfTemplate;
+```
+
+Props comunes de `QR` (ejemplos):
+- `value` (string): contenido del QR (URL, texto).
+- `size` (number): tamaño en px.
+- `style` (object): estilo generado por `QRStyle` o un objeto inline con colores y forma.
+
+## Personalizar apariencia con `QRStyle` (ejemplos)
+
+```ts
+import { QRStyle } from '@react-pdf-levelup/qr';
+
+// Genera un objeto estilo reutilizable
+const style = QRStyle({
+  dotColor: '#0b74de',
+  backgroundColor: '#ffffff',
+  eyeColor: '#0b74de',
+  eyeRadius: 4,
+  dotShape: 'rounded'
+});
+
+// Usarlo en el componente QR
+// <QR value="https://example.com" size={140} style={style} />
+```
+
+## Ejemplo avanzado (preview + export)
+
+Frontend (vista previa y generación):
+
+```tsx
+import React from 'react';
+import { QRGenerator, QRstyleGenerator } from '@react-pdf-levelup/qr';
+
+function Preview() {
+  const qrValue = 'https://react-pdf-levelup.nimbux.cloud';
+  const previewStyle = QRstyleGenerator({ dotColor: '#222', eyeColor: '#ff6b6b' });
+
+  return (
+    <div>
+      <h3>Previsualización QR</h3>
+      <QRGenerator value={qrValue} size={180} style={previewStyle} />
+    </div>
+  );
+}
+
+export default Preview;
+```
+
+## Notes
+- Asegúrate de compilar el paquete (`dist/`) antes de publicar.
+- `QRStyle`/`QRGenerator` APIs pueden variar según la versión; revisa los archivos fuente `frontend/src/components/core/qr` si necesitas adaptar propiedades concretas.
+
+Si quieres, puedo actualizar README con la API exacta detectada en `frontend/src/components/core/qr` y añadir ejemplos concretos basados en las props reales.

package/dist/index.cjs

@@ -0,0 +1,2 @@
+'use strict';require('@react-pdf/renderer'),require('react');var m=(c,s)=>{let r=atob(c),n=new Array(r.length);for(let t=0;t<r.length;t++)n[t]=r.charCodeAt(t);let d=new Uint8Array(n),i=new Blob([d],{type:"application/pdf"}),o=URL.createObjectURL(i);if(document===void 0){console.error("document is undefined, only works in browser context");return}let e=document.createElement("a");e.href=o,e.download=s,document.body.appendChild(e),e.click(),document.body.removeChild(e),window.open(o,"_blank"),setTimeout(()=>{URL.revokeObjectURL(o);},100);},a=m;exports.decodeBase64Pdf=a;//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../frontend/src/functions/decodeBase64Pdf.ts"],"names":["decodeBase64Pdf","base64","fileName","byteCharacters","byteNumbers","i","byteArray","blob","blobUrl","link","decodeBase64Pdf_default"],"mappings":"6DAAA,IAAMA,CAAAA,CAAkB,CAACC,CAAAA,CAAgBC,CAAAA,GAAqB,CAC5D,IAAMC,CAAAA,CAAiB,IAAA,CAAKF,CAAM,CAAA,CAC5BG,CAAAA,CAAc,IAAI,MAAMD,CAAAA,CAAe,MAAM,CAAA,CACnD,IAAA,IAASE,CAAAA,CAAI,CAAA,CAAGA,EAAIF,CAAAA,CAAe,MAAA,CAAQE,CAAAA,EAAAA,CACzCD,CAAAA,CAAYC,CAAC,CAAA,CAAIF,EAAe,UAAA,CAAWE,CAAC,CAAA,CAE9C,IAAMC,CAAAA,CAAY,IAAI,WAAWF,CAAW,CAAA,CACtCG,CAAAA,CAAO,IAAI,IAAA,CAAK,CAACD,CAAS,CAAA,CAAG,CAAE,IAAA,CAAM,iBAAkB,CAAC,CAAA,CACxDE,CAAAA,CAAU,GAAA,CAAI,eAAA,CAAgBD,CAAI,CAAA,CAGxC,GAAI,QAAA,GAAa,MAAA,CAAW,CAC1B,OAAA,CAAQ,KAAA,CAAM,sDAAsD,CAAA,CACpE,MACF,CAGA,IAAME,CAAAA,CAAO,QAAA,CAAS,aAAA,CAAc,GAAG,CAAA,CACvCA,CAAAA,CAAK,KAAOD,CAAAA,CACZC,CAAAA,CAAK,QAAA,CAAWP,CAAAA,CAChB,QAAA,CAAS,IAAA,CAAK,WAAA,CAAYO,CAAI,CAAA,CAC9BA,CAAAA,CAAK,KAAA,EAAM,CACX,QAAA,CAAS,IAAA,CAAK,YAAYA,CAAI,CAAA,CAG9B,MAAA,CAAO,IAAA,CAAKD,CAAAA,CAAS,QAAQ,EAG7B,UAAA,CAAW,IAAM,CACf,GAAA,CAAI,eAAA,CAAgBA,CAAO,EAC7B,CAAA,CAAG,GAAG,EACR,CAAA,CAEOE,CAAAA,CAAQV","file":"index.cjs","sourcesContent":["const decodeBase64Pdf = (base64: string, fileName: string) => {\r\n  const byteCharacters = atob(base64);\r\n  const byteNumbers = new Array(byteCharacters.length);\r\n  for (let i = 0; i < byteCharacters.length; i++) {\r\n    byteNumbers[i] = byteCharacters.charCodeAt(i);\r\n  }\r\n  const byteArray = new Uint8Array(byteNumbers);\r\n  const blob = new Blob([byteArray], { type: 'application/pdf' });\r\n  const blobUrl = URL.createObjectURL(blob);\r\n\r\n\r\n  if (document === undefined) {\r\n    console.error(\"document is undefined, only works in browser context\");\r\n    return;\r\n  }\r\n\r\n  // Crear un enlace para descargar el archivo\r\n  const link = document.createElement('a');\r\n  link.href = blobUrl;\r\n  link.download = fileName;\r\n  document.body.appendChild(link);\r\n  link.click();\r\n  document.body.removeChild(link);\r\n\r\n  // Abrir el PDF en una nueva pestaña\r\n  window.open(blobUrl, '_blank');\r\n\r\n  // Revocar el objeto URL después de un tiempo\r\n  setTimeout(() => {\r\n    URL.revokeObjectURL(blobUrl);\r\n  }, 100);\r\n};\r\n\r\nexport default decodeBase64Pdf;"]}

package/dist/index.d.cts

@@ -0,0 +1,3 @@
+declare const decodeBase64Pdf: (base64: string, fileName: string) => void;
+
+export { decodeBase64Pdf };

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+declare const decodeBase64Pdf: (base64: string, fileName: string) => void;
+
+export { decodeBase64Pdf };

package/dist/index.js

@@ -0,0 +1,2 @@
+import'@react-pdf/renderer';import'react';var m=(c,s)=>{let r=atob(c),n=new Array(r.length);for(let t=0;t<r.length;t++)n[t]=r.charCodeAt(t);let d=new Uint8Array(n),i=new Blob([d],{type:"application/pdf"}),o=URL.createObjectURL(i);if(document===void 0){console.error("document is undefined, only works in browser context");return}let e=document.createElement("a");e.href=o,e.download=s,document.body.appendChild(e),e.click(),document.body.removeChild(e),window.open(o,"_blank"),setTimeout(()=>{URL.revokeObjectURL(o);},100);},a=m;export{a as decodeBase64Pdf};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../frontend/src/functions/decodeBase64Pdf.ts"],"names":["decodeBase64Pdf","base64","fileName","byteCharacters","byteNumbers","i","byteArray","blob","blobUrl","link","decodeBase64Pdf_default"],"mappings":"0CAAA,IAAMA,CAAAA,CAAkB,CAACC,CAAAA,CAAgBC,CAAAA,GAAqB,CAC5D,IAAMC,CAAAA,CAAiB,IAAA,CAAKF,CAAM,CAAA,CAC5BG,CAAAA,CAAc,IAAI,MAAMD,CAAAA,CAAe,MAAM,CAAA,CACnD,IAAA,IAASE,CAAAA,CAAI,CAAA,CAAGA,EAAIF,CAAAA,CAAe,MAAA,CAAQE,CAAAA,EAAAA,CACzCD,CAAAA,CAAYC,CAAC,CAAA,CAAIF,EAAe,UAAA,CAAWE,CAAC,CAAA,CAE9C,IAAMC,CAAAA,CAAY,IAAI,WAAWF,CAAW,CAAA,CACtCG,CAAAA,CAAO,IAAI,IAAA,CAAK,CAACD,CAAS,CAAA,CAAG,CAAE,IAAA,CAAM,iBAAkB,CAAC,CAAA,CACxDE,CAAAA,CAAU,GAAA,CAAI,eAAA,CAAgBD,CAAI,CAAA,CAGxC,GAAI,QAAA,GAAa,MAAA,CAAW,CAC1B,OAAA,CAAQ,KAAA,CAAM,sDAAsD,CAAA,CACpE,MACF,CAGA,IAAME,CAAAA,CAAO,QAAA,CAAS,aAAA,CAAc,GAAG,CAAA,CACvCA,CAAAA,CAAK,KAAOD,CAAAA,CACZC,CAAAA,CAAK,QAAA,CAAWP,CAAAA,CAChB,QAAA,CAAS,IAAA,CAAK,WAAA,CAAYO,CAAI,CAAA,CAC9BA,CAAAA,CAAK,KAAA,EAAM,CACX,QAAA,CAAS,IAAA,CAAK,YAAYA,CAAI,CAAA,CAG9B,MAAA,CAAO,IAAA,CAAKD,CAAAA,CAAS,QAAQ,EAG7B,UAAA,CAAW,IAAM,CACf,GAAA,CAAI,eAAA,CAAgBA,CAAO,EAC7B,CAAA,CAAG,GAAG,EACR,CAAA,CAEOE,CAAAA,CAAQV","file":"index.js","sourcesContent":["const decodeBase64Pdf = (base64: string, fileName: string) => {\r\n  const byteCharacters = atob(base64);\r\n  const byteNumbers = new Array(byteCharacters.length);\r\n  for (let i = 0; i < byteCharacters.length; i++) {\r\n    byteNumbers[i] = byteCharacters.charCodeAt(i);\r\n  }\r\n  const byteArray = new Uint8Array(byteNumbers);\r\n  const blob = new Blob([byteArray], { type: 'application/pdf' });\r\n  const blobUrl = URL.createObjectURL(blob);\r\n\r\n\r\n  if (document === undefined) {\r\n    console.error(\"document is undefined, only works in browser context\");\r\n    return;\r\n  }\r\n\r\n  // Crear un enlace para descargar el archivo\r\n  const link = document.createElement('a');\r\n  link.href = blobUrl;\r\n  link.download = fileName;\r\n  document.body.appendChild(link);\r\n  link.click();\r\n  document.body.removeChild(link);\r\n\r\n  // Abrir el PDF en una nueva pestaña\r\n  window.open(blobUrl, '_blank');\r\n\r\n  // Revocar el objeto URL después de un tiempo\r\n  setTimeout(() => {\r\n    URL.revokeObjectURL(blobUrl);\r\n  }, 100);\r\n};\r\n\r\nexport default decodeBase64Pdf;"]}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@react-pdf-levelup/client",
+  "version": "1.1.15",
+  "description": "",
+  "license": "ISC",
+  "author": "",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "private": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "publicar": "npm run build:lib && node ../scripts/index.js",
+    "build:lib": "tsup --config tsup.config.ts",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "peerDependencies": {
+    "@react-pdf/renderer": "^4.3.2",
+    "react": ">=18 <=19",
+    "react-dom": ">=18 <=19"
+  },
+  "dependencies": {
+    "jsdom": "^27.4.0",
+    "qr-code-styling": "^1.9.2",
+    "qrcode": "^1.5.4",
+    "canvas": "^3.2.0"
+  }
+}