Add GCDS loader for co-existance tested version

Author: duboisp

Gruntfile.coffee

@@ -220,6 +220,8 @@ module.exports = (grunt) ->
 			"copy:fonts"
 			"copy:wetboew"
 			"copy:depsJS_custom"
+			"copy:gcdsLoader"
+			"usebanner:gcdsLoader"
 		]
 	)
 
@@ -583,6 +585,7 @@ module.exports = (grunt) ->
 					"!{sites,common,components,templates,design-patterns,wet-boew}/**/assets"
 					"!{sites,common,components,templates,design-patterns,wet-boew}/**/demo"
 					"!{sites,common,components,templates,design-patterns,wet-boew}/**/demos"
+					"!sites/gcdsloader.js"
 				]
 				dest: "<%= themeDist %>/js/theme.js"
 			common:
@@ -666,6 +669,22 @@ module.exports = (grunt) ->
 						"<%= themeDist %>/css/*.*",
 						"<%= themeDist %>/méli-mélo/*.css"
 					]
+
+			gcdsLoader:
+				options:
+					position: "replace"
+					props:
+						ver: "<%= pkg.peerDependencies[ '@cdssnc/gcds-components' ] %>"
+						srijs: "<%= pkg[ 'io.github.wet-boew' ].gcdsSriJs %>"
+						sricss: "<%= pkg[ 'io.github.wet-boew' ].gcdsSriCss %>"
+					replace: (fileContents, newBanner, insertPositionMarker, src, options) ->
+						# Replace GCDS version and SRIs in the source file
+						return fileContents
+						.replace( "@gcdsComponentVersion@", options.props.ver )
+						.replace( "@gcdsSriJs@", options.props.srijs )
+						.replace( "@gcdsSriCss@", options.props.sricss )
+				src: "<%= themeDist %>/js/gcdsloader.js"
+
 			#
 			# Use the name in the package.json as packageName in the theme
 			# used to build the URL and to ease the reuse of this build script for derivative themes
@@ -839,6 +858,11 @@ module.exports = (grunt) ->
 				cwd: "<%= themeDist %>/deps-js"
 				src: "**/*.*"
 				dest: "dist/wet-boew/js/deps"
+			gcdsLoader:
+				expand: true
+				flatten: true
+				src: "sites/gcdsloader.js"
+				dest: "<%= themeDist %>/js"
 
 			wetboew_demos:
 				expand: true
@@ -1070,7 +1094,7 @@ module.exports = (grunt) ->
 					indent: "\t"
 				}
 
-		lintspaces:
+		lintspaces:components/gcds-card/
 			all:
 				src: [
 						# Root files

package.json

@@ -15,6 +15,18 @@
     "bootstrap-sass": "3.4.3",
     "wet-boew": "github:wet-boew/wet-boew#v4.0.88.1"
   },
+  "peerDependencies": {
+    "@cdssnc/gcds-components": "0.36.0"
+  },
+  "io.github.wet-boew": {
+    "gcdsSriJs": "sha384-dyE8IpLmFMtdU/ftC4nFeuLMvr2vMI8s1UY2OXl9pbzizebJeCfWp9iLhiVXdXtA",
+    "gcdsSriCss": "sha384-0CRuUE9X0B5RfCdDx1BDT6Ru1MajB7Ngy0CmoORlBF+ey/W8T75AKwLehkl+QaGR"
+  },
+  "peerDependenciesMeta": {
+    "@cdssnc/gcds-components": {
+      "optional": true
+    }
+  },
   "browserslist": [
     "last 2 versions",
     "Firefox ESR",

sites/gcdsloader.js

@@ -0,0 +1,66 @@
+/**
+ * @title GCDS loader
+ * @overview Quick script to load latest version of GCDS verison that tested by GCWeb
+ * @license wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
+ * @author @duboisp
+ */
+( function( wnd, doc, create, append, escape ) {
+"use strict";
+
+
+//
+// Configuration updated during the build process with info in package.json
+//
+const gcdsVersion = "@gcdsComponentVersion@", // pkg.peerDependencies[ "@cdssnc/gcds-components" ]
+	gcdsSriJs = "@gcdsSriJs@", // pkg[ "io.github.wet-boew" ].gcdsSriJs
+	gcdsSriCss = "@gcdsSriCss@"; // pkg[ "io.github.wet-boew" ].gcdsSriCss
+
+
+//
+// General configuration used to detect and load GCSD
+//
+const gcdsBasePath = "https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@",
+	gcdsSuffixJs = "/dist/gcds/gcds.esm.js",
+	gcdsSuffixCss = "/dist/gcds/gcds.css",
+	txtScript = "script",
+	txtLink = "link",
+	blockingState = "render";
+
+
+//
+// Check if GCDS lib are already defined in the header
+//
+let traceFound = doc.querySelector( txtLink + "[href$=" + escape( gcdsSuffixCss ) + "]," + txtScript + "[src$=" + escape( gcdsSuffixJs ) + "]" );
+
+
+//
+// Import the GCDS libs
+//
+if ( !traceFound && gcdsSriJs && gcdsSriCss ) {
+	let scrGcds = create( txtScript );
+	scrGcds.blocking = blockingState;
+	scrGcds.type = "module";
+	scrGcds.integrity = gcdsSriJs;
+	scrGcds.src = gcdsBasePath + gcdsVersion + gcdsSuffixJs;
+	append( scrGcds );
+
+	let lnkGcds = create( txtLink );
+	lnkGcds.blocking = blockingState;
+	lnkGcds.rel = "stylesheet";
+	lnkGcds.crossOrigin = "anonymous";
+	lnkGcds.integrity = gcdsSriCss;
+	lnkGcds.href = gcdsBasePath + gcdsVersion + gcdsSuffixCss;
+	append( lnkGcds );
+
+
+	//
+	// Set GCDS version globally once loaded
+	//
+	wnd.addEventListener( "appload", ( event ) => {
+		if ( event.detail.namespace === "gcds" ) {
+			wnd.wbgcds = gcdsVersion;
+		}
+	} );
+}
+
+} )( window, document, document.createElement, document.head.appendChild, CSS.escape );