offendersHelpers.js 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. var OffendersHelpers = function() {
  2. this.domPathToArray = function(str) {
  3. return str.split(/\s?>\s?/);
  4. };
  5. this.listOfDomArraysToTree = function(listOfDomArrays) {
  6. var result = {};
  7. function recursiveTreeBuilder(tree, domArray) {
  8. if (domArray.length > 0) {
  9. var currentDomElement = domArray.shift();
  10. if (tree === null) {
  11. tree = {};
  12. }
  13. tree[currentDomElement] = recursiveTreeBuilder(tree[currentDomElement] || null, domArray);
  14. return tree;
  15. } else if (tree === null) {
  16. return 1;
  17. } else {
  18. return tree + 1;
  19. }
  20. }
  21. listOfDomArrays.forEach(function(domArray) {
  22. result = recursiveTreeBuilder(result, domArray);
  23. });
  24. return result;
  25. };
  26. this.domPathToDomElementObj = function(domPath) {
  27. if (typeof domPath === 'boolean') {
  28. return {
  29. // Not a normal element path
  30. type: 'notAnElement',
  31. element: domPath
  32. };
  33. }
  34. var domArray = this.domPathToArray(domPath);
  35. var domTree = this.listOfDomArraysToTree([this.domPathToArray(domPath)]);
  36. if (domArray[0] === 'html') {
  37. return {
  38. type: 'html'
  39. };
  40. }
  41. if (domArray[0] === 'body') {
  42. if (domArray.length === 1) {
  43. return {
  44. type: 'body'
  45. };
  46. } else {
  47. return {
  48. type: 'domElement',
  49. element: domArray[domArray.length - 1],
  50. tree: domTree
  51. };
  52. }
  53. }
  54. if (domArray[0] === 'head') {
  55. return {
  56. type: 'head'
  57. };
  58. }
  59. if (domArray[0] === '#document') {
  60. return {
  61. type: 'document'
  62. };
  63. }
  64. if (domArray[0] === 'window') {
  65. return {
  66. type: 'window'
  67. };
  68. }
  69. if (domArray[0] === 'DocumentFragment') {
  70. if (domArray.length === 1) {
  71. return {
  72. type: 'fragment'
  73. };
  74. } else {
  75. return {
  76. type: 'fragmentElement',
  77. element: domArray[domArray.length - 1],
  78. tree: domTree
  79. };
  80. }
  81. }
  82. // Not attached element, such as just created with document.createElement()
  83. if (domArray.length === 1) {
  84. return {
  85. type: 'createdElement',
  86. element: domPath
  87. };
  88. } else {
  89. return {
  90. type: 'createdElement',
  91. element: domArray[domArray.length - 1],
  92. tree: domTree
  93. };
  94. }
  95. };
  96. this.backtraceToArray = function(str) {
  97. var traceArray = str.split(/ \/ /);
  98. if (traceArray) {
  99. var results = [];
  100. var parts = null;
  101. for (var i=0 ; i<traceArray.length ; i++) {
  102. parts = /^(([\w$]+) )?([^ ]+):(\d+)$/.exec(traceArray[i]);
  103. if (parts) {
  104. var obj = {
  105. file: parts[3],
  106. line: parseInt(parts[4], 10)
  107. };
  108. if (parts[2]) {
  109. obj.functionName = parts[2];
  110. }
  111. results.push(obj);
  112. } else {
  113. return null;
  114. }
  115. }
  116. return results;
  117. } else {
  118. return null;
  119. }
  120. };
  121. this.sortVarsLikeChromeDevTools = function(vars) {
  122. return vars.sort(function(a, b) {
  123. return (a < b) ? -1 : 1;
  124. });
  125. };
  126. this.urlToLink = function(url) {
  127. var shortUrl = (url.length > 110) ? url.substr(0, 47) + ' ... ' + url.substr(-48) : url;
  128. return '<a href="' + url + '" target="_blank" title="' + url + '">' + shortUrl + '</a>';
  129. };
  130. this.cssOffenderPattern = function(offender) {
  131. var parts = /^(.*) (?:<([^ \(]*)>|\[inline CSS\]) @ (\d+):(\d+)$/.exec(offender);
  132. if (!parts) {
  133. return {
  134. offender: offender
  135. };
  136. } else {
  137. return {
  138. css: parts[1],
  139. file: parts[2] || null,
  140. line: parseInt(parts[3], 10),
  141. column: parseInt(parts[4], 10)
  142. };
  143. }
  144. };
  145. this.fileWithSizePattern = function(fileWithSize) {
  146. var parts = /^([^ ]*) \((\d+\.\d{2}) kB\)$/.exec(fileWithSize);
  147. if (!parts) {
  148. return {
  149. file: fileWithSize
  150. };
  151. } else {
  152. return {
  153. file: parts[1],
  154. size: parseFloat(parts[2])
  155. };
  156. }
  157. };
  158. };
  159. module.exports = new OffendersHelpers();