Added babel to showcase project.

Jenkinsfile

@@ -29,44 +29,48 @@ pipeline {
                 }
             }
         }
-        stage("generate docs") {
+        stage("archive product") {
             steps {
-                dir('audioshowkit') {
-                    nodejs('NodeJS (17.4.0)') {
-                        sh "npm run docs"
-                    }
-                }
-            }
-        }
-        stage("publish") {
-            steps {
-                publishHTML([allowMissing: false, alwaysLinkToLastBuild: false, keepAll: false, reportDir: 'audioshowkit/docs', reportFiles: 'index.html', reportName: 'AudioShowKit JSDocs', reportTitles: ''])
                 archiveArtifacts artifacts: 'audioshowkit/dist/audioshowkit.js', followSymlinks: false
             }
         }
-        stage("setup showcase") {
+        stage("publish") {
-            stages {
+            parallel {
-                stage("install showcase") {
+                stage("setup showcase") {
-                    steps {
+                    stages {
-                        dir('showcase') {
+                        stage("install showcase") {
-                            nodejs('NodeJS (17.4.0)') {
+                            steps {
-                                sh "npm i"
+                                dir('showcase') {
+                                    nodejs('NodeJS (17.4.0)') {
+                                        sh "npm i"
+                                    }
+                                }
+                            }
+                        }
+                        stage("build showcase") {
+                            steps {
+                                dir('showcase') {
+                                    nodejs('NodeJS (17.4.0)') {
+                                        sh "npm run build"
+                                    }
+                                }
+                            }
+                        }
+                        stage("deploy showcase") {
+                            steps {
+                                publishHTML([allowMissing: false, alwaysLinkToLastBuild: false, keepAll: false, reportDir: 'showcase/dist', reportFiles: 'index.html', reportName: 'AudioShowKit Demo', reportTitles: ''])
                             }
                         }
                     }
                 }
-                stage("build showcase") {
+                stage("generate docs") {
                     steps {
-                        dir('showcase') {
+                        dir('audioshowkit') {
                             nodejs('NodeJS (17.4.0)') {
-                                sh "npm run build"
+                                sh "npm run docs"
                             }
                         }
-                    }
+                        publishHTML([allowMissing: false, alwaysLinkToLastBuild: false, keepAll: false, reportDir: 'audioshowkit/docs', reportFiles: 'index.html', reportName: 'AudioShowKit JSDocs', reportTitles: ''])
-                }
-                stage("deploy showcase") {
-                    steps {
-                        publishHTML([allowMissing: false, alwaysLinkToLastBuild: false, keepAll: false, reportDir: 'showcase/dist', reportFiles: 'index.html', reportName: 'AudioShowKit Demo', reportTitles: ''])
                     }
                 }
             }

showcase/.eslintignore

@@ -0,0 +1,3 @@
+webpack.*.js
+webpack.*.cjs
+**/prism.js

showcase/.eslintrc.json

@@ -0,0 +1,36 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:import/recommended"
+    ],
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "rules": {
+        "indent": [
+            "error",
+            4
+        ],
+        "linebreak-style": [
+            "error",
+            "unix"
+        ],
+        "quotes": [
+            "error",
+            "double"
+        ],
+        "semi": [
+            "error",
+            "always"
+        ],
+        "import/extensions": [
+            "error",
+            "ignorePackages"
+        ]
+    }
+}

showcase/babel.config.json

@@ -0,0 +1,4 @@
+{
+    "presets": [],
+    "plugins": []
+}

showcase/package.json

@@ -12,8 +12,15 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@babel/core": "^7.17.9",
+    "@babel/eslint-parser": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "babel-loader": "^8.2.4",
     "copy-webpack-plugin": "^10.2.4",
     "css-loader": "^6.7.1",
+    "eslint": "^8.13.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-webpack-plugin": "^3.1.1",
     "html-loader": "^3.1.0",
     "html-webpack-plugin": "^5.5.0",
     "style-loader": "^3.3.1",

showcase/webpack.common.cjs

@@ -1,6 +1,7 @@
 const path = require("path");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 const CopyPlugin = require("copy-webpack-plugin");
+const ESLintPlugin = require("eslint-webpack-plugin");
 
 module.exports = {
     entry: {
@@ -33,6 +34,7 @@ module.exports = {
         path: path.resolve("./dist")
     },
     plugins: [
+        new ESLintPlugin(),
         new HtmlWebpackPlugin({
             template: path.resolve("./src/index.html"),
         }),