reusePaths.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. /**
  2. * @license
  3. * The MIT License
  4. *
  5. * Copyright © 2012–2016 Kir Belevich
  6. *
  7. * Permission is hereby granted, free of charge, to any person
  8. * obtaining a copy of this software and associated documentation
  9. * files (the "Software"), to deal in the Software without
  10. * restriction, including without limitation the rights to use,
  11. * copy, modify, merge, publish, distribute, sublicense, and/or sell
  12. * copies of the Software, and to permit persons to whom the
  13. * Software is furnished to do so, subject to the following
  14. * conditions:
  15. *
  16. * The above copyright notice and this permission notice shall be
  17. * included in all copies or substantial portions of the Software.
  18. *
  19. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  20. * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
  21. * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
  22. * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
  23. * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
  24. * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  25. * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
  26. * OTHER DEALINGS IN THE SOFTWARE.
  27. *
  28. * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  29. *
  30. * Лицензия MIT
  31. *
  32. * Copyright © 2012–2016 Кир Белевич
  33. *
  34. * Данная лицензия разрешает лицам, получившим копию
  35. * данного
  36. * программного обеспечения и сопутствующей
  37. * документации
  38. * (в дальнейшем именуемыми «Программное Обеспечение»),
  39. * безвозмездно
  40. * использовать Программное Обеспечение без
  41. * ограничений, включая
  42. * неограниченное право на использование, копирование,
  43. * изменение,
  44. * добавление, публикацию, распространение,
  45. * сублицензирование
  46. * и/или продажу копий Программного Обеспечения, также
  47. * как и лицам,
  48. * которым предоставляется данное Программное
  49. * Обеспечение,
  50. * при соблюдении следующих условий:
  51. *
  52. * Указанное выше уведомление об авторском праве и
  53. * данные условия
  54. * должны быть включены во все копии или значимые части
  55. * данного
  56. * Программного Обеспечения.
  57. *
  58. * ДАННОЕ ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ «КАК
  59. * ЕСТЬ»,
  60. * БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ, ЯВНО ВЫРАЖЕННЫХ ИЛИ
  61. * ПОДРАЗУМЕВАЕМЫХ,
  62. * ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЬ ГАРАНТИЯМИ ТОВАРНОЙ
  63. * ПРИГОДНОСТИ,
  64. * СООТВЕТСТВИЯ ПО ЕГО КОНКРЕТНОМУ НАЗНАЧЕНИЮ И
  65. * ОТСУТСТВИЯ НАРУШЕНИЙ
  66. * ПРАВ. НИ В КАКОМ СЛУЧАЕ АВТОРЫ ИЛИ ПРАВООБЛАДАТЕЛИ НЕ
  67. * НЕСУТ
  68. * ОТВЕТСТВЕННОСТИ ПО ИСКАМ О ВОЗМЕЩЕНИИ УЩЕРБА, УБЫТКОВ
  69. * ИЛИ ДРУГИХ
  70. * ТРЕБОВАНИЙ ПО ДЕЙСТВУЮЩИМ КОНТРАКТАМ, ДЕЛИКТАМ ИЛИ
  71. * ИНОМУ,
  72. * ВОЗНИКШИМ ИЗ, ИМЕЮЩИМ ПРИЧИНОЙ ИЛИ СВЯЗАННЫМ С
  73. * ПРОГРАММНЫМ
  74. * ОБЕСПЕЧЕНИЕМ ИЛИ ИСПОЛЬЗОВАНИЕМ ПРОГРАММНОГО
  75. * ОБЕСПЕЧЕНИЯ
  76. * ИЛИ ИНЫМИ ДЕЙСТВИЯМИ С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ.
  77. */
  78. 'use strict';
  79. var JSAPI = require('../lib/svgo/jsAPI');
  80. exports.type = 'full';
  81. exports.active = false;
  82. exports.description = 'Finds <path> elements with the same d, fill, and ' +
  83. 'stroke, and converts them to <use> elements ' +
  84. 'referencing a single <path> def.';
  85. /**
  86. * Finds <path> elements with the same d, fill, and stroke, and converts them to
  87. * <use> elements referencing a single <path> def.
  88. *
  89. * @author Jacob Howcroft
  90. */
  91. exports.fn = function(data) {
  92. const seen = new Map();
  93. let count = 0;
  94. const defs = [];
  95. traverse(data, item => {
  96. if (!item.isElem('path') || !item.hasAttr('d')) {
  97. return;
  98. }
  99. const d = item.attr('d').value;
  100. const fill = (item.hasAttr('fill') && item.attr('fill').value) || '';
  101. const stroke = (item.hasAttr('stroke') && item.attr('stroke').value) || '';
  102. const key = d + ';s:' + stroke + ';f:' + fill;
  103. const hasSeen = seen.get(key);
  104. if (!hasSeen) {
  105. seen.set(key, {elem: item, reused: false});
  106. return;
  107. }
  108. if (!hasSeen.reused) {
  109. hasSeen.reused = true;
  110. if (!hasSeen.elem.hasAttr('id')) {
  111. hasSeen.elem.addAttr({name: 'id', local: 'id',
  112. prefix: '', value: 'reuse-' + (count++)});
  113. }
  114. defs.push(hasSeen.elem);
  115. }
  116. item = convertToUse(item, hasSeen.elem.attr('id').value);
  117. });
  118. const defsTag = new JSAPI({
  119. elem: 'defs', prefix: '', local: 'defs', content: [], attrs: []}, data);
  120. data.content[0].spliceContent(0, 0, defsTag);
  121. for (let def of defs) {
  122. // Remove class and style before copying to avoid circular refs in
  123. // JSON.stringify. This is fine because we don't actually want class or
  124. // style information to be copied.
  125. const style = def.style;
  126. const defClass = def.class;
  127. delete def.style;
  128. delete def.class;
  129. const defClone = def.clone();
  130. def.style = style;
  131. def.class = defClass;
  132. defClone.removeAttr('transform');
  133. defsTag.spliceContent(0, 0, defClone);
  134. // Convert the original def to a use so the first usage isn't duplicated.
  135. def = convertToUse(def, defClone.attr('id').value);
  136. def.removeAttr('id');
  137. }
  138. return data;
  139. };
  140. /** */
  141. function convertToUse(item, href) {
  142. item.renameElem('use');
  143. item.removeAttr('d');
  144. item.removeAttr('stroke');
  145. item.removeAttr('fill');
  146. item.addAttr({name: 'xlink:href', local: 'xlink:href',
  147. prefix: 'none', value: '#' + href});
  148. delete item.pathJS;
  149. return item;
  150. }
  151. /** */
  152. function traverse(parent, callback) {
  153. if (parent.isEmpty()) {
  154. return;
  155. }
  156. for (let child of parent.content) {
  157. callback(child);
  158. traverse(child, callback);
  159. }
  160. }