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

package/templates/redux-js/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/redux-js/config/index.js

@@ -1,44 +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",
-        "BUILD_ENV",
-        "EXTERNAL_BASE_URL",
-        "SERVER_PATH",
-        "ENV_NAME",
-        "src_path"
-    ],
-
-    /* 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"],
-            },
-        },
-    },
-    
-}

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

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

package/templates/redux-js/server/server.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/redux-js/src/js/containers/DemoPage/DemoPage.js

@@ -1,39 +0,0 @@
-import React, { useEffect } from "react";
-import { useCurrentRouteData, Link } from "@tata1mg/router";
-import css from './DemoPage.scss'
-
-const Demo = () => {
-    const { data, isFetched, loading } = useCurrentRouteData() || {}
-    
-    useEffect(() => {
-        console.log("data is =>", data)
-    })
-
-    return (
-
-        <div>
-            <div className={css.textColor}>Welcome to Demo page</div>
-            <Link to={"/"}>link</Link>
-        </div>
-    );
-};
-
-Demo.serverFetcher = async ({ req }, { store }) => {
-    console.log("server fetcher called!!")
-    const res = await fetch("https://jsonblob.com/api/1206830251241234432");
-    const json = await res.json();
-    return json;
-};
-
-Demo.clientFetcher = async ({ }, { }) => {
-    console.log("client fetcher called")
-    const res = await fetch("https://jsonblob.com/api/1206830251241234432");
-    const json = await res.json();
-    return json;
-};
-
-Demo.MetaTagFunction = (routerData) => {
-    return [<title key="PDP">PDP</title>]
-};
-
-export default Demo;

package/templates/redux-js/src/js/containers/DemoPage/DemoPage.scss

@@ -1,3 +0,0 @@
-.textColor {
-    color: orange;
-}

package/templates/redux-js/src/js/containers/Home/Home.js

@@ -1,27 +0,0 @@
-import React from 'react'
-import { Link } from "@tata1mg/router";
-import css from './Home.scss'
-
-function Landing() {
-    return (
-        <div className={css.app}>
-        <header className={css.appHeader}>
-          <h1 className={css.heading}>Catalyst</h1>
-          <p>
-            Edit files inside src directory and save to reload.
-          </p>
-          <a
-            className={css.appLink}
-            href="https://catalyst.1mg.com"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn Catalyst
-          </a>
-          <Link to="/demo" className={css.appLink}>Navigate to demo page</Link>
-        </header>
-      </div>
-    )
-}
-
-export default Landing

package/templates/redux-js/src/js/containers/Home/Home.scss

@@ -1,36 +0,0 @@
-body {
-    margin: 0;
-  }
-  
-  .app {
-      text-align: center;
-      margin: 0;
-    }
-    
-    .appLogo {
-      height: 40vmin;
-      pointer-events: none;
-    }
-    
-    @media (prefers-reduced-motion: no-preference) {
-      .appLogo {
-        animation: App-logo-spin infinite 20s linear;
-      }
-    }
-    
-    .appHeader {
-      background-color: #282c34;
-      min-height: 100vh;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      font-size: calc(10px + 2vmin);
-      color: white;
-    }
-    
-    .appLink {
-      color: #61dafb;
-    }
-    
-  

package/templates/redux-js/src/js/reducer/index.js

@@ -1,80 +0,0 @@
-import { combineReducers } from "redux"
-// Import your reducers here
-
-import shellReducer from "@containers/App/reducer"
-
-/**
- * @description A 'Reducer Manager' object, which keeps track of all the registered reducers and exposes a reduce() function. For detailed info :- https://redux.js.org/usage/code-splitting#using-a-reducer-manager
- */
-
-function createReducerManager() {
-    // FRAMEWORK COMMENT THIS SHOULD BE EXPOSED TO USER
-    // Create an object which maps keys to reducers
-    const reducers = {
-        shellReducer,
-    }
-
-    // Create the initial combinedReducer
-    let reducerObj = combineReducers(reducers)
-
-    // An array which is used to delete state keys when reducers are removed
-    let keysToRemove = []
-
-    return {
-        getReducerMap: () => combineReducers(reducers),
-        // The root reducer function exposed by this object
-
-        // This will be passed to the store
-        reduce: (state, action) => {
-            // If any reducers have been removed, clean up their state first
-            if (keysToRemove.length > 0) {
-                state = { ...state }
-                for (let key of keysToRemove) {
-                    delete state[key]
-                }
-                keysToRemove = []
-            }
-
-            // Delegate to the combined reducer
-            return reducerObj(state, action)
-        },
-
-        // Adds a new reducer with the specified key
-        add: (reducer) => {
-            for (let key in reducer) {
-                if (!key) {
-                    return
-                }
-
-                // We will skip a step if the reducer is already present
-                if (reducers[key]) {
-                    continue
-                }
-
-                // Add the reducer to the reducer mapping
-                reducers[key] = reducer[key]
-            }
-
-            // Generate a new combined reducer
-            return combineReducers(reducers)
-        },
-
-        // Removes a reducer with the specified key
-        remove: (key) => {
-            if (!key || !reducers[key]) {
-                return
-            }
-
-            // Remove it from the reducer mapping
-            delete reducers[key]
-
-            // Add the key to the list of keys to clean up
-            keysToRemove.push(key)
-
-            // Generate a new combined reducer
-            return combineReducers(reducers)
-        },
-    }
-}
-
-export default createReducerManager

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

