Update configuration. Update packages.

Author: Snekw

.github/workflows/gh-pages-deploy.yml

@@ -0,0 +1,29 @@
+name: Webpack build to GitHub Pages
+
+on:
+  push:
+    branches: [ master ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Use Node.js 16.x
+      uses: actions/setup-node@v1
+      with:
+        node-version: '16.x'
+
+    - name: Build
+      run: |
+        npm install
+        npm run build
+
+    - name: Deploy
+      uses: peaceiris/actions-gh-pages@v3
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        publish_dir: ./dist
+        publish_branch: gh-pages

.gitignore

@@ -1,3 +1,2 @@
 node_modules
 dist
-package-lock.json

package.json

@@ -1,23 +1,26 @@
-{
-    "version": "1.0.1",
-    "scripts": {
-        "build": "webpack --mode production",
-        "start": "webpack-dev-server"
-    },
-    "license": "Custom",
-    "private": true,
-    "main": "./src/index.js",
-    "devDependencies": {
-        "copy-webpack-plugin": "^6.0.2",
-        "html-webpack-plugin": "^3.2.0",
-        "webpack-cli": "^3.3.10",
-        "webpack-dev-server": "^3.9.0"
-    },
-    "dependencies": {
-        "@arction/lcjs": "^3.3.0",
-        "@arction/xydata": "^1.4.0",
-        "clean-webpack-plugin": "^3.0.0",
-        "webpack": "^4.41.2",
-        "webpack-stream": "^5.2.1"
-    }
-}
+{
+  "version": "2.0.0",
+  "scripts": {
+    "build": "webpack --mode production",
+    "start": "webpack serve"
+  },
+  "license": "Custom",
+  "private": true,
+  "main": "./src/index.js",
+  "devDependencies": {
+    "clean-webpack-plugin": "^4.0.0",
+    "copy-webpack-plugin": "^10.0.0",
+    "html-webpack-plugin": "^5.5.0",
+    "webpack": "^5.64.4",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.6.0",
+    "webpack-stream": "^7.0.0"
+  },
+  "dependencies": {
+    "@arction/lcjs": "^3.3.0",
+    "@arction/xydata": "^1.4.0"
+  },
+  "lightningChart": {
+    "eID": "0465"
+  }
+}

webpack.config.js

@@ -13,24 +13,9 @@ module.exports = {
     entry: {
         app: packageJSON.main
     },
-    node: {
-        buffer: false,
-        setImmediate: false
-    },
     devServer: {
-        contentBase: outputPath,
+        static: outputPath,
         compress: true,
-        // handle asset renaming
-        before: function(app, server, compiler){
-            app.get('/examples/assets/*', (req, res, next)=>{
-                if(req.originalUrl.match(/lcjs_example_\d*_\w*-/g)){
-                    res.redirect(req.originalUrl.replace(/lcjs_example_\d*_\w*-/g,''))
-                }
-                else{
-                    next()
-                }
-            })
-        }
     },
     resolve: {
         modules: [
@@ -48,15 +33,15 @@ module.exports = {
         splitChunks: {
             chunks: 'all',
             cacheGroups: {
-                // make separate 'vendor' chunk that contains any depenedencies
+                // make separate 'vendor' chunk that contains any dependencies
                 // allows for smaller file sizes and faster builds
                 vendor: {
-                    test: /node_modules/,
-                    chunks: 'initial',
-                    name: 'vendor',
-                    priority: 10,
-                    enforce: true
-                }
+                  test: /[\\/]node_modules[\\/]/,
+                  chunks: 'initial',
+                  name: 'vendor',
+                  priority: -10,
+                  reuseExistingChunk: true,
+                },
             }
         },
         runtimeChunk: 'single'
@@ -69,7 +54,7 @@ module.exports = {
         }),
         new CopyWebpackPlugin({
             patterns: [
-                { from: './assets/**/*', to: './examples/assets', flatten: true, noErrorOnMissing: true },
+                { from: './assets/**/*', to: `./examples/assets/${packageJSON.lightningChart.eID}/[name][ext]`, noErrorOnMissing: true },
                 { from: './node_modules/@arction/lcjs/dist/resources', to: 'resources', noErrorOnMissing: true },
             ]
         })