Jerald-Golden-B
a704be77d3
- Simplified state initialization and effect hooks for better readability. - Enhanced event handling functions for speed, action type, and action renaming. - Updated current values retrieval logic to utilize getEventByModelUuid. - Cleaned up JSX structure for better maintainability. Update addAssetModel to remove unnecessary console log - Removed debug logging for roboticArmEvent in addAssetModel. Enhance copyPasteControls and duplicationControls with event handling - Integrated useEventsStore to manage events during copy and paste operations. - Updated event data structure for Conveyor, Vehicle, ArmBot, and StaticMachine types. - Ensured proper UUID generation for new events and actions. Refactor PointsCreator to ensure event sphere clearing - Re-enabled clearSelectedEventSphere on pointer miss events for better UX. Add logging in Products component for debugging - Added console log to inspect data fetched from getAllProductsApi. Update useProductStore to return updated events after modifications - Modified updateEvent, addAction, removeAction, updateAction, and renameAction to return updated event data. - Ensured consistency in event handling across the product store.
Getting Started
Follow these steps to set up and run the project locally.
Prerequisites
Ensure you have the following installed on your system:
- Node.js: Download and install Node.js
- npm: Comes with Node.js, but you can also install npm separately
- yarn (optional): If you prefer to use Yarn, install it here
- TypeScript: This project uses TypeScript, and the necessary dependencies will be installed automatically.
Installation
-
Clone the repository:
git clone https://github.com/S0Vishnu/react-production-project-boilerplate.git cd react-production-project-boilerplate -
Cloning repository with User Credentials:
git clone https://your_username:password@github.com/S0Vishnu/react-production-project-boilerplate.git cd react-production-project-boilerplatenote: if password contains special charecters use:
- @ → %40
- : → %3A
- / → %2F
- ? → %3F
- & → %26
- = → %3D
- ! → %21
-
Install the dependencies:
npm install -
Start server:
npm start -
Build the app for production:
npm run build -
Tests
This project includes both unit tests using Jest and end-to-end (E2E) tests using Cypress. Here’s how you can run and manage these tests.
Unit Tests (Jest) Unit tests are located in the
src/tests/unit/directory. They test individual components and functions to ensure they work as expected. Jest is used for running these tests.Running Unit Tests To run the unit tests, use the following command:
npm run testEnd-to-End (E2E) Tests (Cypress) Cypress can be run in two modes
-
Interactive Mode:
npm run cypress:open -
Headless Mode:
npm run cypress:run
-
Run Documentation(Docsify)
-
Installation (if needed):
npm i docsify-cli -g -
Run Command:
docsify serve docs