chore: import upstream snapshot with attribution

2026-07-13 13:21:23 +08:00
commit b957a53def
5423 changed files with 863745 additions and 0 deletions
@@ -0,0 +1,54 @@
+# React App for SK Process with Cloud Events
+## Getting Started
+
+Follow the steps below to set up, run, and debug the React app for SK Process with Cloud Events.
+
+### Prerequisites
+
+- Node.js (LTS version recommended)
+- Yarn (package manager)
+
+### Installation
+
+1. Navigate to the project directory:
+  ```bash
+  cd <repo>/dotnet/samples/Demos/ProcessWithCloudEvents/ProcessWithCloudEvents.Client
+  ```
+2. Install the dependencies:
+  ```bash
+  yarn install
+  ```
+
+Alternatively, you can use the existing Visual Studio Code task:
+
+1. Open the Command Palette in Visual Studio Code (`Ctrl+Shift+P` or `Cmd+Shift+P` on macOS).
+2. Search for and select `Tasks: Run Task`.
+3. Choose the `yarn: install` task from the list to install the dependencies.
+
+### Running the Application
+
+1. Ensure that the backend server is running.
+
+2. Start the development server:
+  ```bash
+  yarn: run dev
+  ```
+  Alternatively, you can use the existing Visual Studio Code task `yarn: run dev`.
+
+3. Open your browser and navigate to `http://localhost:5173` to view the app.
+
+### Usage
+
+1. Select cloud technology to be used.
+2. Select SK Process to be used.
+3. Interact with the UI to send events/messages to the backend. The UI will display any incoming events/messages from the backend.
+4. Use the provided buttons/inputs to trigger specific actions or events as needed.
+
+### Debugging
+
+1. Run the application.
+2. Start the app in debug mode:
+  - If using Visual Studio Code, go to the "Run and Debug" panel and select `Launch Edge against localhost`.
+3. Set breakpoints in your code to inspect and debug as needed.
+
+For more details, refer to the official React documentation: [React Docs](https://reactjs.org/docs/getting-started.html).