Replace obsolete react-scripts with rollup

Author: vbanos

config/rollup.mjs

@@ -1,14 +1,18 @@
-// Rollup plugins.
 import { babel } from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import postcss from 'rollup-plugin-postcss';
 import replace from '@rollup/plugin-replace';
 import resolve from '@rollup/plugin-node-resolve';
 import url from '@rollup/plugin-url';
-
 import cssnano from 'cssnano';
 import terser from '@rollup/plugin-terser';
 
+// Dev plugins
+import serve from 'rollup-plugin-serve';
+import livereload from 'rollup-plugin-livereload';
+
+const isDev = process.env.ROLLUP_WATCH === 'true';
+
 export default {
   input: 'src/index-build.js',
   output: {
@@ -26,21 +30,28 @@ export default {
       exclude: 'node_modules/process-es6/**'
     }),
     replace({
-      'process.env.NODE_ENV': JSON.stringify('production'),
-      'preventAssignment': true
+      'process.env.NODE_ENV': JSON.stringify(isDev ? 'development' : 'production'),
+      preventAssignment: true
     }),
     url(),
     postcss({
-      extensions: [ '.css' ],
+      extensions: ['.css'],
       plugins: [cssnano()]
     }),
     babel({
       babelrc: false,
       exclude: 'node_modules/**',
       babelHelpers: 'bundled',
-      presets: [ '@babel/preset-env', '@babel/preset-react' ],
-      plugins: [ '@babel/plugin-proposal-export-default-from' ]
+      presets: ['@babel/preset-env', '@babel/preset-react'],
+      plugins: ['@babel/plugin-proposal-export-default-from']
+    }),
+    !isDev && terser(), // only minify in production
+    isDev && serve({
+      open: true,
+      contentBase: ['build', 'public'],
+      host: '0.0.0.0',
+      port: 5000
     }),
-    terser()
-  ]
+    isDev && livereload({ watch: 'build' })
+  ].filter(Boolean)
 };

package.json

@@ -13,7 +13,7 @@
     "simple-xpath-position": "^2.0.2"
   },
   "scripts": {
-    "start": "HOST=vbanos.gr PORT=5000 react-scripts start",
+    "start": "rollup -c config/rollup.mjs -w",
     "build": "rollup -c config/rollup.mjs",
     "build:dev": "rollup -c config/rollup.mjs -w",
     "test": "jest --testEnvironment=jsdom --testPathIgnorePatterns=src/components/__tests__/setup.js",
@@ -25,7 +25,7 @@
     "@babel/plugin-proposal-export-default-from": "^7.27",
     "@babel/plugin-transform-private-property-in-object": "^7.27",
     "@babel/preset-env": "^7.28",
-    "@babel/preset-react": "^7.27",
+    "@babel/preset-react": "^7.28",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
@@ -46,9 +46,10 @@
     "jest-environment-jsdom": "^30.0.0",
     "jsdom": "^27.0.0",
     "postcss": "^8.5.6",
-    "react-scripts": "^5.0.1",
     "rollup": "4.31.0",
+    "rollup-plugin-livereload": "^2.0.5",
     "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-serve": "^3.0.0",
     "smbase64": "^1.0.2"
   },
   "repository": {