From f15407d95bc8360b2e8b1f195beb156cc99e4fe8 Mon Sep 17 00:00:00 2001
From: Nico Rehwaldt <nico.rehwaldt@camunda.com>
Date: Tue, 2 Jan 2018 13:33:45 +0100
Subject: [PATCH] chore(Viewer): inline logo as SVG

Make logo retina friendly and save 30 bytes.

Closes #119
---
 lib/Viewer.js             |   4 ++--
 lib/util/PoweredByUtil.js |  14 ++++++++------
 resources/bpmnjs.png      | Bin 633 -> 0 bytes
 resources/logo.svg        |   1 +
 4 files changed, 11 insertions(+), 8 deletions(-)
 delete mode 100644 resources/bpmnjs.png
 create mode 100644 resources/logo.svg

diff --git a/lib/Viewer.js b/lib/Viewer.js
index 4ad8e1d5..ffe26b67 100644
--- a/lib/Viewer.js
+++ b/lib/Viewer.js
@@ -483,7 +483,7 @@ var PoweredBy = require('./util/PoweredByUtil'),
  * @param {Element} container
  */
 function addProjectLogo(container) {
-  var logoData = PoweredBy.BPMNIO_LOGO;
+  var img = PoweredBy.BPMNIO_IMG;
 
   var linkMarkup =
     '<a href="http://bpmn.io" ' +
@@ -491,7 +491,7 @@ function addProjectLogo(container) {
        'class="bjs-powered-by" ' +
        'title="Powered by bpmn.io" ' +
        'style="position: absolute; bottom: 15px; right: 15px; z-index: 100">' +
-        '<img src="data:image/png;base64,' + logoData + '">' +
+      img +
     '</a>';
 
   var linkElement = domify(linkMarkup);
diff --git a/lib/util/PoweredByUtil.js b/lib/util/PoweredByUtil.js
index 4dce5389..e443889f 100644
--- a/lib/util/PoweredByUtil.js
+++ b/lib/util/PoweredByUtil.js
@@ -10,13 +10,13 @@ var domify = require('min-dom/lib/domify');
 
 var domDelegate = require('min-dom/lib/delegate');
 
-/* jshint -W101 */
 
-// inlined ../resources/bpmnjs.png
-var logoData = module.exports.BPMNIO_LOGO = 'iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFiMte9PrwldFwfcZPqtqN0+zEyOe1XLgjvuKncsJAZ70y6fXh3vDT////UrQV////G2zN+AAAABB0Uk5T////////////////////AOAjXRkAAAHDSURBVHjavJZJkoUgDEBJmAX8979tM8u3E6x20VlYJfFFMoL4vBDxATxZcakIOJTWSmxvKWVIkJ8jHvlRv1F2LFrVISCZI+tCtQx+XfewgVTfyY3plPiQEAzI3zWy+kR6NBhFBYeBuscJLOUuA2WVLpCjVIaFzrNQZArxAZKUQm6gsj37L9Cb7dnIBUKxENaaMJQqMpDXvSL+ktxdGRm2IsKgJGGPg7atwUG5CcFUEuSv+CwQqizTrvDTNXdMU2bMiDWZd8d7QIySWVRsb2vBBioxOFt4OinPBapL+neAb5KL5IJ8szOza2/DYoipUCx+CjO0Bpsv0V6mktNZ+k8rlABlWG0FrOpKYVo8DT3dBeLEjUBAj7moDogVii7nSS9QzZnFcOVBp1g2PyBQ3Vr5aIapN91VJy33HTJLC1iX2FY6F8gRdaAeIEfVONgtFCzZTmoLEdOjBDfsIOA6128gw3eu1shAajdZNAORxuQDJN5A5PbEG6gNIu24QJD5iNyRMZIr6bsHbCtCU/OaOaSvgkUyDMdDa1BXGf5HJ1To+/Ym6mCKT02Y+/Sa126ZKyd3jxhzpc1r8zVL6YM1Qy/kR4ABAFJ6iQUnivhAAAAAAElFTkSuQmCC';
+// inlined ../../resources/logo.svg
+var BPMNIO_LOGO_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path fill="#fff" d="M960 60v839c0 33-27 61-60 61H60c-33 0-60-27-60-60V60C0 27 27 0 60 0h839c34 0 61 27 61 60z"/><path fill="#52b415" d="M217 548a205 205 0 0 0-144 58 202 202 0 0 0-4 286 202 202 0 0 0 285 3 200 200 0 0 0 48-219 203 203 0 0 0-185-128zM752 6a206 206 0 0 0-192 285 206 206 0 0 0 269 111 207 207 0 0 0 111-260A204 204 0 0 0 752 6zM62 0A62 62 0 0 0 0 62v398l60 46a259 259 0 0 1 89-36c5-28 10-57 14-85l99 2 12 85a246 246 0 0 1 88 38l70-52 69 71-52 68c17 30 29 58 35 90l86 14-2 100-86 12a240 240 0 0 1-38 89l43 58h413c37 0 60-27 60-61V407a220 220 0 0 1-44 40l21 85-93 39-45-76a258 258 0 0 1-98 1l-45 76-94-39 22-85a298 298 0 0 1-70-69l-86 22-38-94 76-45a258 258 0 0 1-1-98l-76-45 40-94 85 22a271 271 0 0 1 41-47z"/></svg>';
 
-/* jshint +W101 */
+var BPMNIO_LOGO_URL = 'data:image/svg+xml;utf8,' + encodeURIComponent(BPMNIO_LOGO_SVG);
 
+var BPMNIO_IMG = '<img width="52" height="52" src="' + BPMNIO_LOGO_URL + '" />';
 
 function css(attrs) {
   return attrs.join(';');
@@ -57,7 +57,7 @@ var LIGHTBOX_MARKUP =
     '<div class="backdrop" style="' + BACKDROP_STYLES + '"></div>' +
     '<div class="notice" style="' + NOTICE_STYLES + '">' +
       '<a href="http://bpmn.io" target="_blank" style="float: left; margin-right: 10px">' +
-        '<img src="data:image/png;base64,'+ logoData +'">' +
+        BPMNIO_IMG +
       '</a>' +
       'Web-based tooling for BPMN, DMN and CMMN diagrams ' +
       'powered by <a href="http://bpmn.io" target="_blank">bpmn.io</a>.' +
@@ -80,4 +80,6 @@ function open() {
   document.body.appendChild(lightbox);
 }
 
-module.exports.open = open;
\ No newline at end of file
+module.exports.open = open;
+
+module.exports.BPMNIO_IMG = BPMNIO_IMG;
\ No newline at end of file
diff --git a/resources/bpmnjs.png b/resources/bpmnjs.png
deleted file mode 100644
index 2bc56c71356bfe52d511af3f1823acc0525f8a39..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 633
zcmV-<0*3vGP)<h;3K|Lk000e1NJLTq001-q001-y0{{R3@}}$A0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUyFi=cXMTpB@^!o6X(QtjnPpaCD)9l2^
z=e1n8BfjFNa>77oy)x<b;ok7m|Ns9|v=#sV{~K)0_y7O^5Oh*bQ~&?}|NsC0|NsC0
z|NsC00N^8C82|tQ!%0LzRCwCFmPwL@APhiBm<9azzil(iw-c;((OFm}@kKI%_`DGD
z0X$i8sR%ff)=F$|DP>5IpCcamQNK}kELzneAekfULbVKjUH7noRNu*s>6G}85DduQ
zHM06ddNdeC1&4vU#|bRuE(2wiE|8;ChK0_vP-F`60g{wLZlJO~`!CR&?b*l$La`9m
znlO|qGLYB3BL0%xT^Sj+BEp~~VUL5ht-(RL3Bgnn<gfTF5UMQGuJF?}cT7`e%!oCa
zcgK4`jFMSYY;SA91}ZT)TX;Gt&jqSW`geeDl8fYme6usNYj4A1h^bI4ehM?R2AeO@
zUZ#@MS^7^almKN|Z3V3AN?}?&4L#ij;>3+WK##eo4u}<sF6T)vP|caeaOFX#ST;W(
zP~BSjXojgb-Bl+o_Z>1z3s{%fRyr5R5p|#*AV<|W*ew(+*-mN;5!0gtH|!wbI@fO?
z!*{OM$Utg0Su_KY#^eJe-azE`#2cs$BJH?9kokz*kuj1h>AMGPD?(HAnmMGef<-b6
z$3tsSR~i0CCsgSB_9p6Jicd|L`}CUEZka15caIozrOj*eHB0G(HA64tM}PqUQhJF6
TCyMw$00000NkvXXu0mjfYwjZS

diff --git a/resources/logo.svg b/resources/logo.svg
new file mode 100644
index 00000000..47f2492d
--- /dev/null
+++ b/resources/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path fill="#fff" d="M960 60v839c0 33-27 61-60 61H60c-33 0-60-27-60-60V60C0 27 27 0 60 0h839c34 0 61 27 61 60z"/><path fill="#52b415" d="M217 548a205 205 0 0 0-144 58 202 202 0 0 0-4 286 202 202 0 0 0 285 3 200 200 0 0 0 48-219 203 203 0 0 0-185-128zM752 6a206 206 0 0 0-192 285 206 206 0 0 0 269 111 207 207 0 0 0 111-260A204 204 0 0 0 752 6zM62 0A62 62 0 0 0 0 62v398l60 46a259 259 0 0 1 89-36c5-28 10-57 14-85l99 2 12 85a246 246 0 0 1 88 38l70-52 69 71-52 68c17 30 29 58 35 90l86 14-2 100-86 12a240 240 0 0 1-38 89l43 58h413c37 0 60-27 60-61V407a220 220 0 0 1-44 40l21 85-93 39-45-76a258 258 0 0 1-98 1l-45 76-94-39 22-85a298 298 0 0 1-70-69l-86 22-38-94 76-45a258 258 0 0 1-1-98l-76-45 40-94 85 22a271 271 0 0 1 41-47z"/></svg>
\ No newline at end of file