Basic level reader

.gitignore

@@ -5,3 +5,7 @@
 /node_modules/*
 /css/*.css
 css/
+
+js/site\.js
+
+js/site\.min\.js

.vscode/tasks.json

@@ -30,6 +30,11 @@
                 "kind": "build",
                 "isDefault": true
             }
+        },
+        {
+            "type": "grunt",
+            "task": "js_compile",
+            "problemMatcher": []
         }
     ]
 }

Gruntfile.js

@@ -73,6 +73,8 @@ module.exports = function (grunt) {
       dist: {
         // the files to concatenate
         src: [
+          "js/main.js",
+          "js/plugins.js",
           "js/partial/one.js",
           "js/partial/two.js",
         ],
@@ -128,6 +130,14 @@ module.exports = function (grunt) {
           interrupt: false,
           spawn: false,
         },
+      },
+      js: {
+        files: ['js/**/*'],
+        tasks: ['js_compile'],
+        options: {
+          interrupt: false,
+          spawn: false,
+        },
       }
     },
 
@@ -140,6 +150,7 @@ module.exports = function (grunt) {
       },
       monitor: {
         tasks: ["sass_compile", "watch:sass",
+          "js_compile", "watch:js",
           "notify:watching", 'server']
       },
     },
@@ -205,6 +216,7 @@ module.exports = function (grunt) {
     ]
   );
 
+  grunt.registerTask('js_compile', ['concat:dist', 'uglify:dist']);
   grunt.registerTask('sass_compile', ['sass:expanded', 'sass:min', 'notify:sass_compile']);
   grunt.registerTask('server', ['browserSync', 'notify:server']);
   grunt.registerTask('monitor', ["concurrent:monitor"]);

index.html

@@ -53,6 +53,8 @@
         </div>
     </nav>
     <p>Hi memesters</p>
+    <textarea name="debug" id="levelDropZone" cols="30" rows="60" style="height:20rem"></textarea>
+    <input type="submit" id="levelParseStart">
     <i class="material-icons">add</i>
     <script src="js/vendor/modernizr-3.5.0.min.js"></script>
     <script src="js/vendor/materialize.min.js"></script>

js/main.js

@@ -0,0 +1,7 @@
+var level;
+document.getElementById('levelParseStart').addEventListener('click', function (e) {
+    level = JSON.parse(
+        document.getElementById('levelDropZone').value
+    );
+    console.log(level);
+})

js/partial/one.js

@@ -1 +0,0 @@
-console.log('one');

js/partial/two.js

@@ -1 +0,0 @@
-console.log('two');

js/plugins.js

@@ -1,7 +1,8 @@
+
 // Avoid `console` errors in browsers that lack a console.
-(function() {
+(function () {
     var method;
-    var noop = function () {};
+    var noop = function () { };
     var methods = [
         'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
         'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',