catalyst-core 0.0.2-canary.0 → 0.0.2-canary.1

package/bin/catalyst.js

@@ -3,17 +3,27 @@
 process.on("unhandledRejection", (err) => {
     throw err
 })
-const { spawnSync } = require("node:child_process")
+
+import { spawnSync } from "node:child_process"
+import { fileURLToPath } from "node:url"
+import { dirname, resolve } from "node:path"
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
 const args = process.argv.slice(2)
 const scriptIndex = args.findIndex(
     (x) => x === "build" || x === "start" || x === "serve" || x === "devBuild" || x === "devServe"
 )
 const script = scriptIndex === -1 ? args[0] : args[scriptIndex]
 const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : []
+
 if (["build", "start", "serve", "devBuild", "devServe"].includes(script)) {
     const result = spawnSync(
         process.execPath,
-        nodeArgs.concat(require.resolve("../dist/scripts/" + script)).concat(args.slice(scriptIndex + 1)),
+        nodeArgs
+            .concat(resolve(__dirname, "../dist/scripts/" + script + ".js"))
+            .concat(args.slice(scriptIndex + 1)),
         { stdio: "inherit" }
     )
     if (result.signal) {

package/changelog.md

@@ -1,18 +1,173 @@
-# Changelog
-
-## [0.0.1-beta.6] - 28-06-2024
-
-### Changes
-
--   Moved router, scripts, server and webpack directories present in root directoy to dist folder
--   Removed dependency from user defined module aliases (user can change any module alias without breaking catalyst) 
--   Module aliases defined for catalyst
--   Added exports inside package.json for tree shakeable support for logger, caching and ClientRouter.js
--   Hidden unnecessary files from published package: 
-    .prettierrc.json
-    .eslintrc
-    .eslintignore
-    /.husky 
-    /.github
-    commitlint.config.js
-    tsconfig.json
+# Changelog - SSR Asset Management Refactor
+
+## Version: [0.0.2-canary.1]
+
+**Date:** 05-08-2025
+
+### 🚀 Major Features
+
+#### **New Asset Management System**
+
+-   **Added `ChunkExtractor` class** (`src/server/renderer/ChunkExtractor.js`)
+    -   Intelligent asset tracking during SSR rendering
+    -   Separates essential vs non-essential assets for optimal loading
+    -   Compatible with Vite's manifest and chunk splitting system
+    -   Enhanced CSS registry support for deduplication
+
+#### **Smart Code Splitting with SSR Control**
+
+-   **Added `Split` component** (`src/web-router/components/Split.jsx`)
+    -   SSR-aware code splitting with `ssr` flag support
+    -   Seamless fallback handling for client-side rendering
+    -   Automatic asset tracking integration with ChunkExtractor
+
+#### **Advanced Build Pipeline**
+
+-   **Added Manifest Categorization Plugin** (`src/vite/manifest-categorization-plugin.js`)
+
+    -   Automatically categorizes assets into: `essential`, `ssrTrue`, `ssrFalse`
+    -   Generates `asset-categories.json` for build-time asset optimization
+    -   Tracks split module dependencies and chunk relationships
+
+-   **Added Cache Key Injection Plugin** (`src/vite/inject-cache-key-plugin.js`)
+    -   Automatically injects cache keys into split calls for better asset tracking
+    -   Resolves import paths using Vite aliases
+    -   Enables precise manifest key matching
+
+### 🔧 Core Improvements
+
+#### **Server-Side Rendering Enhancements**
+
+-   **Refactored `handler.jsx`**:
+    -   Replaced legacy asset extraction with ChunkExtractor-based system
+    -   Implemented streaming SSR with `renderToPipeableStream`
+    -   Added two-phase asset loading (essential + non-essential)
+    -   Improved error handling and fallback mechanisms
+    -   Dynamic store loading with better validation
+
+#### **Asset Loading Strategy**
+
+-   **Enhanced `extract.js`**:
+    -   New CSS stylesheet link generation (replaces inline CSS)
+    -   Proper asset URL resolution with protocol/host handling
+    -   Deduplication of assets to prevent duplicates
+    -   Support for both React elements and HTML string generation
+
+#### **Document Structure Updates**
+
+-   **Updated `Head.jsx`**:
+
+    -   Changed from inline CSS to stylesheet links
+    -   Added support for CSS loading strategies
+    -   Better separation of critical and non-critical resources
+
+-   **Updated `Body.jsx`**:
+    -   Removed legacy `firstFoldCss` and `firstFoldJS` props
+    -   Cleaner prop structure and validation
+
+### ⚙️ Configuration & Build Changes
+
+#### **Vite Configuration Updates**
+
+-   **Client Config** (`vite.config.client.js`):
+
+    -   Integrated manifest categorization plugin
+    -   Enhanced asset processing pipeline
+
+-   **Server Config** (`vite.config.server.js`):
+
+    -   Added cache key injection for split calls
+    -   Improved SSR build optimization
+
+-   **Base Config** (`vite.config.js`):
+    -   Added manual chunk splitting for vendor code
+    -   Improved build output structure (`public` → `client`)
+    -   Enhanced sourcemap and minification settings
+
+#### **Express Server Updates**
+
+-   **Enhanced `expressServer.js`**:
+    -   Added `assetManifest` loading and processing
+    -   Updated static asset serving paths
+    -   Better error handling for manifest loading
+    -   CSS loading strategies tracking
+
+### 🏗️ API & Export Changes
+
+#### **New Exports**
+
+-   Added `split` function export from main index
+-   Added `ChunkExtractor` class export
+-   Enhanced component and utility exports
+
+#### **Prop Changes**
+
+-   **Head Component**:
+
+    -   `pageCss`: Changed from `string` to `array` for stylesheet links
+
+-   **Body Component**:
+    -   Removed `firstFoldCss` and `firstFoldJS` props
+    -   Streamlined component interface
+
+### 🗑️ Removals & Deprecations
+
+#### **Removed Legacy Features**
+
+-   Removed `.eslintrc` configuration file
+-   Eliminated legacy CSS caching system (`cacheCSS`, `cacheJS` functions)
+-   Removed inline CSS injection in favor of stylesheet links
+-   Deprecated two-pass component tracking system
+
+#### **Simplified Architecture**
+
+-   Removed complex asset processing logic in favor of ChunkExtractor
+-   Eliminated legacy loadable-stats.json dependencies
+-   Streamlined asset URL generation and management
+
+### 🔄 Breaking Changes
+
+1. **CSS Loading**: Changed from inline CSS to stylesheet links
+2. **Asset Paths**: Updated from `/public/` to `/client/` for built assets
+3. **Component Props**: Removed `firstFoldCss` and `firstFoldJS` from Body component
+4. **Build Output**: Modified build directory structure
+5. **Store Loading**: Changed from async import to dynamic resolution
+
+### 📈 Performance Improvements
+
+-   **Reduced Bundle Size**: Better chunk splitting and tree shaking
+-   **Faster Initial Load**: Essential vs non-essential asset separation
+-   **Improved Caching**: Enhanced asset categorization for better cache strategies
+-   **Streaming SSR**: Non-blocking server-side rendering with progressive enhancement
+-   **Asset Deduplication**: Prevents loading duplicate resources
+
+### 🛠️ Developer Experience
+
+-   **Better Debugging**: Enhanced error messages and warnings
+-   **Improved Build Process**: Clearer asset categorization and tracking
+-   **Flexible SSR Control**: Per-component SSR enable/disable via `split` function
+-   **Enhanced Development**: Better hot reload and asset serving in development mode
+
+### 📋 Migration Notes
+
+1. **Update Split Usage**: Replace legacy code splitting with new `split()` function
+2. **Asset Paths**: Update any hardcoded asset paths from `/public/` to `/client/`
+3. **CSS Loading**: Remove any custom CSS inlining logic - now handled automatically
+4. **Build Scripts**: Ensure new Vite plugins are included in build configuration
+5. **Store Configuration**: Update store imports to use dynamic loading pattern
+
+### 🐛 Bug Fixes
+
+-   Fixed asset URL resolution in different environments
+-   Improved error handling in asset loading
+-   Better fallback mechanisms for failed component loads
+-   Enhanced compatibility with different hosting setups
+-   Fixed chunk dependency tracking accuracy
+
+---
+
+### Technical Details
+
+**New Dependencies**: None (uses existing Vite and React ecosystem)
+**Minimum Requirements**: Vite-based build system, React 18+ for Suspense improvements
+**Backward Compatibility**: Limited - requires migration of existing split usage

package/dist/caching.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _apiCaching=require("@tata1mg/api-caching");Object.keys(_apiCaching).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_apiCaching[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _apiCaching[key];}});});
+export * from "@tata1mg/api-caching"

