catalyst-core-internal 0.0.1-beta.38 → 0.0.1-beta.39

package/AssetsCache.js

@@ -0,0 +1,114 @@
+class AssetsCache {
+    constructor() {
+        this.cssCache = new Map()
+        this.preloadJSLinkCache = new Map()
+    }
+
+    async cacheCss(key, data) {
+        let pageCss = ""
+        let listOfCachedAssets = new Map()
+        if (Array.isArray(data)) {
+            try {
+                if (process.env.NODE_ENV === "production") {
+                    data.map((assetChunk) => {
+                        const assetPathArr = assetChunk.key.split("/")
+                        const assetName = assetPathArr[assetPathArr.length - 1]
+                        const ext = path.extname(assetName)
+
+                        if (ext === ".css") {
+                            // if css file has not already been cached, add the content of this CSS file in pageCSS
+                            if (
+                                !listOfCachedAssets.get(assetName) &&
+                                !this.cssCache.get(key)?.listOfCachedAssets?.get(assetName)
+                            ) {
+                                pageCss += fs.readFileSync(
+                                    path.resolve(
+                                        process.env.src_path,
+                                        `${process.env.BUILD_OUTPUT_PATH}/public`,
+                                        assetName
+                                    )
+                                )
+                                listOfCachedAssets.set(assetName, true)
+                            }
+                        }
+                    })
+                } else {
+                    const cssRequests = data.map((file) => {
+                        const ext = path.extname(file.key)
+                        if (ext === ".css") {
+                            return getAssetFromWebpackDevServer(file.key)
+                        }
+                    })
+                    const resolvedCss = await Promise.all(cssRequests)
+                    resolvedCss.forEach((cssContent) => {
+                        pageCss += cssContent
+                    })
+                }
+            } catch (error) {
+                if (process.env.NODE_ENV == "development") {
+                    console.log(
+                        "Error While Extracting The Chunk: ",
+                        path.resolve(process.env.src_path, `${process.env.BUILD_OUTPUT_PATH}/public`)
+                    )
+                }
+            }
+        }
+        // if css cache exists for a route and there are some uncached css, add that css to the cache
+        // this will run on subsequent hits and will add css of uncached widgets to the cache
+        if (process.cssCache[key]) {
+            if (pageCss !== "") {
+                let existingListOfCachedAssets = process.cssCache[key].listOfCachedAssets
+                const newPageCSS = process.cssCache[key].pageCss + pageCss
+                let newListOfCachedAssets = { ...existingListOfCachedAssets, ...listOfCachedAssets }
+                process.cssCache[key] = { pageCss: newPageCSS, listOfCachedAssets: newListOfCachedAssets }
+            }
+        } else {
+            // create css cache for a page. This will run on the first hit.
+            this.cssCache.set(key, { pageCss, listOfCachedAssets })
+        }
+    }
+
+    fetchCss(key) {
+        return this.cssCache.get(key).pageCss
+    }
+
+    cachePreloadJSLinks(key, data) {
+        let preloadJSLinks = []
+        if (Array.isArray(data)) {
+            try {
+                preloadJSLinks = data.filter((asset) => asset?.props?.as === "script")
+            } catch (error) {
+                console.dir({
+                    service_name: `pwa-${process.env.APPLICATION}-node-server`,
+                    loglevel: "error",
+                    version: "v2",
+                    message: "\n \n =====> Error While Extracting The Chunk: \n ",
+                    traceback: error,
+                })
+            }
+        }
+        console.dir({
+            service_name: "pwa-node-server",
+            loglevel: "info",
+            version: "v2",
+            message: `\n========= Cached For preloadJSLinkCache: ${key} ============\n`,
+        })
+        this.preloadJSLinkCache.set(key, preloadJSLinks)
+    }
+
+    fetchPreloadJSLinks(key) {
+        return this.preloadJSLinkCache.get(key)
+    }
+
+    async getAssetFromWebpackDevServer(assetPath = "") {
+        try {
+            if (process.env.NODE_ENV !== "production") {
+                const response = await fetch(assetPath)
+                const textContent = await response.text()
+                return textContent
+            }
+        } catch (error) {
+            console.log("Unable to fetch asset from webpack dev server", error)
+        }
+    }
+}

package/changelog.md

@@ -1,18 +1,9 @@
 # Changelog
 
-## [0.0.1-beta.6] - 28-06-2024
+## [0.0.1-beta.7] - 19-10-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
+-   Added postcss-scss parser to parse scss in dev mode.
+-   Removed default meta tags if the user chooses to setup their own document.
+-   Fix assets being injected in the documnet sent from the server.

package/dist/webpack/babel-plugins/replace-require.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=_default;function _default(){return{visitor:{CallExpression(nodePath,state){if(nodePath.node.callee.name==="require"&&nodePath.node.arguments.length===1){const argument=nodePath.node.arguments[0];if(argument.type==="StringLiteral"){const requiredPath=argument.value;// Normalize the path for comparison
+const normalizedPath=path.join(path.dirname(state.file.opts.filename),requiredPath);const fullPath=`file://${normalizedPath}${path.extname(normalizedPath)?"":".js"}`;if(clientComponentPaths.has(fullPath)){// Replace with placeholder
+argument.value="/* CLIENT_COMPONENT_PLACEHOLDER */";console.log(`Replaced require for client component: ${fullPath}`);}}}}}};}