@@ -1,49 +0,0 @@
-import React from "react";
-import { RouterDataProvider, MetaTag } from "@tata1mg/router";
-import Home from "@containers/Home/Home";
-import App from "@containers/App";
-import Demo from "@containers/DemoPage/DemoPage"
-
-const routes = [
-  {
-    path: "/",
-    end: true,
-    component: Home,
-  },
-  {
-    path:"/demo",
-    end:true,
-    component: Demo
-  }
-];
-const getRoutes = () => {
-  return routes;
-};
-
-/**
- * Making the routes array compatible with the format accepted by createBrowserRouter
- * API on the client side
- */
-export const preparedRoutes = ({store,routerInitialState}) => {
-  
-  return ([
-  {
-    element: (
-      <RouterDataProvider config={{}} initialState={routerInitialState} fetcherArgs={{store}} >
-      <MetaTag/>
-      <App />
-      </RouterDataProvider>
-    ),
-    children: getRoutes()?.map((route, index) => {
-      const Component = route.component;
-      // const pageType = route.staticPageType ? route.staticPageType : null
-      return {
-        ...route,
-        element: <Component key={index} />,
-      };
-    }),
-  },
-])
-}
-
-export default getRoutes;

package/templates/redux-js/src/js/stateManager/stateProvider.js

@@ -1,34 +0,0 @@
-import React from "react";
-import { Provider } from "react-redux";
-import configureStore from "../store";
-
-const ClientProvider = ({ children }) => {
-  const { __INITIAL_STATE__ } = window;
-
-  let store = configureStore(__INITIAL_STATE__);
-  return (
-    <Provider store={store} serverState={__INITIAL_STATE__}>
-      {children}
-    </Provider>
-  );
-};
-
-const ServerProvider = ({ store, children }) => {
-  return <Provider store={store}>{children}</Provider>; //on server
-};
-
-
-const serverStore = (initialState,req) => {
-  // will create a new store on server and this store would be available in server provider
-  return configureStore(initialState, req);
-};
-
-const hydrateClient = (serverStore) => {
-  const state = serverStore.getState();
-
-  return <script>{`window.__INITIAL_STATE__ = ${state} `}</script>;
-};
-
-// will be calling hydrate client in the template wrapper
-
-export { ClientProvider, ServerProvider, hydrateClient, serverStore };

package/templates/redux-js/src/static/css/base/index.scss

@@ -1,3 +0,0 @@
-
-@import "styles";
-@import "../resources/variables";

