feat(docker): add docker configuration files and update styles

refactor: convert script tags to link tags for stylesheets in HTML files
fix: update PDF download to use Uint8Array for blob creation
style: reformat CSS file for better readability and organization

src/js/logic/add-blank-page.ts

@@ -40,7 +40,8 @@ export async function addBlankPage() {
         }
 
         const newPdfBytes = await newPdf.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'page-added.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'page-added.pdf');
+        
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Could not add a blank page.');

src/js/logic/bmp-to-pdf.ts

@@ -45,7 +45,7 @@ export async function bmpToPdf() {
             page.drawImage(pngImage, { x: 0, y: 0, width: pngImage.width, height: pngImage.height });
         }
         const pdfBytes = await pdfDoc.save();
-        downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'from_bmps.pdf');
+        downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'from_bmps.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Failed to convert BMP to PDF. One of the files may be invalid.');

src/js/logic/change-background-color.ts

@@ -43,7 +43,7 @@ export async function changeBackgroundColor() {
         }
 
         const newPdfBytes = await newPdfDoc.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'background-changed.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'background-changed.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Could not change the background color.');

src/js/logic/change-text-color.ts

@@ -134,7 +134,7 @@ export async function changeTextColor() {
         }
 
         const newPdfBytes = await newPdfDoc.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'text-color-changed.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'text-color-changed.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Could not change text color.');

src/js/logic/combine-single-page.ts

@@ -66,7 +66,7 @@ export async function combineToSinglePage() {
         }
 
         const newPdfBytes = await newDoc.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'combined-page.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'combined-page.pdf');
 
     } catch (e) {
         console.error(e);

src/js/logic/compress.ts

@@ -88,7 +88,7 @@ async function performSmartCompression(arrayBuffer: any, settings: any) {
                     canvas.height = Math.floor(newHeight);
 
                     const img = new Image();
-                    const imageUrl = URL.createObjectURL(new Blob([imageBytes]));
+                    const imageUrl = URL.createObjectURL(new Blob([new Uint8Array(imageBytes)]));
 
                     await new Promise((resolve, reject) => {
                         img.onload = resolve;

src/js/logic/delete-pages.ts

@@ -47,7 +47,7 @@ export async function deletePages() {
         copiedPages.forEach((page: any) => newPdf.addPage(page));
 
         const newPdfBytes = await newPdf.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'deleted-pages.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'deleted-pages.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Could not delete pages.');

src/js/logic/duplicate-organize.ts

@@ -154,7 +154,7 @@ export async function processAndSave() {
         copiedPages.forEach((page: any) => newPdfDoc.addPage(page));
 
         const newPdfBytes = await newPdfDoc.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'organized.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'organized.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Failed to save the new PDF.');

src/js/logic/fix-dimensions.ts

@@ -77,7 +77,7 @@ export async function fixDimensions() {
         }
 
         const newPdfBytes = await newDoc.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'standardized.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'standardized.pdf');
 
     } catch (e) {
         console.error(e);

src/js/logic/heic-to-pdf.ts

@@ -26,7 +26,7 @@ export async function heicToPdf() {
             page.drawImage(pngImage, { x: 0, y: 0, width: pngImage.width, height: pngImage.height });
         }
         const pdfBytes = await pdfDoc.save();
-        downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'from_heic.pdf');
+        downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'from_heic.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Failed to convert HEIC to PDF. One of the files may be invalid or unsupported.');

src/js/logic/image-to-pdf.ts

@@ -123,7 +123,7 @@ export async function imageToPdf() {
         }
 
         const pdfBytes = await pdfDoc.save();
-        downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'from-images.pdf');
+        downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'from-images.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', e.message || 'Failed to create PDF from images.');

src/js/logic/invert-colors.ts

@@ -42,7 +42,7 @@ export async function invertColors() {
             newPage.drawImage(image, { x: 0, y: 0, width: image.width, height: image.height });
         }
         const newPdfBytes = await newPdfDoc.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'inverted.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'inverted.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Could not invert PDF colors.');

src/js/logic/jpg-to-pdf.ts

@@ -83,7 +83,7 @@ export async function jpgToPdf() {
     }
 
     const pdfBytes = await pdfDoc.save();
-    downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'from_jpgs.pdf');
+    downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'from_jpgs.pdf');
   } catch (e) {
     console.error(e);
     showAlert('Conversion Error', e.message);

src/js/logic/merge.ts

@@ -244,7 +244,7 @@ export async function merge() {
         }
 
         const mergedPdfBytes = await newPdfDoc.save();
-        downloadFile(new Blob([mergedPdfBytes], { type: 'application/pdf' }), 'merged.pdf');
+        downloadFile(new Blob([new Uint8Array(mergedPdfBytes)], { type: 'application/pdf' }), 'merged.pdf');
         showAlert('Success', 'PDFs merged successfully!');
 
     } catch (e) {

src/js/logic/n-up.ts

@@ -101,7 +101,7 @@ export async function nUpTool() {
         }
 
         const newPdfBytes = await newDoc.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), `n-up_${n}.pdf`);
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), `n-up_${n}.pdf`);
     } catch (e) {
         console.error(e);
         showAlert('Error', 'An error occurred while creating the N-Up PDF.');

src/js/logic/organize.ts

@@ -17,7 +17,7 @@ export async function organize() {
         copiedPages.forEach((page: any) => newPdf.addPage(page));
 
         const newPdfBytes = await newPdf.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'organized.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'organized.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Could not save the changes.');

src/js/logic/pdf-to-greyscale.ts

@@ -48,7 +48,7 @@ export async function pdfToGreyscale() {
             newPage.drawImage(image, { x: 0, y: 0, width: image.width, height: image.height });
         }
         const newPdfBytes = await newPdfDoc.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'greyscale.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'greyscale.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Could not convert to greyscale.');

src/js/logic/png-to-pdf.ts

@@ -25,7 +25,7 @@ export async function pngToPdf() {
             });
         }
         const pdfBytes = await pdfDoc.save();
