1 files changed, 50 insertions, 12 deletions
diff --git a/js/mediators/io-mediator.js b/js/mediators/io-mediator.js
index c9c7203f..8346c75e 100644
--- a/js/mediators/io-mediator.js
+++ b/js/mediators/io-mediator.js
@@ -77,13 +77,14 @@ exports.IoMediator = Montage.create(Component, {
                //TODO: Improve template data injection
                function parseTemplate (content, template) {
                        //
-                        if (template.name.toLowerCase() === 'banner') {
+                        if (template.name.toLowerCase() === 'banner' || template.name.toLowerCase() === 'animation') {
                                //Getting dimensions of banner
                                var dimensions = template.id.split('x');
                                dimensions = {width: String(dimensions[0])+'px', height: String(dimensions[1])+'px'};
                                //
                                content = content.replace(/Dimensions@@@/gi, "Dimensions@@@"+template.id);
-                                content = content.replace(/ninja-banner {}/gi, "ninja-banner {overflow: hidden; width: "+dimensions.width+"; height: "+dimensions.height+"}");
+                                content = content.replace(/ninja-banner {}/gi, "ninja-banner {overflow: visible; width: "+dimensions.width+"; height: "+dimensions.height+"}");
+                                content = content.replace(/ninja-content-wrapper {}/gi, "ninja-content-wrapper {overflow: hidden; width: "+dimensions.width+"; height: "+dimensions.height+"}");
                        }
                        //
                        return content;
@@ -168,7 +169,11 @@ exports.IoMediator = Montage.create(Component, {
            switch (doc.mode) {
                case 'html':
                    //Getting content from function to properly handle saving assets (as in external if flagged)
-                    contents = this.parseNinjaTemplateToHtml(doc);
+                    if (doc.template && (doc.template.type === 'banner' || doc.template.type === 'animation')) {
+                        contents = this.parseNinjaTemplateToHtml(doc, true);
+                    } else {
+                        contents = this.parseNinjaTemplateToHtml(doc);
+                    }
                    break;
                default:
                    contents = doc.content;
@@ -213,14 +218,20 @@ exports.IoMediator = Montage.create(Component, {
    //TODO: Expand to allow more templates, clean up variables
    parseNinjaTemplateToHtml: {
        enumerable: false,
-        value: function (template) {
+        value: function (template, ninjaWrapper) {
            var regexRootUrl, rootUrl = this.application.ninja.coreIoApi.rootUrl + escape((this.application.ninja.documentController.documentHackReference.root.split(this.application.ninja.coreIoApi.cloudData.root)[1]));
            regexRootUrl = new RegExp(rootUrl.replace(/\//gi, '\\\/'), 'gi');
            //Injecting head and body into old document
            template.file.content.document.head.innerHTML = template.head.innerHTML.replace(regexRootUrl, '');
            template.file.content.document.body.innerHTML = template.body.innerHTML.replace(regexRootUrl, '');
-            
+            //Copying attributes to maintain same properties as the <body>
-            
+                        for (var n in template.body.attributes) {
+                                if (template.body.attributes[n].value) {
+                                        //
+                                        template.file.content.document.body.setAttribute(template.body.attributes[n].name, template.body.attributes[n].value);
+                                }                               
+                        }
+            //TODO: Add attribute copying for <HEAD> and <HTML>
            
            /*
 //Testing using montage clean up method
@@ -445,7 +456,11 @@ exports.IoMediator = Montage.create(Component, {
                    webglrdgetag.setAttribute('type', 'text/javascript');
                    webglrdgetag.setAttribute('src', rdgeDirName + '/rdge-compiled.js');
                    webglrdgetag.setAttribute('data-ninja-webgl-rdge', 'true');
-                    template.file.content.document.head.appendChild(webglrdgetag);
+                    if (ninjaWrapper) {
+                        template.file.content.document.body.getElementsByTagName('ninja-content')[0].appendChild(webglrdgetag);
+                    } else {
+                        template.file.content.document.head.appendChild(webglrdgetag);
+                    }
                }
                //
                if (!webgllibtag) {
@@ -453,20 +468,32 @@ exports.IoMediator = Montage.create(Component, {
                    webgllibtag.setAttribute('type', 'text/javascript');
                    webgllibtag.setAttribute('src', rdgeDirName + '/canvas-runtime.js');
                    webgllibtag.setAttribute('data-ninja-webgl-lib', 'true');
-                    template.file.content.document.head.appendChild(webgllibtag);
+                    if (ninjaWrapper) {
+                        template.file.content.document.body.getElementsByTagName('ninja-content')[0].appendChild(webgllibtag);
+                    } else {
+                        template.file.content.document.head.appendChild(webgllibtag);
+                    }
                }
                //
                if (!webgltag) {
                    webgltag = template.file.content.document.createElement('script');
                    webgltag.setAttribute('data-ninja-webgl', 'true');
-                    template.file.content.document.head.appendChild(webgltag);
+                    if (ninjaWrapper) {
+                        template.file.content.document.body.getElementsByTagName('ninja-content')[0].appendChild(webgltag);
+                    } else {
+                            template.file.content.document.head.appendChild(webgltag);
+                        }
                }
                //TODO: Remove this tag and place inside JS file
                if (!webgljstag) {
                    webgljstag = template.file.content.document.createElement('script');
                    webgljstag.setAttribute('type', 'text/javascript');
                    webgljstag.setAttribute('data-ninja-webgl-js', 'true');
-                    template.file.content.document.head.appendChild(webgljstag);
+                    if (ninjaWrapper) {
+                        template.file.content.document.body.getElementsByTagName('ninja-content')[0].appendChild(webgljstag);
+                    } else {
+                            template.file.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
@@ -548,10 +575,15 @@ for (var m in template.mjs) {
+                        
            //Cleaning URLs from HTML
-            var cleanHTML = template.file.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));
+            var cleanHTML;
+            if (ninjaWrapper) {
+                cleanHTML = template.file.content.document.body.innerHTML.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));
+            } else {
+                cleanHTML = template.file.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));
+            }
            //
            function parseNinjaRootUrl(url) {
                if (url.indexOf(this.application.ninja.coreIoApi.rootUrl) !== -1) {
@@ -561,6 +593,12 @@ for (var m in template.mjs) {
                }
            }
            //
+            if (ninjaWrapper) {
+                cleanHTML = cleanHTML.replace(/ninja-viewport/gi, 'div');
+                cleanHTML = cleanHTML.replace(/ninja-content/gi, 'div');
+            }
+            
+            //
            return this.getPrettyHtml(cleanHTML.replace(this.getAppTemplatesUrlRegEx(), ''));
        }
    },

diff --git a/js/mediators/io-mediator.js b/js/mediators/io-mediator.js index c9c7203f..8346c75e 100644 --- a/js/mediators/io-mediator.js +++ b/js/mediators/io-mediator.js
@@ -77,13 +77,14 @@ exports.IoMediator = Montage.create(Component, {
77	//TODO: Improve template data injection	77	//TODO: Improve template data injection
78	function parseTemplate (content, template) {	78	function parseTemplate (content, template) {
79	//	79	//
80	if (template.name.toLowerCase() === 'banner') {	80	if (template.name.toLowerCase() === 'banner' \|\| template.name.toLowerCase() === 'animation') {
81	//Getting dimensions of banner	81	//Getting dimensions of banner
82	var dimensions = template.id.split('x');	82	var dimensions = template.id.split('x');
83	dimensions = {width: String(dimensions[0])+'px', height: String(dimensions[1])+'px'};	83	dimensions = {width: String(dimensions[0])+'px', height: String(dimensions[1])+'px'};
84	//	84	//
85	content = content.replace(/Dimensions@@@/gi, "Dimensions@@@"+template.id);	85	content = content.replace(/Dimensions@@@/gi, "Dimensions@@@"+template.id);
86	content = content.replace(/ninja-banner {}/gi, "ninja-banner {overflow: hidden; width: "+dimensions.width+"; height: "+dimensions.height+"}");	86	content = content.replace(/ninja-banner {}/gi, "ninja-banner {overflow: visible; width: "+dimensions.width+"; height: "+dimensions.height+"}");
		87	content = content.replace(/ninja-content-wrapper {}/gi, "ninja-content-wrapper {overflow: hidden; width: "+dimensions.width+"; height: "+dimensions.height+"}");
87	}	88	}
88	//	89	//
89	return content;	90	return content;
@@ -168,7 +169,11 @@ exports.IoMediator = Montage.create(Component, {
168	switch (doc.mode) {	169	switch (doc.mode) {
169	case 'html':	170	case 'html':
170	//Getting content from function to properly handle saving assets (as in external if flagged)	171	//Getting content from function to properly handle saving assets (as in external if flagged)
171	contents = this.parseNinjaTemplateToHtml(doc);	172	if (doc.template && (doc.template.type === 'banner' \|\| doc.template.type === 'animation')) {
		173	contents = this.parseNinjaTemplateToHtml(doc, true);
		174	} else {
		175	contents = this.parseNinjaTemplateToHtml(doc);
		176	}
172	break;	177	break;
173	default:	178	default:
174	contents = doc.content;	179	contents = doc.content;
@@ -213,14 +218,20 @@ exports.IoMediator = Montage.create(Component, {
213	//TODO: Expand to allow more templates, clean up variables	218	//TODO: Expand to allow more templates, clean up variables
214	parseNinjaTemplateToHtml: {	219	parseNinjaTemplateToHtml: {
215	enumerable: false,	220	enumerable: false,
216	value: function (template) {	221	value: function (template, ninjaWrapper) {
217	var regexRootUrl, rootUrl = this.application.ninja.coreIoApi.rootUrl + escape((this.application.ninja.documentController.documentHackReference.root.split(this.application.ninja.coreIoApi.cloudData.root)[1]));	222	var regexRootUrl, rootUrl = this.application.ninja.coreIoApi.rootUrl + escape((this.application.ninja.documentController.documentHackReference.root.split(this.application.ninja.coreIoApi.cloudData.root)[1]));
218	regexRootUrl = new RegExp(rootUrl.replace(/\//gi, '\\\/'), 'gi');	223	regexRootUrl = new RegExp(rootUrl.replace(/\//gi, '\\\/'), 'gi');
219	//Injecting head and body into old document	224	//Injecting head and body into old document
220	template.file.content.document.head.innerHTML = template.head.innerHTML.replace(regexRootUrl, '');	225	template.file.content.document.head.innerHTML = template.head.innerHTML.replace(regexRootUrl, '');
221	template.file.content.document.body.innerHTML = template.body.innerHTML.replace(regexRootUrl, '');	226	template.file.content.document.body.innerHTML = template.body.innerHTML.replace(regexRootUrl, '');
222		227	//Copying attributes to maintain same properties as the <body>
223		228	for (var n in template.body.attributes) {
		229	if (template.body.attributes[n].value) {
		230	//
		231	template.file.content.document.body.setAttribute(template.body.attributes[n].name, template.body.attributes[n].value);
		232	}
		233	}
		234	//TODO: Add attribute copying for <HEAD> and <HTML>
224		235
225	/*	236	/*
226	//Testing using montage clean up method	237	//Testing using montage clean up method
@@ -445,7 +456,11 @@ exports.IoMediator = Montage.create(Component, {
445	webglrdgetag.setAttribute('type', 'text/javascript');	456	webglrdgetag.setAttribute('type', 'text/javascript');
446	webglrdgetag.setAttribute('src', rdgeDirName + '/rdge-compiled.js');	457	webglrdgetag.setAttribute('src', rdgeDirName + '/rdge-compiled.js');
447	webglrdgetag.setAttribute('data-ninja-webgl-rdge', 'true');	458	webglrdgetag.setAttribute('data-ninja-webgl-rdge', 'true');
448	template.file.content.document.head.appendChild(webglrdgetag);	459	if (ninjaWrapper) {
		460	template.file.content.document.body.getElementsByTagName('ninja-content')[0].appendChild(webglrdgetag);
		461	} else {
		462	template.file.content.document.head.appendChild(webglrdgetag);
		463	}
449	}	464	}
450	//	465	//
451	if (!webgllibtag) {	466	if (!webgllibtag) {
@@ -453,20 +468,32 @@ exports.IoMediator = Montage.create(Component, {
453	webgllibtag.setAttribute('type', 'text/javascript');	468	webgllibtag.setAttribute('type', 'text/javascript');
454	webgllibtag.setAttribute('src', rdgeDirName + '/canvas-runtime.js');	469	webgllibtag.setAttribute('src', rdgeDirName + '/canvas-runtime.js');
455	webgllibtag.setAttribute('data-ninja-webgl-lib', 'true');	470	webgllibtag.setAttribute('data-ninja-webgl-lib', 'true');
456	template.file.content.document.head.appendChild(webgllibtag);	471	if (ninjaWrapper) {
		472	template.file.content.document.body.getElementsByTagName('ninja-content')[0].appendChild(webgllibtag);
		473	} else {
		474	template.file.content.document.head.appendChild(webgllibtag);
		475	}
457	}	476	}
458	//	477	//
459	if (!webgltag) {	478	if (!webgltag) {
460	webgltag = template.file.content.document.createElement('script');	479	webgltag = template.file.content.document.createElement('script');
461	webgltag.setAttribute('data-ninja-webgl', 'true');	480	webgltag.setAttribute('data-ninja-webgl', 'true');
462	template.file.content.document.head.appendChild(webgltag);	481	if (ninjaWrapper) {
		482	template.file.content.document.body.getElementsByTagName('ninja-content')[0].appendChild(webgltag);
		483	} else {
		484	template.file.content.document.head.appendChild(webgltag);
		485	}
463	}	486	}
464	//TODO: Remove this tag and place inside JS file	487	//TODO: Remove this tag and place inside JS file
465	if (!webgljstag) {	488	if (!webgljstag) {
466	webgljstag = template.file.content.document.createElement('script');	489	webgljstag = template.file.content.document.createElement('script');
467	webgljstag.setAttribute('type', 'text/javascript');	490	webgljstag.setAttribute('type', 'text/javascript');
468	webgljstag.setAttribute('data-ninja-webgl-js', 'true');	491	webgljstag.setAttribute('data-ninja-webgl-js', 'true');
469	template.file.content.document.head.appendChild(webgljstag);	492	if (ninjaWrapper) {
		493	template.file.content.document.body.getElementsByTagName('ninja-content')[0].appendChild(webgljstag);
		494	} else {
		495	template.file.content.document.head.appendChild(webgljstag);
		496	}
470	}	497	}
471	//TODO: Decide if this should be over-writter or only written on creation	498	//TODO: Decide if this should be over-writter or only written on creation
472	var rootElement = 'document.body'; //TODO: Set actual root element	499	var rootElement = 'document.body'; //TODO: Set actual root element
@@ -548,10 +575,15 @@ for (var m in template.mjs) {
548		575
549		576
550		577
551		578
552		579
553	//Cleaning URLs from HTML	580	//Cleaning URLs from HTML
554	var cleanHTML = template.file.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));	581	var cleanHTML;
		582	if (ninjaWrapper) {
		583	cleanHTML = template.file.content.document.body.innerHTML.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));
		584	} else {
		585	cleanHTML = template.file.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));
		586	}
555	//	587	//
556	function parseNinjaRootUrl(url) {	588	function parseNinjaRootUrl(url) {
557	if (url.indexOf(this.application.ninja.coreIoApi.rootUrl) !== -1) {	589	if (url.indexOf(this.application.ninja.coreIoApi.rootUrl) !== -1) {
@@ -561,6 +593,12 @@ for (var m in template.mjs) {
561	}	593	}
562	}	594	}
563	//	595	//
		596	if (ninjaWrapper) {
		597	cleanHTML = cleanHTML.replace(/ninja-viewport/gi, 'div');
		598	cleanHTML = cleanHTML.replace(/ninja-content/gi, 'div');
		599	}
		600
		601	//
564	return this.getPrettyHtml(cleanHTML.replace(this.getAppTemplatesUrlRegEx(), ''));	602	return this.getPrettyHtml(cleanHTML.replace(this.getAppTemplatesUrlRegEx(), ''));
565	}	603	}
566	},	604	},