package/dist/index.jsx

@@ -0,0 +1,8 @@
+export * from "react-router-dom"
+export * from "./web-router/components/RouterDataProvider.jsx"
+export * from "./web-router/components/MetaTag.jsx"
+export { split } from "./web-router/components/Split.jsx"
+export { ChunkExtractor } from "./server/renderer/ChunkExtractor.js"
+export * from "./web-router/hooks.jsx"
+export * from "./web-router/utils/metaDataUtils.jsx"
+export * from "./server/renderer/document/index.jsx"

package/dist/logger.js

@@ -1,4 +1,10 @@
-"use strict";const pc=require("picocolors");const winston=require("winston");const DailyRotateFile=require("winston-daily-rotate-file");const{createLogger,format,transports}=winston;/**
+const pc = require("picocolors")
+const winston = require("winston")
+const DailyRotateFile = require("winston-daily-rotate-file")
+
+const { createLogger, format, transports } = winston
+
+/**
  * @description Logger library with rotational strategy. Creates a logs folder in root.
  *              With debug, error and info log directories with their respective log files.
  *
@@ -6,5 +12,70 @@
  * @param config { @enableDebugLogs: Bool // default: true }
  * @returns loggerInstance
  *
- */const configureLogger=(config={})=>{const{enableDebugLogs=true,enableFileLogging=true,enableConsoleLogging=true}=config;const consoleTransport=new transports.Console({level:"debug"});const fileTransport=(type="info")=>{return new DailyRotateFile({filename:`${process.env.src_path}/logs/${type}/%DATE%.${type}.log`,datePattern:"YYYY-MM-DD",maxFiles:"3d",// Logs will be removed after 2days,
-loglevel:type,level:type});};const infoLogger=createLogger({format:format.combine(format.timestamp({format:"YYYY-MM-DD HH:mm:ss"}),format.json()),defaultMeta:{loglevel:"info"}});const debugLogger=createLogger({format:format.combine(format.timestamp({format:"YYYY-MM-DD HH:mm:ss"}),format.json()),defaultMeta:{loglevel:"debug"}});const errorLogger=createLogger({format:format.combine(format.timestamp({format:"YYYY-MM-DD HH:mm:ss"}),format.json()),defaultMeta:{loglevel:"error"}});if(enableConsoleLogging&&JSON.parse(enableConsoleLogging)){infoLogger.add(consoleTransport);debugLogger.add(consoleTransport);errorLogger.add(consoleTransport);}if(enableFileLogging&&JSON.parse(enableFileLogging)){infoLogger.add(fileTransport("info"));debugLogger.add(fileTransport("debug"));errorLogger.add(fileTransport("error"));}const Logger={debug:()=>{},error:msg=>{console.log(pc.red(pc.bold("ERROR: "+JSON.stringify(msg))));errorLogger.error(msg);},info:msg=>{console.log(pc.green(pc.bold("INFO: "+JSON.stringify(msg))));infoLogger.info(msg);}};if(enableDebugLogs&&JSON.parse(enableDebugLogs)){Logger.debug=msg=>{console.log(pc.yellow(pc.bold("DEBUG: "+JSON.stringify(msg))));debugLogger.debug(msg);};}if(global)global.logger=Logger;return Logger;};module.exports={configureLogger};
+ */
+const configureLogger = (config = {}) => {
+    const { enableDebugLogs = true, enableFileLogging = true, enableConsoleLogging = true } = config
+
+    const consoleTransport = new transports.Console({ level: "debug" })
+
+    const fileTransport = (type = "info") => {
+        return new DailyRotateFile({
+            filename: `${process.env.src_path}/logs/${type}/%DATE%.${type}.log`,
+            datePattern: "YYYY-MM-DD",
+            maxFiles: "3d", // Logs will be removed after 2days,
+            loglevel: type,
+            level: type,
+        })
+    }
+
+    const infoLogger = createLogger({
+        format: format.combine(format.timestamp({ format: "YYYY-MM-DD HH:mm:ss" }), format.json()),
+        defaultMeta: { loglevel: "info" },
+    })
+
+    const debugLogger = createLogger({
+        format: format.combine(format.timestamp({ format: "YYYY-MM-DD HH:mm:ss" }), format.json()),
+        defaultMeta: { loglevel: "debug" },
+    })
+
+    const errorLogger = createLogger({
+        format: format.combine(format.timestamp({ format: "YYYY-MM-DD HH:mm:ss" }), format.json()),
+        defaultMeta: { loglevel: "error" },
+    })
+
+    if (enableConsoleLogging && JSON.parse(enableConsoleLogging)) {
+        infoLogger.add(consoleTransport)
+        debugLogger.add(consoleTransport)
+        errorLogger.add(consoleTransport)
+    }
+
+    if (enableFileLogging && JSON.parse(enableFileLogging)) {
+        infoLogger.add(fileTransport("info"))
+        debugLogger.add(fileTransport("debug"))
+        errorLogger.add(fileTransport("error"))
+    }
+
+    const Logger = {
+        debug: () => {},
+        error: (msg) => {
+            console.log(pc.red(pc.bold("ERROR: " + JSON.stringify(msg))))
+            errorLogger.error(msg)
+        },
+        info: (msg) => {
+            console.log(pc.green(pc.bold("INFO: " + JSON.stringify(msg))))
+            infoLogger.info(msg)
+        },
+    }
+
+    if (enableDebugLogs && JSON.parse(enableDebugLogs)) {
+        Logger.debug = (msg) => {
+            console.log(pc.yellow(pc.bold("DEBUG: " + JSON.stringify(msg))))
+            debugLogger.debug(msg)
+        }
+    }
+
+    if (global) global.logger = Logger
+    return Logger
+}
+
+module.exports = { configureLogger }

