mifi-holdings/shorty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixes for build process

Browse Source
This commit is contained in:
Mike Fitzpatrick
2026-02-07 11:39:03 -03:00
parent 5d6e973311
commit 430248a4ef
4 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
qr-web/Dockerfile
View File

@@ -4,6 +4,7 @@ WORKDIR /app
COPY package.json pnpm-lock.yaml* ./ COPY package.json pnpm-lock.yaml* ./
RUN pnpm install RUN pnpm install
COPY . . COPY . .
RUN mkdir -p /app/public
ENV NEXT_TELEMETRY_DISABLED=1 ENV NEXT_TELEMETRY_DISABLED=1
RUN pnpm run build RUN pnpm run build

16
qr-web/src/components/ExportPanel.tsx
View File

@@ -35,9 +35,15 @@ export function ExportPanel({ data, recipe, logoUrl, projectName }: ExportPanelP
return qr; return qr;
}, [data, recipe, logoUrl]); }, [data, recipe, logoUrl]);
const toBlob = (raw: Blob | Buffer | null): Blob | null => {
if (!raw) return null;
return raw instanceof Blob ? raw : new Blob([raw as BlobPart]);
};
const handleSvg = useCallback(async () => { const handleSvg = useCallback(async () => {
const qr = getQrInstance(); const qr = getQrInstance();
const blob = await qr.getRawData('svg'); const raw = await qr.getRawData('svg');
const blob = toBlob(raw);
if (!blob) return; if (!blob) return;
const url = URL.createObjectURL(blob); const url = URL.createObjectURL(blob);
const a = document.createElement('a'); const a = document.createElement('a');
@@ -49,7 +55,8 @@ export function ExportPanel({ data, recipe, logoUrl, projectName }: ExportPanelP
const handlePng = useCallback(async () => { const handlePng = useCallback(async () => {
const qr = getQrInstance(); const qr = getQrInstance();
const blob = await qr.getRawData('png'); const raw = await qr.getRawData('png');
const blob = toBlob(raw);
if (!blob) return; if (!blob) return;
const url = URL.createObjectURL(blob); const url = URL.createObjectURL(blob);
const a = document.createElement('a'); const a = document.createElement('a');
@@ -61,7 +68,8 @@ export function ExportPanel({ data, recipe, logoUrl, projectName }: ExportPanelP
const handlePdf = useCallback(async () => { const handlePdf = useCallback(async () => {
const qr = getQrInstance(); const qr = getQrInstance();
const blob = await qr.getRawData('png'); const raw = await qr.getRawData('png');
const blob = toBlob(raw);
if (!blob) return; if (!blob) return;
const arrayBuffer = await blob.arrayBuffer(); const arrayBuffer = await blob.arrayBuffer();
const pdfDoc = await PDFDocument.create(); const pdfDoc = await PDFDocument.create();
@@ -84,7 +92,7 @@ export function ExportPanel({ data, recipe, logoUrl, projectName }: ExportPanelP
page.drawText(urlText, { x: 50, y: 60, size: 10 }); page.drawText(urlText, { x: 50, y: 60, size: 10 });
} }
const pdfBytes = await pdfDoc.save(); const pdfBytes = await pdfDoc.save();
const url = URL.createObjectURL(new Blob([pdfBytes], { type: 'application/pdf' })); const url = URL.createObjectURL(new Blob([pdfBytes as BlobPart], { type: 'application/pdf' }));
const a = document.createElement('a'); const a = document.createElement('a');
a.href = url; a.href = url;
a.download = `qr-${projectName || 'export'}.pdf`.replace(/[^a-z0-9.-]/gi, '-'); a.download = `qr-${projectName || 'export'}.pdf`.replace(/[^a-z0-9.-]/gi, '-');

2
qr-web/src/components/ProjectsList.tsx
View File

@@ -1,6 +1,6 @@
'use client'; 'use client';
import { Stack, Text, Center } from '@mantine/core'; import { Stack, Text } from '@mantine/core';
import classes from './ProjectsList.module.css'; import classes from './ProjectsList.module.css';
export function ProjectsList() { export function ProjectsList() {

9
qr-web/src/components/QrPreview.tsx
View File

@@ -17,7 +17,8 @@ export function QrPreview({ data, recipe, logoUrl, size = 256 }: QrPreviewProps)
const qrRef = useRef<QRCodeStyling | null>(null); const qrRef = useRef<QRCodeStyling | null>(null);
useEffect(() => { useEffect(() => {
if (!ref.current) return; const el = ref.current;
if (!el) return;
const qr = new QRCodeStyling( const qr = new QRCodeStyling(
buildQrStylingOptions(recipe, { buildQrStylingOptions(recipe, {
width: size, width: size,
@@ -27,12 +28,12 @@ export function QrPreview({ data, recipe, logoUrl, size = 256 }: QrPreviewProps)
}) as ConstructorParameters<typeof QRCodeStyling>[0], }) as ConstructorParameters<typeof QRCodeStyling>[0],
); );
qrRef.current = qr; qrRef.current = qr;
qr.append(ref.current); qr.append(el);
return () => { return () => {
ref.current?.replaceChildren(); el.replaceChildren();
qrRef.current = null; qrRef.current = null;
}; };
}, [size]); }, [data, logoUrl, recipe, size]);
useEffect(() => { useEffect(() => {
const qr = qrRef.current; const qr = qrRef.current;