From 69ac39aa48a37b5dae2eb51cca9cdb6909e08afb Mon Sep 17 00:00:00 2001
From: dobromirts <dobromir.ts@gmail.com>
Date: Wed, 18 Dec 2024 10:57:11 +0200
Subject: [PATCH] Update typedoc version and migrate to ESM

---
 package-lock.json                      | 231 ++++++++++++++++++-------
 package.json                           |  11 +-
 src/index.tsx                          |  71 ++++----
 src/layouts/default.tsx                |  28 +--
 src/partials/analytics.tsx             |   2 +-
 src/partials/breadcrumb.tsx            |   4 +-
 src/partials/footer.tsx                |   4 +-
 src/partials/header.tsx                |  10 +-
 src/partials/index.tsx                 |   2 +-
 src/partials/member.declarations.tsx   |  10 +-
 src/partials/member.signature.body.tsx |  14 +-
 src/partials/member.sources.tsx        |  12 +-
 src/partials/navigation.tsx            |   2 +-
 src/templates/reflection.tsx           |  19 +-
 src/utils/lib.tsx                      |  12 +-
 tsconfig.json                          |   8 +-
 webpack.config.js                      |  13 +-
 17 files changed, 285 insertions(+), 168 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d223025..84ca37e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,12 +9,12 @@
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
-        "typedoc-plugin-localization": "^3.0.5"
+        "typedoc-plugin-localization": "file:../../../typedoc-plugin-localization-1.0.4.tgz"
       },
       "devDependencies": {
         "@types/fs-extra": "^9.0.13",
         "@types/lunr": "^2.3.3",
-        "@types/node": "^18.11.0",
+        "@types/node": "^20.17.6",
         "@types/react": "^17.0.40",
         "autoprefixer": "^9.8.6",
         "clean-webpack-plugin": "^3.0.0",
@@ -31,7 +31,7 @@
         "sass-loader": "^10.1.0",
         "style-loader": "^3.3.1",
         "ts-loader": "^8.0.12",
-        "typedoc": "^0.26.2",
+        "typedoc": "^0.27.0",
         "typescript": "^5.5.2",
         "url-loader": "^4.1.1",
         "webpack": "^5.11.1",
@@ -39,8 +39,7 @@
         "webpack-merge": "^5.7.3"
       },
       "peerDependencies": {
-        "typedoc": "^0.26.2",
-        "typedoc-plugin-localization": "^3.0.5"
+        "typedoc": "^0.27.0"
       }
     },
     "node_modules/@discoveryjs/json-ext": {
@@ -52,6 +51,18 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/@gerrit0/mini-shiki": {
+      "version": "1.24.4",
+      "resolved": "https://registry.npmjs.org/@gerrit0/mini-shiki/-/mini-shiki-1.24.4.tgz",
+      "integrity": "sha512-YEHW1QeAg6UmxEmswiQbOVEg1CW22b1XUD/lNTliOsu0LD0wqoyleFMnmbTp697QE0pcadQiR5cVtbbAPncvpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/engine-oniguruma": "^1.24.2",
+        "@shikijs/types": "^1.24.2",
+        "@shikijs/vscode-textmate": "^9.3.1"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
@@ -145,11 +156,34 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@shikijs/core": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-1.9.1.tgz",
-      "integrity": "sha512-EmUful2MQtY8KgCF1OkBtOuMcvaZEvmdubhW0UHCGXi21O9dRLeADVCj+k6ZS+de7Mz9d2qixOXJ+GLhcK3pXg==",
-      "dev": true
+    "node_modules/@shikijs/engine-oniguruma": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-1.24.2.tgz",
+      "integrity": "sha512-ZN6k//aDNWRJs1uKB12pturKHh7GejKugowOFGAuG7TxDRLod1Bd5JhpOikOiFqPmKjKEPtEA6mRCf7q3ulDyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "1.24.2",
+        "@shikijs/vscode-textmate": "^9.3.0"
+      }
+    },
+    "node_modules/@shikijs/types": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-1.24.2.tgz",
+      "integrity": "sha512-bdeWZiDtajGLG9BudI0AHet0b6e7FbR0EsE4jpGaI0YwHm/XJunI9+3uZnzFtX65gsyJ6ngCIWUfA4NWRPnBkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^9.3.0",
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "node_modules/@shikijs/vscode-textmate": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-9.3.1.tgz",
+      "integrity": "sha512-79QfK1393x9Ho60QFyLti+QfdJzRQCVLFb97kOIV7Eo9vQU/roINgk7m24uv0a7AUvN//RDH36FLjjK48v0s9g==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@types/estree": {
       "version": "1.0.5",
@@ -176,6 +210,16 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.11",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -195,10 +239,14 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "18.11.9",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.9.tgz",
-      "integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==",
-      "dev": true
+      "version": "20.17.10",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.10.tgz",
+      "integrity": "sha512-/jrvh5h6NXhEauFFexRin69nA0uHJ5gwk4iDivp/DeoEua3uwCUto6PC86IpRITBOs4+6i2I56K5x5b6WYGXHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.19.2"
+      }
     },
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
@@ -244,6 +292,13 @@
         "source-map": "^0.6.1"
       }
     },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/webpack": {
       "version": "4.41.33",
       "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.33.tgz",
