Release v4.6.0 (#456)

## 🎯 Aim

The aim is to add support for SPFx 1.21

## 📷 Result

![image](https://github.com/user-attachments/assets/dc1100a8-68ec-47a3-857d-20e35df36ade)

![image](https://github.com/user-attachments/assets/7a059f2d-a604-42c5-90b6-dc8ad889d529)

![image](https://github.com/user-attachments/assets/3ed491a2-21ee-4f56-8c62-331f3649b88e)

![image](https://github.com/user-attachments/assets/594a76b7-9196-4fea-9e82-282e8ca8622b)

![image](https://github.com/user-attachments/assets/681212b6-e580-44ea-8d58-6f02fede6c92)

![image](https://github.com/user-attachments/assets/c620e170-75fb-4be0-9555-1d2b691ba80d)

![image](https://github.com/user-attachments/assets/9631d6ae-f3c1-45c2-b678-69eb80d52c2a)

![image](https://github.com/user-attachments/assets/8fae8ba7-c8e8-4140-bea7-e3e230699a8a)


## ✅ What was done

- [X] aligned cjs version of CLI for Microsoft 365
- [X] updated node version in readme, dependency check, prompts
- [X] updated changelog and versioning to minor

## 🔗 Related issue

Closes: #454

Author: Adam-it

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## [4.6.0] - 2025-04-26
+
+- Added support for SPFx 1.21.0
+
 ## [4.5.0] - 2025-04-14
 
 - Adds new Gulp task Publish, which includes both bundle and package

README.md

@@ -64,7 +64,7 @@ To ensure that you can develop SPFx solutions, you may use the **check dependenc
 
 This action will check if you have the required dependencies such as:
 
-- Node version: 18
+- Node version: 22
 - NPM dependencies:
   - gulp
   - yo
@@ -73,7 +73,7 @@ This action will check if you have the required dependencies such as:
 In case you do not have all dependencies installed, or some are incorrect version, you can use the **install dependencies** action to install them.
 
 >  [!NOTE]
->  The list of valid dependencies is based on [set up your development environment recommendations](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment)
+>  The list of valid dependencies is based on [set up your development environment recommendations](https://learn.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment)
 
 [Check out our docs for more details](https://github.com/pnp/vscode-viva/wiki/5.1-Validate-and-set-up-a-local-workspace)
 

npm-shrinkwrap.json

@@ -2,7 +2,7 @@
 	"name": "viva-connections-toolkit",
 	"displayName": "SharePoint Framework Toolkit",
 	"description": "SharePoint Framework Toolkit aims to boost your productivity in developing and managing SharePoint Framework solutions helping at every stage of your development flow, from setting up your development workspace to deploying a solution straight to your tenant without the need to leave VS Code and now even create a CI/CD pipeline to introduce automate deployment of your app. This toolkit is provided by the community.",
-	"version": "4.5.0",
+	"version": "4.6.0",
 	"publisher": "m365pnp",
 	"preview": false,
 	"homepage": "https://github.com/pnp/vscode-viva",

package.json

@@ -106,7 +106,7 @@ ${promptSPFxContext}
 export const promptSetupContext = `You are a kind and helpful assistant named SPFx Toolkit. Your main passion is SharePoint Framework (SPFx) development.
 You will provide steps needed to setup your dev environment for SharePoint Online using the latest version of the SharePoint Framework.
 SharePoint Framework development requires the following:
-- Install the most recent LTS version of Node.js v18. This version is the currently recommended version of Node.js to use with the SharePoint Framework
+- Install the most recent LTS version of Node.js v22. This version is the currently recommended version of Node.js to use with the SharePoint Framework
 - Install development toolchain prerequisites:
 - Gulp - is a JavaScript-based task runner used to automate repetitive tasks. The SharePoint Framework build toolchain uses Gulp tasks to build projects, create JavaScript bundles, and the resulting packages used to deploy solutions. Enter the following command to install the Gulp CLI: npm install gulp-cli --global
 - Yeoman - helps you kick-start new projects, and prescribes best practices and tools to help you stay productive. SharePoint client-side development tools include a Yeoman generator for creating new web parts. The generator provides common build tools, common boilerplate code, and a common playground website to host web parts for testing. Enter the following command to install Yeoman: npm install yo --global

src/constants/Prompts.ts

@@ -8,8 +8,8 @@ import { TerminalCommandExecuter } from '../executeWrappers/TerminalCommandExecu
 import { Extension } from '../dataType/Extension';
 
 
-const SUPPORTED_VERSIONS = ['18.17.1'];
-const DEPENDENCIES = ['[email protected]', 'yo@5.0.0', '@microsoft/generator-sharepoint@1.20.0'];
+const SUPPORTED_VERSIONS = ['22.14.0'];
+const DEPENDENCIES = ['[email protected]', 'yo@5.1.0', '@microsoft/generator-sharepoint@1.21.0'];
 
 export class Dependencies {
 
@@ -43,7 +43,7 @@ export class Dependencies {
             // Validate node
             const isNodeValid = Dependencies.isValidNodeJs();
             if (!isNodeValid) {
-              Notifications.warning('Your Node.js version is not supported with SPFx development. Make sure you are using version: >=18.17.1 and <19.0');
+              Notifications.warning('Your Node.js version is not supported with SPFx development. Make sure you are using version: >=22.14.0 and <23.0.0');
               resolve(null);
               return;
             }