SharePoint Framework Toolkit v4.8.0 minor release

SharePoint Framework Toolkit v4.8.0 minor release

🗒️ Quick intro

SharePoint Framework Toolkit is a Visual Studio Code extension that 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, it even allows you to create a CI/CD pipeline to introduce automate deployment of your app and also comes along with AI capabilities which will allow you to manage your SharePoint Online tenant straight from GitHub Copilot chat extension.

Just check out the features list 👇 it’s a looot 🤯.

features

Sounds cool 😎? Let’s see some new enhancements we added in this minor release

Language model tools for GitHub Copilot agent mode

Every SPFx solution, sooner or later, will need some SharePoint resources like a site, page, list, content types, items etc.

Imagine being able to create them without stepping out of VS Code 🤯!

That is exactly why we took the first steps to make this happen with the help of GitHub Agent mode. SPFx Toolkit now comes along with language model tools that you may use directly from within GitHub Copilot chat extension in agent mode.

llm

Based on your prompt, GitHub Copilot will figure out the best tool that it may use to fulfill your prompt.

createsite

You may even chain multiple operations within a single prompt, as the agent mode is capable of executing multiple tasks that are required by your prompt.

githubactionsprogress

We are only getting started, but we already see a bright future and many possibilities to reshape how developers will be able to scaffold or prep their solutions. Sky is the limit 🚀!

Support for installing the correct Node.js version

No more guessing which Node.js version you need. The toolkit now provides direct links and guidance for installing the correct version, including tips for using NVM or NVS based on your OS.

nodejs

Default action for SPFx App is now “Install”

What’s the first thing you would do with a SPFx app present in the app catalog? Let me guess: install. Right?

That is exactly why we reordered actions present in each SPFx app instance, making the install action as default visible after you hover the SPFx app item on the list. The rest of the actions like: deploy, upgrade, enable, disable, etc. are present under ....

install

/manage is now /info

The /manage chat command has been renamed to /info to better reflect its purpose: retrieving information from your SharePoint Online tenant. Heads up: this change will also be reflected in the updated wiki guidance.

info

To read more about it, check out our wiki.

Adds Gulp Operations to VS Code Extension Commands

You can now run all major gulp tasks directly from the command palette. This includes:

  • build
  • clean
  • serve
  • test
  • trust-dev-cert
  • deploy-azure-storage

No more jumping to the terminal, just run what you need, when you need it.

gulpactions

Add tenant app catalog & add/remove site app catalog

Managing app catalogs is a crucial part of SharePoint development, and with this release, the SPFx Toolkit makes it easier than ever. Previously, setting up a tenant app catalog or managing site app catalogs required navigating through the SharePoint admin center, which could be time-consuming and sometimes confusing, especially if you’re working across multiple tenants or sites.

Now, you can perform these actions directly from within Visual Studio Code using the toolkit:

  • Add a tenant app catalog: If your tenant doesn’t already have an app catalog, you can create one with just a few clicks where the toolkit will guide you through the process.
  • Add a site app catalog: Need to scope app deployment to a specific site collection? You can now add a site app catalog to any eligible site directly from the toolkit. This is especially useful for scenarios where you want to test or deploy solutions without affecting the entire tenant.
  • Remove a site app catalog: If you no longer need a site app catalog, you can disable it just as easily. Note that this does not actually delete the app catalog, but instead disables it, making all apps from that app catalog unavailable for installation on the related site. The toolkit ensures that the process is safe and provides confirmation prompts to prevent accidental actions.

All these actions are available from the command palette and the toolkit’s UI, so you never have to leave your development environment. This streamlines your workflow, reduces context switching, and helps you stay focused on building great solutions.

appcatalog

Align gulp task icons

We’ve aligned the icons for gulp tasks across the tree view and command palette for a more consistent visual experience.

gulptaskicons

Smarter app install handling

We’ve improved how SPFx Toolkit handles app installations, especially when things don’t go as planned. If you try to install an app that’s already installed, the toolkit now detects it and suggests the next best step:

  • Upgrade if it’s the same app but a newer version
  • Remove if it’s a different app with the same version number

This update also introduces progress notifications for SPFx actions, so you’ll always know what’s happening behind the scenes.

Housekeeping

Alongside our major improvements, we’ve made a few smaller refinements to keep everything running smoothly:

  • Teams Toolkit → Microsoft 365 Agents Toolkit: All references have been updated, including code, documentation, and UI elements.
  • Updated wiki link: The documentation wiki now points to the new site. Don’t forget to update your bookmarks!
  • Dependency updates: Most extension dependencies have been upgraded to their latest stable versions, including cleaned-up packages, precise version management, and an updated TypeScript v5.
  • Bug fix for form customizer on root site: An issue preventing form customizer setup on the root site has been resolved, along with improved URL validation.
  • Shortened command category names: The prefix “SharePoint Framework Toolkit” has been replaced with the more concise “SPFx Toolkit” for a cleaner and faster experience.
  • Improved app management UI: Context menu actions that are only relevant there have been hidden from the command palette to reduce clutter.

👏 You ROCK 🤩

This release would not have been possible without the help of some really awesome folks who stepped in and joined our journey in creating the best-in-class SharePoint Framework tooling in the world. We would like to express our huge gratitude and shout out to:

🗺️ Future roadmap

We don’t plan to stop, we are already thinking of more awesome features we plan to deliver with v5 release. If you want to check what we are planning, check out our issues from this milestone. Feedback is appreciated 👍.

👍 Power of the community

This extension would not have been possible if it hadn’t been for the awesome work done by the Microsoft 365 & Power Platform Community. Each sample gallery: SPFx web parts & extensions, and ACE samples & scenarios, is populated with the contributions made by the community. Many of the functionalities of the extension, like upgrading, validating, and deploying your SPFx project, would not have been possible if it weren’t for the CLI for Microsoft 365 tool. I would like to thank all of our awesome contributors sincerely! Creating this extension would not have been possible if it weren’t for the enormous work done by the community. You all rock 🤩.

PnP community

If you would like to participate, the community welcomes everybody who wants to build and share feedback around Microsoft 365 & Power Platform. Join one of our community calls to get started and be sure to visit 👉 https://aka.ms/community/home.

🙋 Wanna help out?

Of course, we are open to contributions. If you would like to participate, do not hesitate to visit our GitHub repo and start a discussion or engage in one of the many issues we have. We have many issues that are just ready to be taken. Please follow our contribution guidelines before you start. Feedback (positive or negative) is also more than welcome.

🔗 Resources