package/dist/router/ClientRouter.js

@@ -1,3 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _router=require("@tata1mg/router");const{preparedRoutes}=require(`${process.env.src_path}/src/js/routes/utils.js`);/**
+import { createBrowserRouter } from "../index.jsx"
+import { preparedRoutes } from "@catalyst/template/src/js/routes/utils.jsx"
+
+/**
  * @returns returns browsers routers (client routes)
- */const clientRouter=({store,routerInitialState})=>(0,_router.createBrowserRouter)(preparedRoutes({store,routerInitialState}));var _default=exports.default=clientRouter;
+ */
+const clientRouter = ({ routerInitialState }) => {
+    const browserRouter = createBrowserRouter(preparedRoutes({ routerInitialState }))
+    return browserRouter
+}
+
+export default clientRouter

package/dist/router/ServerRouter.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _router=require("@tata1mg/router");const{preparedRoutes}=require(`${process.env.src_path}/src/js/routes/utils.js`);const ServerRouter=reduxData=>{const{store,intialData}=reduxData;return(0,_router.useRoutes)(preparedRoutes({store,routerInitialState:intialData}));};var _default=exports.default=ServerRouter;
+import { useRoutes } from "../index.jsx"
+import { preparedRoutes } from "@catalyst/template/src/js/routes/utils.jsx"
+
+const ServerRouter = (reduxData) => {
+    const { store, intialData } = reduxData
+    return useRoutes(preparedRoutes({ store, routerInitialState: intialData }))
+}
+
+export default ServerRouter