@@ -5864,15 +5919,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/shiki": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-1.9.1.tgz",
-      "integrity": "sha512-8PDkgb5ja3nfujTjvC4VytL6wGOGCtFAClUb2r3QROevYXxcq+/shVJK5s6gy0HZnjaJgFxd6BpPqpRfqne5rA==",
-      "dev": true,
-      "dependencies": {
-        "@shikijs/core": "1.9.1"
-      }
-    },
     "node_modules/signal-exit": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
@@ -6590,16 +6636,17 @@
       "dev": true
     },
     "node_modules/typedoc": {
-      "version": "0.26.2",
-      "resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.26.2.tgz",
-      "integrity": "sha512-q/t+M+PZqhN9gPWLBZ3CCvP+KT8O1tyYkSzEYbcQ6mo89avdIrMlBEl3vfo5BgSzwC6Lbmq0W64E8RkY+eVsLA==",
+      "version": "0.27.5",
+      "resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.27.5.tgz",
+      "integrity": "sha512-x+fhKJtTg4ozXwKayh/ek4wxZQI/+2hmZUdO2i2NGDBRUflDble70z+ewHod3d4gRpXSO6fnlnjbDTnJk7HlkQ==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
+        "@gerrit0/mini-shiki": "^1.24.0",
         "lunr": "^2.3.9",
         "markdown-it": "^14.1.0",
-        "minimatch": "^9.0.4",
-        "shiki": "^1.9.0",
-        "yaml": "^2.4.5"
+        "minimatch": "^9.0.5",
+        "yaml": "^2.6.1"
       },
       "bin": {
         "typedoc": "bin/typedoc"
@@ -6608,13 +6655,14 @@
         "node": ">= 18"
       },
       "peerDependencies": {
-        "typescript": "4.6.x || 4.7.x || 4.8.x || 4.9.x || 5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x || 5.5.x"
+        "typescript": "5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x || 5.5.x || 5.6.x || 5.7.x"
       }
     },
     "node_modules/typedoc-plugin-localization": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/typedoc-plugin-localization/-/typedoc-plugin-localization-3.0.5.tgz",
-      "integrity": "sha512-mvk0/DyjlFWcjxl2d0AsDeM6X8TjFE8FlbVyPDjY0mg54mHk9INp1rAbx9zZ5jtiLUVHrE8t9fb8FacmbmvqwA==",
+      "version": "1.0.4",
+      "resolved": "file:../../../typedoc-plugin-localization-1.0.4.tgz",
+      "integrity": "sha512-ta81KJkrYoKM8e5oZ6a1eHPmMkKP7bBuYGcNvJMsoZEUccHmMHiQSFlXK5HFsPJEjW/YnRTfqQZZpaW44/JNJw==",
+      "license": "MIT",
       "dependencies": {
         "fs-extra": "^11.2.0"
       }
@@ -6705,6 +6753,13 @@
       "optional": true,
       "peer": true
     },
+    "node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/union-value": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
@@ -7594,10 +7649,11 @@
       "dev": true
     },
     "node_modules/yaml": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.5.tgz",
-      "integrity": "sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.1.tgz",
+      "integrity": "sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==",
       "dev": true,
+      "license": "ISC",
       "bin": {
         "yaml": "bin.mjs"
       },
@@ -7677,6 +7733,17 @@
       "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
       "dev": true
     },
+    "@gerrit0/mini-shiki": {
+      "version": "1.24.4",
+      "resolved": "https://registry.npmjs.org/@gerrit0/mini-shiki/-/mini-shiki-1.24.4.tgz",
+      "integrity": "sha512-YEHW1QeAg6UmxEmswiQbOVEg1CW22b1XUD/lNTliOsu0LD0wqoyleFMnmbTp697QE0pcadQiR5cVtbbAPncvpw==",
+      "dev": true,
+      "requires": {
+        "@shikijs/engine-oniguruma": "^1.24.2",
+        "@shikijs/types": "^1.24.2",
+        "@shikijs/vscode-textmate": "^9.3.1"
+      }
+    },
     "@jridgewell/gen-mapping": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
@@ -7752,10 +7819,30 @@
         "fastq": "^1.6.0"
       }
     },
