honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

initial upgrade to 1.15.2

This commit is contained in:
Don 2022-10-20 11:57:30 -05:00
parent 59c4898d40
commit c282b2ae11
9 changed files with 44983 additions and 6144 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
samples/react-add-js-css-ref/.eslintrc.js Normal file
View File

@ -0,0 +1,5 @@
require('@rushstack/eslint-config/patch/modern-module-resolution');
module.exports = {
extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
parserOptions: { tsconfigRootDir: __dirname }
};

1
samples/react-add-js-css-ref/.gitignore vendored
View File

@ -11,6 +11,7 @@ dist
lib
solution
temp
.heft
release
*.sppkg

2
samples/react-add-js-css-ref/.yo-rc.json
View File

@ -2,7 +2,7 @@
"@microsoft/generator-sharepoint": {
"isCreatingSolution": false,
"environment": "spo",
"version": "1.14.0",
"version": "1.15.2",
"libraryName": "react-add-js-css-ref",
"libraryId": "d9c30e1a-bf06-46fa-807d-ce5182d9c91c",
"packageManager": "npm",

2
samples/react-add-js-css-ref/config/serve.json
View File

@ -1,5 +1,5 @@
{
"$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/spfx-serve.schema.json",
"port": 4321,
"https": true,
"serveConfigurations": {

50282
samples/react-add-js-css-ref/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

38
samples/react-add-js-css-ref/package.json
View File

@ -9,32 +9,40 @@
"test": "gulp test"
},
"dependencies": {
"@microsoft/decorators": "1.14.0",
"@microsoft/sp-application-base": "1.14.0",
"@microsoft/sp-core-library": "1.14.0",
"@microsoft/sp-dialog": "1.14.0",
"@microsoft/sp-lodash-subset": "1.14.0",
"@microsoft/sp-office-ui-fabric-core": "1.14.0",
"@microsoft/sp-property-pane": "1.14.0",
"@microsoft/sp-webpart-base": "1.14.0",
"@microsoft/decorators": "1.15.2",
"@microsoft/sp-adaptive-card-extension-base": "1.15.2",
"@microsoft/sp-application-base": "1.15.2",
"@microsoft/sp-core-library": "1.15.2",
"@microsoft/sp-dialog": "1.15.2",
"@microsoft/sp-lodash-subset": "1.15.2",
"@microsoft/sp-office-ui-fabric-core": "1.15.2",
"@microsoft/sp-property-pane": "1.15.2",
"@microsoft/sp-webpart-base": "1.15.2",
"@pnp/sp": "^2.0.3",
"@pnp/spfx-controls-react": "1.16.0",
"office-ui-fabric-react": "7.174.1",
"office-ui-fabric-react": "7.185.7",
"react": "16.13.1",
"react-dom": "16.13.1"
"react-dom": "16.13.1",
"tslib": "2.3.1"
},
"devDependencies": {
"@microsoft/eslint-config-spfx": "1.15.2",
"@microsoft/eslint-plugin-spfx": "1.15.2",
"@microsoft/rush-stack-compiler-2.9": "0.7.16",
"@microsoft/rush-stack-compiler-3.9": "0.4.47",
"@microsoft/rush-stack-compiler-4.5": "0.2.2",
"@microsoft/sp-build-web": "1.15.2",
"@microsoft/sp-module-interfaces": "1.14.0",
"@microsoft/sp-tslint-rules": "1.14.0",
"@microsoft/sp-module-interfaces": "1.15.2",
"@rushstack/eslint-config": "2.5.1",
"@types/es6-promise": "0.0.33",
"@types/react": "16.9.51",
"@types/react-dom": "16.9.8",
"@types/webpack-env": "1.13.1",
"ajv": "~5.2.2",
"gulp": "4.0.2"
"@types/webpack-env": "1.15.2",
"ajv": "6.12.5",
"eslint": "8.7.0",
"eslint-plugin-react-hooks": "4.3.0",
"gulp": "4.0.2",
"typescript": "4.5.5"
},
"resolutions": {
"@types/react": "16.8.8"

3
samples/react-add-js-css-ref/tsconfig.json
View File

@ -1,5 +1,5 @@
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-3.9/includes/tsconfig-web.json",
"extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json",
"compilerOptions": {
"target": "es5",
"forceConsistentCasingInFileNames": true,
@ -9,6 +9,7 @@
"declaration": true,
"sourceMap": true,
"experimentalDecorators": true,
"noImplicitAny": false,
"skipLibCheck": true,
"outDir": "lib",
"inlineSources": false,

29
samples/react-add-js-css-ref/tslint.json
View File

@ -1,29 +0,0 @@
{
"extends": "./node_modules/@microsoft/sp-tslint-rules/base-tslint.json",
"rules": {
"class-name": false,
"export-name": false,
"forin": false,
"label-position": false,
"member-access": false,
"no-arg": false,
"no-console": false,
"no-construct": false,
"no-duplicate-variable": true,
"no-eval": false,
"no-function-expression": false,
"no-internal-module": false,
"no-shadowed-variable": false,
"no-switch-case-fall-through": false,
"no-unnecessary-semicolons": false,
"no-unused-expression": false,
"no-with-statement": false,
"semicolon": false,
"trailing-comma": false,
"typedef": false,
"typedef-whitespace": false,
"use-named-parameter": false,
"variable-name": false,
"whitespace": false
}
}

765
samples/react-add-js-css-ref/upgrade.md
View File

@ -1,10 +1,10 @@
# Upgrade project react-add-js-css-ref to v1.14.0
# Upgrade project react-add-js-css-ref to v1.15.2
Date: 10/19/2022
Date: 10/20/2022
## Findings
Following is the list of steps required to upgrade your project to SharePoint Framework version 1.14.0. [Summary](#Summary) of the modifications is included at the end of the report.
Following is the list of steps required to upgrade your project to SharePoint Framework version 1.15.2. [Summary](#Summary) of the modifications is included at the end of the report.
### FN001001 @microsoft/sp-core-library | Required
@ -13,34 +13,22 @@ Upgrade SharePoint Framework dependency package @microsoft/sp-core-library
Execute the following command:
```sh
npm i -SE @microsoft/sp-core-library@1.14.0
npm i -SE @microsoft/sp-core-library@1.15.2
```
File: [./package.json:17:5](./package.json)
File: [./package.json:14:5](./package.json)
### FN001002 @microsoft/sp-lodash-subset | Required
### FN001021 @microsoft/sp-property-pane | Required
Upgrade SharePoint Framework dependency package @microsoft/sp-lodash-subset
Upgrade SharePoint Framework dependency package @microsoft/sp-property-pane
Execute the following command:
```sh
npm i -SE @microsoft/sp-lodash-subset@1.14.0
npm i -SE @microsoft/sp-property-pane@1.15.2
```
File: [./package.json:19:5](./package.json)
### FN001003 @microsoft/sp-office-ui-fabric-core | Required
Upgrade SharePoint Framework dependency package @microsoft/sp-office-ui-fabric-core
Execute the following command:
```sh
npm i -SE @microsoft/sp-office-ui-fabric-core@1.14.0
```
File: [./package.json:20:5](./package.json)
File: [./package.json:18:5](./package.json)
### FN001004 @microsoft/sp-webpart-base | Required
@ -49,35 +37,47 @@ Upgrade SharePoint Framework dependency package @microsoft/sp-webpart-base
Execute the following command:
```sh
npm i -SE @microsoft/sp-webpart-base@1.14.0
npm i -SE @microsoft/sp-webpart-base@1.15.2
```
File: [./package.json:21:5](./package.json)
File: [./package.json:19:5](./package.json)
### FN001011 @microsoft/sp-dialog | Required
### FN001002 @microsoft/sp-lodash-subset | Required
Upgrade SharePoint Framework dependency package @microsoft/sp-dialog
Upgrade SharePoint Framework dependency package @microsoft/sp-lodash-subset
Execute the following command:
```sh
npm i -SE @microsoft/sp-dialog@1.14.0
```
File: [./package.json:18:5](./package.json)
### FN001012 @microsoft/sp-application-base | Required
Upgrade SharePoint Framework dependency package @microsoft/sp-application-base
Execute the following command:
```sh
npm i -SE @microsoft/sp-application-base@1.14.0
npm i -SE @microsoft/sp-lodash-subset@1.15.2
```
File: [./package.json:16:5](./package.json)
### FN001003 @microsoft/sp-office-ui-fabric-core | Required
Upgrade SharePoint Framework dependency package @microsoft/sp-office-ui-fabric-core
Execute the following command:
```sh
npm i -SE @microsoft/sp-office-ui-fabric-core@1.15.2
```
File: [./package.json:17:5](./package.json)
### FN001034 @microsoft/sp-adaptive-card-extension-base | Optional
Install SharePoint Framework dependency package @microsoft/sp-adaptive-card-extension-base
Execute the following command:
```sh
npm i -SE @microsoft/sp-adaptive-card-extension-base@1.15.2
```
File: [./package.json:11:3](./package.json)
### FN001013 @microsoft/decorators | Required
Upgrade SharePoint Framework dependency package @microsoft/decorators
@ -85,22 +85,58 @@ Upgrade SharePoint Framework dependency package @microsoft/decorators
Execute the following command:
```sh
npm i -SE @microsoft/decorators@1.14.0
npm i -SE @microsoft/decorators@1.15.2
```
File: [./package.json:15:5](./package.json)
File: [./package.json:12:5](./package.json)
### FN001021 @microsoft/sp-property-pane | Required
### FN001011 @microsoft/sp-dialog | Required
Install SharePoint Framework dependency package @microsoft/sp-property-pane
Upgrade SharePoint Framework dependency package @microsoft/sp-dialog
Execute the following command:
```sh
npm i -SE @microsoft/sp-property-pane@1.14.0
npm i -SE @microsoft/sp-dialog@1.15.2
```
File: [./package.json:14:3](./package.json)
File: [./package.json:15:5](./package.json)
### FN001012 @microsoft/sp-application-base | Required
Upgrade SharePoint Framework dependency package @microsoft/sp-application-base
Execute the following command:
```sh
npm i -SE @microsoft/sp-application-base@1.15.2
```
File: [./package.json:13:5](./package.json)
### FN002022 @microsoft/eslint-plugin-spfx | Required
Install SharePoint Framework dev dependency package @microsoft/eslint-plugin-spfx
Execute the following command:
```sh
npm i -DE @microsoft/eslint-plugin-spfx@1.15.2
```
File: [./package.json:26:3](./package.json)
### FN002023 @microsoft/eslint-config-spfx | Required
Install SharePoint Framework dev dependency package @microsoft/eslint-config-spfx
Execute the following command:
```sh
npm i -DE @microsoft/eslint-config-spfx@1.15.2
```
File: [./package.json:26:3](./package.json)
### FN002002 @microsoft/sp-module-interfaces | Required
@ -109,66 +145,22 @@ Upgrade SharePoint Framework dev dependency package @microsoft/sp-module-interfa
Execute the following command:
```sh
npm i -DE @microsoft/sp-module-interfaces@1.14.0
npm i -DE @microsoft/sp-module-interfaces@1.15.2
```
File: [./package.json:35:5](./package.json)
File: [./package.json:30:5](./package.json)
### FN002009 @microsoft/sp-tslint-rules | Required
### FN002026 typescript | Required
Upgrade SharePoint Framework dev dependency package @microsoft/sp-tslint-rules
Install SharePoint Framework dev dependency package typescript
Execute the following command:
```sh
npm i -DE @microsoft/sp-tslint-rules@1.14.0
npm i -DE typescript@4.5.5
```
File: [./package.json:34:5](./package.json)
### FN006004 package-solution.json developer | Optional
In package-solution.json add developer section
```json
{
"solution": {
"developer": {
"name": "",
"privacyUrl": "",
"termsOfUseUrl": "",
"websiteUrl": "",
"mpnId": "Undefined-1.14.0"
}
}
}
```
File: [./config/package-solution.json:3:3](./config/package-solution.json)
### FN006005 package-solution.json metadata | Required
In package-solution.json add metadata section
```json
{
"solution": {
"metadata": {
"shortDescription": {
"default": "react-add-js-css-ref description"
},
"longDescription": {
"default": "react-add-js-css-ref description"
},
"screenshotPaths": [],
"videoUrl": "",
"categories": []
}
}
}
```
File: [./config/package-solution.json:3:3](./config/package-solution.json)
File: [./package.json:26:3](./package.json)
### FN010001 .yo-rc.json version | Recommended
@ -177,36 +169,38 @@ Update version in .yo-rc.json
```json
{
"@microsoft/generator-sharepoint": {
"version": "1.14.0"
"version": "1.15.2"
}
}
```
File: [./.yo-rc.json:5:5](./.yo-rc.json)
### FN001008 react | Required
### FN012020 tsconfig.json noImplicitAny | Required
Upgrade SharePoint Framework dependency package react
Add noImplicitAny in tsconfig.json
Execute the following command:
```sh
npm i -SE react@16.13.1
```json
{
"compilerOptions": {
"noImplicitAny": true
}
}
```
File: [./package.json:29:5](./package.json)
File: [./tsconfig.json:3:22](./tsconfig.json)
### FN001009 react-dom | Required
### FN007001 serve.json schema | Required
Upgrade SharePoint Framework dependency package react-dom
Update serve.json schema URL
Execute the following command:
```sh
npm i -SE react-dom@16.13.1
```json
{
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/spfx-serve.schema.json"
}
```
File: [./package.json:30:5](./package.json)
File: [./config/serve.json:2:3](./config/serve.json)
### FN001022 office-ui-fabric-react | Required
@ -215,68 +209,106 @@ Upgrade SharePoint Framework dependency package office-ui-fabric-react
Execute the following command:
```sh
npm i -SE office-ui-fabric-react@7.174.1
npm i -SE office-ui-fabric-react@7.185.7
```
File: [./package.json:28:5](./package.json)
File: [./package.json:22:5](./package.json)
### FN002003 @microsoft/sp-webpart-workbench | Required
### FN001033 tslib | Required
Remove SharePoint Framework dev dependency package @microsoft/sp-webpart-workbench
Install SharePoint Framework dependency package tslib
Execute the following command:
```sh
npm un -D @microsoft/sp-webpart-workbench
npm i -SE tslib@2.3.1
```
File: [./package.json:11:3](./package.json)
### FN002007 ajv | Required
Upgrade SharePoint Framework dev dependency package ajv
Execute the following command:
```sh
npm i -DE ajv@6.12.5
```
File: [./package.json:36:5](./package.json)
### FN002015 @types/react | Required
### FN002009 @microsoft/sp-tslint-rules | Required
Install SharePoint Framework dev dependency package @types/react
Remove SharePoint Framework dev dependency package @microsoft/sp-tslint-rules
Execute the following command:
```sh
npm i -DE @types/react@16.9.51
npm un -D @microsoft/sp-tslint-rules
```
File: [./package.json:32:3](./package.json)
File: [./package.json:31:5](./package.json)
### FN002018 @microsoft/rush-stack-compiler-3.9 | Required
### FN002013 @types/webpack-env | Required
Install SharePoint Framework dev dependency package @microsoft/rush-stack-compiler-3.9
Upgrade SharePoint Framework dev dependency package @types/webpack-env
Execute the following command:
```sh
npm i -DE @microsoft/rush-stack-compiler-3.9@0.4.47
npm i -DE @types/webpack-env@1.15.2
```
File: [./package.json:32:3](./package.json)
File: [./package.json:35:5](./package.json)
### FN007002 serve.json initialPage | Required
### FN002020 @microsoft/rush-stack-compiler-4.5 | Required
Update serve.json initialPage URL
Install SharePoint Framework dev dependency package @microsoft/rush-stack-compiler-4.5
```json
{
"initialPage": "https://enter-your-SharePoint-site/_layouts/workbench.aspx"
}
Execute the following command:
```sh
npm i -DE @microsoft/rush-stack-compiler-4.5@0.2.2
```
File: [./config/serve.json:29:3](./config/serve.json)
File: [./package.json:26:3](./package.json)
### FN007003 serve.json api | Required
### FN002021 @rushstack/eslint-config | Required
From serve.json remove the api property
Install SharePoint Framework dev dependency package @rushstack/eslint-config
```json
Execute the following command:
```sh
npm i -DE @rushstack/eslint-config@2.5.1
```
File: [./config/serve.json:30:3](./config/serve.json)
File: [./package.json:26:3](./package.json)
### FN002024 eslint | Required
Install SharePoint Framework dev dependency package eslint
Execute the following command:
```sh
npm i -DE eslint@8.7.0
```
File: [./package.json:26:3](./package.json)
### FN002025 eslint-plugin-react-hooks | Required
Install SharePoint Framework dev dependency package eslint-plugin-react-hooks
Execute the following command:
```sh
npm i -DE eslint-plugin-react-hooks@4.3.0
```
File: [./package.json:26:3](./package.json)
### FN012017 tsconfig.json extends property | Required
@ -284,281 +316,49 @@ Update tsconfig.json extends property
```json
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-3.9/includes/tsconfig-web.json"
"extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json"
}
```
File: [./tsconfig.json:2:3](./tsconfig.json)
### FN015007 config/copy-assets.json | Required
### FN015003 tslint.json | Required
Remove file config/copy-assets.json
Remove file tslint.json
Execute the following command:
```sh
rm "config/copy-assets.json"
rm "tslint.json"
```
File: [config/copy-assets.json](config/copy-assets.json)
File: [tslint.json](tslint.json)
### FN024001 Create .npmignore | Required
### FN015008 .eslintrc.js | Required
Create the .npmignore file
Add file .eslintrc.js
Execute the following command:
File: [./.npmignore](./.npmignore)
### FN005002 deploy-azure-storage.json workingDir | Required
Update deploy-azure-storage.json workingDir
```json
{
"workingDir": "./release/assets/"
}
```sh
cat > ".eslintrc.js" << EOF
require('@rushstack/eslint-config/patch/modern-module-resolution');
module.exports = {
extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
parserOptions: { tsconfigRootDir: __dirname }
};
EOF
```
File: [./config/deploy-azure-storage.json:3:3](./config/deploy-azure-storage.json)
File: [.eslintrc.js](.eslintrc.js)
### FN023001 .gitignore 'release' folder | Required
### FN023002 .gitignore '.heft' folder | Required
To .gitignore add the 'release' folder
To .gitignore add the '.heft' folder
File: [./.gitignore](./.gitignore)
### FN002004 gulp | Required
Upgrade SharePoint Framework dev dependency package gulp
Execute the following command:
```sh
npm i -DE gulp@4.0.2
```
File: [./package.json:38:5](./package.json)
### FN002005 @types/chai | Required
Remove SharePoint Framework dev dependency package @types/chai
Execute the following command:
```sh
npm un -D @types/chai
```
File: [./package.json:39:5](./package.json)
### FN002006 @types/mocha | Required
Remove SharePoint Framework dev dependency package @types/mocha
Execute the following command:
```sh
npm un -D @types/mocha
```
File: [./package.json:40:5](./package.json)
### FN002016 @types/react-dom | Required
Install SharePoint Framework dev dependency package @types/react-dom
Execute the following command:
```sh
npm i -DE @types/react-dom@16.9.8
```
File: [./package.json:32:3](./package.json)
### FN012013 tsconfig.json exclude property | Required
Remove tsconfig.json exclude property
```json
{
"exclude": []
}
```
File: [./tsconfig.json:34:3](./tsconfig.json)
### FN012018 tsconfig.json es2015.promise lib | Required
Add es2015.promise lib in tsconfig.json
```json
{
"compilerOptions": {
"lib": [
"es2015.promise"
]
}
}
```
File: [./tsconfig.json:25:5](./tsconfig.json)
### FN012019 tsconfig.json es6-promise types | Required
Remove es6-promise type in tsconfig.json
```json
{
"compilerOptions": {
"types": [
"es6-promise"
]
}
}
```
File: [./tsconfig.json:22:7](./tsconfig.json)
### FN013002 gulpfile.js serve task | Required
Before 'build.initialize(require('gulp'));' add the serve task
```js
var getTasks = build.rig.getTasks;
build.rig.getTasks = function () {
var result = getTasks.call(build.rig);
result.set('serve', result.get('serve-deprecated'));
return result;
};
```
File: [./gulpfile.js](./gulpfile.js)
### FN019002 tslint.json extends | Required
Update tslint.json extends property
```json
{
"extends": "./node_modules/@microsoft/sp-tslint-rules/base-tslint.json"
}
```
File: [./tslint.json:2:3](./tslint.json)
### FN021002 engines | Required
Remove package.json property
```json
{
"engines": "undefined"
}
```
File: [./package.json:6:3](./package.json)
### FN001005 @types/react | Required
Remove SharePoint Framework dependency package @types/react
Execute the following command:
```sh
npm un -S @types/react
```
File: [./package.json:25:5](./package.json)
### FN001006 @types/react-dom | Required
Remove SharePoint Framework dependency package @types/react-dom
Execute the following command:
```sh
npm un -S @types/react-dom
```
File: [./package.json:26:5](./package.json)
### FN001007 @types/webpack-env | Required
Remove SharePoint Framework dependency package @types/webpack-env
Execute the following command:
```sh
npm un -S @types/webpack-env
```
File: [./package.json:27:5](./package.json)
### FN001010 @types/es6-promise | Required
Remove SharePoint Framework dependency package @types/es6-promise
Execute the following command:
```sh
npm un -S @types/es6-promise
```
File: [./package.json:24:5](./package.json)
### FN002013 @types/webpack-env | Required
Install SharePoint Framework dev dependency package @types/webpack-env
Execute the following command:
```sh
npm i -DE @types/webpack-env@1.13.1
```
File: [./package.json:32:3](./package.json)
### FN002014 @types/es6-promise | Required
Install SharePoint Framework dev dependency package @types/es6-promise
Execute the following command:
```sh
npm i -DE @types/es6-promise@0.0.33
```
File: [./package.json:32:3](./package.json)
### FN012012 tsconfig.json include property | Required
Add to the tsconfig.json include property
```json
{
"include": [
"src/**/*.tsx"
]
}
```
File: [./tsconfig.json:31:3](./tsconfig.json)
### FN016004 Property pane property import change to @microsoft/sp-property-pane | Required
Refactor the code to import property pane property from the @microsoft/sp-property-pane npm package instead of the @microsoft/sp-webpart-base package
```ts
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration, PropertyPaneTextField } from "@microsoft/sp-property-pane";
```
File: [src/webparts/addJsCssReference/AddJsCssReferenceWebPart.ts:4:1](src/webparts/addJsCssReference/AddJsCssReferenceWebPart.ts)
### FN017001 Run npm dedupe | Optional
If, after upgrading npm packages, when building the project you have errors similar to: "error TS2345: Argument of type 'SPHttpClientConfiguration' is not assignable to parameter of type 'SPHttpClientConfiguration'", try running 'npm dedupe' to cleanup npm packages.
@ -576,54 +376,22 @@ File: [./package.json](./package.json)
### Execute script
```sh
npm un -S @types/react @types/react-dom @types/webpack-env @types/es6-promise
npm un -D @microsoft/sp-webpart-workbench @types/chai @types/mocha
npm i -SE @microsoft/sp-core-library@1.14.0 @microsoft/sp-lodash-subset@1.14.0 @microsoft/sp-office-ui-fabric-core@1.14.0 @microsoft/sp-webpart-base@1.14.0 @microsoft/sp-dialog@1.14.0 @microsoft/sp-application-base@1.14.0 @microsoft/decorators@1.14.0 @microsoft/sp-property-pane@1.14.0 react@16.13.1 react-dom@16.13.1 office-ui-fabric-react@7.174.1
npm i -DE @microsoft/sp-module-interfaces@1.14.0 @microsoft/sp-tslint-rules@1.14.0 @types/react@16.9.51 @microsoft/rush-stack-compiler-3.9@0.4.47 gulp@4.0.2 @types/react-dom@16.9.8 @types/webpack-env@1.13.1 @types/es6-promise@0.0.33
npm un -D @microsoft/sp-tslint-rules
npm i -SE @microsoft/sp-core-library@1.15.2 @microsoft/sp-property-pane@1.15.2 @microsoft/sp-webpart-base@1.15.2 @microsoft/sp-lodash-subset@1.15.2 @microsoft/sp-office-ui-fabric-core@1.15.2 @microsoft/sp-adaptive-card-extension-base@1.15.2 @microsoft/decorators@1.15.2 @microsoft/sp-dialog@1.15.2 @microsoft/sp-application-base@1.15.2 office-ui-fabric-react@7.185.7 tslib@2.3.1
npm i -DE @microsoft/eslint-plugin-spfx@1.15.2 @microsoft/eslint-config-spfx@1.15.2 @microsoft/sp-module-interfaces@1.15.2 typescript@4.5.5 ajv@6.12.5 @types/webpack-env@1.15.2 @microsoft/rush-stack-compiler-4.5@0.2.2 @rushstack/eslint-config@2.5.1 eslint@8.7.0 eslint-plugin-react-hooks@4.3.0
npm dedupe
rm "config/copy-assets.json"
rm "tslint.json"
cat > ".eslintrc.js" << EOF
require('@rushstack/eslint-config/patch/modern-module-resolution');
module.exports = {
extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
parserOptions: { tsconfigRootDir: __dirname }
};
EOF
```
### Modify files
#### [./config/package-solution.json](./config/package-solution.json)
In package-solution.json add developer section:
```json
{
"solution": {
"developer": {
"name": "",
"privacyUrl": "",
"termsOfUseUrl": "",
"websiteUrl": "",
"mpnId": "Undefined-1.14.0"
}
}
}
```
In package-solution.json add metadata section:
```json
{
"solution": {
"metadata": {
"shortDescription": {
"default": "react-add-js-css-ref description"
},
"longDescription": {
"default": "react-add-js-css-ref description"
},
"screenshotPaths": [],
"videoUrl": "",
"categories": []
}
}
}
```
#### [./.yo-rc.json](./.yo-rc.json)
Update version in .yo-rc.json:
@ -631,162 +399,45 @@ Update version in .yo-rc.json:
```json
{
"@microsoft/generator-sharepoint": {
"version": "1.14.0"
"version": "1.15.2"
}
}
```
#### [./config/serve.json](./config/serve.json)
#### [./tsconfig.json](./tsconfig.json)
Update serve.json initialPage URL:
Add noImplicitAny in tsconfig.json:
```json
{
"initialPage": "https://enter-your-SharePoint-site/_layouts/workbench.aspx"
"compilerOptions": {
"noImplicitAny": true
}
}
```
From serve.json remove the api property:
```json
```
#### [./tsconfig.json](./tsconfig.json)
Update tsconfig.json extends property:
```json
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-3.9/includes/tsconfig-web.json"
"extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json"
}
```
Remove tsconfig.json exclude property:
#### [./config/serve.json](./config/serve.json)
Update serve.json schema URL:
```json
{
"exclude": []
}
```
Add es2015.promise lib in tsconfig.json:
```json
{
"compilerOptions": {
"lib": [
"es2015.promise"
]
}
}
```
Remove es6-promise type in tsconfig.json:
```json
{
"compilerOptions": {
"types": [
"es6-promise"
]
}
}
```
Add to the tsconfig.json include property:
```json
{
"include": [
"src/**/*.tsx"
]
}
```
#### [./.npmignore](./.npmignore)
Create the .npmignore file:
```text
!dist
config
gulpfile.js
release
src
temp
tsconfig.json
tslint.json
*.log
.yo-rc.json
.vscode
```
#### [./config/deploy-azure-storage.json](./config/deploy-azure-storage.json)
Update deploy-azure-storage.json workingDir:
```json
{
"workingDir": "./release/assets/"
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/spfx-serve.schema.json"
}
```
#### [./.gitignore](./.gitignore)
To .gitignore add the 'release' folder:
To .gitignore add the '.heft' folder:
```text
release
```
#### [./gulpfile.js](./gulpfile.js)
Before 'build.initialize(require('gulp'));' add the serve task:
```js
var getTasks = build.rig.getTasks;
build.rig.getTasks = function () {
var result = getTasks.call(build.rig);
result.set('serve', result.get('serve-deprecated'));
return result;
};
```
#### [./tslint.json](./tslint.json)
Update tslint.json extends property:
```json
{
"extends": "./node_modules/@microsoft/sp-tslint-rules/base-tslint.json"
}
```
#### [./package.json](./package.json)
Remove package.json property:
```json
{
"engines": "undefined"
}
```
#### [src/webparts/addJsCssReference/AddJsCssReferenceWebPart.ts](src/webparts/addJsCssReference/AddJsCssReferenceWebPart.ts)
Refactor the code to import property pane property from the @microsoft/sp-property-pane npm package instead of the @microsoft/sp-webpart-base package:
```ts
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration, PropertyPaneTextField } from "@microsoft/sp-property-pane";
.heft
```