Build: Backport releases.jquery.com prep

This is a backport of commit 2485653 from #70

> 1. Point CDN links directly to https://code.jquery.com.
> 2. Add a separate helper for non-SRI CDN links. This is mostly used for CSS
>   which, in theory, could also have SRI applied but that would require changes to
>   the SRI plugin so we're leaving CSS without SRI for now.
> 3. Add config-sample.json with the new required cdn_origin field.
>    Defined in infra as of jquery/infrastructure@ffa44e60b4.

Differences:

* The change to use a `/git` directory for Git files was not included in this
  backport, as doing so would break the current code.jquery.com site.

  We can either take the two lines of Nginx config from the new releases-jq
  site and apply to the old codeorigin-jq in Puppet first, and thus use /git/
  on both sites before the transition starts; or we can instead apply the old
  Nginx config for the top-level files also to releases-jq and perform the
  adoption of /git/ in the WordPress pages after the transition.
  Either way could work.

  For now, in the name of progress, this commit does neither. It backports
  the known-safe part of the prep commit so that we can deploy and verify
  the 'cdn_origin' config option, and the other template changes made by this
  commit.

Author: mgol

Gruntfile.js

@@ -304,9 +304,19 @@ grunt.registerTask( "build-index", function() {
 
 	var sriHashes = require( "./dist/resources/sri-directives.json" );
 
-	function href( file, label ) {
-		var sri = "sha256-" + sriHashes["@cdn/" + file]["hashes"]["sha256"];
-		return "<a class='open-sri-modal' href='/" + file + "' data-hash='" + sri + "'>" + label + "</a>";
+	function cdnSriLink( file, label ) {
+		var sri = "sha256-" + sriHashes[ `@cdn/${ file }` ].hashes.sha256,
+			cdnOrigin = grunt.config( "wordpress" ).cdn_origin;
+		return `<a
+			class='open-sri-modal'
+			href='${ cdnOrigin }/${ file }'
+			data-hash='${ sri }'
+		>${ label }</a>`;
+	}
+
+	function cdnLink( file, label ) {
+		var cdnOrigin = grunt.config( "wordpress" ).cdn_origin;
+		return `<a href='${ cdnOrigin }/${ file }'>${ label }</a>`;
 	}
 
 	Handlebars.registerHelper( "ifeq", function( v1, v2, options ) {
@@ -316,30 +326,48 @@ grunt.registerTask( "build-index", function() {
 		return options.inverse( this );
 	} );
 
-	Handlebars.registerHelper( "sriLink", function( file, label ) {
-		return new Handlebars.SafeString( href( file, label ) );
+	Handlebars.registerHelper( "cdnSriLink", function( file, label ) {
+		return new Handlebars.SafeString( cdnSriLink( file, label ) );
+	} );
+	Handlebars.registerHelper( "cdnLink", function( file, label ) {
+		return new Handlebars.SafeString( cdnLink( file, label ) );
+	} );
+
+	Handlebars.registerHelper( "concat2",function( p1, p2 ) {
+		return `${ p1 }${ p2 }`;
+	} );
+	Handlebars.registerHelper( "concat3",function( p1, p2, p3 ) {
+		return `${ p1 }${ p2 }${ p3 }`;
+	} );
+	Handlebars.registerHelper( "concat4",function( p1, p2, p3, p4 ) {
+		return `${ p1 }${ p2 }${ p3 }${ p4 }`;
+	} );
+	Handlebars.registerHelper( "concat5",function( p1, p2, p3, p4, p5 ) {
+		return `${ p1 }${ p2 }${ p3 }${ p4 }${ p5 }`;
 	} );
 
 	Handlebars.registerHelper( "release", function( prefix, release ) {
-		var html = prefix + " " + release.version + " - " + href( release.filename, "uncompressed" );
+		var html = prefix + " " + release.version + " - " + cdnSriLink( release.filename, "uncompressed" );
 		if ( release.minified ) {
-			html += ", " + href( release.minified, "minified" );
+			html += ", " + cdnSriLink( release.minified, "minified" );
 		}
 		if ( release.packed ) {
-			html += ", " + href( release.packed, "packed" );
+			html += ", " + cdnSriLink( release.packed, "packed" );
 		}
 		if ( release.slim ) {
-			html += ", " + href( release.slim, "slim" );
+			html += ", " + cdnSriLink( release.slim, "slim" );
 		}
 		if ( release.slimMinified ) {
-			html += ", " + href( release.slimMinified, "slim minified" );
+			html += ", " + cdnSriLink( release.slimMinified, "slim minified" );
 		}
 
 		return new Handlebars.SafeString( html );
 	} );
 
 	Handlebars.registerHelper( "uiTheme", function( release ) {
-		var url;
+		var url,
+			cdnOrigin = grunt.config( "wordpress" ).cdn_origin;
+
 		// TODO: link to minified theme if available
 		if ( release.themes.indexOf( "smoothness" ) !== -1 ) {
 			url = "smoothness/jquery-ui.css";
@@ -348,7 +376,7 @@ grunt.registerTask( "build-index", function() {
 		}
 
 		return new Handlebars.SafeString(
-			"<a href='/ui/" + release.version + "/themes/" + url + "'>theme</a>" );
+			`<a href='${ cdnOrigin }/ui/${ release.version }/themes/${ url }'>theme</a>` );
 	} );
 
 	Handlebars.registerHelper( "include", (function() {

config-sample.json

@@ -2,6 +2,7 @@
 	"url": "vagrant.codeorigin.jquery.com",
 	"username": "admin",
 	"password": "secret",
+	"cdn_origin": "https://code.jquery.com",
 
 	"highwinds": {
 		"api_url": "https://striketracker.highwinds.com",

templates/mobile-release.hbs

@@ -1,9 +1,9 @@
 <li>
 	jQuery Mobile {{version}} -
-	<a href="/{{filename}}">uncompressed</a>,
-	<a href="/{{minified}}">minified</a>,
-	<a href="/{{minifiedCss}}">theme</a>
+	{{cdnSriLink filename "uncompressed"}},
+	{{cdnSriLink minified "minified"}},
+	{{cdnLink minifiedCss "theme"}}
 	{{#if minifiedStructure}}
-		(<a href="/{{minifiedStructure}}">structure only</a>)
+		({{cdnLink minifiedStructure "structure only"}})
 	{{/if}}
 </li>

templates/pep-release.hbs

@@ -1,5 +1,5 @@
 <li>
 	PEP {{version}} -
-	<a href="/{{filename}}">uncompressed</a>,
-	<a href="/{{minified}}">minified</a>
+	{{cdnSriLink filename "uncompressed"}},
+	{{cdnSriLink minified "minified"}}
 </li>

templates/qunit-release.hbs

@@ -1,5 +1,5 @@
 <li>
 	QUnit {{version}} -
-	{{sriLink filename "uncompressed"}},
-	{{sriLink theme "theme"}}
+	{{cdnLink filename "uncompressed"}},
+	{{cdnLink theme "theme"}}
 </li>

templates/ui-latest.hbs

@@ -4,7 +4,7 @@
 	<li>{{release "jQuery UI" this}}</li>
 	<li>Themes:
 		{{#each themes}}
-			<a href="/ui/{{../version}}/themes/{{this}}/jquery-ui.css">{{this}}</a>
+			{{cdnLink (concat5 "ui/" ../version "/themes/" this "/jquery-ui.css") this}}
 		{{/each}}
 	</li>
 </ul>

templates/ui.hbs

@@ -10,7 +10,7 @@
 		{{release "jQuery UI" latestStable}}
 		<h3>Themes</h3>
 		{{#each latestStable.themes}}
-			<a href="/ui/{{../latestStable/version}}/themes/{{this}}/jquery-ui.css">{{this}}</a>
+			{{cdnLink (concat5 "ui/" ../latestStable/version "/themes/" this "/jquery-ui.css") this}}
 		{{/each}}
 	{{/if}}
 	{{#if all.length}}