Add GCDS loader for co-existance tested version

Author: duboisp

Gruntfile.coffee

@@ -230,6 +230,8 @@ module.exports = (grunt) ->
 			"usebanner:css"
 			"copy:depsJS"
 			"clean:depsJS"
+			"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

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, ce ) {
+"use strict";
+
+
+//
+// Configuration updated during the build process with info in package.json
+//
+const gcdsVersion = "@gcdsComponentVersion@", // pkg.peerDependencies[ "@cdssnc/gcds-components" ]
+	gcdsSriJs = "@gcdsSriJs@" || "invalid", // pkg[ "io.github.wet-boew" ].gcdsSriJs
+	gcdsSriCss = "@gcdsSriCss@" || "invalid" // 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",
+	script = "script",
+	link = "link",
+	render = "render";
+
+
+//
+// Check if GCDS lib are already defined in the header
+//
+let traceFound = doc.querySelector( link + "[href$=" + ce( gcdsSuffixCss ) + "]," + script + "[src$=" + ce( gcdsSuffixJs ) + "]" );
+
+
+//
+// Import the GCDS libs
+//
+if ( !traceFound ) {
+	let scrGcds = doc.createElement( script );
+	scrGcds.blocking = render;
+	scrGcds.type = "module";
+	scrGcds.integrity = gcdsSriJs;
+	scrGcds.src = gcdsBasePath + gcdsVersion + gcdsSuffixJs;
+	doc.head.appendChild( scrGcds );
+
+	let lnkGcds = doc.createElement( link );
+	lnkGcds.blocking = render;
+	lnkGcds.rel = "stylesheet"
+	lnkGcds.crossOrigin = "anonymous";
+	lnkGcds.integrity = gcdsSriCss;
+	lnkGcds.href= gcdsBasePath + gcdsVersion + gcdsSuffixCss;
+	doc.head.appendChild( lnkGcds );
+
+
+	//
+	// Set GCDS version globally once loaded
+	//
+	wnd.addEventListener( "appload", (event) => {
+		if ( event.detail.namespace === "gcds" ) {
+			wnd.wbgcds = gcdsVersion;
+		}
+	});
+}
+
+} )( window, document, CSS.escape );