chore: fix moduleId loader on plunkers

Author: Foxandxss

public/docs/_examples/_boilerplate/src/systemjs-angular-loader.js

@@ -6,21 +6,27 @@ module.exports.translate = function(load){
 
   var url = new URL(load.address);
 
-  var basePathParts = url.pathname.split('/');
+  var onPlunker = url.href.indexOf('plnkr') != -1;
+  var onEmbedPlunker = url.href.indexOf('preview') != -1;
 
-  if (url.href.indexOf('plnkr') != -1) {
-    basePathParts.shift();
-    basePathParts.shift();
+  var basePathParts = url.pathname.split('/').splice(1);
+
+  if (onPlunker) {
+    var times = onEmbedPlunker ? 2 : 1;
+    basePathParts.splice(0, times);
   }
 
   basePathParts.pop();
   var basePath = basePathParts.join('/');
+
+  if (onPlunker) basePath.substr(1); // Plunker doesn't like the / suffix
+
   load.source = load.source
     .replace(templateUrlRegex, function(match, quote, url){
       let resolvedUrl = url;
 
       if (url.startsWith('.')) {
-        resolvedUrl = basePath + url.substr(1);
+        resolvedUrl = `${basePath}${url.substr(1)}`;
       }
 
       return `templateUrl: '${resolvedUrl}'`;
@@ -30,7 +36,7 @@ module.exports.translate = function(load){
 
       while ((match = stringRegex.exec(relativeUrls)) !== null) {
         if (match[2].startsWith('.')) {
-          urls.push(`'${basePath.substr(1)}${match[2].substr(1)}'`);
+          urls.push(`'${basePath}${match[2].substr(1)}'`);
         } else {
           urls.push(`'${match[2]}'`);
         }

public/docs/_examples/_boilerplate/src/systemjs.config.web.build.js

@@ -34,7 +34,6 @@
     },
     // map tells the System loader where to look for things
     map: {
-      'ng-loader': './systemjs-angular-loader.js',
       // our app is within the app folder
       'app': 'app',
 
@@ -75,7 +74,7 @@
         defaultExtension: 'ts',
         meta: {
           './*.ts': {
-            loader: 'ng-loader'
+            loader: 'systemjs-angular-loader.js'
           }
         }
       },

public/docs/_examples/_boilerplate/src/systemjs.config.web.js

@@ -31,7 +31,6 @@
     },
     // map tells the System loader where to look for things
     map: {
-      'ng-loader': './systemjs-angular-loader.js',
       // our app is within the app folder
       'app': 'app',
 
@@ -62,7 +61,7 @@
         defaultExtension: 'ts',
         meta: {
           './*.ts': {
-            loader: 'ng-loader'
+            loader: 'systemjs-angular-loader.js'
           }
         }
       },