-        downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'from_pngs.pdf');
+        downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'from_pngs.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Failed to create PDF from PNG images. Ensure all files are valid PNGs.');

src/js/logic/reverse-pages.ts

@@ -16,7 +16,7 @@ export async function reversePages() {
         copiedPages.forEach((page: any) => newPdf.addPage(page));
 
         const newPdfBytes = await newPdf.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'reversed.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'reversed.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Could not reverse the PDF pages.');

src/js/logic/split-in-half.ts

@@ -42,7 +42,7 @@ export async function splitInHalf() {
         }
 
         const newPdfBytes = await newPdfDoc.save();
-        downloadFile(new Blob([newPdfBytes], { type: 'application/pdf' }), 'split-half.pdf');
+        downloadFile(new Blob([new Uint8Array(newPdfBytes)], { type: 'application/pdf' }), 'split-half.pdf');
 
     } catch (e) {
         console.error(e);

src/js/logic/split.ts

@@ -198,7 +198,7 @@ export async function split() {
             const copiedPages = await newPdf.copyPages(state.pdfDoc, uniqueIndices as number[]);
             copiedPages.forEach((page: any) => newPdf.addPage(page));
             const pdfBytes = await newPdf.save();
-            downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'split-document.pdf');
+            downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'split-document.pdf');
         }
         
         if (splitMode === 'visual') {

src/js/logic/svg-to-pdf.ts

@@ -45,7 +45,7 @@ export async function svgToPdf() {
             page.drawImage(pngImage, { x: 0, y: 0, width: pngImage.width, height: pngImage.height });
         }
         const pdfBytes = await pdfDoc.save();
-        downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'from_svgs.pdf');
+        downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'from_svgs.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Failed to convert SVG to PDF. One of the files may be invalid.');

src/js/logic/tiff-to-pdf.ts

@@ -72,7 +72,7 @@ export async function tiffToPdf() {
             }
         }
         const pdfBytes = await pdfDoc.save();
-        downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'from_tiff.pdf');
+        downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'from_tiff.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Failed to convert TIFF to PDF. One of the files may be invalid or corrupted.');

src/js/logic/txt-to-pdf.ts

@@ -64,7 +64,7 @@ export async function txtToPdf() {
         }
 
         const pdfBytes = await pdfDoc.save();
-        downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'text-document.pdf');
+        downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'text-document.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Failed to create PDF from text.');

src/js/logic/webp-to-pdf.ts

@@ -38,7 +38,7 @@ export async function webpToPdf() {
             });
         }
         const pdfBytes = await pdfDoc.save();
-        downloadFile(new Blob([pdfBytes], { type: 'application/pdf' }), 'from_webp.pdf');
+        downloadFile(new Blob([new Uint8Array(pdfBytes)], { type: 'application/pdf' }), 'from_webp.pdf');
     } catch (e) {
         console.error(e);
         showAlert('Error', 'Failed to convert WebP to PDF. Ensure all files are valid WebP images.');