From 19b792634734a486a80856ee4354b711a77b6af2 Mon Sep 17 00:00:00 2001 From: Jim Chou <77021369+jimchou-dev@users.noreply.github.com> Date: Mon, 2 Jun 2025 12:00:36 -0700 Subject: [PATCH] Migrate chat quickstarts to vite --- .../ui-library-filesharing-chat-composite.yml | 2 +- .../ui-library-filesharing-ui-components.yml | 2 +- ...-quickstart-teams-interop-meeting-chat.yml | 2 +- ...ui-library-starting-with-chat-stateful.yml | 2 +- ui-library-add-call-recording/README.md | 2 + .../app/public/manifest.json | 2 +- .../package-lock.json | 3 + ui-library-add-call-recording/package.json | 3 + ui-library-click-to-call/public/manifest.json | 2 +- .../README.md | 4 +- .../app/{public => }/index.html | 1 + .../app/package-lock.json | 21527 +++------------ .../app/package.json | 11 +- .../app/tsconfig.json | 3 +- .../app/vite.config.js | 24 + .../package-lock.json | 3 + .../package.json | 3 + .../README.md | 4 +- .../app/{public => }/index.html | 9 +- .../app/package-lock.json | 22374 +++------------- .../app/package.json | 13 +- .../app/tsconfig.json | 3 +- .../app/vite.config.js | 24 + .../package-lock.json | 3 + .../package.json | 3 + .../public/manifest.json | 2 +- .../public/manifest.json | 2 +- .../public/manifest.json | 2 +- .../{public => }/index.html | 13 +- .../package-lock.json | 20597 +++----------- .../package.json | 13 +- .../public/manifest.json | 2 +- .../tsconfig.json | 3 +- .../vite.config.js | 24 + .../public/manifest.json | 2 +- .../public/manifest.json | 2 +- .../{public => }/index.html | 13 +- .../package-lock.json | 21602 +++------------ .../package.json | 11 +- .../public/manifest.json | 2 +- .../tsconfig.json | 3 +- .../vite.config.js | 24 + ui-library-transfer/public/manifest.json | 2 +- 43 files changed, 15926 insertions(+), 70422 deletions(-) rename ui-library-filesharing-chat-composite/app/{public => }/index.html (78%) create mode 100644 ui-library-filesharing-chat-composite/app/vite.config.js rename ui-library-filesharing-ui-components/app/{public => }/index.html (84%) create mode 100644 ui-library-filesharing-ui-components/app/vite.config.js rename ui-library-quickstart-teams-interop-meeting-chat/{public => }/index.html (78%) create mode 100644 ui-library-quickstart-teams-interop-meeting-chat/vite.config.js rename ui-library-starting-with-chat-stateful/{public => }/index.html (78%) create mode 100644 ui-library-starting-with-chat-stateful/vite.config.js diff --git a/.github/workflows/ui-library-filesharing-chat-composite.yml b/.github/workflows/ui-library-filesharing-chat-composite.yml index 8ac82751..ecf9f3da 100644 --- a/.github/workflows/ui-library-filesharing-chat-composite.yml +++ b/.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' \ No newline at end of file diff --git a/.github/workflows/ui-library-filesharing-ui-components.yml b/.github/workflows/ui-library-filesharing-ui-components.yml index 1d1e0a0c..13a7c45d 100644 --- a/.github/workflows/ui-library-filesharing-ui-components.yml +++ b/.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' \ No newline at end of file diff --git a/.github/workflows/ui-library-quickstart-teams-interop-meeting-chat.yml b/.github/workflows/ui-library-quickstart-teams-interop-meeting-chat.yml index 7893cb08..3a828ae6 100644 --- a/.github/workflows/ui-library-quickstart-teams-interop-meeting-chat.yml +++ b/.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' diff --git a/.github/workflows/ui-library-starting-with-chat-stateful.yml b/.github/workflows/ui-library-starting-with-chat-stateful.yml index ff6e4429..f5840126 100644 --- a/.github/workflows/ui-library-starting-with-chat-stateful.yml +++ b/.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' \ No newline at end of file diff --git a/ui-library-add-call-recording/README.md b/ui-library-add-call-recording/README.md index a4ad90c9..beb47d0c 100644 --- a/ui-library-add-call-recording/README.md +++ b/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. diff --git a/ui-library-add-call-recording/app/public/manifest.json b/ui-library-add-call-recording/app/public/manifest.json index 080d6c77..5680586f 100644 --- a/ui-library-add-call-recording/app/public/manifest.json +++ b/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", diff --git a/ui-library-add-call-recording/package-lock.json b/ui-library-add-call-recording/package-lock.json index ddb52d36..5420ff96 100644 --- a/ui-library-add-call-recording/package-lock.json +++ b/ui-library-add-call-recording/package-lock.json @@ -20,6 +20,9 @@ "eslint-plugin-header": "^3.1.1", "eslint-plugin-react": "^7.28.0", "prettier": "2.3.2" + }, + "engines": { + "node": "20.x" } }, "node_modules/@azure/static-web-apps-cli": { diff --git a/ui-library-add-call-recording/package.json b/ui-library-add-call-recording/package.json index 39f43ae3..c09cdf00 100644 --- a/ui-library-add-call-recording/package.json +++ b/ui-library-add-call-recording/package.json @@ -24,5 +24,8 @@ }, "dependencies": { "typescript": "^4.5.4" + }, + "engines": { + "node": "20.x" } } diff --git a/ui-library-click-to-call/public/manifest.json b/ui-library-click-to-call/public/manifest.json index 080d6c77..5680586f 100644 --- a/ui-library-click-to-call/public/manifest.json +++ b/ui-library-click-to-call/public/manifest.json @@ -1,6 +1,6 @@ { "short_name": "React App", - "name": "Create React App Sample", + "name": "React App Sample", "icons": [ { "src": "favicon.ico", diff --git a/ui-library-filesharing-chat-composite/README.md b/ui-library-filesharing-chat-composite/README.md index bda97240..0ccb4c3a 100644 --- a/ui-library-filesharing-chat-composite/README.md +++ b/ui-library-filesharing-chat-composite/README.md @@ -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. \ No newline at end of file diff --git a/ui-library-filesharing-chat-composite/app/public/index.html b/ui-library-filesharing-chat-composite/app/index.html similarity index 78% rename from ui-library-filesharing-chat-composite/app/public/index.html rename to ui-library-filesharing-chat-composite/app/index.html index 528497e9..7299c834 100644 --- a/ui-library-filesharing-chat-composite/app/public/index.html +++ b/ui-library-filesharing-chat-composite/app/index.html @@ -6,5 +6,6 @@
+