feat: mime npm package

Author: BCsabaEngine

.github/workflows/ci-dev.yaml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: '20.17.0'
+          node-version: '22.12.0'
 
       - run: npm ci
       - run: npm run format:check

.github/workflows/ci-full.yaml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: '20.17.0'
+          node-version: '22.12.0'
 
       - run: npm ci
       - run: npm run format:check
@@ -47,7 +47,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: '20.16.0'
+          node-version: '22.12.0'
           registry-url: 'https://registry.npmjs.org'
       - run: npm ci
       - run: npm run build

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change log
 
+## 1.6
+
+### 1.6.0
+
+- Using mime npm package instead of mime-types: I prefer to use standard text/javascript. It better meets today's requirements.
+
 ## 1.5
 
 ### 1.5.2

README.md

@@ -12,6 +12,8 @@ In order to be able to easily update OTA, it is important - from the users' poin
 
 This npm package provides a solution for **inserting any JS client application into the ESP web server** (PsychicHttp and also ESPAsyncWebServer available, PsychicHttp is the default). For this, JS, html, css, font, assets, etc. files must be converted to binary byte array. Npm mode is easy to use and easy to **integrate into your CI/CD pipeline**.
 
+> Starting with version v1.6.0, mime npm package is used instead of mime-types (application/javascript -> text/javascript)
+
 > Starting with version v1.5.0, PsychicHttp v2 is also supported.
 
 > Version v1.4.0 has a breaking change! --no-gzip changed to --gzip. Starting with this version c++ compiler directives are available to setup operation in project level.

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "svelteesp32",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "description": "Convert Svelte (or any frontend) JS application to serve it from ESP32 webserver (PsychicHttp)",
   "author": "BCsabaEngine",
   "license": "ISC",
@@ -54,7 +54,6 @@
     "espasyncwebserver"
   ],
   "devDependencies": {
-    "@types/mime-types": "^2.1.4",
     "@types/node": "^22.10.1",
     "@typescript-eslint/eslint-plugin": "^8.17.0",
     "@typescript-eslint/parser": "^8.17.0",
@@ -71,7 +70,7 @@
   "dependencies": {
     "glob": "^11.0.0",
     "handlebars": "^4.7.8",
-    "mime-types": "^2.1.35",
+    "mime": "^4.0.4",
     "ts-command-line-args": "^2.5.1"
   }
 }

package.json

@@ -4,7 +4,7 @@ import { mkdirSync, writeFileSync } from 'node:fs';
 import path from 'node:path';
 import { gzipSync } from 'node:zlib';
 
-import { lookup } from 'mime-types';
+import mime from 'mime';
 
 import { cmdLine } from './commandLine';
 import { greenLog, yellowLog } from './consoleColor';
@@ -31,7 +31,7 @@ console.log();
 console.log('Translation to header file');
 const longestFilename = [...files.keys()].reduce((p, c) => Math.max(c.length, p), 0);
 for (const [originalFilename, content] of files) {
-  const mime = lookup(originalFilename) || 'text/plain';
+  const mimeType = mime.getType(originalFilename) || 'text/plain';
   summary.filecount++;
 
   const filename = originalFilename.replace(/\\/g, '/');
@@ -56,7 +56,7 @@ for (const [originalFilename, content] of files) {
       content,
       contentGzip: zipContent,
       isGzip: true,
-      mime,
+      mime: mimeType,
       md5
     });
     console.log(
@@ -72,7 +72,7 @@ for (const [originalFilename, content] of files) {
       content,
       contentGzip: content,
       isGzip: false,
-      mime,
+      mime: mimeType,
       md5
     });
     console.log(