package/dist/router.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _router=require("@tata1mg/router");Object.keys(_router).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_router[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _router[key];}});});
+export * from "@tata1mg/router"

package/dist/scripts/build.js

@@ -1,10 +1,83 @@
-"use strict";const path=require("path");const{spawnSync}=require("child_process");const{green,cyan,yellow}=require("picocolors");const{name}=require(`${process.env.PWD}/package.json`);const{BUILD_OUTPUT_PATH}=require(`${process.env.PWD}/config/config.json`);const{arrayToObject,printBundleInformation}=require("./scriptUtils.js");/**
- * @description - creates a production build of the application.
- */function build(){const commandLineArguments=process.argv.slice(2);const argumentsObject=arrayToObject(commandLineArguments);const dirname=path.resolve(__dirname,"../../");const command=`
-    node ./dist/scripts/checkVersion
-    rm -rf ${process.env.PWD}/${BUILD_OUTPUT_PATH} & node ./dist/scripts/loadScriptsBeforeServerStarts.js
-    APPLICATION=${name||"catalyst_app"} webpack --config ./dist/webpack/production.client.babel.js --progress
-    APPLICATION=${name||"catalyst_app"} SSR=true webpack --config ./dist/webpack/production.ssr.babel.js
-    APPLICATION=${name||"catalyst_app"} npx babel ./dist/server --out-dir ${process.env.PWD}/${BUILD_OUTPUT_PATH} --ignore '**/*.test.js,./dist/server/renderer/handler.js' --quiet 
-    APPLICATION=${name||"catalyst_app"} npx babel ${process.env.PWD}/server --out-dir ${process.env.PWD}/${BUILD_OUTPUT_PATH} --quiet
-    `;console.log("Creating an optimized production build...");const result=spawnSync(command,[],{cwd:dirname,stdio:"inherit",shell:true,env:{...process.env,src_path:process.env.PWD,BUILD_OUTPUT_PATH:BUILD_OUTPUT_PATH,NODE_ENV:"production",IS_DEV_COMMAND:false,...argumentsObject}});if(result.error){console.error("Error occurred:",result.error);}else{console.log(green("Compiled successfully."));console.log("\nFile sizes after gzip:\n");printBundleInformation();console.log(`\nThe ${cyan(BUILD_OUTPUT_PATH)} folder is ready to be deployed.`);console.log("You may serve it with a serve command:");console.log(cyan("\n npm run serve"));console.log("\nFind out more about deployment here:");console.log(yellow("\n https://catalyst.1mg.com/public_docs/content/deployment\n"));}}build();
+import path from "path"
+import { spawnSync } from "child_process"
+import { arrayToObject } from "./scriptUtils.js"
+import { fileURLToPath } from "url"
+import { dirname } from "path"
+import { readFileSync } from "fs"
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+/**
+ * @description - builds the application for production
+ */
+function build() {
+    const commandLineArguments = process.argv.slice(2)
+    const argumentsObject = arrayToObject(commandLineArguments)
+    const dirname = path.resolve(__dirname, "../../")
+
+    // Read package.json
+    const packageJson = JSON.parse(readFileSync(path.join(process.env.PWD, "package.json"), "utf-8"))
+    const { name } = packageJson
+
+    console.log("🏗️  Building application for production...")
+
+    const baseEnv = {
+        ...process.env,
+        src_path: process.env.PWD,
+        NODE_ENV: "production",
+        VITE_BUILD_MODE: "true",
+        APPLICATION: name || "catalyst_app",
+        ...argumentsObject,
+        filterKeys: JSON.stringify([
+            "src_path",
+            "NODE_ENV",
+            "VITE_BUILD_MODE",
+            "APPLICATION",
+            ...Object.keys(argumentsObject),
+        ]),
+    }
+
+    // Build server bundle
+    console.log("🔧 Building server bundle...")
+    const serverBuildCommand = `vite build --config ./dist/vite/vite.config.server.js --ssr`
+
+    const serverBuildResult = spawnSync(serverBuildCommand, [], {
+        cwd: dirname,
+        stdio: "inherit",
+        shell: true,
+        env: baseEnv,
+    })
+
+    if (serverBuildResult.status !== 0) {
+        console.log(serverBuildResult)
+        console.error("❌ Server build failed!")
+        process.exit(1)
+    }
+
+    console.log("✅ Server build completed!")
+
+    // Build client bundle
+    console.log("📦 Building client bundle...")
+    const clientBuildCommand = `vite build --config ./dist/vite/vite.config.client.js`
+
+    const clientBuildResult = spawnSync(clientBuildCommand, [], {
+        cwd: dirname,
+        stdio: "inherit",
+        shell: true,
+        env: baseEnv,
+    })
+
+    if (clientBuildResult.status !== 0) {
+        console.error("❌ Client build failed!")
+        process.exit(1)
+    }
+
+    console.log("✅ Client build completed!")
+
+    console.log("🎉 Build completed successfully!")
+    console.log("📁 Built files are located in the 'build' directory")
+    console.log("🚀 Run 'npm run serve' to start the production server")
+}
+
+build()

