1 files changed, 190 insertions, 29 deletions

diff --git a/js/mediators/io-mediator.js b/js/mediators/io-mediator.js
index dcafb38d..1efbb8bb 100644
--- a/js/mediators/io-mediator.js
+++ b/js/mediators/io-mediator.js
@@ -6,10 +6,11 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 
 ////////////////////////////////////////////////////////////////////////
 //
-var Montage =   require("montage/core/core").Montage,
-        Component = require("montage/ui/component").Component,
-        FileIo =        require("js/io/system/fileio").FileIo,
-        ProjectIo = require("js/io/system/projectio").ProjectIo;
+var Montage =                   require("montage/core/core").Montage,
+        Component =             require("montage/ui/component").Component,
+        FileIo =                        require("js/io/system/fileio").FileIo,
+        ProjectIo =             require("js/io/system/projectio").ProjectIo,
+        TemplateCreator =       require("node_modules/tools/template-creator").TemplateCreator;
 ////////////////////////////////////////////////////////////////////////
 //
 exports.IoMediator = Montage.create(Component, {
@@ -152,17 +153,7 @@ exports.IoMediator = Montage.create(Component, {
                 //
                 switch (file.mode) {
                         case 'html':
-                                //Copy webGL library if needed
-                                if (file.webgl && file.webgl.length > 0) {
-                                        for (var i in this.application.ninja.coreIoApi.ninjaLibrary.libs) {
-                                                //Checking for RDGE library to be available
-                                                if (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name === 'RDGE') {
-                                                        this.application.ninja.coreIoApi.ninjaLibrary.copyLibToCloud(file.document.root, (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name+this.application.ninja.coreIoApi.ninjaLibrary.libs[i].version).toLowerCase());
-                                                } else {
-                                                        //TODO: Error handle no available library to copy
-                                                }
-                                        }
-                                }
+                                
                                 
                                 //TODO: Add check for Monatage library to copy
                                 
@@ -357,15 +348,50 @@ exports.IoMediator = Montage.create(Component, {
                         }
                 }
                 //Checking for webGL elements in document
-                if (template.webgl && template.webgl.length) {
+                if (template.webgl && template.webgl.length  > 1) {//TODO: Should be length 0, hack for a temp fix
+                        var rdgeDirName, rdgeVersion;
+                        //Copy webGL library if needed
+                        for (var i in this.application.ninja.coreIoApi.ninjaLibrary.libs) {
+                                //Checking for RDGE library to be available
+                                if (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name === 'RDGE') {
+                                        rdgeDirName = (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name+this.application.ninja.coreIoApi.ninjaLibrary.libs[i].version).toLowerCase();
+                                        rdgeVersion = this.application.ninja.coreIoApi.ninjaLibrary.libs[i].version;
+                                        this.application.ninja.coreIoApi.ninjaLibrary.copyLibToCloud(template.document.root, rdgeDirName, hackRename.bind(this));
+                                        //TODO: Remove, this is copying the library into a static name
+                                        function hackRename (status) {
+                                                if (status) {
+                                                        setTimeout(function () {
+                                                                this.application.ninja.coreIoApi.copyDirectory({sourceUri: template.document.root+rdgeDirName, destUri: template.document.root+'assets'});
+                                                        }.bind(this), 3000);
+                                                }
+                                        }
+                                } else {
+                                        //TODO: Error handle no available library to copy
+                                }
+                        }
                         //
-                        var json, matchingtags = [], webgltag, scripts = template.document.content.document.getElementsByTagName('script');
+                        var json, matchingtags = [], webgltag, scripts = template.document.content.document.getElementsByTagName('script'), webgljstag, webgllibtag, webglrdgetag, mjstag, mjslibtag;
                         //
                         for (var i in scripts) {
                                 if (scripts[i].getAttribute) {
                                         if (scripts[i].getAttribute('data-ninja-webgl') !== null) {//TODO: Use querySelectorAll
                                                 matchingtags.push(scripts[i]);
                                         }
+                                        if (scripts[i].getAttribute('data-ninja-webgl-js') !== null) {
+                                                webgljstag = scripts[i]; // TODO: Add logic to delete unneccesary tags
+                                        }
+                                        if (scripts[i].getAttribute('data-ninja-webgl-lib') !== null) {
+                                                webgllibtag = scripts[i]; // TODO: Add logic to delete unneccesary tags
+                                        }
+                                        if (scripts[i].getAttribute('data-ninja-webgl-rdge') !== null) {
+                                                webglrdgetag = scripts[i]; // TODO: Add logic to delete unneccesary tags
+                                        }
+                                        if (scripts[i].getAttribute('type') !== 'text/montage-serialization') {
+                                                mjstag = scripts[i]; // TODO: Add logic to delete unneccesary tags
+                                        }
+                                        if (scripts[i].getAttribute('data-mjs-lib') !== null) {
+                                                mjslibtag = scripts[i]; // TODO: Add logic to delete unneccesary tags
+                                        }
                                 }
                         }
                         //
@@ -378,13 +404,47 @@ exports.IoMediator = Montage.create(Component, {
                                 }
                         }
                         //
+                        if (!webglrdgetag) {
+                                webglrdgetag = template.document.content.document.createElement('script');
+                                webglrdgetag.setAttribute('type', 'text/javascript');
+                                webglrdgetag.setAttribute('src', rdgeDirName+'/rdge-compiled.js');
+                                webglrdgetag.setAttribute('data-ninja-webgl-rdge', 'true');
+                                template.document.content.document.head.appendChild(webglrdgetag);
+                        }
+                        //
+                        if (!webgllibtag) {
+                                webgllibtag = template.document.content.document.createElement('script');
+                                webgllibtag.setAttribute('type', 'text/javascript');
+                                webgllibtag.setAttribute('src', rdgeDirName+'/canvas-runtime.js');
+                                webgllibtag.setAttribute('data-ninja-webgl-lib', 'true');
+                                template.document.content.document.head.appendChild(webgllibtag);
+                        }
+                        //
                         if (!webgltag) {
                                 webgltag = template.document.content.document.createElement('script');
                                 webgltag.setAttribute('data-ninja-webgl', 'true');
                                 template.document.content.document.head.appendChild(webgltag);
                         }
-                        //TODO: Add version and other data for RDGE
-                        json = '\n({\n\t"version": "X.X.X.X",\n\t"data": [';
+                        //TODO: Remove this tag and place inside JS file
+                        if (!webgljstag) {
+                                webgljstag = template.document.content.document.createElement('script');
+                                webgljstag.setAttribute('type', 'text/javascript');
+                                webgljstag.setAttribute('data-ninja-webgl-js', 'true');
+                                template.document.content.document.head.appendChild(webgljstag);
+                        }
+                        //TODO: Decide if this should be over-writter or only written on creation
+                        var rootElement = 'document.body'; //TODO: Set actual root element
+                        webgljstag.innerHTML = "\
+//Loading webGL/canvas data on window load\n\
+window.addEventListener('load', loadWebGL, false);\n\
+function loadWebGL (e) {\n\
+        window.removeEventListener('load', loadWebGL, false);\n\
+        //Calling method to initialize all webGL/canvas(es)\n\
+        initWebGl("+rootElement+", '"+rdgeDirName+"/');\n\
+}\
+                        ";
+                        //TODO: This data should be saved to a JSON file eventually
+                        json = '\n({\n\t"version": "'+rdgeVersion+'",\n\t"directory": "'+rdgeDirName+'/",\n\t"data": [';
                         //Looping through data to create escaped array
                         for (var j=0; template.webgl[j]; j++) {
                                 if (j === 0) {
@@ -398,18 +458,71 @@ exports.IoMediator = Montage.create(Component, {
                         //Setting string in tag
                         webgltag.innerHTML = json;
                 }
+                
+                
+                
+                
+                
+                
+                
+                //
+                var mjsCounter = 0, mjsComponents = [], temp = TemplateCreator.create();
+                //
+                for (var m in template.mjs) {
+                        mjsComponents.push(template.mjs[m]);
+                        mjsCounter++;
+                }
+                //
+                if (template.mjs && mjsCounter > 0) {
+                        var mjsDirName, mjsVersion,
+                                mjscode = temp.initWithHeadAndBodyElements(template.document.content.document.documentElement.head, template.document.content.document.documentElement.body, mjsComponents)._ownerSerialization;
+                        //Copy Montage library if needed
+                        for (var i in this.application.ninja.coreIoApi.ninjaLibrary.libs) {
+                                //Checking for Montage library to be available
+                                if (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name === 'Montage') {
+                                        mjsDirName = (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name+this.application.ninja.coreIoApi.ninjaLibrary.libs[i].version).toLowerCase();
+                                        mjsVersion = this.application.ninja.coreIoApi.ninjaLibrary.libs[i].version;
+                                        this.application.ninja.coreIoApi.ninjaLibrary.copyLibToCloud(template.document.root, mjsDirName);
+                                        //TODO: Fix to allow no overwrite and nested locations
+                                        var packjson = this.application.ninja.coreIoApi.createFile({uri: template.document.root+'package.json', contents: '{"mappings": {"montage": "'+mjsDirName+'/"}}'});
+                                } else {
+                                        //TODO: Error handle no available library to copy
+                                }
+                        }
+                        //
+                        if (!mjslibtag) {
+                                mjslibtag = template.document.content.document.createElement('script');
+                                mjslibtag.setAttribute('type', 'text/javascript');
+                                mjslibtag.setAttribute('src', mjsDirName+'/montage.js');
+                                mjslibtag.setAttribute('data-mjs-lib', 'true');
+                                template.document.content.document.head.appendChild(mjslibtag);
+                        }
+                        //
+                        if (!mjstag) {
+                                mjstag = template.document.content.document.createElement('script');
+                                mjstag.setAttribute('type', 'text/montage-serialization');
+                                template.document.content.document.head.appendChild(mjstag);
+                        }
+                        //
+                        mjstag.innerHTML = mjscode;
+                }
+                
+                
+                
+                
+                
+                
+                
+                //Cleaning URLs from HTML
                 var cleanHTML = template.document.content.document.documentElement.outerHTML.replace(/(\b(?:(?:https?|ftp|file|[A-Za-z]+):\/\/|www\.|ftp\.)(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gi, parseNinjaRootUrl.bind(this));