-    "@shikijs/core": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-1.9.1.tgz",
-      "integrity": "sha512-EmUful2MQtY8KgCF1OkBtOuMcvaZEvmdubhW0UHCGXi21O9dRLeADVCj+k6ZS+de7Mz9d2qixOXJ+GLhcK3pXg==",
+    "@shikijs/engine-oniguruma": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-1.24.2.tgz",
+      "integrity": "sha512-ZN6k//aDNWRJs1uKB12pturKHh7GejKugowOFGAuG7TxDRLod1Bd5JhpOikOiFqPmKjKEPtEA6mRCf7q3ulDyQ==",
+      "dev": true,
+      "requires": {
+        "@shikijs/types": "1.24.2",
+        "@shikijs/vscode-textmate": "^9.3.0"
+      }
+    },
+    "@shikijs/types": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-1.24.2.tgz",
+      "integrity": "sha512-bdeWZiDtajGLG9BudI0AHet0b6e7FbR0EsE4jpGaI0YwHm/XJunI9+3uZnzFtX65gsyJ6ngCIWUfA4NWRPnBkQ==",
+      "dev": true,
+      "requires": {
+        "@shikijs/vscode-textmate": "^9.3.0",
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "@shikijs/vscode-textmate": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-9.3.1.tgz",
+      "integrity": "sha512-79QfK1393x9Ho60QFyLti+QfdJzRQCVLFb97kOIV7Eo9vQU/roINgk7m24uv0a7AUvN//RDH36FLjjK48v0s9g==",
       "dev": true
     },
     "@types/estree": {
@@ -7783,6 +7870,15 @@
         "@types/node": "*"
       }
     },
+    "@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "dev": true,
+      "requires": {
+        "@types/unist": "*"
+      }
+    },
     "@types/json-schema": {
       "version": "7.0.11",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -7802,10 +7898,13 @@
       "dev": true
     },
     "@types/node": {
-      "version": "18.11.9",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.9.tgz",
-      "integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==",
-      "dev": true
+      "version": "20.17.10",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.10.tgz",
+      "integrity": "sha512-/jrvh5h6NXhEauFFexRin69nA0uHJ5gwk4iDivp/DeoEua3uwCUto6PC86IpRITBOs4+6i2I56K5x5b6WYGXHA==",
+      "dev": true,
+      "requires": {
+        "undici-types": "~6.19.2"
+      }
     },
     "@types/prop-types": {
       "version": "15.7.5",
@@ -7851,6 +7950,12 @@
         "source-map": "^0.6.1"
       }
     },
+    "@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "dev": true
+    },
     "@types/webpack": {
       "version": "4.41.33",
       "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.33.tgz",
@@ -12347,15 +12452,6 @@
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true
     },
-    "shiki": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-1.9.1.tgz",
-      "integrity": "sha512-8PDkgb5ja3nfujTjvC4VytL6wGOGCtFAClUb2r3QROevYXxcq+/shVJK5s6gy0HZnjaJgFxd6BpPqpRfqne5rA==",
-      "dev": true,
-      "requires": {
-        "@shikijs/core": "1.9.1"
-      }
-    },
     "signal-exit": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
@@ -12933,16 +13029,16 @@
       "dev": true
     },
     "typedoc": {
-      "version": "0.26.2",
-      "resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.26.2.tgz",
-      "integrity": "sha512-q/t+M+PZqhN9gPWLBZ3CCvP+KT8O1tyYkSzEYbcQ6mo89avdIrMlBEl3vfo5BgSzwC6Lbmq0W64E8RkY+eVsLA==",
+      "version": "0.27.5",
+      "resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.27.5.tgz",
+      "integrity": "sha512-x+fhKJtTg4ozXwKayh/ek4wxZQI/+2hmZUdO2i2NGDBRUflDble70z+ewHod3d4gRpXSO6fnlnjbDTnJk7HlkQ==",
       "dev": true,
       "requires": {
+        "@gerrit0/mini-shiki": "^1.24.0",
         "lunr": "^2.3.9",
         "markdown-it": "^14.1.0",
-        "minimatch": "^9.0.4",
-        "shiki": "^1.9.0",
-        "yaml": "^2.4.5"
+        "minimatch": "^9.0.5",
+        "yaml": "^2.6.1"
       },
       "dependencies": {
         "brace-expansion": {
@@ -12966,9 +13062,8 @@
       }
     },
     "typedoc-plugin-localization": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/typedoc-plugin-localization/-/typedoc-plugin-localization-3.0.5.tgz",
-      "integrity": "sha512-mvk0/DyjlFWcjxl2d0AsDeM6X8TjFE8FlbVyPDjY0mg54mHk9INp1rAbx9zZ5jtiLUVHrE8t9fb8FacmbmvqwA==",
+      "version": "file:..\\..\\..\\typedoc-plugin-localization-1.0.4.tgz",
+      "integrity": "sha512-ta81KJkrYoKM8e5oZ6a1eHPmMkKP7bBuYGcNvJMsoZEUccHmMHiQSFlXK5HFsPJEjW/YnRTfqQZZpaW44/JNJw==",
       "requires": {
         "fs-extra": "^11.2.0"
       },
@@ -13023,6 +13118,12 @@
       "optional": true,
       "peer": true
     },
+    "undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+      "dev": true
+    },
     "union-value": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
@@ -13730,9 +13831,9 @@
       "dev": true
     },
     "yaml": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.5.tgz",
