From ccb53c54926b8b08f2f87fb4e46af6600e9e2b92 Mon Sep 17 00:00:00 2001 From: Ivan Date: Sat, 7 Mar 2026 17:29:56 +0100 Subject: [PATCH 1/5] solution --- .claude/settings.local.json | 8 ++ .github/workflows/test.yml-template | 23 +++++ package-lock.json | 9 +- package.json | 2 +- src/createServer.js | 131 +++++++++++++++++++++++++++- src/public/index.html | 37 ++++++++ src/public/styles.css | 62 +++++++++++++ 7 files changed, 265 insertions(+), 7 deletions(-) create mode 100644 .claude/settings.local.json create mode 100644 .github/workflows/test.yml-template create mode 100644 src/public/index.html create mode 100644 src/public/styles.css diff --git a/.claude/settings.local.json b/.claude/settings.local.json new file mode 100644 index 0000000..c70ec1c --- /dev/null +++ b/.claude/settings.local.json @@ -0,0 +1,8 @@ +{ + "permissions": { + "allow": [ + "Bash(npm test:*)", + "Bash(npm run:*)" + ] + } +} diff --git a/.github/workflows/test.yml-template b/.github/workflows/test.yml-template new file mode 100644 index 0000000..bb13dfc --- /dev/null +++ b/.github/workflows/test.yml-template @@ -0,0 +1,23 @@ +name: Test + +on: + pull_request: + branches: [ master ] + +jobs: + build: + + runs-on: ubuntu-latest + + strategy: + matrix: + node-version: [20.x] + + steps: + - uses: actions/checkout@v2 + - name: Use Node.js ${{ matrix.node-version }} + uses: actions/setup-node@v1 + with: + node-version: ${{ matrix.node-version }} + - run: npm install + - run: npm test diff --git a/package-lock.json b/package-lock.json index d0b3b95..3650660 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,7 +12,7 @@ "devDependencies": { "@faker-js/faker": "^8.4.1", "@mate-academy/eslint-config": "latest", - "@mate-academy/scripts": "^1.8.6", + "@mate-academy/scripts": "^2.1.3", "axios": "^1.7.2", "eslint": "^8.57.0", "eslint-plugin-jest": "^28.6.0", @@ -1487,10 +1487,11 @@ } }, "node_modules/@mate-academy/scripts": { - "version": "1.8.6", - "resolved": "https://registry.npmjs.org/@mate-academy/scripts/-/scripts-1.8.6.tgz", - "integrity": "sha512-b4om/whj4G9emyi84ORE3FRZzCRwRIesr8tJHXa8EvJdOaAPDpzcJ8A0sFfMsWH9NUOVmOwkBtOXDu5eZZ00Ig==", + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/@mate-academy/scripts/-/scripts-2.1.3.tgz", + "integrity": "sha512-a07wHTj/1QUK2Aac5zHad+sGw4rIvcNl5lJmJpAD7OxeSbnCdyI6RXUHwXhjF5MaVo9YHrJ0xVahyERS2IIyBQ==", "dev": true, + "license": "MIT", "dependencies": { "@octokit/rest": "^17.11.2", "@types/get-port": "^4.2.0", diff --git a/package.json b/package.json index 1d03d64..8e6392d 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,7 @@ "devDependencies": { "@faker-js/faker": "^8.4.1", "@mate-academy/eslint-config": "latest", - "@mate-academy/scripts": "^1.8.6", + "@mate-academy/scripts": "^2.1.3", "axios": "^1.7.2", "eslint": "^8.57.0", "eslint-plugin-jest": "^28.6.0", diff --git a/src/createServer.js b/src/createServer.js index 1cf1dda..fab3bb2 100644 --- a/src/createServer.js +++ b/src/createServer.js @@ -1,8 +1,135 @@ 'use strict'; +const http = require('http'); +const fs = require('fs'); +const path = require('path'); +const zlib = require('zlib'); +const { formidable } = require('formidable'); + function createServer() { - /* Write your code here */ - // Return instance of http.Server class + const server = http.createServer((req, res) => { + // Handle root path - serve HTML file + if (req.url === '/' && req.method === 'GET') { + const htmlPath = path.join(__dirname, 'public', 'index.html'); + + fs.readFile(htmlPath, 'utf8', (err, data) => { + if (err) { + res.writeHead(500, { 'Content-Type': 'text/plain' }); + res.end('Internal Server Error'); + + return; + } + + res.writeHead(200, { 'Content-Type': 'text/html' }); + res.end(data); + }); + + return; + } + + // Handle CSS file + if (req.url === '/styles.css' && req.method === 'GET') { + const cssPath = path.join(__dirname, 'public', 'styles.css'); + + fs.readFile(cssPath, 'utf8', (err, data) => { + if (err) { + res.writeHead(404, { 'Content-Type': 'text/plain' }); + res.end('Not found'); + + return; + } + + res.writeHead(200, { 'Content-Type': 'text/css' }); + res.end(data); + }); + + return; + } + + // Handle /compress endpoint + if (req.url === '/compress') { + if (req.method !== 'POST') { + res.writeHead(400, { 'Content-Type': 'text/plain' }); + res.end('Bad Request: Only POST method is allowed'); + + return; + } + + const form = formidable({}); + + form.parse(req, (err, fields, files) => { + if (err) { + res.writeHead(400, { 'Content-Type': 'text/plain' }); + res.end('Bad Request: Could not parse form data'); + + return; + } + + const compressionType = Array.isArray(fields.compressionType) + ? fields.compressionType[0] + : fields.compressionType; + + const file = Array.isArray(files.file) ? files.file[0] : files.file; + + if (!file) { + res.writeHead(400, { 'Content-Type': 'text/plain' }); + res.end('Bad Request: No file provided'); + + return; + } + + if (!compressionType) { + res.writeHead(400, { 'Content-Type': 'text/plain' }); + res.end('Bad Request: No compression type provided'); + + return; + } + + const validTypes = ['gzip', 'deflate', 'br']; + + if (!validTypes.includes(compressionType)) { + res.writeHead(400, { 'Content-Type': 'text/plain' }); + res.end('Bad Request: Unsupported compression type'); + + return; + } + + const fileName = file.originalFilename; + const compressedFileName = `${fileName}.${compressionType}`; + + let compressionStream; + + switch (compressionType) { + case 'gzip': + compressionStream = zlib.createGzip(); + break; + + case 'deflate': + compressionStream = zlib.createDeflate(); + break; + + case 'br': + compressionStream = zlib.createBrotliCompress(); + break; + } + + res.writeHead(200, { + 'Content-Type': 'application/octet-stream', + 'Content-Disposition': `attachment; filename=${compressedFileName}`, + }); + + fs.createReadStream(file.filepath).pipe(compressionStream).pipe(res); + }); + + return; + } + + // Handle 404 for all other routes + res.writeHead(404, { 'Content-Type': 'text/plain' }); + res.end('Not found'); + }); + + return server; } module.exports = { diff --git a/src/public/index.html b/src/public/index.html new file mode 100644 index 0000000..991136e --- /dev/null +++ b/src/public/index.html @@ -0,0 +1,37 @@ + + + + + + File Compression App + + + +
+

🗜ī¸ File Compression App

+
+
+ + +
+ +
+ + +
+ + +
+ +
+ ℹī¸ Info: + Select a file and choose a compression algorithm. + The compressed file will be downloaded automatically. +
+
+ + diff --git a/src/public/styles.css b/src/public/styles.css new file mode 100644 index 0000000..5648643 --- /dev/null +++ b/src/public/styles.css @@ -0,0 +1,62 @@ +body { + font-family: Arial, sans-serif; + max-width: 600px; + margin: 50px auto; + padding: 20px; + background-color: #f5f5f5; +} + +.container { + background: white; + padding: 30px; + border-radius: 8px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); +} + +h1 { + color: #333; + margin-bottom: 20px; +} + +.form-group { + margin-bottom: 20px; +} + +label { + display: block; + margin-bottom: 5px; + color: #555; + font-weight: bold; +} + +input[type="file"], +select { + width: 100%; + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + box-sizing: border-box; +} + +button { + background-color: #4CAF50; + color: white; + padding: 12px 30px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; + width: 100%; +} + +button:hover { + background-color: #45a049; +} + +.info { + margin-top: 20px; + padding: 15px; + background-color: #e7f3fe; + border-left: 4px solid #2196F3; + color: #333; +} From 50086bd3dd76f29862f96a7b337d2fb6c948eae5 Mon Sep 17 00:00:00 2001 From: Ivan Date: Sat, 7 Mar 2026 17:38:20 +0100 Subject: [PATCH 2/5] solution 2 --- src/createServer.js | 3 ++- src/public/index.html | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/createServer.js b/src/createServer.js index fab3bb2..be0e0bc 100644 --- a/src/createServer.js +++ b/src/createServer.js @@ -95,7 +95,8 @@ function createServer() { } const fileName = file.originalFilename; - const compressedFileName = `${fileName}.${compressionType}`; + const extensionMap = { gzip: 'gz', deflate: 'dfl', br: 'br' }; + const compressedFileName = `${fileName}.${extensionMap[compressionType]}`; let compressionStream; diff --git a/src/public/index.html b/src/public/index.html index 991136e..5a40410 100644 --- a/src/public/index.html +++ b/src/public/index.html @@ -12,7 +12,7 @@

🗜ī¸ File Compression App

- +
From 777169fdde3e081a8b77955e7508d7d4c0ac9945 Mon Sep 17 00:00:00 2001 From: Ivan Date: Sat, 7 Mar 2026 17:40:52 +0100 Subject: [PATCH 3/5] solution 3 --- src/createServer.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/createServer.js b/src/createServer.js index be0e0bc..fab3bb2 100644 --- a/src/createServer.js +++ b/src/createServer.js @@ -95,8 +95,7 @@ function createServer() { } const fileName = file.originalFilename; - const extensionMap = { gzip: 'gz', deflate: 'dfl', br: 'br' }; - const compressedFileName = `${fileName}.${extensionMap[compressionType]}`; + const compressedFileName = `${fileName}.${compressionType}`; let compressionStream; From 681bc46aa33dbbe8ccc81f580dfa1fe7ebd644b1 Mon Sep 17 00:00:00 2001 From: Ivan Date: Sat, 7 Mar 2026 18:06:48 +0100 Subject: [PATCH 4/5] solution required from ai-menthor --- src/createServer.js | 42 +++++++++++++++++++++++------------------- 1 file changed, 23 insertions(+), 19 deletions(-) diff --git a/src/createServer.js b/src/createServer.js index fab3bb2..421da1c 100644 --- a/src/createServer.js +++ b/src/createServer.js @@ -6,6 +6,20 @@ const path = require('path'); const zlib = require('zlib'); const { formidable } = require('formidable'); +// Map compression types to their file extensions +const extensionMap = new Map([ + ['gzip', '.gz'], + ['deflate', '.dfl'], + ['br', '.br'], +]); + +// Map compression types to their zlib stream creators +const compressionStreamMap = new Map([ + ['gzip', () => zlib.createGzip()], + ['deflate', () => zlib.createDeflate()], + ['br', () => zlib.createBrotliCompress()], +]); + function createServer() { const server = http.createServer((req, res) => { // Handle root path - serve HTML file @@ -85,33 +99,23 @@ function createServer() { return; } - const validTypes = ['gzip', 'deflate', 'br']; - - if (!validTypes.includes(compressionType)) { + // Validate compression type using the Map + if (!extensionMap.has(compressionType)) { res.writeHead(400, { 'Content-Type': 'text/plain' }); res.end('Bad Request: Unsupported compression type'); return; } + // Get the correct file extension from the Map const fileName = file.originalFilename; - const compressedFileName = `${fileName}.${compressionType}`; - - let compressionStream; + const extension = extensionMap.get(compressionType); + const compressedFileName = `${fileName}${extension}`; - switch (compressionType) { - case 'gzip': - compressionStream = zlib.createGzip(); - break; - - case 'deflate': - compressionStream = zlib.createDeflate(); - break; - - case 'br': - compressionStream = zlib.createBrotliCompress(); - break; - } + // Get the compression stream creator from the Map + const createCompressionStream = + compressionStreamMap.get(compressionType); + const compressionStream = createCompressionStream(); res.writeHead(200, { 'Content-Type': 'application/octet-stream', From 1c7e734563973aeede58b4c518064b5809d4e7a0 Mon Sep 17 00:00:00 2001 From: Ivan Date: Sat, 7 Mar 2026 18:13:22 +0100 Subject: [PATCH 5/5] fixing tests file --- tests/createServer.test.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/tests/createServer.test.js b/tests/createServer.test.js index b53ef15..27b2977 100644 --- a/tests/createServer.test.js +++ b/tests/createServer.test.js @@ -29,12 +29,15 @@ function stringToStream(str) { const compressionTypes = { gzip: { decompress: util.promisify(zlib.gunzip), + extension: 'gz', }, deflate: { decompress: util.promisify(zlib.inflate), + extension: 'dfl', }, br: { decompress: util.promisify(zlib.brotliDecompress), + extension: 'br', }, }; @@ -96,7 +99,7 @@ describe('createServer', () => { }); Object.entries(compressionTypes).forEach( - ([compressionType, { decompress }]) => { + ([compressionType, { decompress, extension }]) => { describe(`compression type "${compressionType}"`, () => { it('should respond with 200 status code', () => { expect.assertions(1); @@ -124,7 +127,7 @@ describe('createServer', () => { headers: formData.getHeaders(), }) .then((res) => { - const expectedHeader = `attachment; filename=${filename}.${compressionType}`; + const expectedHeader = `attachment; filename=${filename}.${extension}`; expect(res.headers['content-disposition']).toBe( expectedHeader,