fix: remove wrapper plugin

Author: stas-nc

package-lock.json

@@ -66,8 +66,7 @@
         "typedoc-plugin-rename-defaults": "0.6.6",
         "typescript": "~5.0.4",
         "webpack": "^5.96.1",
-        "webpack-inject-plugin": "^1.5.5",
-        "wrapper-webpack-plugin": "^2.2.2"
+        "webpack-inject-plugin": "^1.5.5"
     },
     "dependencies": {
         "@types/url-join": "^4.0.2",

package.json

@@ -1,9 +1,10 @@
-import InjectPlugin, { ENTRY_ORDER } from 'webpack-inject-plugin';
 import UglifyJs from 'uglify-js';
+import InjectPlugin, { ENTRY_ORDER } from 'webpack-inject-plugin';
 
-import { FactoryConfig } from './types';
+import { BannerPlugin, WebpackPluginInstance } from 'webpack';
 import resolveDirectory from '../app/utils/resolveDirectory';
 import { publicPathTpl } from './constants';
+import { FactoryConfig } from './types';
 
 /* istanbul ignore file */
 
@@ -16,16 +17,19 @@ const defaultConf: FactoryConfig = {
     },
 };
 
+type FactoryResult = {
+    client: WebpackPluginInstance[];
+    server: WebpackPluginInstance[];
+};
+
 /**
  * This function allows you to simplify client side Webpack configuration for Apps/Parcels that work with ILC.
  * It's main features:
  * - Automatic compatibility with legacy UMD bundles. More details [available here](https://github.com/namecheap/ilc/blob/master/docs/umd_bundles_compatibility.md)
  * - Automatic public path configuration for Webpack bundle.
  * [Detailed description](https://namecheap.github.io/ilc-sdk/pages/Pages/public_path.html).
  */
-export function WebpackPluginsFactory(config: RegExp | FactoryConfig = {}) {
-    const WrapperPlugin = require('wrapper-webpack-plugin');
-
+export function WebpackPluginsFactory(config: RegExp | FactoryConfig = {}): FactoryResult {
     if (config instanceof RegExp) {
         config = {
             jsFilesTest: config,
@@ -38,15 +42,21 @@ export function WebpackPluginsFactory(config: RegExp | FactoryConfig = {}) {
         publicPathDetection: { ...defaultConf.publicPathDetection, ...config.publicPathDetection },
     };
 
-    const plugins = {
+    const plugins: FactoryResult = {
         client: [
-            new WrapperPlugin({
+            new BannerPlugin({
+                test: conf.jsFilesTest, // only wrap output of bundle files with '.js' extension
+                banner: '(function(define){const __ilc_script_url__ = document.currentScript.src;',
+                raw: true,
+            }),
+            new BannerPlugin({
                 test: conf.jsFilesTest, // only wrap output of bundle files with '.js' extension
-                header: '(function(define){const __ilc_script_url__ = document.currentScript.src;\n',
-                footer: '\n})((window.ILC && window.ILC.define) || window.define);',
+                banner: '})((window.ILC && window.ILC.define) || window.define);',
+                raw: true,
+                footer: true,
             }),
         ],
-        server: [] as any[],
+        server: [],
     };
 
     if (conf.publicPathDetection && conf.publicPathDetection.disable) {