Use browserify to build docs scripts

Philipp Alferov · Philipp Alferov · commit 83e199ef53bc · 2015-08-14T23:44:41.000-04:00
diff --git a/docs/assets/js/custom.js b/docs/assets/js/custom.js
@@ -1,25 +1,25 @@
-(function() {
+var angular = require('angular');
+var fileSaver = require('../../../src/file-saver');
+window.saveAs = require('browser-filesaver');
 
-  angular
-    .module('ngFileSaver', ['fileSaver'])
-    .controller('DownloadText', DownloadText);
+angular
+  .module('ngFileSaver', ['fileSaver'])
+  .controller('DownloadText', ['$scope', 'SaveAs', DownloadText]);
+console.log(angular);
+function DownloadText($scope, SaveAs) {
+  var vm = this;
 
-  function DownloadText($scope, SaveAs) {
-    var vm = this;
+  vm.val = {
+    text: 'Hey ho lets go!'
+  };
 
-    vm.val = {
-      text: 'Hey ho lets go!'
-    };
-
-    vm.download = function(text) {
-
-      var options =  {
-        type: "text/plain;charset=utf-8"
-      };
-
-      SaveAs.download([text], 'textfile.txt', options);
+  vm.download = function(text) {
 
+    var options =  {
+      type: "text/plain;charset=utf-8"
     };
-  }
 
-})();
+    SaveAs.download([text], 'textfile.txt', options);
+
+  };
+}
diff --git a/docs/index.html b/docs/index.html
@@ -5,15 +5,11 @@
   <meta charset="UTF-8">
   <title>Angular File Saver - an AngularJS service that provides cross-browser compatibility of the HTML5 saveAs()</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
+  <link rel="stylesheet" type="text/css" href="assets/stylesheets/normalize.css" media="screen">
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
-  <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
-  <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
-  <script src="js/vendors/angular/angular.js"></script>
-  <script src="js/vendors/blob-polyfill/Blob.js"></script>
-  <script src="js/vendors/file-saver.js/FileSaver.js"></script>
-  <script src="js/vendors/angular-file-saver/src/file-saver.js"></script>
-  <script src="js/custom.js"></script>
+  <link rel="stylesheet" type="text/css" href="assets/stylesheets/stylesheet.css" media="screen">
+  <link rel="stylesheet" type="text/css" href="assets/stylesheets/github-light.css" media="screen">
+  <script src="dist/examples.min.js"></script>
 </head>
 
 <body ng-app="ngFileSaver">
diff --git a/gulpfile.js b/gulpfile.js
@@ -37,7 +37,7 @@ var config = {
     },
     docs: {
       type: 'docs',
-      entryPoint: './docs/js/custom.js',
+      entryPoint: './docs/assets/js/custom.js',
       bundleName: 'examples.js',
       dest: './docs/dist'
     }
@@ -122,17 +122,18 @@ gulp.task('build', function() {
   sequence(['browserify']);
 });
 
+gulp.task('build:docs', function() {
+  config.isProd = true;
+  browserifyDefaults = config.browserify.docs;
+
+  sequence(['browserify']);
+});
+
 gulp.task('watch:docs', ['serve'], function() {
   gulp.watch(config.docs.styles,  ['styles:docs']);
   gulp.watch(config.docs.templates,  ['templates:docs']);
   gulp.watch('./CONTRIBUTING.md', ['markdown']);
 });
 
-gulp.task('build', function() {
-  config.isProd = true;
-  browserifyDefaults = config.browserify.fileSaver;
-
-  sequence(['browserify']);
-});
 
 gulp.task('default', ['build']);
diff --git a/package.json b/package.json
@@ -24,6 +24,7 @@
   },
   "homepage": "https://github.com/alferov/angular-file-saver",
   "devDependencies": {
+    "browser-filesaver": "^1.0.0",
     "browserify": "^11.0.1",
     "gulp": "^3.9.0",
     "gulp-gh-pages": "^0.5.2",
