create-catalyst-app 0.0.1-beta.2 → 0.0.1-beta.3

package/scripts/cli.mjs

@@ -1,266 +0,0 @@
-#!/usr/bin/env node
-import { exec, execSync } from "child_process";
-import Commander, { Option } from "commander";
-import prompts from "prompts";
-import { red, green, cyan, yellow } from "picocolors";
-import ora from "ora";
-import packageJson from "../package.json" assert { type: "json" };
-import tar from "tar";
-import path from "path";
-import fs from "fs";
-
-
-
-// Hardcoded branch
-let projectName = null;
-const program = new Commander.Command(packageJson.name)
-  .version(packageJson.version)
-  .description("Copy code from a specific branch of a GitHub repository.")
-  .arguments("[folderName]")
-  .usage(`${green("[folderName]")} [options]`)
-  .action((name) => (projectName = name))
-  // .addOption(
-  //   new Option(
-  //     "-l, --lang <lang>",
-  //     "Specify the language (js or ts)",
-  //     /^(js|ts)$/i
-  //   )
-  // )
-  .addOption(
-    new Option(
-      "-s, --state-management [stateManagement]",
-      "Specify state management (rtk, redux, or none)",
-      /^(rtk|redux|none)$/i,
-      "none"
-    )
-  )
-  .action(async (folderName = null, cmd) => {
-    try {
-      // Use options provided through commander or prompt the user
-      validateOptions(cmd);
-      const projectName = folderName || (await promptProjectName());
-      const language = "js"
-      const stateManagement =
-        cmd.stateManagement || (await promptStateManagement());
-
-      const resolvedProjectPath = path.resolve(projectName.trim());
-      const projectPath = path.basename(resolvedProjectPath);
-      const root = path.resolve(projectPath);
-      console.log("project path is ====>", root);
-
-      // Define mapping of options to repository suffixes
-      const repositorySuffixes = {
-        js: "js",
-        ts: "ts",
-        redux: "redux",
-        rtk: "rtk",
-        none: "none",
-      };
-
-    
-      const packageName = packageJson.name; 
-      const packageVersion = packageJson.version; 
-
-      const subdirectoryToExtract = `package/templates/${repositorySuffixes[stateManagement]}-${repositorySuffixes[language]}`; 
-
-      const extractionDestination = `/${projectName}/`;
-      const spinner = ora(
-        `Cloning.....`
-      ).start();
-      (() => {
-        try {
-          
-
-          const tempDir = createTempDir();
-
-          console.log(`\nPacking npm package: ${packageName}@${packageVersion}`);
-          const packageFilePath = packNpmPackage(
-            packageName,
-            packageVersion,
-            tempDir
-          );
-
-          console.log(cyan(`Extracting`));
-          extractSubdirectory(packageFilePath);
-          console.log(green(`Extraction Complete`));
-          console.log(cyan("generating npmrc"))
-          generateNPMRC(projectName)
-          console.log(cyan(`Installing Packages`));
-          execSync(
-            `cd ${projectName} && npm i`
-          ,{stdio:"inherit"})
-          spinner.stop()
-
-          // Optionally, you can delete the temporary directory
-          // fs.rmdirSync(tempDir, { recursive: true });
-          deleteDirectory(tempDir)
-        } catch (error) {
-          spinner.stop()
-          console.error(`Error: ${error.message}`);
-          process.exit(1);
-        }
-      })();
-
-
-       function  packNpmPackage  (packageName, packageVersion, tempDir) {
-        const tarballFileName = `${packageName}-${packageVersion}.tgz`;
-        const tarballFilePath = path.join(tempDir, tarballFileName);
-
-        try {
-          execSync(`npm pack ${packageName}@${packageVersion} --silent`, {
-            cwd: tempDir,
-          })
-          
-          return tarballFilePath;
-        } catch (error) {
-          console.error(`Error packing npm package: ${error.message}`);
-          throw error;
-        }
-      }
-
-      // Function to create a temporary directory
-      function createTempDir() {
-        const tempDir = fs.mkdtempSync(path.join(process.cwd(), "temp-"));
-        console.log("temp dir is ===>",tempDir)
-        return tempDir;
-      }
-
-      // Function to extract subdirectory from npm package and delete tar file
-      function extractSubdirectory(packageFilePath) {
-        tar.extract({
-          file: packageFilePath,
-          sync: true,
-          filter: (path, entry) => {
-            return path.startsWith(`${subdirectoryToExtract}/`);
-          },
-          cwd: path.join(process.cwd()),
-          onentry: (entry) => {
-          // Modify entry path to remove the initial 'package/' prefix
-            entry.path = entry.path.replace(
-              `${subdirectoryToExtract}/`,
-              extractionDestination
-            );
-          },
-        });
-
-    
-
-        if (stateManagement !== "none") {
-          console.log(
-            cyan(
-              `You chose ${language}, ${stateManagement}. You can now start working on your project!`
-            )
-          );
-        } else {
-          console.log(
-            cyan(
-              `You chose ${language} without state management. You can now start working on your project!`
-            )
-          ); 
-        }
-
-        
-      
-      }
-    } catch (error) {
-    
-      console.error(red("An error occurred:"), error.message);
-      process.exit(1);
-    }
-  })
-  .allowUnknownOption();
-
-program.parse(process.argv);
-
-async function promptLanguage() {
-  const response = await prompts({
-    type: "select",
-    name: "lang",
-    message: "Choose the language:",
-    choices: [
-      { title: "js", value: "js" },
-      { title: "ts", value: "ts" },
-    ],
-  });
-
-  return response.lang;
-}
-
-async function promptStateManagement() {
-  const response = await prompts({
-    type: "select",
-    name: "stateManagement",
-    message: "Choose state management:",
-    choices: [
-      { title: "Redux", value: "redux" },
-      { title: "Redux Toolkit (RTK)", value: "rtk" },
-      { title: "None", value: "none" },
-    ],
-  });
-
-  return response.stateManagement;
-}
-async function promptProjectName() {
-  const res = await prompts({
-    type: "text",
-    name: "path",
-    message: "What is your project named?",
-    initial: "my-app",
-  });
-
-  if (typeof res.path === "string") {
-    projectName = res.path.trim();
-    return res.path;
-  }
-
-  if (!res.path || projectName === "") {
-    console.log(
-      "\nPlease specify the project directory:\n" +
-        `  ${cyan(program.name())} ${green("<project-directory>")}\n` +
-        "For example:\n" +
-        `  ${cyan(program.name())} ${green("my-next-app")}\n\n` +
-        `Run ${cyan(`${program.name()} --help`)} to see all options.`
-    );
-    process.exit(1);
-  }
-}
-
-function validateOptions(cmd) {
-  // Validate language option
-  if (cmd.lang && !["js", "ts"].includes(cmd.lang.toLowerCase())) {
-    throw new Error('Invalid language option. Use "js" or "ts".');
-  }
-
-  // Validate state management option
-  if (
-    cmd.stateManagement &&
-    !["rtk", "redux", "none"].includes(cmd.stateManagement.toLowerCase())
-  ) {
-    throw new Error(
-      'Invalid state management option. Use "rtk", "redux", or "none".'
-    );
-  }
-}
-
-function deleteDirectory(dirPath) {
-  if (fs.existsSync(dirPath)) {
-    fs.readdirSync(dirPath).forEach((file) => {
-      const currentPath = path.join(dirPath, file);
-      if (fs.lstatSync(currentPath).isDirectory()) {
-        deleteDirectory(currentPath);
-      } else {
-        fs.unlinkSync(currentPath);
-      }
-    });
-    fs.rmdirSync(dirPath);
-  }
-}
-
-function generateNPMRC (projectName) {
-  
-
-const npmrcContent = "//registry.npmjs.org/:_authToken=${NPM_TOKEN}"
-
-fs.writeFileSync(process.cwd()+`/${projectName}/.npmrc`,npmrcContent);
-
-}

