Upgrade react-application-machine-translations to SPFx v1.20.0 (#1455)

* Upgrade to v1.15.0

* bump to spfx - v1.18.0

* Incremental bump to v1.19.0

* Final bump to SPFx v1.20.0

* Updated .nvmrc

Author: NishkalankBezawada

samples/react-application-machine-translations/.eslintrc.js

@@ -13,6 +13,7 @@ release
 solution
 temp
 *.sppkg
+.heft
 
 # Coverage directory used by tools like istanbul
 coverage

samples/react-application-machine-translations/.gitignore

@@ -0,0 +1,16 @@
+!dist
+config
+
+gulpfile.js
+
+release
+src
+temp
+
+tsconfig.json
+
+
+*.log
+
+.yo-rc.json
+.vscode

samples/react-application-machine-translations/.npmignore

@@ -1,13 +1,17 @@
 {
   "@microsoft/generator-sharepoint": {
-    "version": "1.12.1",
+    "version": "1.20.0",
     "libraryName": "machine-translation-extension",
     "libraryId": "87cc9434-00c1-4c88-b50c-dd8a7888f9b8",
     "environment": "spo",
     "packageManager": "npm",
     "isCreatingSolution": true,
     "isDomainIsolated": false,
     "componentType": "extension",
-    "extensionType": "ApplicationCustomizer"
+    "extensionType": "ApplicationCustomizer",
+    "sdkVersions": {
+      "@microsoft/teams-js": "2.24.0",
+      "@microsoft/microsoft-graph-client": "3.0.2"
+    }
   }
 }

samples/react-application-machine-translations/.nvmrc

@@ -10,9 +10,9 @@ The extension will determine the language of the page using the page description
 
 ## Compatibility
 
-![SPFx 1.12.1](https://img.shields.io/badge/SPFx-1.12.1-green.svg)
+![SPFx 1.20.0](https://img.shields.io/badge/SPFx-1.20.0-green.svg)
 
-![Node.js LTS v14 | LTS v12 | LTS v10](https://img.shields.io/badge/Node.js-LTS%20v14%20%7C%20LTS%20v12%20%7C%20LTS%20v10-green.svg) 
+![Node.js >=16.13.0 <17.0.0 || >=18.17.1 <19.0.0](https://img.shields.io/badge/Node.js-%3E=16.13.0%20%3C17.0.0%20%7C%7C%20%3E=18.17.1%20%3C19.0.0-green.svg) 
 
 ![SharePoint Online](https://img.shields.io/badge/SharePoint-Online-red.svg)
 
@@ -35,11 +35,13 @@ Solution|Author(s)
 --------|---------
 react-application-machine-translations | [Robin Agten](https://twitter.com/AgtenRobin)
 react-application-machine-translations | [Michal Romiszewski](https://twitter.com/romiszewski) -- Update
+react-application-machine-translations | [Nishkalank Bezawada](https://bsky.app/profile/nishkalankbezawada.bsky.social) -- SPFx upgrade to v1.20.0
 
 ## Version history
 
 Version|Date|Comments
 -------|----|--------
+1.2|December 09, 2024|Update TranslationService, SPFx upgrade to v1.20.0
 1.1|July 23, 2021|Update TranslationService, SPFx to 1.12.1 and PnPjs to 2.7.0
 1.0|March 28, 2020|Initial release
 

samples/react-application-machine-translations/.yo-rc.json

@@ -9,7 +9,7 @@
       "This application customizer lets you translate the text on a SharePoint page using the Translator Text API of Microsoft Azure."
     ],
     "creationDateTime": "2021-01-20",
-    "updateDateTime": "2021-07-22",
+    "updateDateTime": "2024-12-09",
     "products": [
       "SharePoint"
     ],
@@ -20,7 +20,7 @@
       },
       {
         "key": "SPFX-VERSION",
-        "value": "1.10.0"
+        "value": "1.20.0"
       }
     ],
 "tags": [],
@@ -52,6 +52,11 @@
         "gitHubAccount": "mromiszewski",
         "pictureUrl": "https://github.com/mromiszewski.png",
         "name": "Michał Romiszewski"
+      },
+      {
+        "gitHubAccount": "NishkalankBezawada",
+        "pictureUrl": "https://github.com/NishkalankBezawada.png",
+        "name": "Nishkalank Bezawada"
       }
     ],
     "references": [

samples/react-application-machine-translations/README.md

@@ -14,6 +14,17 @@
       "termsOfUseUrl": "",
       "mpnId": ""
     },
+    "metadata": {
+      "shortDescription": {
+        "default": "machine-translation-extension description"
+      },
+      "longDescription": {
+        "default": "machine-translation-extension description"
+      },
+      "screenshotPaths": [],
+      "videoUrl": "",
+      "categories": []
+    },
     "features": [
       {
         "title": "Application Extension - Deployment of custom action.",

samples/react-application-machine-translations/assets/sample.json

@@ -0,0 +1,3 @@
+{
+    "$schema": "https://developer.microsoft.com/json-schemas/core-build/sass.schema.json"
+}