Skip to content

Commit 7b2d800

Browse files
michaelmaillotmichaelmaillot
committed
Improving MPA page with compatibility matrix
1 parent e38e944 commit 7b2d800

File tree

2 files changed

+54
-15
lines changed

2 files changed

+54
-15
lines changed

‎docs/documentation/docs/guides/mpa.md‎

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,59 @@ The shortest way to prepare your local copy of the project for development and t
44

55
## Install prerequisites
66

7-
Before you start contributing to this project, you will need Node.js. This project (current version 3.x) has been tested with the 18.x version of Node.js and the version of NPM that comes with it. You can use [Node Version Manager](https://github.com/nvm-sh/nvm) or [Node Version Switcher](https://github.com/jasongin/nvs) to switch between different versions of Node.js.
7+
Before you start contributing to this project, you will need Node.js. You can use [Node Version Manager](https://github.com/nvm-sh/nvm) or [Node Version Switcher](https://github.com/jasongin/nvs) to switch between different versions of Node.js.
8+
9+
As this project is based on SPFx, it aligns with the following [development compatibility matrix](https://learn.microsoft.com/sharepoint/dev/spfx/compatibility#spfx-development-environment-compatibility):
10+
11+
| Version | SPFx Version Supported | Node Versions Supported |
12+
| ------- | ---------------------- | ----------------------- |
13+
| 3.23.0 | 1.21.1 | 22 |
14+
| 3.22.0 | 1.21.1 | 22 |
15+
| 3.21.0 | 1.21.0 | 22 |
16+
| 3.20.0 | 1.20.0 | 18 |
17+
| 3.19.0 | 1.19.0 | 18 |
18+
| 3.18.0 | 1.18.2 | 16, 18 |
19+
| 3.17.0 | 1.18.2 | 16, 18 |
20+
| 3.16.0 | 1.18.2 | 16, 18 |
21+
| 3.15.0 | 1.17.1 | 16 |
22+
| 3.14.0 | 1.17.1 | 16 |
23+
| 3.13.0 | 1.16.1 | 14, 16, 18 |
24+
| 3.12.0 | 1.16.0 | 14, 16, 18 |
25+
| 3.11.0 | 1.15.2 | 12, 14, 16 |
26+
| 3.10.0 | 1.15.2 | 12, 14, 16 |
27+
| 3.9.0 | 1.15.0 | 12, 14, 16 |
28+
| 3.8.0 | 1.14.0 | 12, 14 |
29+
| 3.7.0 | 1.14.0 | 12, 14 |
30+
| 3.6.0 | 1.13.* | 12, 14 |
31+
| 3.5.0 | 1.13.* | 12, 14 |
32+
| 3.4.0 | 1.12.1 | 10, 12, 14 |
33+
| 3.3.0 | 1.12.1 | 10, 12, 14 |
34+
| 3.2.0 | 1.12.1 | 10, 12, 14 |
35+
| 3.1.0 | 1.12.1 | 10, 12, 14 |
36+
| 3.0.0 | 1.12 | 10, 12 |
37+
| 2.9.0 | 1.11 | 10 |
38+
| 2.8.0 | 1.11 | 10 |
39+
| 2.7.0 | 1.11 | 10 |
40+
| 2.6.0 | 1.11 | 10 |
41+
| 2.5.0 | 1.11 | 10 |
42+
| 2.4.0 | 1.11 | 10 |
43+
| 2.3.0 | 1.11 | 10 |
44+
| 2.2.0 | 1.11 | 10 |
45+
| 2.1.0 | 1.11 | 10 |
46+
| 2.0.0 | 1.11 | 10 |
47+
| 1.20.0 | 1.10 | 8, 10 |
48+
| 1.19.0 | 1.10 | 8, 10 |
49+
| 1.18.0 | 1.10 | 8, 10 |
50+
| 1.17.0 | 1.10 | 8, 10 |
51+
| 1.16.0 | 1.10 | 8, 10 |
52+
| 1.15.0 | 1.10 | 8, 10 |
53+
| 1.14.0 | 1.10 | 8, 10 |
54+
| 1.13.0 | 1.10 | 8, 10 |
55+
| 1.12.0 | 1.10 | 8, 10 |
56+
| 1.11.0 | 1.10 | 8, 10 |
57+
58+
!!! important
59+
Because of this SPFx dependency, SPFx projects that are using PnP React Reusable Controls have to use the exact same version. For example, if your project is using version 1.21.0 of SPFx, the version of PnP Controls has to be version 3.21.0. Otherwise, you'll have to cast SPFx objects to `any` to avoid compatibility mismatch issues. We're aware that this can be
860

961
## Get the local version of the project
1062

‎gulpfile.js‎

Lines changed: 1 addition & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -5,20 +5,7 @@ const build = require('@microsoft/sp-build-web');
55
const fs = require('fs');
66
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
77

8-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);
9-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-slideLeftIn' is not camelCase and will not be type-safe.`);
10-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-fadeIn' is not camelCase and will not be type-safe.`);
11-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-slideRightIn' is not camelCase and will not be type-safe.`);
12-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-fadeOut' is not camelCase and will not be type-safe.`);
13-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-scaleDownIn' is not camelCase and will not be type-safe.`);
14-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-scaleDownOut' is not camelCase and will not be type-safe.`);
15-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-slideLeftOut' is not camelCase and will not be type-safe.`);
16-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-slideRightOut' is not camelCase and will not be type-safe.`);
17-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-slideUpOut' is not camelCase and will not be type-safe.`);
18-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-slideDownOut' is not camelCase and will not be type-safe.`);
19-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-slideUpIn' is not camelCase and will not be type-safe.`);
20-
build.addSuppression(`Warning - [sass] The local CSS class 'ms-motion-slideDownIn' is not camelCase and will not be type-safe.`);
21-
build.addSuppression(`Warning - [sass] The local CSS class 'pnp-richtext-quill-container' is not camelCase and will not be type-safe.`);
8+
build.addSuppression(/Warning - \[sass\] The local CSS class/gi);
229

2310
// Update the version number in the version.ts file
2411
gulp.task('versionUpdater', (done) => {

0 commit comments

Comments
 (0)