package/templates/common/.editorconfig

@@ -1,12 +0,0 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 4
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false

package/templates/common/.eslintignore

@@ -1,6 +0,0 @@
-**/node_modules/*
-**/dist/*
-**/build/*
-**/coverage/*
-**/eventScripts/*
-**/docs/*

package/templates/common/.eslintrc

@@ -1,53 +0,0 @@
-{
-    "parser": "@babel/eslint-parser",
-    "rules": {
-        "prettier/prettier": "error",
-        "no-console": "warn",
-        "react/prop-types": 1,
-        "react/display-name": [0, { "ignoreTranspilerName": true }],
-        "react-hooks/exhaustive-deps": "warn", // Checks effect dependencies
-        "no-prototype-builtins": "off",
-        "jam3/no-sanitizer-with-danger": 2,
-        "react/jsx-no-target-blank": [0, {
-            "enforceDynamicLinks": "never"
-        }]
-    },
-    "env": {
-        "browser": true,
-        "es6": true,
-        "jest": true,
-        "node": true
-    },
-    "globals": {
-        "expect": true,
-        "__non_webpack_require__": true,
-        "logger": "readonly",
-        "AppCallbacks": "readonly"
-    },
-    "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:prettier/recommended"],
-    "parserOptions": {
-        "sourceType": "module",
-        "ecmaFeatures": {
-            "experimentalObjectRestSpread": true,
-            "jsx": true
-        },
-        "babelOptions": {
-            "configFile": "./babel.config.js"
-        },
-        "ecmaVersion": 6
-    },
-    "plugins": ["babel", "react", "react-hooks", "prettier", "jam3"],
-    "settings": {
-        "react": {
-            "createClass": "createReactClass",
-            "pragma": "React",
-            "version": "detect"
-        },
-        "propWrapperFunctions": [
-            "forbidExtraProps",
-            { "property": "freeze", "object": "Object" },
-            { "property": "myFavoriteWrapper" }
-        ],
-        "linkComponents": ["Hyperlink", { "name": "Link", "linkAttribute": "to" }]
-    }
-}

package/templates/common/.prettierrc.json

@@ -1,7 +0,0 @@
-{
-    "trailingComma": "es5",
-    "tabWidth": 4,
-    "semi": false,
-    "arrowParens": "always",
-    "printWidth": 110
-}

package/templates/common/.stylelintrc

@@ -1,35 +0,0 @@
-{
-    "extends": [
-        "stylelint-config-standard-scss",
-        "stylelint-config-prettier-scss",
-        "stylelint-config-css-modules"
-    ],
-    "plugins": ["stylelint-prettier"],
-    "rules": {
-        "property-no-vendor-prefix":null,
-        "scss/function-no-unknown": null,
-        "selector-class-pattern": null,
-        "prettier/prettier": true,
-        "color-no-invalid-hex": true,
-        "comment-empty-line-before": ["always", { "ignore": ["stylelint-commands", "after-comment"] }],
-        "indentation": 4,
-        "number-leading-zero": null,
-        "max-empty-lines": 2,
-        "declaration-no-important": true,
-        "block-no-empty": true,
-        "no-empty-source": null,
-        "selector-pseudo-class-no-unknown": null,
-        "selector-type-no-unknown": null,
-        "rule-empty-line-before": ["always", { "except": ["first-nested"], "ignore": ["after-comment"] }],
-        "declaration-property-unit-allowed-list": {
-            "/.*/": ["em", "rem", "%", "s", "vh", "vw", "px", "deg", "ms", "dpi", "dvh", "fr"]
-        },
-        "at-rule-no-unknown": null,
-        "scss/double-slash-comment-whitespace-inside": null,
-        "scss/at-mixin-pattern": null,
-        "scss/dollar-variable-pattern": null,
-        "selector-id-pattern": null,
-        "keyframes-name-pattern": null,
-        "selector-pseudo-element-no-unknown": null
-    }
-}

