Dev

fileUpdate.js

@@ -0,0 +1,120 @@
+const fs = require('fs');
+const path = require('path');
+const { cliux, messageHandler } = require('@contentstack/cli-utilities');
+const isEmpty = (value) => value === null || value === undefined ||
+  (typeof value === 'object' && Object.keys(value).length === 0) ||
+  (typeof value === 'string' && value.trim().length === 0);;
+const config = {
+  plan: {
+    dropdown: { optionLimit: 100 }
+  },
+  cmsType: null,
+  isLocalPath: true,
+  awsData: {
+    awsRegion: 'us-east-2',
+    awsAccessKeyId: '',
+    awsSecretAccessKey: '',
+    awsSessionToken: '',
+    bucketName: 'migartion-test',
+    buketKey: 'project/package 45.zip'
+  },
+  localPath: null
+};
+
+const configFilePath = path.resolve(path?.join?.('upload-api', 'src', 'config', 'index.ts'));
+
+const ensureDirectoryExists = (filePath) => {
+  const dir = path.dirname(filePath);
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+    console.log('📂 Created missing directory:', dir);
+  }
+};
+
+const inquireRequireFieldValidation = (input) => {
+  if (isEmpty(input)) {
+    return messageHandler.parse('Please enter the path');
+  }
+  if (!fs.existsSync(input)) {
+    return messageHandler.parse('The specified path does not exist. Please enter a valid path.');
+  }
+  return true;
+};
+
+const typeSwitcher = async (type) => {
+  switch (type) {
+    case 'Aws S3': {
+      const awsData = {
+        awsRegion: await cliux.inquire({
+          type: 'input',
+          message: 'Enter AWS Region',
+          name: 'awsRegion',
+          validate: inquireRequireFieldValidation
+        }),
+        awsAccessKeyId: await cliux.inquire({
+          type: 'input',
+          message: 'Enter AWS Access Key Id',
+          name: 'awsAccessKeyId',
+          validate: inquireRequireFieldValidation
+        }),
+        awsSecretAccessKey: await cliux.inquire({
+          type: 'input',
+          message: 'Enter AWS Secret Access Key',
+          name: 'awsSecretAccessKey',
+          validate: inquireRequireFieldValidation
+        }),
+      };
+      const isSessionToken = await cliux.inquire({
+        choices: ['yes', 'no'],
+        type: 'list',
+        name: 'isSessionToken',
+        message: 'Do you have a Session Token?'
+      });
+      if (isSessionToken === 'yes') {
+        awsData.awsSessionToken = await cliux.inquire({
+          type: 'input',
+          message: 'Enter AWS Session Token',
+          name: 'awsSessionToken',
+          validate: inquireRequireFieldValidation
+        });
+      }
+      return awsData;
+    }
+    case 'Locale Path': {
+      return await cliux.inquire({
+        type: 'input',
+        message: 'Enter file path',
+        name: 'filePath',
+        validate: inquireRequireFieldValidation
+      });
+    }
+    default:
+      console.log('⚠️ Invalid type provided');
+      return;
+  }
+};
+
+const XMLMigration = async () => {
+  const typeOfcms = await cliux.inquire({
+    choices: ['sitecore', 'contentful'],
+    type: 'list',
+    name: 'value',
+    message: 'Choose the option to proceed with your legacy CMS:'
+  });
+
+  const data = await typeSwitcher('Locale Path');
+  if (typeof typeOfcms === 'string') {
+    config.cmsType = typeOfcms;
+  } else {
+    console.log('⚠️ Error: Expected a string for typeOfcms but got an object.');
+  }
+  if (typeof data === 'string') {
+    config.localPath = data;
+  } else {
+    console.log('⚠️ Error: Expected a string for localPath but got an object.');
+  }
+  ensureDirectoryExists(configFilePath);
+  fs.writeFileSync(configFilePath, `export default ${JSON.stringify(config, null, 2)};`, 'utf8');
+};
+
+XMLMigration();

package.json

@@ -9,7 +9,9 @@
     "api": "cd ./api && npm run dev",
     "upload": "cd ./upload-api && npm start",
     "ui": "cd ./ui && npm start",
-    "start": "node index.js"
+    "setup:file": "npm i && node fileUpdate.js",
+    "create:env": "node index.js",
+    "setup:mac": "bash setup.sh"
   },
   "repository": {
     "type": "git",
@@ -36,5 +38,8 @@
   "validate-branch-name": {
     "pattern": "^(feature|bugfix|hotfix)/[a-z0-9-]{5,30}$",
     "errorMsg": "Please add valid branch name!"
+  },
+  "dependencies": {
+    "@contentstack/cli-utilities": "^1.8.4"
   }
-}
+}