package/dist/webpack/plugins/rsc-client.js

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;const{sources}=require("webpack");const RawSource=sources.RawSource;const PLUGIN_NAME="rsc-client-plugin";class ClientDirectivePlugin{constructor(){this.clientFiles=[];}apply(compiler){compiler.hooks.emit.tapAsync(PLUGIN_NAME,(compilation,callback)=>{compilation.modules.forEach(module=>{const source=module._source?.source();if(source?.includes('"use client"')){this.clientFiles.push(module.resource);const chunkName="rsc-"+module.resource.split("/").pop();compilation.emitAsset(chunkName,new RawSource(source));}});console.log("Client Files:",this.clientFiles);callback();});}}var _default=exports.default=ClientDirectivePlugin;// const acorn = require("acorn")
+// const path = require("path")
+// class UseClientChunkPlugin {
+//     constructor() {
+//         this.clientFiles = new Map()
+//     }
+//     apply(compiler) {
+//         compiler.hooks.beforeCompile.tap("UseClientChunkPlugin", () => {
+//             this.clientFiles.clear()
+//         })
+//         compiler.hooks.normalModuleFactory.tap("UseClientChunkPlugin", (normalModuleFactory) => {
+//             normalModuleFactory.hooks.parser.for("javascript/auto").tap("UseClientChunkPlugin", (parser) => {
+//                 parser.hooks.program.tap("UseClientChunkPlugin", (ast, { resource }) => {
+//                     if (this.hasUseClientDirective(ast)) {
+//                         this.clientFiles.set(resource, null)
+//                     }
+//                 })
+//             })
+//         })
+//         compiler.hooks.thisCompilation.tap("UseClientChunkPlugin", (compilation) => {
+//             compilation.hooks.optimizeChunks.tap("UseClientChunkPlugin", (chunks) => {
+//                 const clientChunk = compilation.addChunk("client")
+//                 chunks.forEach((chunk) => {
+//                     chunk.modulesIterable.forEach((module) => {
+//                         if (this.clientFiles.has(module.resource)) {
+//                             compilation.moveModulesBetweenChunks([module], chunk, clientChunk)
+//                             this.clientFiles.set(module.resource, clientChunk.id)
+//                         }
+//                     })
+//                 })
+//             })
+//             compilation.hooks.afterOptimizeChunks.tap("UseClientChunkPlugin", (chunks) => {
+//                 chunks.forEach((chunk) => {
+//                     chunk.modulesIterable.forEach((module) => {
+//                         if (module.dependencies) {
+//                             module.dependencies.forEach((dependency) => {
+//                                 if (dependency.module && this.clientFiles.has(dependency.module.resource)) {
+//                                     const clientChunkId = this.clientFiles.get(dependency.module.resource)
+//                                     if (clientChunkId !== null) {
+//                                         dependency.weak = true
+//                                         chunk.addChunkId(clientChunkId)
+//                                     }
+//                                 }
+//                             })
+//                         }
+//                     })
+//                 })
+//             })
+//             compilation.hooks.afterOptimizeChunks.tap("UseClientChunkPlugin", () => {
+//                 console.log('Files with "use client" directive:')
+//                 this.clientFiles.forEach((chunkId, file) => {
+//                     console.log(`${path.basename(file)}: ${chunkId}`)
+//                 })
+//             })
+//         })
+//     }
+//     hasUseClientDirective(ast) {
+//         for (const node of ast.body) {
+//             if (node.type === "ExpressionStatement" && node.directive === "use client") {
+//                 return true
+//             }
+//         }
+//         return false
+//     }
+// }
+// module.exports = UseClientChunkPlugin

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "catalyst-core-internal",
-    "version": "0.0.1-beta.38",
+    "version": "0.0.1-beta.39",
     "main": "index.js",
     "description": "Web framework that provides great performance out of the box",
     "bin": {
@@ -48,7 +48,7 @@
         "@loadable/webpack-plugin": "^5.15.2",
         "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
         "@svgr/webpack": "^8.1.0",
-        "@tata1mg/router": "0.0.1-beta.2",
+        "@tata1mg/router": "0.0.1-beta.4",
         "app-root-path": "^3.1.0",
         "babel-loader": "^9.1.3",
         "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
@@ -109,4 +109,4 @@
             "prettier . --write"
         ]
     }
-}
+}

package/run.sh

@@ -0,0 +1,4 @@
+npm run prepare
+rm -rf ../1mg_web/mweb/node_modules/catalyst-core-internal/dist
+mv dist ../1mg_web/mweb/node_modules/catalyst-core-internal
+

package/caching.js

@@ -1 +0,0 @@
-"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];}});});

package/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _index=require("./server/renderer/document/index");Object.keys(_index).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_index[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _index[key];}});});

package/logger.js

@@ -1,10 +0,0 @@
-"use strict";const winston=require("winston");const DailyRotateFile=require("winston-daily-rotate-file");const pc=require("picocolors");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.
- *
- * @format Logstash with timestamp
- * @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};

package/router.js

@@ -1 +0,0 @@
-"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];}});});