package/templates/common/checkVersion.js

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

package/templates/common/client/index.js

@@ -1,39 +0,0 @@
-import React from "react"
-// import "./styles"
-import { hydrateRoot } from "react-dom/client"
-import { loadableReady } from "@loadable/component"
-import {createBrowserRouter,RouterProvider } from "@tata1mg/router"
-import {ClientProvider} from "../src/js/stateManager/stateProvider.js"
-import { preparedRoutes } from "../src/js/routes/index.js"
-import configureStore from "../src/js/store/index.js"
-window.addEventListener("load", () => {
-    loadableReady(() => {
-        
-    
-        // Hydrate the redux store from server state.
-        // visitor id is sent with ga track events but we observed multiple cases where visitor id was not being passed. It could be due to the case that maybe cookie is not accessible in some cases. Hence, setting it here as a fallback in case gtmUtility.js is not able to get it any other way.
-        // window.visitorId = store.getState()?.shellReducer?.visitorId
-        // const platform = store.getState()?.shellReducer?.webviewPlatform
-        // const store = {}
-        
-        
-        const {__ROUTER_INITIAL_DATA__:routerInitialData,__INITIAL_STATE__ } = window
-        // console.log("router initila data is ====>",routerInitialData)
-        const store = configureStore(__INITIAL_STATE__||{})
-        const router = createBrowserRouter(
-            preparedRoutes({ store, routerInitialState:(routerInitialData) })
-        )
-
-        const Application = (
-            <ClientProvider>
-                <React.StrictMode>
-                    <RouterProvider router={router}/>
-                </React.StrictMode>
-            </ClientProvider>
-        )
-        // localStorage.setItem("isWebview", window.__INITIAL_STATE__?.shellReducer?.isWebview)
-        
-        const container = document.getElementById("app")
-        hydrateRoot(container, Application)
-    })
-})

