Upgraded plugin for Strapi 4.20 and NodeJS 20

example/package.json

@@ -11,11 +11,15 @@
   },
   "devDependencies": {},
   "dependencies": {
-    "@strapi/plugin-i18n": "4.11.7",
-    "@strapi/plugin-users-permissions": "4.11.7",
-    "@strapi/strapi": "4.11.7",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "5.3.4",
+    "@strapi/plugin-i18n": "4.20.4",
+    "@strapi/plugin-users-permissions": "4.20.4",
+    "@strapi/strapi": "4.20.4",
     "better-sqlite3": "8.0.1",
-    "strapi-plugin-image-optimizer": "../"
+    "strapi-plugin-image-optimizer": "link:../",
+    "styled-components": "^5.2.1"
   },
   "author": {
     "name": "A Strapi developer"
@@ -24,7 +28,7 @@
     "uuid": "33f536a8-ba40-4664-bfb2-d50d6ab5abc8"
   },
   "engines": {
-    "node": ">=14.19.1 <=18.x.x",
+    "node": ">=18.0.0 <=20.x.x",
     "npm": ">=6.0.0"
   },
   "license": "MIT"

example/src/extensions/upload/strapi-server.ts

@@ -1,6 +1,7 @@
 import imageOptimizerService from "strapi-plugin-image-optimizer/dist/server/services/image-optimizer-service";
+import { LoadedPlugin } from "@strapi/types/dist/types/core/plugins";
 
-module.exports = (plugin) => {
+module.exports = (plugin: LoadedPlugin) => {
   plugin.services["image-manipulation"] = imageOptimizerService;
   return plugin;
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-image-optimizer",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Optimize your images for desktop, tablet and mobile and different image formats.",
   "homepage": "https://github.com/marlokessler/strapi-plugin-image-optimizer#readme",
   "license": "MIT",
@@ -47,18 +47,19 @@
     ]
   },
   "engines": {
-    "node": ">=14.19.1 <=18.x.x",
+    "node": ">=18.0.0 <=20.x.x",
     "npm": ">=6.0.0"
   },
   "devDependencies": {
-    "@strapi/typescript-utils": "^4.11.7",
+    "@strapi/typescript-utils": "^4.20.5",
     "install-peers": "^1.0.4",
-    "typescript": "^5.0.4"
+    "typescript": "^5.4.2"
   },
   "peerDependencies": {
-    "@strapi/strapi": "^4.11.7",
-    "@strapi/utils": "^4.11.7",
-    "yup": "^1.1.1"
+    "@strapi/core": "*",
+    "@strapi/strapi": "^4.20.5",
+    "@strapi/utils": "^4.20.5",
+    "yup": "^1.4.0"
   },
   "scripts": {
     "add:apple_arm": "npm_config_build_from_source=true yarn add",

server/services/image-optimizer-service.ts

@@ -1,9 +1,11 @@
 import { ReadStream, createReadStream, createWriteStream } from "fs";
 import { join } from "path";
 import sharp, { Sharp, Metadata } from "sharp";
+import { file as fileUtils } from '@strapi/utils';
 
-import { bytesToKbytes } from "@strapi/utils/dist/file";
-import imageManipulation from "@strapi/plugin-upload/server/services/image-manipulation";
+// @ts-ignore - No types available
+import pluginUpload from "@strapi/plugin-upload/strapi-server";
+const imageManipulation = pluginUpload().services["image-manipulation"];
 
 import {
   OutputFormat,
@@ -113,7 +115,7 @@ async function resizeFileTo(
     path: sourceFile.path,
     width: metadata.width,
     height: metadata.height,
-    size: metadata.size && bytesToKbytes(metadata.size),
+    size: metadata.size && fileUtils.bytesToKbytes(metadata.size),
     getStream: () => createReadStream(filePath),
   };
 }

server/services/settings-service.ts

@@ -1,5 +1,5 @@
 import {} from "@strapi/strapi";
-import { Config } from "../models/config";
+import { Config } from "../models";
 import pluginId from "../utils/pluginId";
 
 class SettingsService {

tsconfig.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "outDir": "dist",
     "rootDir": ".",
-    "declaration": true
+    "declaration": true,
   },
   "include": [
     // Include the root directory