package/dist/scripts/checkVersion.js

@@ -1 +1,3 @@
-"use strict";if(process.versions.node.split(".")[0]<20){console.error("\x1b[31m%s\x1b[0m","use node version >=20");}
+if (process.versions.node.split(".")[0] < 20) {
+    console.error("\x1b[31m%s\x1b[0m", "use node version >=20")
+}

package/dist/scripts/loadEnvironmentVariables.js

@@ -1,5 +1,33 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;const appConfig=require("@catalyst/template/config/config.json");const{validateConfigFile}=require("@catalyst/scripts/validator.js");/**
+import path from "path"
+import fs from "fs"
+
+const appConfigPath = path.resolve(process.env.src_path, "config/config.json")
+// import { validateConfigFile } from "../scripts/validator"
+/**
  * @description stores all config.json key value into process.env before server starts.
- */const loadEnvironmentVariables=()=>{if(validateConfigFile(appConfig)){for(let k in appConfig){// below code provides support for object handling present in config.
-// However, for usage on client the client logic in define plugin needs to be checked and updated
-process.env[k]=typeof appConfig[k]==="object"?JSON.stringify(appConfig[k]):appConfig[k];}}};var _default=exports.default=loadEnvironmentVariables;
+ */
+const loadEnvironmentVariables = async () => {
+    try {
+        const filterKeys = JSON.parse(process.env.filterKeys)
+        const configContent = fs.readFileSync(appConfigPath, "utf8")
+        const appConfig = JSON.parse(configContent)
+        const newConfig = {}
+        // Set environment variables from config
+        for (let k in appConfig) {
+            // Handle both primitive values and objects
+            newConfig[k] = typeof appConfig[k] === "object" ? JSON.stringify(appConfig[k]) : appConfig[k]
+        }
+        for (let i = 0; i < filterKeys.length; i++) {
+            const key = filterKeys[i]
+            // Handle both primitive values and objects
+            newConfig[key] =
+                typeof process.env[key] === "object" ? JSON.stringify(process.env[key]) : process.env[key]
+        }
+        process.env = newConfig
+    } catch (error) {
+        console.error("Error loading environment variables:", error)
+        throw error
+    }
+}
+
+export default loadEnvironmentVariables