package/templates/common/config/config_template.json

@@ -1,18 +0,0 @@
-{
-    "S3_BUCKET": "",
-    "S3_FOLDER": "",
-    "CDN_ASSET_PATH": "",
-    "APPLICATION_PORT": "",
-    "APPLICATION_BASE_URL": "",
-    "SERVER_PATH": "",
-    "OUTPUT_PATH": "",
-    "PUBLIC_OUTPUT_PATH": "",
-    "PUBLIC_ASSET_PATH": "",
-    "LOCAL_ASSET_PATH": "",
-    "EXTERNAL_BASE_URL": "",
-    "DEV_SERVER_PORT": 0,
-    "DEV_SERVER_HOSTNAME": "",
-    "DEV_SERVER_HOST_URL": "",
-    "ENV_NAME": "",
-    "BUILD_ENV": ""
-}

package/templates/common/config/index.js

@@ -1,77 +0,0 @@
-module.exports = {
-    // Enable or disable server-side rendering
-    enableSSR: true,
-
-    // Enable or disable dynamic imports (code splitting)
-    enableDynamicImports: true,
-
-    // Enable or disable speed measure plugin to measure your webpack build speed
-    enableSpeedMeasure: false,
-
-    // The env vars to expose on the client side. If you add them here, they will
-    // be available on the client as process.env[VAR_NAME], same as they would be
-    // in node.js.
-    //
-    // **WARNING**: Be careful not to expose any secrets here!
-    clientEnv: [
-        "NODE_ENV",
-        "APPLICATION_BASE_URL",
-        "LOCAL_ASSET_PATH",
-        "INTERNAL_NODE_API_URL",
-        "EXTERNAL_CLOUDFLARE_API_URL",
-        "EXTERNAL_DIRECT_API_URL",
-        "DOCTORS_EXTERNAL_DIRECT_API_URL",
-        "EXTERNAL_LABS_DIRECT_API_URL",
-        "BUILD_ENV",
-        "EXTERNAL_BASE_URL",
-        "GTM_ID",
-        "DOCTORS_API_URL",
-        "TOKEN",
-        "AWS_ACCESS_KEY_ID",
-        "AWS_SECRET_ACCESS_KEY",
-        "CDN_ASSET_PATH",
-        "S3_FOLDER",
-        "S3_BUCKET",
-        "TC_APP_NAME",
-        "TC_LANGUAGE_LOCALE",
-        "TC_PARTNER_KEY",
-        "TC_TITLE_STRING",
-        "RECAPTCHA_KEY",
-        "SERVER_PATH",
-        "BUILD_NUMBER",
-        "RUDDER_KEY",
-        "RUDDER_AMP_KEY",
-        "RUDDER_URI",
-        "RUDDER_URL",
-        "GPT_ID",
-        "PUBLIC_ASSET_PATH",
-        "TATA_CLIENT_ID",
-        "TATA_SSO_SCRIPT",
-        "LOCAL_BUILD_PUBLIC_ASSET_PATH",
-        "APPLICATION",
-        "OUTPUT_PATH",
-        "PUBLIC_OUTPUT_PATH",
-        "UHI_HOST",
-        "GOOGLE_API_KEY_CLIENT",
-        "ENV_NAME",
-        "HIDE_OTP_ON_CALL",
-        "FACEBOOK_PIXEL_ID",
-    ],
-
-    /* The identifier to use for css-modules.
-     */
-    cssModulesIdentifierProd: "[name]__[local]__[hash:base64:5]",
-    cssModulesIdentifierDev: "[name]__[local]",
-
-    // Isomorphic configuration
-    isomorphicConfig: {
-        debug: true,
-
-        assets: {
-            images: {
-                extensions: ["png", "jpg", "jpeg", "gif", "ico", "svg", "json"],
-            },
-        },
-    },
-    defaultCity: "New Delhi",
-}

package/templates/common/package.json