package/templates/redux-js/src/static/css/base/styles.scss

@@ -1,11 +0,0 @@
-html {
-    box-sizing: border-box;
-}
-
-html,
-body {
-    height: 100%;
-    font-family: Inter, Poppins, Avenir, "Century Gothic", Arial, sans-serif;
-    -webkit-tap-highlight-color: transparent;
-    margin: 0;
-}

package/templates/redux-js/src/static/css/base/typography.scss

@@ -1,53 +0,0 @@
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 300;
-    font-display: block;
-    src: local("Inter Light"), local("Inter-Light"), url($font_url + "Inter-Light-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 400;
-    font-display: block;
-    src: local("Inter Regular"), local("Inter-Regular"), url($font_url + "Inter-Regular-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: italic;
-    font-weight: 400;
-    font-display: block;
-    src: local("Inter Italic"), local("Inter-Italic"), url($font_url + "Inter-Italic-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 500;
-    font-display: block;
-    src: local("Inter Medium"), local("Inter-Medium"), url($font_url + "Inter-Medium-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 600;
-    font-display: block;
-    src: local("Inter SemiBold"), local("Inter-SemiBold"), url($font_url + "Inter-SemiBold-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}
-
-@font-face {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 700;
-    font-display: block;
-    src: local("Inter Bold"), local("Inter-Bold"), url($font_url + "Inter-Bold-Subset.otf");
-    unicode-range: U+0020-007F, U+201C, U+201D, U+00A;
-}

package/templates/redux-js/src/static/css/resources/_variables.scss

@@ -1 +0,0 @@
-$sample-css-variable: #ff6f61;

package/templates/rtk-js/.babelrc

@@ -1,26 +0,0 @@
-{
-     "presets": [
-        [
-            "@babel/preset-env",
-            {
-                "targets": {
-                    "node": "current"
-                },
-            },
-        ],
-        "@babel/preset-react"
-    ],
-                "plugins": [
-                    "@babel/plugin-proposal-object-rest-spread",
-                    "transform-es2015-modules-commonjs",
-                    "transform-class-properties",
-                    "dynamic-import-node",
-                    "@loadable/babel-plugin"
-                ],
-    "env": {
-        "test": {
-            "presets": ["@babel/preset-react"]
-        }
-    },
-     "ignore": ["__TEST__"]
-}

package/templates/rtk-js/.eslintignore

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

package/templates/rtk-js/.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/rtk-js/.prettierrc.json

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

package/templates/rtk-js/.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/rtk-js/README.md

@@ -1,23 +0,0 @@
-## Getting Started
-Commence development by initiating the application in development mode with the following commands:
-
-For running the application in development mode, run:
-
-```bash
-npm run start
-```
-
-For a production build, utilize:
-
-```bash
-npm run build
-```
-
-To serve the production build, execute:
-
-```bash
-npm run serve
-```
-
-## Documentation
-Explore the complete documentation at [https://catalyst.1mg.com](https://catalyst.1mg.com).

package/templates/rtk-js/api.js

@@ -1,29 +0,0 @@
-const apiInstance = () => {
-    const fetchFunction = async (url, options) => {
-        let baseURL = process.env.API_URL
-        let finalUrl = baseURL + url
-
-        // Request Interceptor - you can modify request here
-
-        
-        // Add query params if exist
-        if (Object.keys(options?.params).length > 0) {
-            finalUrl = url + "?" + new URLSearchParams(options.params)
-        }
-
-        return fetch(finalUrl, options)
-            .then(async (response) => {
-                const parsedResponse = await response.json()
-                // Response Interceptor - you can modify response here
-                return parsedResponse
-            });
-    }
-    return {
-        get: fetchFunction,
-        post: fetchFunction,
-        delete: fetchFunction,
-        patch: fetchFunction,
-        put: fetchFunction
-    }
-}
-export default { apiInstance }

package/templates/rtk-js/checkVersion.js

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