Merge pull request #329 from Azure-Samples/jimchou/vite-migration

Migrate chat quickstarts from CRA to Vite

Author: jimchou-dev

.github/workflows/ui-library-filesharing-chat-composite.yml

@@ -19,5 +19,5 @@ jobs:
     uses: ./.github/workflows/ci-ui-library.yml
     with:
       runs-on: 'ubuntu-latest'
-      node-version: '16.x'
+      node-version: '22.x'
       working-directory: './ui-library-filesharing-chat-composite/app'

.github/workflows/ui-library-filesharing-ui-components.yml

@@ -19,5 +19,5 @@ jobs:
     uses: ./.github/workflows/ci-ui-library.yml
     with:
       runs-on: 'ubuntu-latest'
-      node-version: '16.x'
+      node-version: '22.x'
       working-directory: './ui-library-filesharing-ui-components/app'

.github/workflows/ui-library-quickstart-teams-interop-meeting-chat.yml

@@ -19,5 +19,5 @@ jobs:
     uses: ./.github/workflows/ci-ui-library.yml
     with:
       runs-on: 'ubuntu-latest'
-      node-version: '16.x'
+      node-version: '22.x'
       working-directory: './ui-library-quickstart-teams-interop-meeting-chat'

.github/workflows/ui-library-starting-with-chat-stateful.yml

@@ -19,5 +19,5 @@ jobs:
     uses: ./.github/workflows/ci-ui-library.yml
     with:
       runs-on: 'ubuntu-latest'
-      node-version: '16.x'
+      node-version: '22.x'
       working-directory: './ui-library-starting-with-chat-stateful'

ui-library-add-call-recording/README.md

@@ -95,3 +95,5 @@ The setup allows you to debug each service separately, but requires some orchest
 In either case, navigate to your app at `localhost:4280`.
 
 In this case, the Azure Functions will be served at `localhost:7071`. You will need to expose this port publicly to be able to register it as a webhook with EventGrid.
+
+Currently, `azure-functions-core-tools` supports up to Node.js v20. If you're using a higher version (e.g., v22), you may encounter issues such as `localhost:4280` showing a "This site can’t be reached" error.

ui-library-add-call-recording/app/public/manifest.json

@@ -1,6 +1,6 @@
 {
   "short_name": "React App",
-  "name": "Create React App Sample",
+  "name": "React App Sample",
   "icons": [
     {
       "src": "favicon.ico",

ui-library-add-call-recording/package-lock.json

@@ -24,5 +24,8 @@
   },
   "dependencies": {
     "typescript": "^4.5.4"
+  },
+  "engines": {
+    "node": "20.x"
   }
 }

ui-library-add-call-recording/package.json

@@ -1,6 +1,6 @@
 {
   "short_name": "React App",
-  "name": "Create React App Sample",
+  "name": "React App Sample",
   "icons": [
     {
       "src": "favicon.ico",

ui-library-click-to-call/public/manifest.json

@@ -38,7 +38,7 @@ This sample includes:
 You need a few Azure resources before running this sample locally.
 
 * An Azure account with an active subscription. [Create an account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F)  .
-* [Node.js](https://nodejs.org/en/) Active LTS and Maintenance LTS versions (16.x.x is recommended).
+* [Node.js](https://nodejs.org/en/) Active LTS and Maintenance LTS versions (20.x.x is recommended).
 * An active Communication Services resource. [Create a Communication Services resource](https://docs.microsoft.com/azure/communication-services/quickstarts/create-communication-resource).
 * An identity with Chat scope. Generate an identity using the [Azure Portal](https://docs.microsoft.com/azure/communication-services/quickstarts/identity/quick-create-identity).
 * [Azure Storage Account](https://docs.microsoft.com/en-us/azure/storage/common/storage-account-overview)
@@ -79,3 +79,5 @@ You'll need to run the client and server separately:
 
 
 Navigate to your application at `localhost:4280`.
+
+Currently, `azure-functions-core-tools` supports up to Node.js v20. If you're using a higher version (e.g., v22), you may encounter issues such as `localhost:4280` showing a "This site can’t be reached" error.