setup.sh

@@ -0,0 +1,95 @@
+#!/bin/bash
+
+# Get the script's directory (ensures correct paths)
+SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
+cd "$SCRIPT_DIR" || exit 1
+
+# Install NVM if not installed
+if ! command -v nvm &> /dev/null; then
+  echo "Installing NVM..."
+  curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.4/install.sh | bash
+
+  export NVM_DIR="$HOME/.nvm"
+  [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
+  [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"
+else
+  export NVM_DIR="$HOME/.nvm"
+  [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
+fi
+
+# Ensure Node.js 21 is installed and used
+NODE_VERSION=$(node -v 2>/dev/null)
+if [[ "$NODE_VERSION" != v21.* ]]; then
+  echo "Installing and using Node.js 21..."
+  nvm install 21
+fi
+nvm use 21
+
+Setup CLI
+echo "Setting up CLI repo..."
+cd "$SCRIPT_DIR/cli" || exit 1
+
+# Check if current user can write to node_modules
+if [ -w node_modules ] || [ ! -d node_modules ]; then
+  npm run setup-repo --force
+else
+  echo "Permission issue detected. Trying with sudo..."
+  sudo npm run setup-repo --force
+fi
+
+# Return to script root
+cd "$SCRIPT_DIR" || exit 1
+
+# Fix npm cache permissions
+echo "Fixing npm cache permissions..."
+sudo chown -R $(id -u):$(id -g) "$HOME/.npm"
+
+# Start With Env File
+echo "Creating .env file..."
+npm run create:env
+
+echo "Updating config file..."
+npm run setup:file
+
+# Start services in new terminals
+echo "Starting services in new terminals..."
+
+if [[ "$OSTYPE" == "darwin"* ]]; then
+  # macOS
+  osascript -e "tell application \"Terminal\" to do script \"
+  source \$HOME/.nvm/nvm.sh && nvm use 21 &&
+  cd '$SCRIPT_DIR/api' &&
+  echo 'Cleaning API dependencies...' &&
+  rm -rf node_modules package-lock.json &&
+  npm install &&
+  npm run dev
+  \""
+  osascript -e "tell application \"Terminal\" to do script \"
+  source \$HOME/.nvm/nvm.sh && nvm use 21 &&
+  cd '$SCRIPT_DIR/upload-api' &&
+  echo 'Cleaning upload-api dependencies...' &&
+  rm -rf node_modules package-lock.json &&
+  rm -rf migration-sitecore/node_modules migration-sitecore/package-lock.json &&
+  npm install &&
+  npm run start
+  \""
+  osascript -e "tell application \"Terminal\" to do script \"
+  source \$HOME/.nvm/nvm.sh && nvm use 21 &&
+  cd '$SCRIPT_DIR/ui' &&
+  echo 'Cleaning UI dependencies...' &&
+  rm -rf node_modules package-lock.json &&
+  npm install &&
+  npm run start
+  \""
+
+elif [[ "$OSTYPE" == "linux-gnu"* ]]; then
+  # Linux (GNOME Terminal)
+  gnome-terminal -- bash -c "source $HOME/.nvm/nvm.sh && nvm use 21 && cd '$SCRIPT_DIR/api' && npm install && npm run dev; exec bash"
+  gnome-terminal -- bash -c "source $HOME/.nvm/nvm.sh && nvm use 21 && cd '$SCRIPT_DIR/upload-api' && npm install && npm run start; exec bash"
+  gnome-terminal -- bash -c "source $HOME/.nvm/nvm.sh && nvm use 21 && cd '$SCRIPT_DIR/ui' && npm install && npm run start; exec bash"
+else
+  echo "Unsupported OS: $OSTYPE"
+  exit 1
+fi
+
+echo "All services started!"

ui/src/components/Common/DeleteProjectModal/index.tsx

@@ -2,16 +2,12 @@
 import { useState } from 'react';
 import {
   Button,
-  Notification,
   ModalBody,
   ModalHeader,
   ModalFooter,
   ButtonGroup
 } from '@contentstack/venus-components';
 
-// Service
-import { deleteProject } from '../../../services/api/project.service';
-
 // Interfaces
 import { SettingsModalProps } from '../../../components/Modal/modal.interface';
 
@@ -22,39 +18,11 @@ import { SettingsModalProps } from '../../../components/Modal/modal.interface';
  * @returns {JSX.Element} The rendered DeleteProjectModal component.
  */
 const DeleteProjectModal = (props: SettingsModalProps) => {
-  const { closeModal, navigate, projectId, projectName, selectedOrg } = props;
+  const { closeModal, projectName, handleDeleteProject } = props;
 
   const [isLoading, setIsLoading] = useState<boolean>(false);
 
-  /**
-   * Handles the deletion of the project.
-   *
-   * @param {() => void} closeModal - A function to close the modal.
-   * @returns {Promise<void>} A promise that resolves when the project is deleted.
-   */
-  const handleDeleteProject = async (closeModal: () => void): Promise<void> => {
-    setIsLoading(true);
-    const response = await deleteProject(selectedOrg?.value || '', projectId ?? '');
-
-    if (response?.status === 200) {
-      setIsLoading(false);
-      closeModal();
-      setTimeout(() => {
-        navigate('/projects');
-      }, 800);
-      setTimeout(() => {
-        Notification({
-          notificationContent: { text: response?.data?.data?.message },
-          notificationProps: {
-            position: 'bottom-center',
-            hideProgressBar: true
-          },
-          type: 'success'
-        });
-      }, 1200);
-    }
-  };
-
+
   return (
     <>
       <ModalHeader
@@ -83,7 +51,7 @@ const DeleteProjectModal = (props: SettingsModalProps) => {
             icon="v2-Delete"
             tabindex={0}
             isLoading={isLoading}
-            onClick={() => handleDeleteProject(closeModal)}
+            onClick={() => handleDeleteProject()}
           >
             Delete
           </Button>

ui/src/components/Common/Settings/index.tsx

@@ -23,7 +23,7 @@ import { Setting } from './setting.interface';
 import { ModalObj } from '../../../components/Modal/modal.interface';
 
 // Service
-import { getProject, updateProject } from '../../../services/api/project.service';
+import { deleteProject, getProject, updateProject } from '../../../services/api/project.service';
 import { CS_ENTRIES } from '../../../utilities/constants';
 import { getCMSDataFromFile } from '../../../cmsData/cmsSelector';
 
@@ -32,6 +32,9 @@ import DeleteProjectModal from '../DeleteProjectModal';
 
 //stylesheet
 import './Settings.scss';
+import { useDispatch } from 'react-redux';
+import { updateNewMigrationData } from '../../../store/slice/migrationDataSlice';
+import { DEFAULT_NEW_MIGRATION } from '../../../context/app/app.interface';
 
 /**
  * Renders the Settings component.
@@ -51,6 +54,7 @@ const Settings = () => {
   );
 
   const navigate = useNavigate();
+  const dispatch = useDispatch()
 
   useEffect(() => {
     const fetchData = async () => {
@@ -120,6 +124,29 @@ const Settings = () => {
       });
     }
   };
+   const handleDeleteProject = async (closeModal: ()=> void): Promise<void> => {
+      //setIsLoading(true);
+      const response = await deleteProject(selectedOrganisation?.value, params?.projectId ?? '');
+
+      if (response?.status === 200) {
+        //setIsLoading(false);
+        closeModal();
+        dispatch(updateNewMigrationData(DEFAULT_NEW_MIGRATION));
+        setTimeout(() => {
+          navigate('/projects');
+        }, 800);
+        setTimeout(() => {
+          Notification({
+            notificationContent: { text: response?.data?.data?.message },
+            notificationProps: {
+              position: 'bottom-center',
+              hideProgressBar: true
+            },
+            type: 'success'
+          });
+        }, 1200);
+      }
+    };
 
   const handleClick = () => {
     cbModal({
@@ -129,6 +156,7 @@ const Settings = () => {
           projectId={params?.projectId ?? ''}
           projectName={projectName}
           navigate={navigate}
+          handleDeleteProject={() => handleDeleteProject(props?.closeModal)}
           {...props}
         />
       ),

ui/src/components/Common/router.tsx

@@ -33,7 +33,6 @@ const AppRouter = () => {
 
       {/* ALL PROTECTED ROUTES HERE */}
       <Route element={<PrivateRoute redirectTo="/" />}>
-        <Route path="/migrations" element={<MigrationLazyLoad />} />
         <Route path="/projects" element={<ProjectsLazyLoad />} />
 
         <Route