PageRenderTime 50ms CodeModel.GetById 12ms RepoModel.GetById 0ms app.codeStats 1ms

/gulliver/js/thirdparty/codepress/engines/gecko.js

https://bitbucket.org/ferOnti/processmaker
JavaScript | 293 lines | 235 code | 29 blank | 29 comment | 76 complexity | 3c5025d71e52129b1171f2ca570331e3 MD5 | raw file
  1. /*
  2. * CodePress - Real Time Syntax Highlighting Editor written in JavaScript - http://codepress.org/
  3. *
  4. * Copyright (C) 2007 Fernando M.A.d.S. <fermads@gmail.com>
  5. *
  6. * Developers:
  7. * Fernando M.A.d.S. <fermads@gmail.com>
  8. * Michael Hurni <michael.hurni@gmail.com>
  9. * Contributors:
  10. * Martin D. Kirk
  11. *
  12. * This program is free software; you can redistribute it and/or modify it under the terms of the
  13. * GNU Lesser General Public License as published by the Free Software Foundation.
  14. *
  15. * Read the full licence: http://www.opensource.org/licenses/lgpl-license.php
  16. */
  17. CodePress = {
  18. scrolling : false,
  19. autocomplete : true,
  20. // set initial vars and start sh
  21. initialize : function() {
  22. if(typeof(editor)=='undefined' && !arguments[0]) return;
  23. body = document.getElementsByTagName('body')[0];
  24. body.innerHTML = body.innerHTML.replace(/\n/g,"");
  25. chars = '|32|46|62|8|'; // charcodes that trigger syntax highlighting
  26. cc = '\u2009'; // carret char
  27. editor = document.getElementsByTagName('pre')[0];
  28. document.designMode = 'on';
  29. document.addEventListener('keypress', this.keyHandler, true);
  30. window.addEventListener('scroll', function() { if(!CodePress.scrolling) CodePress.syntaxHighlight('scroll') }, false);
  31. completeChars = this.getCompleteChars();
  32. completeEndingChars = this.getCompleteEndingChars();
  33. },
  34. // treat key bindings
  35. keyHandler : function(evt) {
  36. keyCode = evt.keyCode;
  37. charCode = evt.charCode;
  38. fromChar = String.fromCharCode(charCode);
  39. if((evt.ctrlKey || evt.metaKey) && evt.shiftKey && charCode!=90) { // shortcuts = ctrl||appleKey+shift+key!=z(undo)
  40. CodePress.shortcuts(charCode?charCode:keyCode);
  41. }
  42. else if( (completeEndingChars.indexOf('|'+fromChar+'|')!= -1 || completeChars.indexOf('|'+fromChar+'|')!=-1) && CodePress.autocomplete) { // auto complete
  43. if(!CodePress.completeEnding(fromChar))
  44. CodePress.complete(fromChar);
  45. }
  46. else if(chars.indexOf('|'+charCode+'|')!=-1||keyCode==13) { // syntax highlighting
  47. top.setTimeout(function(){CodePress.syntaxHighlight('generic');},100);
  48. }
  49. else if(keyCode==9 || evt.tabKey) { // snippets activation (tab)
  50. CodePress.snippets(evt);
  51. }
  52. else if(keyCode==46||keyCode==8) { // save to history when delete or backspace pressed
  53. CodePress.actions.history[CodePress.actions.next()] = editor.innerHTML;
  54. }
  55. else if((charCode==122||charCode==121||charCode==90) && evt.ctrlKey) { // undo and redo
  56. (charCode==121||evt.shiftKey) ? CodePress.actions.redo() : CodePress.actions.undo();
  57. evt.preventDefault();
  58. }
  59. else if(charCode==118 && evt.ctrlKey) { // handle paste
  60. top.setTimeout(function(){CodePress.syntaxHighlight('generic');},100);
  61. }
  62. else if(charCode==99 && evt.ctrlKey) { // handle cut
  63. //alert(window.getSelection().getRangeAt(0).toString().replace(/\t/g,'FFF'));
  64. }
  65. },
  66. // put cursor back to its original position after every parsing
  67. findString : function() {
  68. if(self.find(cc))
  69. window.getSelection().getRangeAt(0).deleteContents();
  70. },
  71. // split big files, highlighting parts of it
  72. split : function(code,flag) {
  73. if(flag=='scroll') {
  74. this.scrolling = true;
  75. return code;
  76. }
  77. else {
  78. this.scrolling = false;
  79. mid = code.indexOf(cc);
  80. if(mid-2000<0) {ini=0;end=4000;}
  81. else if(mid+2000>code.length) {ini=code.length-4000;end=code.length;}
  82. else {ini=mid-2000;end=mid+2000;}
  83. code = code.substring(ini,end);
  84. return code;
  85. }
  86. },
  87. getEditor : function() {
  88. if(!document.getElementsByTagName('pre')[0]) {
  89. body = document.getElementsByTagName('body')[0];
  90. if(!body.innerHTML) return body;
  91. if(body.innerHTML=="<br>") body.innerHTML = "<pre> </pre>";
  92. else body.innerHTML = "<pre>"+body.innerHTML+"</pre>";
  93. }
  94. return body;//document.getElementsByTagName('pre')[0];
  95. },
  96. // syntax highlighting parser
  97. syntaxHighlight : function(flag) {
  98. //if(document.designMode=='off') document.designMode='on'
  99. if(flag != 'init') { window.getSelection().getRangeAt(0).insertNode(document.createTextNode(cc));}
  100. editor = CodePress.getEditor();
  101. o = editor.innerHTML;
  102. o = o.replace(/<br>/g,'\n');
  103. o = o.replace(/<.*?>/g,'');
  104. x = z = this.split(o,flag);
  105. x = x.replace(/\n/g,'<br>');
  106. if(arguments[1]&&arguments[2]) x = x.replace(arguments[1],arguments[2]);
  107. for(i=0;i<Language.syntax.length;i++)
  108. x = x.replace(Language.syntax[i].input,Language.syntax[i].output);
  109. editor.innerHTML = this.actions.history[this.actions.next()] = (flag=='scroll') ? x : o.split(z).join(x);
  110. if(flag!='init') this.findString();
  111. },
  112. getLastWord : function() {
  113. var rangeAndCaret = CodePress.getRangeAndCaret();
  114. words = rangeAndCaret[0].substring(rangeAndCaret[1]-40,rangeAndCaret[1]);
  115. words = words.replace(/[\s\n\r\);\W]/g,'\n').split('\n');
  116. return words[words.length-1].replace(/[\W]/gi,'').toLowerCase();
  117. },
  118. snippets : function(evt) {
  119. var snippets = Language.snippets;
  120. var trigger = this.getLastWord();
  121. for (var i=0; i<snippets.length; i++) {
  122. if(snippets[i].input == trigger) {
  123. var content = snippets[i].output.replace(/</g,'&lt;');
  124. content = content.replace(/>/g,'&gt;');
  125. if(content.indexOf('$0')<0) content += cc;
  126. else content = content.replace(/\$0/,cc);
  127. content = content.replace(/\n/g,'<br>');
  128. var pattern = new RegExp(trigger+cc,'gi');
  129. evt.preventDefault(); // prevent the tab key from being added
  130. this.syntaxHighlight('snippets',pattern,content);
  131. }
  132. }
  133. },
  134. readOnly : function() {
  135. document.designMode = (arguments[0]) ? 'off' : 'on';
  136. },
  137. complete : function(trigger) {
  138. window.getSelection().getRangeAt(0).deleteContents();
  139. var complete = Language.complete;
  140. for (var i=0; i<complete.length; i++) {
  141. if(complete[i].input == trigger) {
  142. var pattern = new RegExp('\\'+trigger+cc);
  143. var content = complete[i].output.replace(/\$0/g,cc);
  144. parent.setTimeout(function () { CodePress.syntaxHighlight('complete',pattern,content)},0); // wait for char to appear on screen
  145. }
  146. }
  147. },
  148. getCompleteChars : function() {
  149. var cChars = '';
  150. for(var i=0;i<Language.complete.length;i++)
  151. cChars += '|'+Language.complete[i].input;
  152. return cChars+'|';
  153. },
  154. getCompleteEndingChars : function() {
  155. var cChars = '';
  156. for(var i=0;i<Language.complete.length;i++)
  157. cChars += '|'+Language.complete[i].output.charAt(Language.complete[i].output.length-1);
  158. return cChars+'|';
  159. },
  160. completeEnding : function(trigger) {
  161. var range = window.getSelection().getRangeAt(0);
  162. try {
  163. range.setEnd(range.endContainer, range.endOffset+1)
  164. }
  165. catch(e) {
  166. return false;
  167. }
  168. var next_character = range.toString()
  169. range.setEnd(range.endContainer, range.endOffset-1)
  170. if(next_character != trigger) return false;
  171. else {
  172. range.setEnd(range.endContainer, range.endOffset+1)
  173. range.deleteContents();
  174. return true;
  175. }
  176. },
  177. shortcuts : function() {
  178. var cCode = arguments[0];
  179. if(cCode==13) cCode = '[enter]';
  180. else if(cCode==32) cCode = '[space]';
  181. else cCode = '['+String.fromCharCode(charCode).toLowerCase()+']';
  182. for(var i=0;i<Language.shortcuts.length;i++)
  183. if(Language.shortcuts[i].input == cCode)
  184. this.insertCode(Language.shortcuts[i].output,false);
  185. },
  186. getRangeAndCaret : function() {
  187. var range = window.getSelection().getRangeAt(0);
  188. var range2 = range.cloneRange();
  189. var node = range.endContainer;
  190. var caret = range.endOffset;
  191. range2.selectNode(node);
  192. return [range2.toString(),caret];
  193. },
  194. insertCode : function(code,replaceCursorBefore) {
  195. var range = window.getSelection().getRangeAt(0);
  196. var node = window.document.createTextNode(code);
  197. var selct = window.getSelection();
  198. var range2 = range.cloneRange();
  199. // Insert text at cursor position
  200. selct.removeAllRanges();
  201. range.deleteContents();
  202. range.insertNode(node);
  203. // Move the cursor to the end of text
  204. range2.selectNode(node);
  205. range2.collapse(replaceCursorBefore);
  206. selct.removeAllRanges();
  207. selct.addRange(range2);
  208. },
  209. // get code from editor
  210. getCode : function() {
  211. if(!document.getElementsByTagName('pre')[0] || editor.innerHTML == '')
  212. editor = CodePress.getEditor();
  213. var code = editor.innerHTML;
  214. code = code.replace(/<br>/g,'\n');
  215. code = code.replace(/\u2009/g,'');
  216. code = code.replace(/<.*?>/g,'');
  217. code = code.replace(/&lt;/g,'<');
  218. code = code.replace(/&gt;/g,'>');
  219. code = code.replace(/&amp;/gi,'&');
  220. return code;
  221. },
  222. // put code inside editor
  223. setCode : function() {
  224. var code = arguments[0];
  225. code = code.replace(/\u2009/gi,'');
  226. code = code.replace(/&/gi,'&amp;');
  227. code = code.replace(/</g,'&lt;');
  228. code = code.replace(/>/g,'&gt;');
  229. editor.innerHTML = code;
  230. if (code == '')
  231. document.getElementsByTagName('body')[0].innerHTML = '';
  232. },
  233. // undo and redo methods
  234. actions : {
  235. pos : -1, // actual history position
  236. history : [], // history vector
  237. undo : function() {
  238. editor = CodePress.getEditor();
  239. if(editor.innerHTML.indexOf(cc)==-1){
  240. if(editor.innerHTML != " ")
  241. window.getSelection().getRangeAt(0).insertNode(document.createTextNode(cc));
  242. this.history[this.pos] = editor.innerHTML;
  243. }
  244. this.pos --;
  245. if(typeof(this.history[this.pos])=='undefined') this.pos ++;
  246. editor.innerHTML = this.history[this.pos];
  247. if(editor.innerHTML.indexOf(cc)>-1) editor.innerHTML+=cc;
  248. CodePress.findString();
  249. },
  250. redo : function() {
  251. // editor = CodePress.getEditor();
  252. this.pos++;
  253. if(typeof(this.history[this.pos])=='undefined') this.pos--;
  254. editor.innerHTML = this.history[this.pos];
  255. CodePress.findString();
  256. },
  257. next : function() { // get next vector position and clean old ones
  258. if(this.pos>20) this.history[this.pos-21] = undefined;
  259. return ++this.pos;
  260. }
  261. }
  262. }
  263. Language={};
  264. window.addEventListener('load', function() { CodePress.initialize('new'); }, true);