package/dist/scripts/scriptUtils.js

@@ -1,2 +1,54 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.arrayToObject=arrayToObject;exports.printBundleInformation=void 0;const fs=require("fs");const path=require("path");const util=require("node:util");const{gray,cyan}=require("picocolors");const{BUILD_OUTPUT_PATH}=require(`${process.env.PWD}/config/config.json`);// Function to get file size synchronously
-function getFileSizeSync(filePath){try{const stats=fs.statSync(filePath);return stats.size;}catch(err){console.error(`Error getting bundle information for file ${filePath}: ${err}`);return null;}}const printBundleInformation=()=>{let bundleList=[];const directoryPath=path.join(process.env.PWD,`${BUILD_OUTPUT_PATH}/public`);try{const files=fs.readdirSync(directoryPath);files.forEach(file=>{if(!file.includes("txt")&&!file.includes("json")){const filePath=path.join(directoryPath,file);const fileSize=getFileSizeSync(filePath);if(fileSize!==null){bundleList.push({file,fileSize});}}});}catch(err){console.error("Unable to scan build folder: "+err);}bundleList.sort((a,b)=>b.fileSize-a.fileSize);bundleList.forEach(({file,fileSize})=>{const fileName=`${gray(`${BUILD_OUTPUT_PATH}/public/`)}${cyan(file)}`;const fileSizeInKb=(fileSize/1024).toFixed(2);const size=`\t${fileSizeInKb} kB`.padEnd(16);console.log(util.format(size,fileName));});};exports.printBundleInformation=printBundleInformation;function arrayToObject(array){const obj={};array.forEach(item=>{const[key,value]=item.split("=");if(value)obj[key]=value;});return obj;}
+import fs from "fs"
+import path from "path"
+import util from "node:util"
+import pkg from "picocolors"
+const { gray, cyan } = pkg
+
+// Function to get file size synchronously
+function getFileSizeSync(filePath) {
+    try {
+        const stats = fs.statSync(filePath)
+        return stats.size
+    } catch (err) {
+        console.error(`Error getting bundle information for file ${filePath}: ${err}`)
+        return null
+    }
+}
+
+export const printBundleInformation = () => {
+    let bundleList = []
+    const directoryPath = path.join(process.env.src_path, `build/public`)
+
+    try {
+        const files = fs.readdirSync(directoryPath)
+        files.forEach((file) => {
+            if (!file.includes("txt") && !file.includes("json")) {
+                const filePath = path.join(directoryPath, file)
+                const fileSize = getFileSizeSync(filePath)
+                if (fileSize !== null) {
+                    bundleList.push({ file, fileSize })
+                }
+            }
+        })
+    } catch (err) {
+        console.error("Unable to scan build folder: " + err)
+    }
+
+    bundleList.sort((a, b) => b.fileSize - a.fileSize)
+    bundleList.forEach(({ file, fileSize }) => {
+        const fileName = `${gray(`build/public/`)}${cyan(file)}`
+        const fileSizeInKb = (fileSize / 1024).toFixed(2)
+        const size = `\t${fileSizeInKb} kB`.padEnd(16)
+
+        console.log(util.format(size, fileName))
+    })
+}
+
+export function arrayToObject(array) {
+    const obj = {}
+    array.forEach((item) => {
+        const [key, value] = item.split("=")
+        if (value) obj[key] = value
+    })
+    return obj
+}

