upgraded spfx to 1.15

upgraded pnpjs to v3

Author: frankchen76

Module04/.editorconfig

@@ -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 }
+};

Module04/.eslintrc.js

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

Module04/.npmignore

@@ -7,7 +7,7 @@ This is where you include your WebPart documentation.
 |------------------- | :----------------------------- |
 |module04Demo1| <ul><li>simple helloworld demo</li><li>OOTB property pane control</li><li>PropertyPaneText</li></ul>|
 |module04Demo2| custom property pane control ASyncDropdown|
-|module04Demo3| <ul><li>Data Access demonstration for SPO REST and PnPJS</li><li>React useContext</li></ul>|
+|module04Demo3| <ul><li>Data Access demonstration for SPO REST and PnPJS</li><li>React useContext</li><li>React Function Component</li></ul>|
 |module04Demo4| Single App Part and full width|
 |Module04DemoPublisher| <ul><li>Dynamic property publish</li><li>Web part icon</li></ul>|
 |Module04DemoSubscriber| Dynamic property subscribe|

Module04/README.md

@@ -1,13 +1,31 @@
 {
-  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
-  "solution": {
-    "name": "module-04-demo-1-client-side-solution",
-    "id": "1ba11062-44f3-401d-8ba1-0739af039466",
-    "version": "1.0.0.0",
-    "includeClientSideAssets": true,
-    "isDomainIsolated": false
-  },
-  "paths": {
-    "zippedPackage": "solution/module-04-demo-1.sppkg"
-  }
-}
+    "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
+    "solution": {
+        "name": "module-04-demo-1-client-side-solution",
+        "id": "1ba11062-44f3-401d-8ba1-0739af039466",
+        "version": "1.0.0.0",
+        "includeClientSideAssets": true,
+        "isDomainIsolated": false
+    },
+    "developer": {
+        "name": "",
+        "websiteUrl": "",
+        "privacyUrl": "",
+        "termsOfUseUrl": "",
+        "mpnId": "Undefined-1.15.0"
+    },
+    "metadata": {
+        "shortDescription": {
+            "default": "SPFxv1.15-1 description"
+        },
+        "longDescription": {
+            "default": "SPFxv1.15-1 description"
+        },
+        "screenshotPaths": [],
+        "videoUrl": "",
+        "categories": []
+    },
+    "paths": {
+        "zippedPackage": "solution/module-04-demo-1.sppkg"
+    }
+}

Module04/config/package-solution.json

@@ -1,10 +1,6 @@
 {
-  "$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
-  "port": 4321,
-  "https": true,
-  "initialPage": "https://localhost:5432/workbench",
-  "api": {
-    "port": 5432,
-    "entryPath": "node_modules/@microsoft/sp-webpart-workbench/lib/api/"
-  }
-}
+    "$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
+    "port": 4321,
+    "https": true,
+    "initialPage": "https://localhost:5432/workbench"
+}

Module04/config/serve.json

@@ -13,4 +13,9 @@ build.rig.getTasks = function () {
   return result;
 };
 
+// ********* ADDED *******
+// disable tslint
+build.tslintCmd.enabled = false;
+// ********* ADDED *******
+
 build.initialize(require('gulp'));