-      "integrity": "sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.1.tgz",
+      "integrity": "sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==",
       "dev": true
     },
     "yargs": {
diff --git a/package.json b/package.json
index 87c2f16..527b308 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "author": "Infragistics",
   "license": "MIT",
   "main": "dist/index.js",
+  "type": "module",
   "files": [
     "dist",
     "LICENSE"
@@ -26,7 +27,7 @@
   "devDependencies": {
     "@types/fs-extra": "^9.0.13",
     "@types/lunr": "^2.3.3",
-    "@types/node": "^18.11.0",
+    "@types/node": "^20.17.6",
     "@types/react": "^17.0.40",
     "autoprefixer": "^9.8.6",
     "clean-webpack-plugin": "^3.0.0",
@@ -43,7 +44,7 @@
     "sass-loader": "^10.1.0",
     "style-loader": "^3.3.1",
     "ts-loader": "^8.0.12",
-    "typedoc": "^0.26.2",
+    "typedoc": "^0.27.0",
     "typescript": "^5.5.2",
     "url-loader": "^4.1.1",
     "webpack": "^5.11.1",
@@ -51,10 +52,10 @@
     "webpack-merge": "^5.7.3"
   },
   "peerDependencies": {
-    "typedoc": "^0.26.2",
-    "typedoc-plugin-localization": "^3.0.5"
+    "typedoc": "^0.27.0",
+    "typedoc-plugin-localization": "file:../../../typedoc-plugin-localization-1.0.4.tgz"
   },
   "dependencies": {
-    "typedoc-plugin-localization": "^3.0.5"
+    "typedoc-plugin-localization": "file:../../../typedoc-plugin-localization-1.0.4.tgz"
   }
 }
diff --git a/src/index.tsx b/src/index.tsx
index f6a3abc..290d72d 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,15 +1,32 @@
-import { cpSync } from 'fs';
-import { resolve } from 'path';
-import { navigation } from './partials/navigation';
-import { index } from './partials/index';
-import { memberSources } from './partials/member.sources';
-import { memberDeclaration } from './partials/member.declarations';
-import { reflectionTemplate } from './templates/reflection';
-import { memberSignatureBody } from './partials/member.signature.body';
-import { breadcrumb } from './partials/breadcrumb';
+import { cpSync } from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+import { navigation } from "./partials/navigation.js";
+import { index } from "./partials/index.js";
+import { memberSources } from "./partials/member.sources.js";
+import { memberDeclaration } from "./partials/member.declarations.js";
+import { reflectionTemplate } from "./templates/reflection.js";
+import { memberSignatureBody } from "./partials/member.signature.body.js";
+import { breadcrumb } from "./partials/breadcrumb.js";
+
+import {
+    Application,
+    DefaultTheme,
+    DefaultThemeRenderContext,
+    JSX,
+    Options,
+    PageEvent,
+    Reflection,
+    RenderTemplate,
+    Renderer,
+    RendererEvent,
+} from "typedoc";
+import { defaultLayout } from "./layouts/default.js";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
-import { Application, DefaultTheme, DefaultThemeRenderContext, JSX, Options, PageEvent, Reflection, RenderTemplate, Renderer, RendererEvent } from "typedoc";
-import { defaultLayout } from "./layouts/default";
 
 function bind<F, L extends any[], R>(fn: (f: F, ...a: L) => R, first: F) {
     return (...r: L) => fn(first, ...r);
@@ -28,12 +45,10 @@ export class IgThemeRenderContext extends DefaultThemeRenderContext {
         this.breadcrumb = bind(breadcrumb, this);
 
         this.defaultLayout = (template: RenderTemplate<PageEvent<Reflection>>, props: PageEvent<Reflection>) => {
-            return (
-                defaultLayout(this, template, props)
-            );
-        }
+            return defaultLayout(this, template, props);
+        };
     }
-};
+}
 
 export class IgTheme extends DefaultTheme {
     private _ctx?: IgThemeRenderContext;
@@ -43,35 +58,31 @@ export class IgTheme extends DefaultTheme {
     }
 
     override getRenderContext(pageEvent: PageEvent<Reflection>): IgThemeRenderContext {
-        this._ctx ||= new IgThemeRenderContext(
-            this,
-            pageEvent,
-            this.application.options
-        );
+        this._ctx ||= new IgThemeRenderContext(this, pageEvent, this.application.options);
         return this._ctx;
     }
 }
 
 export function load(app: Application) {
     app.renderer.hooks.on(
-        'head.end',
+        "head.end",
         (context): JSX.Element => (
-            <link rel='stylesheet' href={context.relativeURL('assets/css/main.css')} />
+            <link rel="stylesheet" href={context.relativeURL("assets/css/main.css")} />
         )
-    )
+    );
 
     app.renderer.hooks.on(
-        'body.end',
+        "body.end",
         (context): JSX.Element => (
-            <script src={context.relativeURL('assets/common.js')} />
+            <script src={context.relativeURL("assets/common.js")} />
         )
-    )
+    );
 
     app.renderer.on(RendererEvent.END, () => {
-        const from = resolve(__dirname, "assets");
-        const to = resolve(app.options.getValue("out"), "assets");
+        const from = path.resolve(__dirname, "assets");
+        const to = path.resolve(app.options.getValue("out"), "assets");
         cpSync(from, to, { recursive: true });
     });
 
-    app.renderer.defineTheme('igtheme', IgTheme);
+    app.renderer.defineTheme("igtheme", IgTheme);
 }
