Merge pull request #159 from Exabyte-io/chore/add-craco

chore: add craco to have a single build bundle

craco.config.js

@@ -0,0 +1,24 @@
+const path = require("path");
+
+module.exports = {
+    webpack: {
+        configure: (webpackConfig) => {
+            // Disable code splitting
+            webpackConfig.optimization.splitChunks = {
+                cacheGroups: {
+                    default: false,
+                },
+            };
+
+            webpackConfig.optimization.runtimeChunk = false;
+
+            // Ensure output filename is a single file
+            webpackConfig.output.filename = "static/js/[name].bundle.js";
+
+            // Set the output directory to a specific folder
+            webpackConfig.output.path = path.resolve(__dirname, "build");
+
+            return webpackConfig;
+        },
+    },
+};

package.json

@@ -3,8 +3,8 @@
     "version": "0.0.0",
     "description": "Web-based Atomic Viewer and Editor in JavaScript.",
     "scripts": {
-        "build": "SKIP_PREFLIGHT_CHECK=true react-scripts --openssl-legacy-provider build",
-        "start": "cross-env PORT=3002 SKIP_PREFLIGHT_CHECK=true react-scripts --openssl-legacy-provider start",
+        "build": "SKIP_PREFLIGHT_CHECK=true craco --openssl-legacy-provider build",
+        "start": "cross-env PORT=3002 SKIP_PREFLIGHT_CHECK=true craco --openssl-legacy-provider start",
         "transpile": "tsc && npm run copy-css",
         "copy-css": "mkdir -p dist/stylesheets && cp src/stylesheets/* dist/stylesheets/",
         "prestart": "npm-link-shared ./node_modules/@exabyte-io/cove.js/node_modules . react",
@@ -60,6 +60,7 @@
         "react-dom": "^17.0.0"
     },
     "devDependencies": {
+        "@craco/craco": "^6.4.5",
         "@exabyte-io/cove.js": "2024.7.31-0",
         "@exabyte-io/eslint-config": "^2025.1.15-0",
         "@mat3ra/code": "^2024.3.25-3",