chore(docs-app): load example files based on active deployment

Author: Narretz

docs/app/src/app.js

@@ -14,6 +14,7 @@ angular.module('docsApp', [
   'search',
   'tutorials',
   'versions',
+  'deployment',
   'ui.bootstrap.dropdown'
 ])
 

docs/app/src/examples.js

@@ -18,7 +18,13 @@ angular.module('examples', [])
   return {
     restrict: 'C',
     scope : true,
-    controller : ['$scope', function($scope) {
+    controller : ['$scope', 'DEPLOYMENT', function($scope, DEPLOYMENT) {
+      var exampleIndexFile = (DEPLOYMENT === 'default' ? 'index' : 'index-' + DEPLOYMENT) + '.html';
+
+      $scope.getExampleIndex = function(basePath) {
+        return basePath + '/' + exampleIndexFile;
+      };
+
       $scope.setTab = function(index) {
         var tab = $scope.tabs[index];
         $scope.activeTabIndex = index;

docs/config/index.js

@@ -112,6 +112,10 @@ module.exports = new Package('angularjs', [
     docTypes: ['indexPage'],
     pathTemplate: '.',
     outputPathTemplate: '${id}.html'
+  }, {
+    docTypes: ['deploymentData'],
+    pathTemplate: '.',
+    outputPathTemplate: 'js/${id}.js'
   });
 
   computePathsProcessor.pathTemplates.push({
@@ -125,8 +129,14 @@ module.exports = new Package('angularjs', [
     outputPathTemplate: 'partials/${area}/${moduleName}/${groupType}.html'
   });
 
+  computePathsProcessor.pathTemplates.push({
+    docTypes: ['example'],
+    pathTemplate: 'examples/${example.id}',
+    outputPathTemplate: 'examples/${example.id}/index${deploymentQualifier}.html'
+  });
+
   computeIdsProcessor.idTemplates.push({
-    docTypes: ['overview', 'tutorial', 'e2e-test', 'indexPage'],
+    docTypes: ['overview', 'tutorial', 'e2e-test', 'indexPage', 'deploymentData'],
     getId: function(doc) { return doc.fileInfo.baseName; },
     getAliases: function(doc) { return [doc.id]; }
   });

docs/config/processors/index-page.js

@@ -35,7 +35,17 @@ module.exports = function generateIndexPagesProcessor() {
 
         indexDoc.id = 'index' + (deployment.name === 'default' ? '' : '-' + deployment.name);
 
+        var deploymentDoc = {
+          docType: 'deploymentData',
+          id: 'deployment-data-' + deployment.name,
+          template: 'angular-service.template.js',
+          ngModuleName: 'deployment',
+          serviceName: 'DEPLOYMENT',
+          serviceValue: deployment.name
+        };
+
         docs.push(indexDoc);
+        docs.push(deploymentDoc);
       });
     }
   };

docs/config/services/deployments/debug.js

@@ -26,6 +26,7 @@ module.exports = function debugDeployment(getVersion) {
       'js/all-versions-data.js',
       'js/pages-data.js',
       'js/nav-data.js',
+      'js/deployment-data-debug.js',
       'js/docs.js'
     ],
     stylesheets: [

docs/config/services/deployments/default.js

@@ -26,6 +26,7 @@ module.exports = function defaultDeployment(getVersion) {
       'js/all-versions-data.js',
       'js/pages-data.js',
       'js/nav-data.js',
+      'js/deployment-data-default.js',
       'js/docs.min.js'
     ],
     stylesheets: [

docs/config/services/deployments/jquery.js

@@ -30,6 +30,7 @@ module.exports = function jqueryDeployment(getVersion) {
       'js/all-versions-data.js',
       'js/pages-data.js',
       'js/nav-data.js',
+      'js/deployment-data-jquery.js',
       'js/docs.min.js'
     ],
     stylesheets: [

docs/config/services/deployments/production.js

@@ -43,6 +43,7 @@ module.exports = function productionDeployment(getVersion) {
       'https://code.angularjs.org/snapshot/docs/js/all-versions-data.js',
       'js/pages-data.js',
       'js/nav-data.js',
+      'js/deployment-data-production.js',
       'js/docs.min.js'
     ],
     stylesheets: [

docs/config/templates/examples/runnableExample.template.html

@@ -18,7 +18,7 @@
     </div>
   {% endfor %}
 
-    <iframe class="runnable-example-frame" src="{$ doc.example.deployments.default.outputPath $}" name="{$ doc.example.id $}"></iframe>
+    <iframe class="runnable-example-frame" ng-src="{{getExampleIndex('{$ doc.example.deployments.default.path $}')}}" name="{$ doc.example.id $}"></iframe>
   </div>
 </div>