diff --git a/src/layouts/default.tsx b/src/layouts/default.tsx
index e7c8e75..7e4f298 100644
--- a/src/layouts/default.tsx
+++ b/src/layouts/default.tsx
@@ -1,10 +1,10 @@
 import { DefaultThemeRenderContext, PageEvent, Reflection, ReflectionKind, JSX, RenderTemplate } from "typedoc";
-import { analytics } from "../partials/analytics";
-import { footer } from "../partials/footer";
-import { header } from "../partials/header";
-import { navigation } from "../partials/navigation";
-import { getConfigData, hasTypeParameters, join } from "../utils/lib";
-const plugin = require('typedoc-plugin-localization');
+import { analytics } from "../partials/analytics.js";
+import { footer } from "../partials/footer.js";
+import { header } from "../partials/header.js";
+import { navigation } from "../partials/navigation.js";
+import { getConfigData, hasTypeParameters, join } from "../utils/lib.js";
+import { localize } from 'typedoc-plugin-localization';
 
 export const defaultLayout = (context: DefaultThemeRenderContext, template: RenderTemplate<PageEvent<Reflection>>, props: PageEvent<Reflection>) => {
     const defaultEnUrl = getConfigData(context, 'typedoc_default_url', 'en');
@@ -68,7 +68,7 @@ export const defaultLayout = (context: DefaultThemeRenderContext, template: Rend
                             <div class="table-cell" id="tsd-search" data-index={searchPath} data-base={context.relativeURL("./")}>
                                 <div class="field">
                                     <label for="tsd-search-field" class="material-icons">search</label>
-                                    <input id="tsd-search-field" type="text" placeholder={plugin.localize('Search API')} />
+                                    <input id="tsd-search-field" type="text" placeholder={localize('Search API')} />
                                 </div>
                                 <ul class="results">
                                     <li class="state loading">Preparing search index...</li>
@@ -78,26 +78,26 @@ export const defaultLayout = (context: DefaultThemeRenderContext, template: Rend
                             <div id="tsd-filter">
                                 <div class="tsd-filter-group">
                                     <div class="tsd-select" id="tsd-filter-visibility">
-                                        <span class="tsd-select-label">{plugin.localize('All')}</span>
+                                        <span class="tsd-select-label">{localize('All')}</span>
                                             <ul class="tsd-select-list">
-                                                <li data-value="public">{plugin.localize('Public')}</li>
-                                                <li data-value="protected">{plugin.localize('Public/Protected')}</li>
-                                                <li data-value="private" class="selected">{plugin.localize('All')}</li>
+                                                <li data-value="public">{localize('Public')}</li>
+                                                <li data-value="protected">{localize('Public/Protected')}</li>
+                                                <li data-value="private" class="selected">{localize('All')}</li>
                                             </ul>
                                     </div>
                                     <input type="checkbox" id="tsd-filter-inherited" checked />
-                                    <label class="tsd-widget" for="tsd-filter-inherited">{plugin.localize('Inherited')}</label>
+                                    <label class="tsd-widget" for="tsd-filter-inherited">{localize('Inherited')}</label>
 
                                     {!context.options.getValue("excludeExternals") && (
                                     <>
                                         <input type="checkbox" id="tsd-filter-externals" checked={true} />
-                                        <label class="tsd-widget" for="tsd-filter-externals">{plugin.localize('Externals')}</label>
+                                        <label class="tsd-widget" for="tsd-filter-externals">{localize('Externals')}</label>
                                     </>
                                     )}
                                     {!context.options.getValue("excludeExternals") && (
                                     <>
                                         <input type="checkbox" id="tsd-filter-externals" />
-                                        <label class="tsd-widget" for="tsd-filter-only-exported">{plugin.localize('Only exported')}</label>
+                                        <label class="tsd-widget" for="tsd-filter-only-exported">{localize('Only exported')}</label>
                                     </>
                                     )}
                                 </div>
diff --git a/src/partials/analytics.tsx b/src/partials/analytics.tsx
index 9c31946..08f016a 100644
--- a/src/partials/analytics.tsx
+++ b/src/partials/analytics.tsx
@@ -1,5 +1,5 @@
 import { DefaultThemeRenderContext, JSX } from "typedoc";
-import { getConfigData } from "../utils/lib";
+import { getConfigData } from "../utils/lib.js";
 
 export function analytics(context: DefaultThemeRenderContext) {
     const gaID = getConfigData(context, "gaID");
diff --git a/src/partials/breadcrumb.tsx b/src/partials/breadcrumb.tsx
index 991e27a..f959b01 100644
--- a/src/partials/breadcrumb.tsx
+++ b/src/partials/breadcrumb.tsx
@@ -1,5 +1,5 @@
 import { DefaultThemeRenderContext, Reflection, JSX } from "typedoc";
-const plugin = require('typedoc-plugin-localization');
+import { localize } from 'typedoc-plugin-localization';
 
 export const breadcrumb = (context: DefaultThemeRenderContext, props: Reflection): JSX.Element | undefined =>
     props.parent ? (
@@ -9,6 +9,6 @@ export const breadcrumb = (context: DefaultThemeRenderContext, props: Reflection
         </>
     ) : props.url ? (
         <li>
-            <a href={context.urlTo(props)}>{plugin.localize('Globals')}</a>
+            <a href={context.urlTo(props)}>{localize('Globals')}</a>
         </li>
     ) : undefined;
diff --git a/src/partials/footer.tsx b/src/partials/footer.tsx
index d2c2600..74e5898 100644
--- a/src/partials/footer.tsx
+++ b/src/partials/footer.tsx
@@ -1,6 +1,6 @@
 import {DefaultThemeRenderContext, JSX, PageEvent, Reflection} from 'typedoc';
-import { footerEn } from './infrafoot';
-import { footerJp } from './infrafoot.ja';
+import { footerEn } from './infrafoot.js';
+import { footerJp } from './infrafoot.ja.js';
 
 export function footer(context: DefaultThemeRenderContext, props: PageEvent<Reflection>) {
     if (!context.options.getValue('name').includes('Ignite UI')) {
diff --git a/src/partials/header.tsx b/src/partials/header.tsx
index 745897c..b007a8e 100644
--- a/src/partials/header.tsx
+++ b/src/partials/header.tsx
@@ -1,7 +1,7 @@
 import { DefaultThemeRenderContext, PageEvent, Reflection, JSX } from 'typedoc';
-import { navEn } from './infranav';
-import { navJp } from './infranav.ja';
-const plugin = require('typedoc-plugin-localization');
+import { navEn } from './infranav.js';
+import { navJp } from './infranav.ja.js';
+import { localize } from 'typedoc-plugin-localization';
 
 export const header = (context: DefaultThemeRenderContext, props: PageEvent<Reflection>) => {
     if (!context.options.getValue('name').includes('Ignite UI')) {
@@ -36,12 +36,12 @@ export const header = (context: DefaultThemeRenderContext, props: PageEvent<Refl
                         <ul class="tsd-nav">
                             <li class="tsd-nav-item">
                                 <button class="tsd-button--flat">
-                                    <a href={link}>{plugin.localize('Components')}</a>
+                                    <a href={link}>{localize('Components')}</a>
                                 </button>
                             </li>
                             <li class="tsd-nav-item">
                                 <button class="tsd-button">
-                                    <a href={link}>{plugin.localize('Get Started')}</a>
+                                    <a href={link}>{localize('Get Started')}</a>
                                 </button>
                             </li>
                         </ul>
diff --git a/src/partials/index.tsx b/src/partials/index.tsx
index 60ff98f..e6303be 100644
--- a/src/partials/index.tsx
+++ b/src/partials/index.tsx
@@ -1,5 +1,5 @@
 import { DefaultThemeRenderContext, ReflectionCategory, JSX, ContainerReflection, ReflectionKind} from "typedoc";
-import { wbr } from "../utils/lib";
+import { wbr } from "../utils/lib.js";
 
 function renderCategory({ urlTo }: DefaultThemeRenderContext, item: ReflectionCategory, prependName = "") {
     return (
diff --git a/src/partials/member.declarations.tsx b/src/partials/member.declarations.tsx
index a432e1d..d8ba2c7 100644
--- a/src/partials/member.declarations.tsx
+++ b/src/partials/member.declarations.tsx
@@ -1,6 +1,6 @@
 import { DeclarationReflection, DefaultThemeRenderContext, JSX, ReflectionType } from 'typedoc';
-import { renderTypeParametersSignature, wbr } from '../utils/lib';
-const plugin = require('typedoc-plugin-localization');
+import { renderTypeParametersSignature, wbr } from '../utils/lib.js';
+import { localize } from 'typedoc-plugin-localization';
 
 export const memberDeclaration = (context: DefaultThemeRenderContext, props: DeclarationReflection) => (
     <>
@@ -30,14 +30,14 @@ export const memberDeclaration = (context: DefaultThemeRenderContext, props: Dec
 
         {!!props.typeParameters && (
             <>
-                <h4 class="tsd-type-parameters-title">{plugin.localize('Type parameters')}</h4>
+                <h4 class="tsd-type-parameters-title">{localize('Type parameters')}</h4>
                 {context.typeParameters(props.typeParameters)}
             </>
         )}
         {props.type instanceof ReflectionType && (
             <div class="tsd-type-declaration">
-                <h4>{plugin.localize('Type declaration')}</h4>
-                {context.parameter(props.type.declaration)}
+                <h4>{localize('Type declaration')}</h4>
+                {context.typeDeclaration(props.type)}
             </div>
         )}
     </>
diff --git a/src/partials/member.signature.body.tsx b/src/partials/member.signature.body.tsx
index 4b454f7..41396f2 100644
--- a/src/partials/member.signature.body.tsx
+++ b/src/partials/member.signature.body.tsx
@@ -1,6 +1,6 @@
 import { DefaultThemeRenderContext, JSX, ReflectionType, SignatureReflection } from 'typedoc';
-import { renderFlags } from '../utils/lib';
-const plugin = require('typedoc-plugin-localization');
+import { renderFlags } from '../utils/lib.js';
+import { localize } from 'typedoc-plugin-localization';
 
 export const memberSignatureBody = (
     context: DefaultThemeRenderContext,
@@ -14,13 +14,13 @@ export const memberSignatureBody = (
 
         {!!props.typeParameters && (
             <>
-                <h4 class="tsd-type-parameters-title">{plugin.localize('Type parameters')}</h4>
+                <h4 class="tsd-type-parameters-title">{localize('Type parameters')}</h4>
                 {context.typeParameters(props.typeParameters)}
             </>
         )}
         {props.parameters && props.parameters.length > 0 && (
             <>
-                <h4 class="tsd-parameters-title">{plugin.localize('Parameters')}</h4>
+                <h4 class="tsd-parameters-title">{localize('Parameters')}</h4>
                 <ul class="tsd-parameters">
                     {props.parameters.map((item) => (
                         <li>
@@ -39,7 +39,7 @@ export const memberSignatureBody = (
                             </h5>
                             {context.commentSummary(item)}
                             {context.commentTags(item)}
-                            {item.type instanceof ReflectionType && context.parameter(item.type.declaration)}
+                            {item.type instanceof ReflectionType && context.typeDeclaration(item.type)}
                         </li>
                     ))}
                 </ul>
@@ -48,10 +48,10 @@ export const memberSignatureBody = (
         {props.type && (
             <>
                 <h4 class="tsd-returns-title">
-                    {plugin.localize('Returns') + ' '}
+                    {localize('Returns') + ' '}
                     {context.type(props.type)}
                 </h4>
-                {props.type instanceof ReflectionType && context.parameter(props.type.declaration)}
+                {props.type instanceof ReflectionType && context.typeDeclaration(props.type)}
             </>
         )}
     </>
diff --git a/src/partials/member.sources.tsx b/src/partials/member.sources.tsx
index b5fa45e..36aab7e 100644
--- a/src/partials/member.sources.tsx
+++ b/src/partials/member.sources.tsx
@@ -1,5 +1,5 @@
 import { DeclarationReflection, DefaultThemeRenderContext, JSX, SignatureReflection } from 'typedoc';
-const plugin = require('typedoc-plugin-localization');
+import { localize } from 'typedoc-plugin-localization';
 
 export const memberSources = (
     context: DefaultThemeRenderContext,
@@ -10,7 +10,7 @@ export const memberSources = (
     if (props.implementationOf) {
         sources.push(
             <p>
-                {plugin.localize('Implementation of') + ' '}
+                {localize('Implementation of') + ' '}
                 {context.typeAndParent(props.implementationOf)}
             </p>
         );
@@ -18,7 +18,7 @@ export const memberSources = (
     if (props.inheritedFrom) {
         sources.push(
             <p>
-                {plugin.localize('Inherited from') + ' '}
+                {localize('Inherited from') + ' '}
                 {context.typeAndParent(props.inheritedFrom)}
             </p>
         );
@@ -26,7 +26,7 @@ export const memberSources = (
     if (props.overwrites) {
         sources.push(
             <p>
-                {plugin.localize('Overrides') + ' '}
+                {localize('Overrides') + ' '}
                 {context.typeAndParent(props.overwrites)}
             </p>
         );
@@ -37,14 +37,14 @@ export const memberSources = (
                 {props.sources.map((item) =>
                     item.url ? (
                         <li>
-                            {plugin.localize('Defined in') + ' '}
+                            {localize('Defined in') + ' '}
                             <a href={item.url}>
                                 {item.fileName}:{item.line}
                             </a>
                         </li>
                     ) : (
                         <li>
-                            {plugin.localize('Defined in') + ' '} {item.fileName}:{item.line}
+                            {localize('Defined in') + ' '} {item.fileName}:{item.line}
                         </li>
                     )
                 )}
diff --git a/src/partials/navigation.tsx b/src/partials/navigation.tsx
index 4a9c010..1be29f1 100644
--- a/src/partials/navigation.tsx
+++ b/src/partials/navigation.tsx
@@ -1,4 +1,4 @@
-import { classNames, wbr } from '../utils/lib';
+import { classNames, wbr } from '../utils/lib.js';
 import {DefaultThemeRenderContext, JSX, DeclarationReflection, PageEvent, Reflection, ReflectionKind, ContainerReflection} from 'typedoc';
 
 export function navigation(context: DefaultThemeRenderContext, props: PageEvent<Reflection>) {
diff --git a/src/templates/reflection.tsx b/src/templates/reflection.tsx
index a640038..f08e0f4 100644
--- a/src/templates/reflection.tsx
+++ b/src/templates/reflection.tsx
@@ -1,7 +1,7 @@
-import { ContainerReflection, DeclarationReflection, DefaultThemeRenderContext, PageEvent, ReflectionKind, ReflectionType } from "typedoc"
-import { JSX } from "typedoc"
-import { hasTypeParameters } from "../utils/lib"
-const plugin = require('typedoc-plugin-localization')
+import { ContainerReflection, DeclarationReflection, DefaultThemeRenderContext, PageEvent, ReflectionKind, ReflectionType } from "typedoc";
+import { JSX } from "typedoc";
+import { hasTypeParameters } from "../utils/lib.js";
+import { localize } from 'typedoc-plugin-localization';
 
 export const reflectionTemplate = (context: DefaultThemeRenderContext, props: PageEvent<ContainerReflection>) => (
     <>
@@ -18,13 +18,13 @@ export const reflectionTemplate = (context: DefaultThemeRenderContext, props: Pa
             <>
                 {!!props.model.typeHierarchy && (
                     <section class="tsd-panel tsd-hierarchy">
-                        <h3>{plugin.localize('Hierarchy')}</h3>
+                        <h3>{localize('Hierarchy')}</h3>
                         {context.hierarchy(props.model.typeHierarchy)}
                     </section>
                 )}
                 {!!props.model.implementedTypes && (
                     <section class="tsd-panel">
-                        <h3>{plugin.localize('Implements')}</h3>
+                        <h3>{localize('Implements')}</h3>
                         <ul class="tsd-hierarchy">
                             {props.model.implementedTypes.map((item) => (
                                 <li>{context.type(item)}</li>
@@ -34,7 +34,7 @@ export const reflectionTemplate = (context: DefaultThemeRenderContext, props: Pa
                 )}
                 {!!props.model.implementedBy && (
                     <section class="tsd-panel">
-                        <h3>{plugin.localize('Implemented by')}</h3>
+                        <h3>{localize('Implemented by')}</h3>
                         <ul class="tsd-hierarchy">
                             {props.model.implementedBy.map((item) => (
                                 <li>{context.type(item)}</li>
@@ -44,7 +44,7 @@ export const reflectionTemplate = (context: DefaultThemeRenderContext, props: Pa
                 )}
                 {!!props.model.signatures && (
                     <section class="tsd-panel">
-                        <h3 class="tsd-before-signature">{plugin.localize('Callable')}</h3>
+                        <h3 class="tsd-before-signature">{localize('Callable')}</h3>
                         {context.memberSignatures(props.model)}
                     </section>
                 )}
@@ -63,8 +63,7 @@ export const reflectionTemplate = (context: DefaultThemeRenderContext, props: Pa
                                 {context.type(signature.type)}
                             </div>
                             {signature.comment}
-                            {signature?.type instanceof ReflectionType &&
-                                context.parameter(signature.type.declaration)}
+                            {signature?.type instanceof ReflectionType && context.typeDetailsIfUseful(signature.type)}
                         </section>
                     })
                 )}
diff --git a/src/utils/lib.tsx b/src/utils/lib.tsx
index 8279e0d..7542e08 100644
--- a/src/utils/lib.tsx
+++ b/src/utils/lib.tsx
@@ -1,7 +1,11 @@
-import * as path from 'path';
-import * as fs from 'fs';
+import { readFileSync, existsSync }  from 'fs';
+import path from "path";
+import { fileURLToPath } from "url";
 import { DeclarationReflection, Reflection, SignatureReflection, TypeParameterReflection, JSX, DefaultThemeRenderContext, ReflectionFlags, ReflectionKind } from "typedoc";
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
 export function hasTypeParameters(
     reflection: Reflection
 ): reflection is Reflection & { typeParameters: TypeParameterReflection[] } {
@@ -104,7 +108,7 @@ export function getConfigData(context: DefaultThemeRenderContext, prop: string,
     }
     const filePath = getConfigFilePath(fileName);
 
-    const config = JSON.parse(fs.readFileSync(filePath, 'utf8'));
+    const config = JSON.parse(readFileSync(filePath, 'utf8'));
     const settingOpt =  context.options.getValue('localize') as string;
     const getLang = lang ? lang : settingOpt;
 
@@ -119,7 +123,7 @@ export function getConfigData(context: DefaultThemeRenderContext, prop: string,
 
 export function getConfigFilePath(fileName: string) : string {
     const normalizedPath = path.join(__dirname, '..' , fileName);
-    if (fs.existsSync(normalizedPath)) {
+    if (existsSync(normalizedPath)) {
         return normalizedPath;
     } else {
         // fallback to default config
diff --git a/tsconfig.json b/tsconfig.json
index 547551f..21ebc87 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,15 +2,13 @@
     "include": ["src"],
 
     "compilerOptions": {
-        "target": "es2018",
-        "module": "commonjs",
-        "moduleResolution": "node",
+        "target": "ES2022",
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
         "forceConsistentCasingInFileNames": true,
         "skipLibCheck": true,
         "strict": true,
         "outDir": "dist",
-        "esModuleInterop": true,
-
         "jsx": "react",
         "jsxFactory": "JSX.createElement",
         "jsxFragmentFactory": "JSX.Fragment"
diff --git a/webpack.config.js b/webpack.config.js
index 4a7433f..b5ecc8f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,8 +1,11 @@
-const path = require("path");
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const CopyPlugin = require("copy-webpack-plugin");
+import path from "path";
+import { CleanWebpackPlugin } from "clean-webpack-plugin";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import CopyPlugin from "copy-webpack-plugin";
+import { fileURLToPath } from "url";
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 const config = {
     name: "Default Theme",
     mode: "production",
@@ -89,4 +92,4 @@ const config = {
     ],
 };
 
-module.exports = config;
+export default config;