Upgraded to SPFx 1.6

Author: hugoabernier

.yo-rc.json

@@ -1,8 +1,12 @@
 {
   "@microsoft/generator-sharepoint": {
-    "version": "1.4.1",
+    "isCreatingSolution": true,
+    "environment": "spo",
+    "version": "1.6.0",
     "libraryName": "react-application-injectcss",
     "libraryId": "b2322574-549b-4510-99d8-1351d9457a97",
-    "environment": "spo"
+    "packageManager": "npm",
+    "componentType": "extension",
+    "extensionType": "ApplicationCustomizer"
   }
-}
+}

README.md

@@ -16,7 +16,7 @@ You can deploy the application customizer with different settings to point to di
 
 ## Used SharePoint Framework Version
 
-![SPFx v1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg)
+![SPFx v1.6](https://img.shields.io/badge/SPFx-1.6-green.svg)
 
 ## Applies to
 
@@ -34,6 +34,7 @@ react-application-injectcss|Hugo Bernier ([Tahoe Ninjas](http://tahoeninjas.blog
 Version|Date|Comments
 -------|----|--------
 1.0.0|07 May, 2018|Initial release
+1.1.0|18 October, 2018|Updated to SPFx 1.6
 
 ## Disclaimer
 
@@ -60,24 +61,24 @@ Version|Date|Comments
     border-radius: 50%;
 }
 ```
-* upload the CSS file to a shared location on your SharePoint tenant. For example, in the `Styles Library` of the root site collection.
-* get the URL to your custom CSS. For example: `/Style%20Library/custom.css`
+* Upload the CSS file to a shared location on your SharePoint tenant. For example, in the `Styles Library` of the root site collection.
+* Get the URL to your custom CSS. For example: `/Style%20Library/custom.css`
 
-* update _serve.json_ pointing to your site collection home page change the `cssurl` property with the URL to your custom CSS.
-* run _gulp serve_
+* Update _serve.json_ pointing to your site collection home page change the `cssurl` property with the URL to your custom CSS.
+* Run _gulp serve_
 
 ## Deployment to Production
 
-* located the `elements.xml` file, in the `sharepoint` > `assets` folder
-* change the `ClientSideComponentProperties` to point to your custom CSS URL.
-* run _gulp bundle --ship_
-* run _gulp package-solution --ship_
-* upload the `react-application-injectcss.sppkg` from the `sharepoint` folder to your App catalog.
-* when prompted to deploy to all sites, choose the option that suits your needs.
+* Locate the `elements.xml` file, in the `sharepoint` > `assets` folder
+* Change the `ClientSideComponentProperties` to point to your custom CSS URL.
+* Run _gulp bundle --ship_
+* Run _gulp package-solution --ship_
+* Upload the `react-application-injectcss.sppkg` from the `sharepoint` folder to your App catalog.
+* When prompted to deploy to all sites, choose the option that suits your needs.
 
 ## Features
 
-Sample SharePoint Framework application customiser injecting a custom CSS in the HTML header.
+Sample SharePoint Framework Application Customiser which injects a custom CSS in the HTML header.
 
 This sample illustrates the following concepts on top of the SharePoint Framework:
 

config/config.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://dev.office.com/json-schemas/spfx-build/config.2.0.schema.json",
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
   "version": "2.0",
   "bundles": {
     "inject-css-application-customizer": {

config/copy-assets.json

@@ -1,4 +1,4 @@
 {
-  "$schema": "https://dev.office.com/json-schemas/spfx-build/copy-assets.schema.json",
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/copy-assets.schema.json",
   "deployCdnPath": "temp/deploy"
 }

config/deploy-azure-storage.json

@@ -1,7 +1,7 @@
 {
-  "$schema": "https://dev.office.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
   "workingDir": "./temp/deploy/",
   "account": "<!-- STORAGE ACCOUNT NAME -->",
   "container": "react-application-injectcss",
   "accessKey": "<!-- ACCESS KEY -->"
-}
+}

config/package-solution.json

@@ -1,11 +1,25 @@
 {
-  "$schema": "https://dev.office.com/json-schemas/spfx-build/package-solution.schema.json",
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
   "solution": {
     "name": "react-application-injectcss-client-side-solution",
     "id": "b2322574-549b-4510-99d8-1351d9457a97",
-    "version": "1.0.0.0",
+    "version": "1.1.0.0",
     "includeClientSideAssets": true,
-    "skipFeatureDeployment": true
+    "skipFeatureDeployment": true,
+    "features": [
+      {
+        "title": "Inject CSS Application Extension",
+        "description": "Injects custom CSS to make minor style modifications to SharePoint Online",
+        "id": "fcea9230-7f22-45b7-815c-081a49474611",
+        "version": "1.1.0.0",
+        "assets": {
+          "elementManifests": [
+            "elements.xml",
+            "clientsideinstance.xml"
+          ]
+        }
+      }
+    ]
   },
   "paths": {
     "zippedPackage": "solution/react-application-injectcss.sppkg"

config/serve.json

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

config/tslint.json

@@ -1,4 +1,4 @@
 {
-  "$schema": "https://dev.office.com/json-schemas/spfx-build/write-manifests.schema.json",
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/write-manifests.schema.json",
   "cdnBasePath": "<!-- PATH TO CDN -->"
-}
+}