manage: Switched from offline-plugin to updated @lcdp/offline-plugin for Webpack 5 compatibility, see NekR/offline-plugin#491

Signed-off-by: Jaid <jaid.jsx@gmail.com>

Author: Jaid

package-lock.json

@@ -3,6 +3,7 @@
   "author": "Jaid <jaid.jsx@gmail.com> (https://github.com/Jaid)",
   "dependencies": {
     "@absolunet/fss": "^1.7.0",
+    "@lcdp/offline-plugin": "^5.1.0",
     "aot-loader": "^1.0.1",
     "app-root-path": "^3.0.0",
     "babel-loader": "^8.2.2",
@@ -47,7 +48,6 @@
     "mini-css-extract-plugin": "^1.6.0",
     "modern-image-loader": "^1.1.1",
     "multi-loader": "^0.1.0",
-    "offline-plugin": "^5.0.7",
     "optimize-css-assets-webpack-plugin": "^5.0.4",
     "pascal-case": "^3.1.2",
     "pkg-banner-webpack-plugin": "^1.1.0",

package.json

@@ -4,7 +4,7 @@ import ensureStart from "ensure-start"
 import HtmlFaviconPlugin from "html-favicon-webpack-plugin"
 import {escape, isObject, omit, uniq} from "lodash"
 import LogWatcherPlugin from "log-watcher-webpack-plugin"
-import OfflinePlugin from "offline-plugin"
+import OfflinePlugin from "@lcdp/offline-plugin"
 import OptimizeCssAssetsPlugin from "optimize-css-assets-webpack-plugin"
 import RobotsTxtPlugin from "robotstxt-webpack-plugin"
 import SitemapXmlPlugin from "sitemap-xml-webpack-plugin"

src/types/webapp/index.js

@@ -7,7 +7,7 @@ import {trim} from "lodash"
 import icon from "./perk.png"
 import css from "./style.scss"
 
-require("offline-plugin/runtime").install()
+require("@lcdp/offline-plugin/runtime").install()
 
 window.icon = icon
 

test/webapp/src/index.js

@@ -6,7 +6,7 @@ import Form from "components/Form"
 
 import css from "./style.scss"
 
-require('offline-plugin/runtime').install()
+require('@lcdp/offline-plugin/runtime').install()
 
 @connect(({form}) => ({
   count: form?.controls?.values?.input?.length || "?",

testWebapp/src/components/App/index.js

@@ -6,7 +6,7 @@ import App from "components/App"
 
 import store from "src/redux/productionStore"
 
-require("offline-plugin/runtime").install()
+require("@lcdp/offline-plugin/runtime").install()
 
 const rootNode = document.querySelector("body > div")