aboutsummaryrefslogtreecommitdiff
path: root/js/mediators/io-mediator.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/mediators/io-mediator.js')
-rw-r--r--js/mediators/io-mediator.js410
1 files changed, 286 insertions, 124 deletions
diff --git a/js/mediators/io-mediator.js b/js/mediators/io-mediator.js
index 057a849d..e9ed86d7 100644
--- a/js/mediators/io-mediator.js
+++ b/js/mediators/io-mediator.js
@@ -10,7 +10,7 @@ var Montage = require("montage/core/core").Montage,
10 Component = require("montage/ui/component").Component, 10 Component = require("montage/ui/component").Component,
11 FileIo = require("js/io/system/fileio").FileIo, 11 FileIo = require("js/io/system/fileio").FileIo,
12 ProjectIo = require("js/io/system/projectio").ProjectIo, 12 ProjectIo = require("js/io/system/projectio").ProjectIo,
13 TemplateCreator = require("node_modules/tools/template-creator").TemplateCreator; 13 TemplateCreator = require("node_modules/tools/template/template-creator").TemplateCreator;
14//////////////////////////////////////////////////////////////////////// 14////////////////////////////////////////////////////////////////////////
15// 15//
16exports.IoMediator = Montage.create(Component, { 16exports.IoMediator = Montage.create(Component, {
@@ -53,14 +53,14 @@ exports.IoMediator = Montage.create(Component, {
53 // 53 //
54 fileNew: { 54 fileNew: {
55 enumerable: false, 55 enumerable: false,
56 value: function (file, template, callback) { 56 value: function (file, url, callback, template) {
57 //Loading template from template URL 57 //Loading template from template URL
58 var xhr = new XMLHttpRequest(), result; 58 var xhr = new XMLHttpRequest(), result;
59 xhr.open("GET", template, false); 59 xhr.open("GET", url, false);
60 xhr.send(); 60 xhr.send();
61 if (xhr.readyState === 4) { 61 if (xhr.readyState === 4) {
62 //Making call to create file, checking for return code 62 //Making call to create file, checking for return code
63 switch (this.fio.newFile({ uri: file, contents: xhr.response })) { 63 switch (this.fio.newFile({ uri: file, contents: parseTemplate(xhr.response, template) })) {
64 case 201: 64 case 201:
65 result = { status: 201, success: true, uri: file }; 65 result = { status: 201, success: true, uri: file };
66 break; 66 break;
@@ -74,6 +74,21 @@ exports.IoMediator = Montage.create(Component, {
74 result = { status: 500, success: false, uri: file }; 74 result = { status: 500, success: false, uri: file };
75 break; 75 break;
76 } 76 }
77 //TODO: Improve template data injection
78 function parseTemplate (content, template) {
79 //
80 if (template.name.toLowerCase() === 'banner' || template.name.toLowerCase() === 'animation') {
81 //Getting dimensions of banner
82 var dimensions = template.id.split('x');
83 dimensions = {width: String(dimensions[0])+'px', height: String(dimensions[1])+'px'};
84 //
85 content = content.replace(/Dimensions@@@/gi, "Dimensions@@@"+template.id);
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+"}");
88 }
89 //
90 return content;
91 }
77 } else { 92 } else {
78 result = { status: 500, success: false, uri: file }; 93 result = { status: 500, success: false, uri: file };
79 } 94 }
@@ -147,25 +162,25 @@ exports.IoMediator = Montage.create(Component, {
147 // 162 //
148 fileSave: { 163 fileSave: {
149 enumerable: false, 164 enumerable: false,
150 value: function (file, callback) { 165 value: function (doc, callback) {
151 // 166 //
152 var contents, save; 167 var contents, save;
153 // 168 //
154 switch (file.mode) { 169 switch (doc.mode) {
155 case 'html': 170 case 'html':
156
157
158 //TODO: Add check for Monatage library to copy
159
160 //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)
161 contents = this.parseNinjaTemplateToHtml(file); 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 }
162 break; 177 break;
163 default: 178 default:
164 contents = file.content; 179 contents = doc.content;
165 break; 180 break;
166 } 181 }
167 //Making call to save file 182 //Making call to save file
168 save = this.fio.saveFile({ uri: file.document.uri, contents: contents }); 183 save = this.fio.saveFile({ uri: doc.file.uri, contents: contents });
169 //Checking for callback 184 //Checking for callback
170 if (callback) callback(save); 185 if (callback) callback(save);
171 } 186 }
@@ -188,6 +203,59 @@ exports.IoMediator = Montage.create(Component, {
188 }, 203 },
189 //////////////////////////////////////////////////////////////////// 204 ////////////////////////////////////////////////////////////////////
190 // 205 //
206 getDataDirectory: {
207 value: function (path) {
208 //TODO: Implement user overwrite
209 return this._getUserDirectory(path+'data/');
210 }
211 },
212 ////////////////////////////////////////////////////////////////////
213 //
214 getNinjaDirectory: {
215 value: function (path) {
216 //TODO: Implement user overwrite
217 return this._getUserDirectory(this.getDataDirectory(path)+'ninja/');
218 }
219 },
220 ////////////////////////////////////////////////////////////////////
221 //
222 getCanvasDirectory: {
223 value: function (path) {
224 //TODO: Implement user overwrite
225 return this._getUserDirectory(this.getNinjaDirectory(path)+'canvas/');
226 }
227 },
228 ////////////////////////////////////////////////////////////////////
229 //
230 _getUserDirectory: {
231 value: function (path) {
232 //Checking for data directory
233 var check = this.application.ninja.coreIoApi.fileExists({uri: path}), directory;
234 //Creating directory if doesn't exists
235 switch (check.status) {
236 case 204: //Exists
237 directory = path;
238 break;
239 case 404: //Doesn't exists
240 directory = this.application.ninja.coreIoApi.createDirectory({uri: path});
241 //Checking for success
242 if (directory.status === 201) {
243 directory = path;
244 } else {
245 //Error
246 directory = null;
247 }
248 break;
249 default: //Error
250 directory = null;
251 break;
252 }
253 //Returning the path to the directory on disk (null for any error)
254 return directory;
255 }
256 },
257 ////////////////////////////////////////////////////////////////////
258 //
191 parseHtmlToNinjaTemplate: { 259 parseHtmlToNinjaTemplate: {
192 enumerable: false, 260 enumerable: false,
193 value: function (html) { 261 value: function (html) {
@@ -196,23 +264,65 @@ exports.IoMediator = Montage.create(Component, {
196 //Setting content to temp 264 //Setting content to temp
197 doc.getElementsByTagName('html')[0].innerHTML = html; 265 doc.getElementsByTagName('html')[0].innerHTML = html;
198 //Creating return object 266 //Creating return object
199 return { head: doc.head.innerHTML, body: doc.body.innerHTML, document: doc }; 267 return {head: doc.head.innerHTML, body: doc.body.innerHTML, document: doc};
200 } 268 }
201 }, 269 },
202 //////////////////////////////////////////////////////////////////// 270 ////////////////////////////////////////////////////////////////////
203 //TODO: Expand to allow more templates, clean up variables 271 //TODO: Expand to allow more templates, clean up variables
204 parseNinjaTemplateToHtml: { 272 parseNinjaTemplateToHtml: {
205 enumerable: false, 273 enumerable: false,
206 value: function (template) { 274 value: function (template, ninjaWrapper) {
207 var regexRootUrl, rootUrl = this.application.ninja.coreIoApi.rootUrl + escape((this.application.ninja.documentController.documentHackReference.root.split(this.application.ninja.coreIoApi.cloudData.root)[1])); 275 //TODO: Improve reference for rootUrl
276 var regexRootUrl,
277 rootUrl = this.application.ninja.coreIoApi.rootUrl + escape((this.application.ninja.documentController.documentHackReference.root.split(this.application.ninja.coreIoApi.cloudData.root)[1])),
278 mjsCreator = template.mjsTemplateCreator.create(),
279 mJsSerialization,
280 montageTemplate;
281 //Creating instance of template creator
282 montageTemplate = mjsCreator.initWithDocument(template.document);
283 //Setting up expression for parsing URLs
208 regexRootUrl = new RegExp(rootUrl.replace(/\//gi, '\\\/'), 'gi'); 284 regexRootUrl = new RegExp(rootUrl.replace(/\//gi, '\\\/'), 'gi');
209 //Injecting head and body into old document 285 //Injecting head and body into old document
210 template.document.content.document.head.innerHTML = template.head.replace(regexRootUrl, ''); 286 if (montageTemplate._ownerSerialization.length > 0) {
211 template.document.content.document.body.innerHTML = template.body.replace(regexRootUrl, ''); 287 template.file.content.document.head.innerHTML = montageTemplate._document.head.innerHTML.replace(regexRootUrl, '');
288 template.file.content.document.body.innerHTML = montageTemplate._document.body.innerHTML.replace(regexRootUrl, '');
289 //
290 mJsSerialization = montageTemplate._ownerSerialization;
291 } else {
292 template.file.content.document.head.innerHTML = template.head.innerHTML.replace(regexRootUrl, '');
293 template.file.content.document.body.innerHTML = template.body.innerHTML.replace(regexRootUrl, '');
294 }
295 //Copying attributes to maintain same properties as the <body>
296 for (var n in template.body.attributes) {
297 if (template.body.attributes[n].value) {
298 //
299 template.file.content.document.body.setAttribute(template.body.attributes[n].name, template.body.attributes[n].value);
300 }
301 }
302 //TODO: Add attribute copying for <HEAD> and <HTML>
303
304
305 //console.log(template.file.content.document.getElementsByTagName('html')[0].innerHTML);
306
307
212 //Getting all CSS (style or link) tags 308 //Getting all CSS (style or link) tags
213 var styletags = template.document.content.document.getElementsByTagName('style'), 309 var styletags = template.file.content.document.getElementsByTagName('style'),
214 linktags = template.document.content.document.getElementsByTagName('link'), 310 linktags = template.file.content.document.getElementsByTagName('link'),
215 toremovetags = []; 311 toremovetags = [],
312 njtemplatetags = template.file.content.document.querySelectorAll('[data-ninja-template]');