feat: mime npm package (#34)

* feat: mime npm package

* fix: pipeline

Author: BCsabaEngine

.github/workflows/ci-dev.yaml

@@ -7,16 +7,28 @@ on:
 
 jobs:
   check:
-    name: Source revision
+    name: Source Revision
     runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [22.x, 20.x, 18.x]
 
     steps:
       - uses: actions/checkout@v4
+
       - uses: actions/setup-node@v4
         with:
-          node-version: '20.17.0'
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Run Format Check
+        run: npm run format:check
+
+      - name: Run Lint Check
+        run: npm run lint:check
 
-      - run: npm ci
-      - run: npm run format:check
-      - run: npm run lint:check
-      - run: npm run build
+      - name: Build
+        run: npm run build

.github/workflows/ci-full.yaml

@@ -7,19 +7,31 @@ on:
 
 jobs:
   check:
-    name: Source revision
+    name: Source Revision
     runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [22.x, 20.x, 18.x]
 
     steps:
       - uses: actions/checkout@v4
+
       - uses: actions/setup-node@v4
         with:
-          node-version: '20.17.0'
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Run Format Check
+        run: npm run format:check
+
+      - name: Run Lint Check
+        run: npm run lint:check
 
-      - run: npm ci
-      - run: npm run format:check
-      - run: npm run lint:check
-      - run: npm run build
+      - name: Build
+        run: npm run build
 
   tag:
     name: Version tag
@@ -47,10 +59,16 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: '20.16.0'
-          registry-url: 'https://registry.npmjs.org'
-      - run: npm ci
-      - run: npm run build
-      - run: npm publish
+          node-version: '22'
+          cache: 'npm'
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Publish
+        run: npm publish
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

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(