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

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');
-}

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

@@ -1,15 +0,0 @@
-/* Style Loader
- *
- * Anything imported in here will either be added to the vendor CSS chunk, or
- * the main app CSS chunk. Where they will go depends on its location or its
- * extension.
- *
- * Files will be added to the vendor.css chunk if:
- * - they are located inside `node_modules`, or
- * - they are plain .css files.
- * Otherwise, files will be added to the main app.css chunk.
- */
-
-// Include initial base styles.
-import "normalize.css"
-import "@css/base/index.scss"

package/templates/rtk-js/config/config.json

@@ -1,15 +0,0 @@
-{
-    "APPLICATION_PORT": "3005",
-    "APPLICATION_BASE_URL": "http://localhost:3005",
-    "SERVER_PATH": "http://localhost:3005",
-    "OUTPUT_PATH": "build",
-    "PUBLIC_OUTPUT_PATH": "build/public",
-    "PUBLIC_ASSET_PATH": "http://localhost:3006/assets/",
-    "LOCAL_ASSET_PATH": "/assets/",
-    "EXTERNAL_BASE_URL": "http://localhost:3005",
-    "DEV_SERVER_PORT": 3006,
-    "DEV_SERVER_HOSTNAME": "localhost",
-    "DEV_SERVER_HOST_URL": "http://localhost:3006",
-    "ENV_NAME": "local",
-    "BUILD_ENV": ""
-}

package/templates/rtk-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/rtk-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/rtk-js/server/document.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/rtk-js/server/index.js

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

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

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

package/templates/rtk-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/rtk-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/rtk-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/rtk-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/rtk-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/rtk-js/src/static/css/base/index.scss

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

package/templates/rtk-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/rtk-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/rtk-js/src/static/css/resources/_variables.scss

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

package/templates/rtk-js/webpackConfig.js

@@ -1,5 +0,0 @@
-module.exports = {
-    developmentPlugins: [],
-    ssrPrugins: [],
-    clientPlugins: [],
-}