create-catalyst-app 0.2.0-beta.3 → 0.3.0-beta.1

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "create-catalyst-app",
     "bin": "scripts/cli.cjs",
-    "version": "0.2.0-beta.3",
+    "version": "0.3.0-beta.1",
     "description": "cli package to scaffold Catalyst application",
     "repository": {
         "type": "git",

package/templates/common/server/server.js

@@ -1,8 +1,19 @@
-const express = require("express")
-const path = require("path")
+import express from "express"
+import path from "path"
+import expressStaticGzip from "express-static-gzip"
 
 // Server middlewares are added here.
 
 export function addMiddlewares(app) {
+    if (process.env.NODE_ENV === "production") {
+        app.use(
+            `${process.env.PUBLIC_STATIC_ASSET_PATH}/client`,
+            expressStaticGzip(path.join(__dirname, `../${process.env.BUILD_OUTPUT_PATH}/client`), {
+                enableBrotli: true,
+                orderPreference: ["br", "gz"],
+                serveStatic: { maxAge: "1y", etag: true },
+            })
+        )
+    }
     app.use("/favicon.ico", express.static(path.join(__dirname, "../public/favicon.ico")))
 }

package/templates/none-js/client/index.js

@@ -1,12 +1,11 @@
 import React from "react"
 import "./styles"
 import { hydrateRoot } from "react-dom/client"
-import { loadableReady } from "@loadable/component"
-import { RouterProvider } from "@tata1mg/router"
+import { RouterProvider, hydrationReady } from "catalyst-core"
 import clientRouter from "catalyst-core/router/ClientRouter"
 
 window.addEventListener("load", () => {
-    loadableReady(() => {
+    hydrationReady().then(() => {
         const { __ROUTER_INITIAL_DATA__: routerInitialData } = window
 
         const router = clientRouter({ routerInitialState: routerInitialData })

package/templates/none-js/package.json

@@ -6,8 +6,6 @@
         "build": "catalyst build",
         "serve": "catalyst serve",
         "lint": "eslint .",
-        "devBuild": "catalyst devBuild",
-        "devServe": "catalyst devServe",
         "buildApp": "catalyst buildApp",
         "buildApp:ios": "catalyst buildApp:ios",
         "buildApp:android": "catalyst buildApp:android",
@@ -24,9 +22,7 @@
         "@routes": "src/js/routes/"
     },
     "dependencies": {
-        "@loadable/component": "^5.16.3",
-        "@tata1mg/router": "0.1.0-beta",
-        "catalyst-core": "0.2.0-beta.3",
+        "catalyst-core": "0.3.0-beta.1",
         "react": "19.0.0",
         "react-dom": "19.0.0"
     },
@@ -39,14 +35,6 @@
         "react-helmet-async": {
             "react": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
             "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/component": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/server": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
         }
     }
 }

package/templates/none-js/src/js/containers/App/index.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { Outlet } from "@tata1mg/router"
+import { Outlet } from "catalyst-core"
 
 const App = () => {
     return (

package/templates/none-js/src/js/routes/utils.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { RouterDataProvider, MetaTag } from "@tata1mg/router"
+import { RouterDataProvider, MetaTag } from "catalyst-core"
 import App from "@containers/App"
 import routes from "./index.js"
 

package/templates/none-ts/client/index.js

@@ -1,12 +1,11 @@
 import React from "react"
 import "./styles"
 import { hydrateRoot } from "react-dom/client"
-import { loadableReady } from "@loadable/component"
-import { RouterProvider } from "@tata1mg/router"
+import { RouterProvider, hydrationReady } from "catalyst-core"
 import clientRouter from "catalyst-core/router/ClientRouter"
 
 window.addEventListener("load", () => {
-    loadableReady(() => {
+    hydrationReady().then(() => {
         const { __ROUTER_INITIAL_DATA__: routerInitialData } = window
 
         const router = clientRouter({ routerInitialState: routerInitialData })

package/templates/none-ts/package.json

@@ -6,8 +6,6 @@
         "build": "npm run typecheck && catalyst build",
         "serve": "catalyst serve",
         "lint": "eslint .",
-        "devBuild": "catalyst devBuild",
-        "devServe": "catalyst devServe",
         "buildApp": "catalyst buildApp",
         "buildApp:ios": "catalyst buildApp:ios",
         "buildApp:android": "catalyst buildApp:android",
@@ -25,9 +23,7 @@
         "@routes": "src/js/routes/"
     },
     "dependencies": {
-        "@loadable/component": "^5.16.3",
-        "@tata1mg/router": "0.1.0-beta",
-        "catalyst-core": "0.2.0-beta.3",
+        "catalyst-core": "0.3.0-beta.1",
         "react": "19.0.0",
         "react-dom": "19.0.0"
     },
@@ -43,14 +39,6 @@
         "react-helmet-async": {
             "react": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
             "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/component": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/server": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
         }
     }
 }

package/templates/none-ts/src/js/containers/App/index.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { Outlet } from "@tata1mg/router"
+import { Outlet } from "catalyst-core"
 
 const App = () => {
     return (

package/templates/none-ts/src/js/routes/utils.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { RouterDataProvider, MetaTag } from "@tata1mg/router"
+import { RouterDataProvider, MetaTag } from "catalyst-core"
 import App from "@containers/App"
 import routes from "./index.js"
 

package/templates/redux-js/client/index.js

@@ -1,14 +1,13 @@
 import React from "react"
 import "./styles"
 import { hydrateRoot } from "react-dom/client"
-import { loadableReady } from "@loadable/component"
 import { Provider } from "react-redux"
-import { RouterProvider } from "@tata1mg/router"
+import { RouterProvider, hydrationReady } from "catalyst-core"
 import clientRouter from "catalyst-core/router/ClientRouter"
 import configureStore from "@store"
 
 window.addEventListener("load", () => {
-    loadableReady(() => {
+    hydrationReady().then(() => {
         const { __ROUTER_INITIAL_DATA__: routerInitialData, __INITIAL_STATE__ } = window
         const store = configureStore(__INITIAL_STATE__ || {})
 

package/templates/redux-js/package.json

@@ -6,8 +6,6 @@
         "build": "catalyst build",
         "serve": "catalyst serve",
         "lint": "eslint .",
-        "devBuild": "catalyst devBuild",
-        "devServe": "catalyst devServe",
         "buildApp": "catalyst buildApp",
         "buildApp:ios": "catalyst buildApp:ios",
         "buildApp:android": "catalyst buildApp:android",
@@ -25,11 +23,9 @@
         "@store": "src/js/store/index.js"
     },
     "dependencies": {
-        "@loadable/component": "^5.16.3",
-        "@tata1mg/router": "0.1.0-beta",
         "@reduxjs/toolkit": "^2.9.0",
         "react-redux": "^9.2.0",
-        "catalyst-core": "0.2.0-beta.3",
+        "catalyst-core": "0.3.0-beta.1",
         "react": "19.0.0",
         "react-dom": "19.0.0",
         "redux": "^5.0.1"
@@ -43,14 +39,6 @@
         "react-helmet-async": {
             "react": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
             "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/component": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/server": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
         }
     }
 }

package/templates/redux-js/src/js/containers/App/index.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { Outlet } from "@tata1mg/router"
+import { Outlet } from "catalyst-core"
 
 const App = () => {
     return (

package/templates/redux-js/src/js/routes/utils.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { RouterDataProvider, MetaTag } from "@tata1mg/router"
+import { RouterDataProvider, MetaTag } from "catalyst-core"
 import App from "@containers/App"
 import routes from "./index.js"
 

package/templates/redux-ts/client/index.js

@@ -1,14 +1,13 @@
 import React from "react"
 import "./styles"
 import { hydrateRoot } from "react-dom/client"
-import { loadableReady } from "@loadable/component"
 import { Provider } from "react-redux"
-import { RouterProvider } from "@tata1mg/router"
+import { RouterProvider, hydrationReady } from "catalyst-core"
 import clientRouter from "catalyst-core/router/ClientRouter"
 import configureStore from "@store"
 
 window.addEventListener("load", () => {
-    loadableReady(() => {
+    hydrationReady().then(() => {
         const { __ROUTER_INITIAL_DATA__: routerInitialData, __INITIAL_STATE__ } = window
         const store = configureStore(__INITIAL_STATE__ || {})
 

package/templates/redux-ts/package.json

@@ -6,8 +6,6 @@
         "build": "npm run typecheck && catalyst build",
         "serve": "catalyst serve",
         "lint": "eslint .",
-        "devBuild": "catalyst devBuild",
-        "devServe": "catalyst devServe",
         "buildApp": "catalyst buildApp",
         "buildApp:ios": "catalyst buildApp:ios",
         "buildApp:android": "catalyst buildApp:android",
@@ -26,11 +24,9 @@
         "@store": "src/js/store/index.js"
     },
     "dependencies": {
-        "@loadable/component": "^5.16.3",
-        "@tata1mg/router": "0.1.0-beta",
         "@reduxjs/toolkit": "^2.9.0",
         "react-redux": "^9.2.0",
-        "catalyst-core": "0.2.0-beta.3",
+        "catalyst-core": "0.3.0-beta.1",
         "react": "19.0.0",
         "react-dom": "19.0.0",
         "redux": "^5.0.1"
@@ -47,14 +43,6 @@
         "react-helmet-async": {
             "react": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
             "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/component": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/server": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
         }
     }
 }

package/templates/redux-ts/src/js/containers/App/index.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { Outlet } from "@tata1mg/router"
+import { Outlet } from "catalyst-core"
 
 const App = () => {
     return (

package/templates/redux-ts/src/js/routes/utils.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { RouterDataProvider, MetaTag } from "@tata1mg/router"
+import { RouterDataProvider, MetaTag } from "catalyst-core"
 import App from "@containers/App"
 import routes from "./index.js"
 

package/templates/rtk-js/client/index.js

@@ -1,14 +1,13 @@
 import React from "react"
 import "./styles"
 import { hydrateRoot } from "react-dom/client"
-import { loadableReady } from "@loadable/component"
 import { Provider } from "react-redux"
-import { RouterProvider } from "@tata1mg/router"
+import { RouterProvider, hydrationReady } from "catalyst-core"
 import clientRouter from "catalyst-core/router/ClientRouter"
 import configureStore from "@store"
 
 window.addEventListener("load", () => {
-    loadableReady(() => {
+    hydrationReady().then(() => {
         const { __ROUTER_INITIAL_DATA__: routerInitialData, __INITIAL_STATE__ } = window
         const store = configureStore(__INITIAL_STATE__ || {})
 

package/templates/rtk-js/package.json

@@ -6,8 +6,6 @@
         "build": "catalyst build",
         "serve": "catalyst serve",
         "lint": "eslint .",
-        "devBuild": "catalyst devBuild",
-        "devServe": "catalyst devServe",
         "buildApp": "catalyst buildApp",
         "buildApp:ios": "catalyst buildApp:ios",
         "buildApp:android": "catalyst buildApp:android",
@@ -25,11 +23,9 @@
         "@store": "src/js/store/index.js"
     },
     "dependencies": {
-        "@loadable/component": "^5.16.3",
-        "@tata1mg/router": "0.1.0-beta",
         "@reduxjs/toolkit": "^2.9.0",
         "react-redux": "^9.2.0",
-        "catalyst-core": "0.2.0-beta.3",
+        "catalyst-core": "0.3.0-beta.1",
         "react": "19.0.0",
         "react-dom": "19.0.0",
         "redux": "^5.0.1"
@@ -43,14 +39,6 @@
         "react-helmet-async": {
             "react": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
             "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/component": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/server": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
         }
     }
 }

package/templates/rtk-js/src/js/containers/App/index.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { Outlet } from "@tata1mg/router"
+import { Outlet } from "catalyst-core"
 
 const App = () => {
     return (

package/templates/rtk-js/src/js/routes/utils.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { RouterDataProvider, MetaTag } from "@tata1mg/router"
+import { RouterDataProvider, MetaTag } from "catalyst-core"
 import App from "@containers/App"
 import routes from "./index.js"
 

package/templates/rtk-ts/client/index.js

@@ -1,14 +1,13 @@
 import React from "react"
 import "./styles"
 import { hydrateRoot } from "react-dom/client"
-import { loadableReady } from "@loadable/component"
 import { Provider } from "react-redux"
-import { RouterProvider } from "@tata1mg/router"
+import { RouterProvider, hydrationReady } from "catalyst-core"
 import clientRouter from "catalyst-core/router/ClientRouter"
 import configureStore from "@store"
 
 window.addEventListener("load", () => {
-    loadableReady(() => {
+    hydrationReady().then(() => {
         const { __ROUTER_INITIAL_DATA__: routerInitialData, __INITIAL_STATE__ } = window
         const store = configureStore(__INITIAL_STATE__ || {})
 

package/templates/rtk-ts/package.json

@@ -6,8 +6,6 @@
         "build": "npm run typecheck && catalyst build",
         "serve": "catalyst serve",
         "lint": "eslint .",
-        "devBuild": "catalyst devBuild",
-        "devServe": "catalyst devServe",
         "buildApp": "catalyst buildApp",
         "buildApp:ios": "catalyst buildApp:ios",
         "buildApp:android": "catalyst buildApp:android",
@@ -26,11 +24,9 @@
         "@store": "src/js/store/index.js"
     },
     "dependencies": {
-        "@loadable/component": "^5.16.3",
-        "@tata1mg/router": "0.1.0-beta",
         "@reduxjs/toolkit": "^2.9.0",
         "react-redux": "^9.2.0",
-        "catalyst-core": "0.2.0-beta.3",
+        "catalyst-core": "0.3.0-beta.1",
         "react": "19.0.0",
         "react-dom": "19.0.0",
         "redux": "^5.0.1"
@@ -47,14 +43,6 @@
         "react-helmet-async": {
             "react": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
             "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/component": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-        },
-        "@loadable/server": {
-            "react": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-            "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
         }
     }
 }

package/templates/rtk-ts/src/js/containers/App/index.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { Outlet } from "@tata1mg/router"
+import { Outlet } from "catalyst-core"
 
 const App = () => {
     return (

package/templates/rtk-ts/src/js/routes/utils.js

@@ -1,5 +1,5 @@
 import React from "react"
-import { RouterDataProvider, MetaTag } from "@tata1mg/router"
+import { RouterDataProvider, MetaTag } from "catalyst-core"
 import App from "@containers/App"
 import routes from "./index.js"