@@ -1,56 +0,0 @@
-{
-  "name": "create-catalyst-app-starter",
-  "version": "1.0.0",
-  "description": "This README would normally document whatever steps are necessary to get your application up and running.",
-  "main": "index.js",
-  "bin": "scripts/cli.mjs",
-  "scripts": {
-    "start": "node checkVersion && npx babel-node node_modules/catalyst/webpack/development.client.babel & npx babel-node -r ./node_modules/catalyst/scripts/loadScriptsBeforeServerStarts.js node_modules/catalyst/server/index.js --watch-path=node_modules/catalyst/server --watch-path=src --watch-path=server",
-    "build": "rm -rf build & node ./node_modules/catalyst/scripts/loadScriptsBeforeServerStarts.js & APPLICATION=mweb NODE_ENV=production  webpack --config node_modules/catalyst/webpack/production.client.babel.js --progress && APPLICATION=mweb NODE_ENV=production SSR=true webpack --config node_modules/catalyst/webpack/production.ssr.babel.js --progress && APPLICATION=mweb NODE_ENV=production npx babel node_modules/catalyst/server --out-dir ./build --ignore '**/*.test.js,node_modules/catalyst/server/renderer/handler.js' && APPLICATION=mweb npx babel ./server --out-dir ./build",
-    "build:client": "NODE_ENV=production  webpack --config node_modules/catalyst/webpack/production.client.babel.js --progress",
-    "serve": "APPLICATION=mweb NODE_ENV=production node -r ./node_modules/catalyst/scripts/loadScriptsBeforeServerStarts.js ./build/index.js",
-    "build:ssr": "SSR=true webpack --config node_modules/catalyst/webpack/production.ssr.babel.js --progress",
-    "analyze": "webpack-bundle-analyzer ./build/public/loadable-stats.json"
-  },
-  "_moduleAliases": {
-    "@containers": "src/js/containers",
-    "@lib": "src/js/lib",
-    "$server": "server/",
-    "@commonUtils": "commonUtils",
-    "@constants": "src/js/constants",
-    "@config": "config",
-    "@components": "src/js/components",
-    "@widgets": "src/js/widgets",
-    "@wrappers": "src/js/wrappers",
-    "@flows": "src/js/flows",
-    "@css": "src/static/css"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/tata1mg/catalyst"
-  },
-  "dependencies": {
-    "@loadable/component": "^5.16.3",
-    "@tata1mg/cacheable-api-proxy": "^1.0.2",
-    "@tata1mg/router": "^0.0.1-alpha.10",
-    "catalyst": "bitbucket:tata1mg/catalyst#scaffolding_final",
-    "event-source-polyfill": "^1.0.31",
-    "express-static-gzip": "^2.1.7",
-    "framer-motion": "^10.18.0",
-    "isomorphic-dompurify": "^2.2.0",
-    "prop-types": "^15.8.1",
-    "react-helmet-async": "^2.0.4",
-    "react-intersection-observer": "^9.5.3",
-    "react-loadable-visibility": "^3.0.2"
-  },
-  "author": "",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/tata1mg/catalyst/issues"
-  },
-  "homepage": "https://github.com/tata1mg/catalyst#readme",
-  "devDependencies": {
-    "@babel/core": "^7.23.7",
-    "@babel/node": "^7.22.19"
-  }
-}

package/templates/common/server/CustomDocument.js

@@ -1,14 +0,0 @@
-import React from "react"
-import { Head, Body } from "catalyst-core"
-
-function Document(props) {
-    return (
-        <html lang={props.lang}>
-            <Head {...props}>
-                <meta charset="final-order" />
-            </Head>
-            <Body {...props} />
-        </html>
-    )
-}
-export default Document

package/templates/common/server/customIndex.js

@@ -1,3 +0,0 @@
-export const preServerInit = () => {
-    console.log("preServerInit")
-}

package/templates/common/server/customServer.js

@@ -1,16 +0,0 @@
-export function addMiddlewares(app) {
-    const env = process.env.NODE_ENV || "development"
-    console.log("custom server called !!!!")
-
-    app.use("/pwa-api/service-worker.js", (req, res, next) => {
-
-        res.send("ok")
-    })
-    app.use(
-        "/favicon.ico",
-        (req, res, next) => {
-
-            res.send("ok")
-        }
-    )
-}

package/templates/common/src/js/containers/App/actions.js

@@ -1,20 +0,0 @@
-const createActionTypes = (prefix, actionTypeList = []) => {
-    const actionTypesObject = {}
-    actionTypeList.forEach((item) => {
-        actionTypesObject[item] = `${prefix}/${item}`
-    })
-
-    return actionTypesObject
-}
-
-export default createActionTypes
-
-export const ShellActions = createActionTypes("shellActions", [
-    "REDUX_TEST"
-])
-export const reduxTest = () => {
-    
-    return {
-        type: ShellActions.REDUX_TEST,
-    }
-}