chore(examples/fdc3-chart): Move build to webpack (#1054)

Author: kruplm

examples/fdc3-chart-and-grid/js-chart/chart.js

@@ -1,6 +1,16 @@
-import Chart from 'highcharts/es-modules/Core/Chart/Chart.js';
-import ColumnSeries from 'highcharts/es-modules/Series/Column/ColumnSeries.js';
-import NoDataToDisplay from 'highcharts/modules/no-data-to-display';
+// Morgan Stanley makes this available to you under the Apache License,
+// Version 2.0 (the "License"). You may obtain a copy of the License at
+// 
+//      http://www.apache.org/licenses/LICENSE-2.0.
+// 
+// See the NOTICE file distributed with this work for additional information
+// regarding copyright ownership. Unless required by applicable law or agreed
+// to in writing, software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
+// or implied. See the License for the specific language governing permissions
+// and limitations under the License.
+
+import NoDataToDisplay from 'highcharts/modules/no-data-to-display.js';
 import * as Highcharts from 'highcharts';
 import { ContextTypes } from '@finos/fdc3';
 import { Intents } from '@finos/fdc3';

examples/fdc3-chart-and-grid/js-chart/package.json

@@ -7,8 +7,9 @@
   "type": "module",
   "scripts": {
     "clean": "rimraf dist",
-    "bundle": "rollup -c",
-    "build": "npm run clean && npm run bundle",
+    "build": "npm run build:prod",
+    "build:dev": "npm run clean && webpack --mode=development",
+    "build:prod": "npm run clean && webpack --mode=production --node-env=production",
     "start": "http-server -p 8088"
   },
   "dependencies": {
@@ -21,8 +22,7 @@
   "devDependencies": {
     "http-server": "14.1.1",
     "rimraf": "6.0.1",
-    "rollup": "4.44.1",
-    "@rollup/plugin-commonjs": "28.0.6",
-    "@rollup/plugin-node-resolve": "16.0.1"
+    "webpack": "^5.95.0",
+    "webpack-cli": "^6.0.1"
   }
 }

examples/fdc3-chart-and-grid/js-chart/rollup.config.js

@@ -0,0 +1,40 @@
+// Generated using webpack-cli https://github.com/webpack/webpack-cli
+
+const path = require('path');
+
+const isProduction = process.env.NODE_ENV == 'production';
+
+
+const config = {
+    entry: './chart.js',
+    output: {
+        path: path.resolve(__dirname, 'dist'),
+        filename: 'bundle.js',
+        libraryTarget: 'commonjs',
+        module: false,
+        iife: true
+    
+    },
+    plugins: [
+        // Add your plugins here
+        // Learn more about plugins from https://webpack.js.org/configuration/plugins/
+    ],
+    module: {
+        rules: [
+            // Add your rules for custom modules here
+            // Learn more about loaders from https://webpack.js.org/loaders/
+        ],
+    },
+    optimization: {
+        minimize: false,
+      },
+};
+
+module.exports = () => {
+    if (isProduction) {
+        config.mode = 'production';
+    } else {
+        config.mode = 'development';
+    }
+    return config;
+};