Update dependencies

Author: Niilo Keinänen

package-lock.json

@@ -5,18 +5,22 @@
   "main": "index.js",
   "scripts": {
     "start": "webpack-dev-server",
-    "build": "webpack --mode production"
+    "build": "webpack --mode=production --node-env=production",
+    "build:dev": "webpack --mode=development",
+    "build:prod": "webpack --mode=production --node-env=production",
+    "watch": "webpack --watch",
+    "serve": "webpack serve"
   },
   "keywords": [],
   "author": "",
   "license": "MIT",
   "devDependencies": {
-    "html-webpack-plugin": "^4.4.1",
-    "ts-loader": "^8.0.3",
-    "typescript": "^4.0.2",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0"
+    "html-webpack-plugin": "^5.5.0",
+    "ts-loader": "^9.4.1",
+    "typescript": "^4.8.4",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1"
   },
   "dependencies": {
     "@arction/lcjs": "^3.4.0"

package.json

@@ -0,0 +1,16 @@
+import { lightningChart, SolidLine } from "@arction/lcjs";
+
+const chart = lightningChart().ChartXY();
+
+chart.setTitle("Getting Started");
+
+const lineSeries = chart.addLineSeries();
+
+lineSeries.setStrokeStyle((style: SolidLine) => style.setThickness(5));
+
+lineSeries.add([
+  { x: 0, y: 0 },
+  { x: 1, y: 7 },
+  { x: 2, y: 3 },
+  { x: 3, y: 10 },
+]);

src/app.ts

@@ -1,12 +1,11 @@
 {
-    "compilerOptions": {
-        "outDir": "./dist",
-        "module": "commonjs",
-        "target": "es5",
-        "esModuleInterop": true,
-        "lib": [
-            "es2015",
-            "dom"
-        ]
-    }
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "noImplicitAny": true,
+    "module": "es6",
+    "target": "es5",
+    "allowJs": true,
+    "moduleResolution": "node"
+  },
+  "files": ["src/index.ts"]
 }

src/ecg.json

@@ -1,37 +1,53 @@
-const HtmlWebpackPlugin = require('html-webpack-plugin')
-const path = require('path')
+// Generated using webpack-cli https://github.com/webpack/webpack-cli
 
-module.exports = {
-    mode: 'development',
-    entry: './src/app.ts',
-    module:{
-        rules:[
-            {
-                test: /\.tsx?$/,
-                use: 'ts-loader',
-                exclude: /node_modules/
-            }
-        ]
-    },
-    devServer: {
-        contentBase: path.join(__dirname, 'dist'),
-        compress: true
-    },
-    resolve: {
-        extensions: ['.ts', '.js']
-    },
-    output: {
-        filename: '[name].bundle.js',
-        path: path.resolve(__dirname, 'dist')
-    },
-    optimization:{
-        splitChunks: {
-            chunks: 'all'
-        }
-    },
-    plugins: [
-        new HtmlWebpackPlugin({
-            title: 'lcjs-typescript-example'
-        })
-    ]
-}
+const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+const isProduction = process.env.NODE_ENV == "production";
+
+const config = {
+  entry: "./src/index.ts",
+  output: {
+    path: path.resolve(__dirname, "dist"),
+  },
+  devServer: {
+    open: true,
+    host: "localhost",
+  },
+  plugins: [
+    new HtmlWebpackPlugin(),
+    // Add your plugins here
+    // Learn more about plugins from https://webpack.js.org/configuration/plugins/
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.(ts|tsx)$/i,
+        loader: "ts-loader",
+        exclude: ["/node_modules/"],
+      },
+      {
+        test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
+        type: "asset",
+      },
+
+      // Add your rules for custom modules here
+      // Learn more about loaders from https://webpack.js.org/loaders/
+    ],
+  },
+  resolve: {
+    extensions: [".tsx", ".ts", ".jsx", ".js", "..."],
+  },
+  externals: {
+    perf_hooks: "{}",
+  },
+};
+
+module.exports = () => {
+  if (isProduction) {
+    config.mode = "production";
+  } else {
+    config.mode = "development";
+  }
+  return config;
+};