diff --git a/pages/api/data/content.ts b/pages/api/data/content.ts index 30f67d7..92440b0 100644 --- a/pages/api/data/content.ts +++ b/pages/api/data/content.ts @@ -1,15 +1,123 @@ import path from 'path'; import { promises as fs } from 'fs'; - -export default async function handler(req, res) { - //Find the absolute path of the json directory and the requested file contents - const jsonDirectory = path.join(process.cwd(), 'content'); - const requestedFile = req.query.nextcrud[0]; - const fileContents = await fs.readFile(path.join(jsonDirectory, requestedFile), 'utf8'); - // try to determine the content type from the file extension - const contentType = requestedFile.endsWith('.json') ? 'application/json' : 'text/plain'; - // return the file contents with the appropriate content type - res.status(200).setHeader('Content-Type', contentType).end(fileContents); +import express from 'express'; +import { createUploadMiddleware, processFiles, listFiles, deleteFile } from './fileHandlers'; +const router = express.Router(); + +// Dynamic routing to handle different content types based on the subfolder +router.use('/:subfolder', (req, res, next) => { + const { subfolder } = req.params; + req.subfolder = subfolder; // Pass the subfolder as part of the request for later use + next(); +}); + +// POST: Upload files to a specific subfolder +router.post('/:subfolder', createUploadMiddleware(req.subfolder).array('image'), (req, res) => { + processFiles(req, res, req.subfolder); +}); + +// GET: List files from a specific subfolder +router.get('/:subfolder', (req, res) => { + listFiles(req, res, req.subfolder); +}); + +// DELETE: Delete a specific file from a subfolder +router.delete('/:subfolder', (req, res) => { + deleteFile(req, res, req.subfolder); +}); + +export default router; + +//handling file uploads +import multer from 'multer'; +import sharp from 'sharp'; + +// Generalized Multer configuration +export function createUploadMiddleware(folder) { + const storage = multer.diskStorage({ + destination: (req, file, cb) => { + const uploadPath = path.join(process.cwd(), 'public/content', folder); + if (!fs.existsSync(uploadPath)) { + fs.mkdirSync(uploadPath, { recursive: true }); + } + cb(null, uploadPath); + }, + filename: (req, file, cb) => { + const prefix = req.body.prefix || path.parse(file.originalname).name; + cb(null, `${prefix}${path.extname(file.originalname)}`); + } + }); + return multer({ storage: storage }); } + +async function processFiles(req, res, folder) { + if (!req.files || req.files.length === 0) { + return res.status(400).json({ error: 'No files uploaded.' }); + } + + const uploadDir = path.join(process.cwd(), 'public/content', folder); + const thumbDir = path.join(uploadDir, "thumb"); + + if (!fs.existsSync(thumbDir)) { + fs.mkdirSync(thumbDir, { recursive: true }); + } + + try { + const processedFiles = await Promise.all(req.files.map(async (file) => { + const originalPath = path.join(uploadDir, file.filename); + const thumbPath = path.join(thumbDir, file.filename); + + await sharp(file.path) + .resize({ width: 1920, fit: sharp.fit.inside, withoutEnlargement: true }) + .jpeg({ quality: 80 }) + .toFile(originalPath); + + await sharp(file.path) + .resize(320, 320, { fit: sharp.fit.inside, withoutEnlargement: true }) + .toFile(thumbPath); + + fs.unlinkSync(file.path); // Remove temp file + + return { + originalUrl: `/content/${folder}/${file.filename}`, + thumbUrl: `/content/${folder}/thumb/${file.filename}` + }; + })); + + res.json(processedFiles); + } catch (error) { + console.error('Error processing files:', error); + res.status(500).json({ error: 'Error processing files.' }); + } +} + +// List files in a directory +async function listFiles(req, res, folder) { + const directory = path.join(process.cwd(), 'public/content', folder); + + try { + const files = await fs.promises.readdir(directory); + const imageUrls = files.map(file => `${req.protocol}://${req.get('host')}/content/${folder}/${file}`); + res.json({ imageUrls }); + } catch (err) { + console.error('Error reading uploads directory:', err); + res.status(500).json({ error: 'Internal Server Error' }); + } +} + +// Delete a file +async function deleteFile(req, res, folder) { + const filename = req.query.file; + if (!filename) { + return res.status(400).send('Filename is required.'); + } + try { + const filePath = path.join(process.cwd(), 'public/content', folder, filename); + await fs.unlink(filePath); + res.status(200).send('File deleted successfully.'); + } catch (error) { + res.status(500).send('Failed to delete the file.'); + } +} \ No newline at end of file diff --git a/pages/permits.tsx b/pages/permits.tsx index 2ffced7..c1ca1c8 100644 --- a/pages/permits.tsx +++ b/pages/permits.tsx @@ -3,35 +3,57 @@ import Layout from "../components/layout"; import fs from 'fs'; import path from 'path'; import { url } from 'inspector'; +import ProtectedRoute, { serverSideAuth } from "/components/protectedRoute"; const PDFViewerPage = ({ pdfFiles }) => { + const [files, setFiles] = useState(pdfFiles); + const handleFileDelete = async (fileName) => { + try { + await axios.delete(`/api/delete-file?name=${fileName}`); + setFiles(files.filter(file => file.name !== fileName)); + } catch (error) { + console.error('Error deleting file:', error); + } + }; + + const handleFileUpload = async (event) => { + const file = event.target.files[0]; + const formData = new FormData(); + formData.append('file', file); + + try { + const response = await axios.post('/api/upload-file', formData, { + headers: { + 'Content-Type': 'multipart/form-data' + } + }); + setFiles([...files, response.data]); + } catch (error) { + console.error('Error uploading file:', error); + } + }; return (

Разрешителни

-
{/* Adjust the 100px based on your header/footer size */} - {/*

- {pdfFiles.map((file, index) => ( -

- - Свали: {file.name} - -

- ))} -

*/} - {pdfFiles.map((file, index) => ( + - // - // {index > 0 &&
} {/* Vertical line separator */} - // - // {file.name} - // - // + + {files.map((file, index) => ( +
+ + {file.name} + + +
+ ))} + + +
{/* Adjust the 100px based on your header/footer size */} + {pdfFiles.map((file, index) => ( <>

Свали: {file.name} diff --git a/public/content/permits/4 - Разрешително за Април - 24г..pdf b/public/content/permits/4 - Разрешително за Април - 24г..pdf new file mode 100644 index 0000000..0c32d80 Binary files /dev/null and b/public/content/permits/4 - Разрешително за Април - 24г..pdf differ