package/dist/scripts/serve.js

@@ -1,5 +1,48 @@
-"use strict";const path=require("path");const{spawnSync}=require("child_process");const{arrayToObject}=require("./scriptUtils");const{name}=require(`${process.env.PWD}/package.json`);const{BUILD_OUTPUT_PATH}=require(`${process.env.PWD}/config/config.json`);/**
- * @description -  Serves production build of the application.
- */function serve(){const commandLineArguments=process.argv.slice(2);const argumentsObject=arrayToObject(commandLineArguments);const dirname=path.resolve(__dirname,"../../");const command=`
-    APPLICATION=${name||"catalyst_app"} node -r ./dist/scripts/loadScriptsBeforeServerStarts.js ${process.env.PWD}/${BUILD_OUTPUT_PATH}/startServer.js
-    `;spawnSync(command,[],{cwd:dirname,stdio:"inherit",shell:true,env:{...process.env,src_path:process.env.PWD,BUILD_OUTPUT_PATH:BUILD_OUTPUT_PATH,NODE_ENV:"production",IS_DEV_COMMAND:false,...argumentsObject}});}serve();
+import path from "path"
+import { spawnSync } from "child_process"
+import { arrayToObject } from "./scriptUtils.js"
+import { fileURLToPath } from "url"
+import { dirname } from "path"
+import { readFileSync } from "fs"
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+/**
+ * @description - starts the application in production mode
+ */
+function startProd() {
+    const commandLineArguments = process.argv.slice(2)
+    const argumentsObject = arrayToObject(commandLineArguments)
+    const dirname = path.resolve(__dirname, "../../")
+
+    // Read package.json
+    const packageJson = JSON.parse(readFileSync(path.join(process.env.PWD, "package.json"), "utf-8"))
+    const { name } = packageJson
+
+    console.log("🚀 Starting production server...")
+
+    const command = `node ./dist/server/expressServer.js`
+    spawnSync(command, [], {
+        cwd: dirname,
+        stdio: "inherit",
+        shell: true,
+        env: {
+            ...process.env,
+            src_path: process.env.PWD,
+            NODE_ENV: "production",
+            IS_DEV_COMMAND: false,
+            APPLICATION: name || "catalyst_app",
+            ...argumentsObject,
+            filterKeys: JSON.stringify([
+                "src_path",
+                "NODE_ENV",
+                "IS_DEV_COMMAND",
+                "APPLICATION",
+                ...Object.keys(argumentsObject),
+            ]),
+        },
+    })
+}
+
+startProd()