Use Webpack (bundle everything together, allows use of async attribute).

Author: sebadoom

.bowerrc

@@ -8,3 +8,4 @@ dist.crx
 dist.pem
 dist
 *.crx
+app.bundle.js*

.gitignore

@@ -2,9 +2,9 @@ module.exports = function (grunt) {
   require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
 
   grunt.initConfig({
-    // clean: [
-    //   'dist/'
-    // ],
+    clean: [
+        'dist/'
+    ],
     watch: {
       min: {
         options: {
@@ -52,45 +52,24 @@ module.exports = function (grunt) {
                     'bg.html',
                     'img/**',
 
-                    'vendor/crypto-js/core.js',
-
-                    'vendor/jsonlint/lib/jsonlint.js',
-
-                    'vendor/json-sans-eval-min/index.js',
-
-                    'vendor/codemirror/lib/codemirror.css',
-                    'vendor/codemirror/addon/lint/lint.css',
-
-                    'vendor/kjur-jsrsasign/jsrsasign-latest-all-min.js',
-
                     'extension-deps/**',
-                    'js/**',
+                    'js/webstorage.js',
+                    'js/app.bundle.js',
                     'css/**',
                     'assets/**'
                 ],
                 dest: 'dist/'
+            }, {
+                expand: true,
+                cwd: 'node_modules/',
+                src: ['codemirror/lib/codemirror.css',
+                      'codemirror/addon/lint/lint.css'],
+                dest: 'dist/vendor/'
             }]
         }
     },
-    uglify: {
-        crx: {
-            options: {
-                sourceMap: false,
-            },
-            files: {
-                'dist/js/app.js': 'js/app.js',
-                'dist/js/jwtview.js': 'js/jwtview.js',
-                'dist/vendor/codemirror/codemirror.min.js': [
-                    'vendor/codemirror/lib/codemirror.js',
-                    'vendor/codemirror/mode/javascript/javascript.js',
-                    'vendor/codemirror/addon/lint/lint.js',
-                    'vendor/codemirror/addon/lint/javascript-lint.js',
-                    'vendor/codemirror/addon/lint/json-lint.js'
-                ],
-                'dist/vendor/jsonlint/lib/jsonlint.js': 'vendor/jsonlint/lib/jsonlint.js',
-                'dist/vendor/crypto-js/core.js': 'vendor/crypto-js/core.js'
-            }
-        }
+    webpack: {
+        crx: require('./webpack.config.js')
     },
     run: {
         crx: {
@@ -100,10 +79,10 @@ module.exports = function (grunt) {
 
   grunt.loadNpmTasks('grunt-contrib-copy');
   grunt.loadNpmTasks('grunt-run');
-  grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-webpack');
 
   grunt.registerTask('build', ['stylus', 'jade']);
   grunt.registerTask('test', ['build', 'mocha_phantomjs']);
-  grunt.registerTask('chrome-extension', ['build', 'copy:crx', 'uglify:crx', 'run:crx']);
+  grunt.registerTask('chrome-extension', ['clean', 'build', 'webpack:crx', 'copy:crx', 'run:crx']);
   grunt.registerTask('default', ['build', 'connect', 'watch']);
 };

.travis.yml

@@ -8,19 +8,15 @@
   <textarea rows="4" name="public-key" placeholder="Public Key or Certificate. Enter it in plain text only if you want to verify a token"></textarea>,
   <textarea rows="5" name="private-key" placeholder="Private Key (RSA). Enter the it in plain text only if you want to generate a new token. The key never leaves your browser."></textarea>
 )
-</pre></div></div></div></div></div><div class="validation-status js-signature"></div><div class="colophon clearfix"><div class="pull-left"><a target="_blank" href="https://auth0.com/?utm_source=jwt-ext&amp;utm_campaign=badge">Supported by <img src="/img/ico_logo.svg"></a></div><div class="pull-right save-back hide"><a href="#">Save back to localStorage</a></div><div class="pull-right keyboard-info"><span>Press Ctrl + Shift + K to open the JWT debugger</span></div></div></div></div></section><!--footer
-  .container
-    .columns
-      .column
-        a(href='https://auth0.com/', target="_blank")
-          | Supported by
-          img(src='/img/ico_logo.svg')
-      .column.pull-request
-        span Missing something?
-        a(href='https://github.com/jsonwebtoken/jsonwebtoken.github.io/tree/master/views', target="_blank") Send a Pull Request
-      .column.social-counter
-        a.twitter-follow-button(href='https://twitter.com/auth0', data-show-count='true') Follow @auth0
+</pre></div></div></div></div></div><div class="validation-status js-signature"></div><div class="colophon clearfix"><div class="pull-left"><a target="_blank" href="https://auth0.com/?utm_source=jwt-ext&amp;utm_campaign=badge">Supported by <img src="/img/ico_logo.svg"></a></div><div class="pull-right save-back hide"><a href="#">Save back to localStorage</a></div><div class="pull-right keyboard-info"><span>Press Ctrl + Shift + K to open the JWT debugger</span></div></div></div></div></section><!--script(src='/js/profile-start.js')--><!--script(src='/extension-deps/jquery/jquery.min.js')
+script(src='/js/bootstrap.min.js')
 
+script(src="vendor/crypto-js/core.js")
 
---><!--Bootstrap core JavaScript
-==================================================--><!-- Placed at the end of the document so the pages load faster--><!--script(src='/js/profile-start.js')--><script src="/extension-deps/jquery/jquery.min.js"></script><script src="/extension-deps/csbuttons/jquery.csbuttons.min.js"></script><script src="/js/bootstrap.min.js"></script><!--script(src="/vendor/wistia/E-v1.js" async)--><script src="vendor/crypto-js/core.js"></script><!--script(src="vendor/crypto-js/x64-core.js")--><!--script(src="vendor/crypto-js/pbkdf2.js")--><!--script(src="vendor/crypto-js/crypto-js.js")--><!--script(src="vendor/crypto-js/hmac.js")--><!--script(src="vendor/crypto-js/hmac-sha256.js")--><!--script(src="vendor/crypto-js/sha1.js")--><!--script(src="vendor/crypto-js/sha256.js")--><!-- build:js dist/js/app.js--><!--script(src='/vendor/zepto/zepto.js')--><script src="/vendor/jsonlint/lib/jsonlint.js"></script><script src="/vendor/json-sans-eval-min/index.js"></script><script src="/vendor/codemirror/codemirror.min.js"></script><script src="/vendor/kjur-jsrsasign/jsrsasign-latest-all-min.js"></script><!--script(src='/js/jwt_mode.js')--><!--script(src='/extension-deps/jws/jws.bundle.js')--><script src="/js/jwt.js"></script><!--script(src='/js/isotope.pkgd.min.js')--><!--script(src='/js/flipclock.js')--><!--script(src='/js/accordion.js')--><!--script(src='/js/highlight.min.js')--><script src="/js/jwtview.js"></script><script src="/js/app.js"></script><!--script(src='/js/profile-end.js')--><!-- endbuild--></body></html>
+script(src='/vendor/jsonlint/lib/jsonlint.js')
+script(src='/vendor/codemirror/codemirror.min.js')
+script(src='/vendor/kjur-jsrsasign/jsrsasign-latest-all-min.js')
+script(src='/js/jwt.js')
+
+script(src='/js/jwtview.js')
+script(src='/js/app.js')--><script src="js/app.bundle.js" async></script><!--script(src='/js/profile-end.js')--><!-- endbuild--></body></html>