src/web_buffer_svg.c

   1 #include "common.h"
   2
   3 #define BADGE_HORIZONTAL_PADDING 4
   4 #define VERDANA_KERNING 0.5
   5
   6 /*
   7  * verdana11_widths[] has been generated with this method:
   8  * https://github.com/badges/shields/blob/master/measure-text.js
   9 */
  10
  11 double verdana11_widths[256] = {
  12     [0] = 0.0,
  13     [1] = 0.0,
  14     [2] = 0.0,
  15     [3] = 0.0,
  16     [4] = 0.0,
  17     [5] = 0.0,
  18     [6] = 0.0,
  19     [7] = 0.0,
  20     [8] = 0.0,
  21     [9] = 0.0,
  22     [10] = 0.0,
  23     [11] = 0.0,
  24     [12] = 0.0,
  25     [13] = 0.0,
  26     [14] = 0.0,
  27     [15] = 0.0,
  28     [16] = 0.0,
  29     [17] = 0.0,
  30     [18] = 0.0,
  31     [19] = 0.0,
  32     [20] = 0.0,
  33     [21] = 0.0,
  34     [22] = 0.0,
  35     [23] = 0.0,
  36     [24] = 0.0,
  37     [25] = 0.0,
  38     [26] = 0.0,
  39     [27] = 0.0,
  40     [28] = 0.0,
  41     [29] = 0.0,
  42     [30] = 0.0,
  43     [31] = 0.0,
  44     [32] = 3.8671874999999996, //
  45     [33] = 4.3291015625, // !
  46     [34] = 5.048828125, // "
  47     [35] = 9.001953125, // #
  48     [36] = 6.9931640625, // $
  49     [37] = 11.837890625, // %
  50     [38] = 7.992187499999999, // &
  51     [39] = 2.9541015625, // '
  52     [40] = 4.9951171875, // (
  53     [41] = 4.9951171875, // )
  54     [42] = 6.9931640625, // *
  55     [43] = 9.001953125, // +
  56     [44] = 4.00146484375, // ,
  57     [45] = 4.9951171875, // -
  58     [46] = 4.00146484375, // .
  59     [47] = 4.9951171875, // /
  60     [48] = 6.9931640625, // 0
  61     [49] = 6.9931640625, // 1
  62     [50] = 6.9931640625, // 2
  63     [51] = 6.9931640625, // 3
  64     [52] = 6.9931640625, // 4
  65     [53] = 6.9931640625, // 5
  66     [54] = 6.9931640625, // 6
  67     [55] = 6.9931640625, // 7
  68     [56] = 6.9931640625, // 8
  69     [57] = 6.9931640625, // 9
  70     [58] = 4.9951171875, // :
  71     [59] = 4.9951171875, // ;
  72     [60] = 9.001953125, // <
  73     [61] = 9.001953125, // =
  74     [62] = 9.001953125, // >
  75     [63] = 5.99951171875, // ?
  76     [64] = 11.0, // @
  77     [65] = 7.51953125, // A
  78     [66] = 7.541015625, // B
  79     [67] = 7.680664062499999, // C
  80     [68] = 8.4755859375, // D
  81     [69] = 6.95556640625, // E
  82     [70] = 6.32177734375, // F
  83     [71] = 8.529296875, // G
  84     [72] = 8.26611328125, // H
  85     [73] = 4.6298828125, // I
  86     [74] = 5.00048828125, // J
  87     [75] = 7.62158203125, // K
  88     [76] = 6.123046875, // L
  89     [77] = 9.2705078125, // M
  90     [78] = 8.228515625, // N
  91     [79] = 8.658203125, // O
  92     [80] = 6.63330078125, // P
  93     [81] = 8.658203125, // Q
  94     [82] = 7.6484375, // R
  95     [83] = 7.51953125, // S
  96     [84] = 6.7783203125, // T
  97     [85] = 8.05126953125, // U
  98     [86] = 7.51953125, // V
  99     [87] = 10.87646484375, // W
 100     [88] = 7.53564453125, // X
 101     [89] = 6.767578125, // Y
 102     [90] = 7.53564453125, // Z
 103     [91] = 4.9951171875, // [
 104     [92] = 4.9951171875, // backslash
 105     [93] = 4.9951171875, // ]
 106     [94] = 9.001953125, // ^
 107     [95] = 6.9931640625, // _
 108     [96] = 6.9931640625, // `
 109     [97] = 6.6064453125, // a
 110     [98] = 6.853515625, // b
 111     [99] = 5.73095703125, // c
 112     [100] = 6.853515625, // d
 113     [101] = 6.552734375, // e
 114     [102] = 3.8671874999999996, // f
 115     [103] = 6.853515625, // g
 116     [104] = 6.9609375, // h
 117     [105] = 3.0185546875, // i
 118     [106] = 3.78662109375, // j
 119     [107] = 6.509765625, // k
 120     [108] = 3.0185546875, // l
 121     [109] = 10.69921875, // m
 122     [110] = 6.9609375, // n
 123     [111] = 6.67626953125, // o
 124     [112] = 6.853515625, // p
 125     [113] = 6.853515625, // q
 126     [114] = 4.6943359375, // r
 127     [115] = 5.73095703125, // s
 128     [116] = 4.33447265625, // t
 129     [117] = 6.9609375, // u
 130     [118] = 6.509765625, // v
 131     [119] = 9.001953125, // w
 132     [120] = 6.509765625, // x
 133     [121] = 6.509765625, // y
 134     [122] = 5.779296875, // z
 135     [123] = 6.982421875, // {
 136     [124] = 4.9951171875, // |
 137     [125] = 6.982421875, // }
 138     [126] = 9.001953125, // ~
 139     [127] = 0.0,
 140     [128] = 0.0,
 141     [129] = 0.0,
 142     [130] = 0.0,
 143     [131] = 0.0,
 144     [132] = 0.0,
 145     [133] = 0.0,
 146     [134] = 0.0,
 147     [135] = 0.0,
 148     [136] = 0.0,
 149     [137] = 0.0,
 150     [138] = 0.0,
 151     [139] = 0.0,
 152     [140] = 0.0,
 153     [141] = 0.0,
 154     [142] = 0.0,
 155     [143] = 0.0,
 156     [144] = 0.0,
 157     [145] = 0.0,
 158     [146] = 0.0,
 159     [147] = 0.0,
 160     [148] = 0.0,
 161     [149] = 0.0,
 162     [150] = 0.0,
 163     [151] = 0.0,
 164     [152] = 0.0,
 165     [153] = 0.0,
 166     [154] = 0.0,
 167     [155] = 0.0,
 168     [156] = 0.0,
 169     [157] = 0.0,
 170     [158] = 0.0,
 171     [159] = 0.0,
 172     [160] = 0.0,
 173     [161] = 0.0,
 174     [162] = 0.0,
 175     [163] = 0.0,
 176     [164] = 0.0,
 177     [165] = 0.0,
 178     [166] = 0.0,
 179     [167] = 0.0,
 180     [168] = 0.0,
 181     [169] = 0.0,
 182     [170] = 0.0,
 183     [171] = 0.0,
 184     [172] = 0.0,
 185     [173] = 0.0,
 186     [174] = 0.0,
 187     [175] = 0.0,
 188     [176] = 0.0,
 189     [177] = 0.0,
 190     [178] = 0.0,
 191     [179] = 0.0,
 192     [180] = 0.0,
 193     [181] = 0.0,
 194     [182] = 0.0,
 195     [183] = 0.0,
 196     [184] = 0.0,
 197     [185] = 0.0,
 198     [186] = 0.0,
 199     [187] = 0.0,
 200     [188] = 0.0,
 201     [189] = 0.0,
 202     [190] = 0.0,
 203     [191] = 0.0,
 204     [192] = 0.0,
 205     [193] = 0.0,
 206     [194] = 0.0,
 207     [195] = 0.0,
 208     [196] = 0.0,
 209     [197] = 0.0,
 210     [198] = 0.0,
 211     [199] = 0.0,
 212     [200] = 0.0,
 213     [201] = 0.0,
 214     [202] = 0.0,
 215     [203] = 0.0,
 216     [204] = 0.0,
 217     [205] = 0.0,
 218     [206] = 0.0,
 219     [207] = 0.0,
 220     [208] = 0.0,
 221     [209] = 0.0,
 222     [210] = 0.0,
 223     [211] = 0.0,
 224     [212] = 0.0,
 225     [213] = 0.0,
 226     [214] = 0.0,
 227     [215] = 0.0,
 228     [216] = 0.0,
 229     [217] = 0.0,
 230     [218] = 0.0,
 231     [219] = 0.0,
 232     [220] = 0.0,
 233     [221] = 0.0,
 234     [222] = 0.0,
 235     [223] = 0.0,
 236     [224] = 0.0,
 237     [225] = 0.0,
 238     [226] = 0.0,
 239     [227] = 0.0,
 240     [228] = 0.0,
 241     [229] = 0.0,
 242     [230] = 0.0,
 243     [231] = 0.0,
 244     [232] = 0.0,
 245     [233] = 0.0,
 246     [234] = 0.0,
 247     [235] = 0.0,
 248     [236] = 0.0,
 249     [237] = 0.0,
 250     [238] = 0.0,
 251     [239] = 0.0,
 252     [240] = 0.0,
 253     [241] = 0.0,
 254     [242] = 0.0,
 255     [243] = 0.0,
 256     [244] = 0.0,
 257     [245] = 0.0,
 258     [246] = 0.0,
 259     [247] = 0.0,
 260     [248] = 0.0,
 261     [249] = 0.0,
 262     [250] = 0.0,
 263     [251] = 0.0,
 264     [252] = 0.0,
 265     [253] = 0.0,
 266     [254] = 0.0,
 267     [255] = 0.0
 268 };
 269
 270 // find the width of the string using the verdana 11points font
 271 // re-write the string in place, skiping zero-length characters
 272 static inline int verdana11_width(char *s) {
 273     double w = 0.0;
 274     char *d = s;
 275
 276     while(*s) {
 277         double t = verdana11_widths[(unsigned char)*s];
 278         if(t == 0.0)
 279             s++;
 280         else {
 281             w += t + VERDANA_KERNING;
 282             if(d != s)
 283                 *d++ = *s++;
 284             else
 285                 d = ++s;
 286         }
 287     }
 288
 289     *d = '\0';
 290     w -= VERDANA_KERNING;
 291     return ceil(w);
 292 }
 293
 294 static inline size_t escape_xmlz(char *dst, const char *src, size_t len) {
 295     size_t i = len;
 296
 297     // required escapes from
 298     // https://github.com/badges/shields/blob/master/badge.js
 299     while(*src && i) {
 300         switch(*src) {
 301             case '\\':
 302                 *dst++ = '/';
 303                 src++;
 304                 i--;
 305                 break;
 306
 307             case '&':
 308                 if(i > 5) {
 309                     strcpy(dst, "&amp;");
 310                     i -= 5;
 311                     dst += 5;
 312                     src++;
 313                 }
 314                 else goto cleanup;
 315                 break;
 316
 317             case '<':
 318                 if(i > 4) {
 319                     strcpy(dst, "&lt;");
 320                     i -= 4;
 321                     dst += 4;
 322                     src++;
 323                 }
 324                 else goto cleanup;
 325                 break;
 326
 327             case '>':
 328                 if(i > 4) {
 329                     strcpy(dst, "&gt;");
 330                     i -= 4;
 331                     dst += 4;
 332                     src++;
 333                 }
 334                 else goto cleanup;
 335                 break;
 336
 337             case '"':
 338                 if(i > 6) {
 339                     strcpy(dst, "&quot;");
 340                     i -= 6;
 341                     dst += 6;
 342                     src++;
 343                 }
 344                 else goto cleanup;
 345                 break;
 346
 347             case '\'':
 348                 if(i > 6) {
 349                     strcpy(dst, "&apos;");
 350                     i -= 6;
 351                     dst += 6;
 352                     src++;
 353                 }
 354                 else goto cleanup;
 355                 break;
 356
 357             default:
 358                 i--;
 359                 *dst++ = *src++;
 360                 break;
 361         }
 362     }
 363
 364 cleanup:
 365     *dst = '\0';
 366     return len - i;
 367 }
 368
 369 static inline const char *fix_units(const char *units) {
 370     if(!units || !*units || !strcmp(units, "empty") || !strcmp(units, "null")) return "";
 371     if(!strcmp(units, "percentage") || !strcmp(units, "percent") || !strcmp(units, "pcent")) return "%";
 372     return units;
 373 }
 374
 375 static inline const char *color_map(const char *color) {
 376     // colors from:
 377     // https://github.com/badges/shields/blob/master/colorscheme.json
 378          if(!strcmp(color, "brightgreen")) return "#4c1";
 379     else if(!strcmp(color, "green"))       return "#97CA00";
 380     else if(!strcmp(color, "yellow"))      return "#dfb317";
 381     else if(!strcmp(color, "yellowgreen")) return "#a4a61d";
 382     else if(!strcmp(color, "orange"))      return "#fe7d37";
 383     else if(!strcmp(color, "red"))         return "#e05d44";
 384     else if(!strcmp(color, "blue"))        return "#007ec6";
 385     else if(!strcmp(color, "grey"))        return "#555";
 386     else if(!strcmp(color, "gray"))        return "#555";
 387     else if(!strcmp(color, "lightgrey"))   return "#9f9f9f";
 388     else if(!strcmp(color, "lightgray"))   return "#9f9f9f";
 389     return color;
 390 }
 391
 392 static inline void calc_colorz(const char *color, char *final, size_t len, calculated_number value, int value_is_null) {
 393     char color_buffer[256 + 1] = "";
 394     char value_buffer[256 + 1] = "";
 395     char comparison = '>';
 396
 397     // example input:
 398     // color<max|color>min|color:null...
 399
 400     const char *c = color;
 401     while(*c) {
 402         char *dc = color_buffer, *dv = NULL;
 403         size_t ci = 0, vi = 0;
 404
 405         const char *t = c;
 406
 407         while(*t && *t != '|') {
 408             switch(*t) {
 409                 case ':':
 410                     comparison = '=';
 411                     dv = value_buffer;
 412                     break;
 413
 414                 case '}':
 415                 case ')':
 416                 case '>':
 417                     if(t[1] == '=') {
 418                         comparison = ')';
 419                         t++;
 420                     }
 421                     else
 422                         comparison = '>';
 423                     dv = value_buffer;
 424                     break;
 425
 426                 case '{':
 427                 case '(':
 428                 case '<':
 429                     if(t[1] == '=') {
 430                         comparison = '(';
 431                         t++;
 432                     }
 433                     else
 434                         comparison = '<';
 435                     dv = value_buffer;
 436                     break;
 437
 438                 default:
 439                     if(dv) {
 440                         if(vi < 256) {
 441                             vi++;
 442                             *dv++ = *t;
 443                         }
 444                     }
 445                     else {
 446                         if(ci < 256) {
 447                             ci++;
 448                             *dc++ = *t;
 449                         }
 450                     }
 451                     break;
 452             }
 453
 454             t++;
 455         }
 456
 457         // prepare for next iteration
 458         if(*t == '|') t++;
 459         c = t;
 460
 461         // do the math
 462         *dc = '\0';
 463         if(dv) {
 464             *dv = '\0';
 465
 466             if(value_is_null) {
 467                 if(!*value_buffer || !strcmp(value_buffer, "null"))
 468                     break;
 469             }
 470             else {
 471                 calculated_number v = strtold(value_buffer, NULL);
 472
 473                      if(comparison == '<' && value < v) break;
 474                 else if(comparison == '(' && value <= v) break;
 475                 else if(comparison == '>' && value > v) break;
 476                 else if(comparison == ')' && value >= v) break;
 477                 else if(comparison == '=' && value == v) break;
 478             }
 479         }
 480         else
 481             break;
 482     }
 483
 484     const char *b;
 485     if(color_buffer[0])
 486         b = color_buffer;
 487     else
 488         b = color;
 489
 490     strncpyz(final, b, len);
 491 }
 492
 493 void buffer_svg(BUFFER *wb, const char *label, calculated_number value, const char *units, const char *label_color, const char *value_color, int value_is_null, int precision) {
 494     char label_buffer[256 + 1], value_string[512 + 1], value_color_buffer[256 + 1];
 495     char label_escaped[256 + 1], value_escaped[512 + 1], label_color_escaped[256 + 1], value_color_escaped[256 + 1];
 496     int label_width, value_width, total_width;
 497
 498     if(!label_color || !*label_color) label_color = "#555";
 499     if(!value_color || !*value_color) value_color = (value_is_null)?"#999":"#4c1";
 500
 501     units = fix_units(units);
 502     calc_colorz(value_color, value_color_buffer, 256, value, value_is_null);
 503
 504     char *separator = "";
 505     if(isalnum(*units)) separator = " ";
 506
 507     if(value_is_null)
 508         strcpy(value_string, "-");
 509     else if(precision < 0) {
 510         calculated_number abs = (value < (calculated_number)0)?-value:value;
 511         if(abs > (calculated_number)1000.0)      snprintfz(value_string, 512, "%0.0Lf%s%s", (long double)value, separator, units);
 512         else if(abs > (calculated_number)100.0)  snprintfz(value_string, 512, "%0.1Lf%s%s", (long double)value, separator, units);
 513         else if(abs > (calculated_number)1.0)    snprintfz(value_string, 512, "%0.2Lf%s%s", (long double)value, separator, units);
 514         else if(abs > (calculated_number)0.1)    snprintfz(value_string, 512, "%0.3Lf%s%s", (long double)value, separator, units);
 515         else                                     snprintfz(value_string, 512, "%0.4Lf%s%s", (long double)value, separator, units);
 516     }
 517     else {
 518         if(precision > 50) precision = 50;
 519         snprintfz(value_string, 512, "%0.*Lf%s%s", precision, (long double)value, separator, units);
 520     }
 521
 522     // we need to copy the label, since verdana11_width may write to it
 523     strncpyz(label_buffer, label, 256);
 524
 525     label_width = verdana11_width(label_buffer) + (BADGE_HORIZONTAL_PADDING * 2);
 526     value_width = verdana11_width(value_string) + (BADGE_HORIZONTAL_PADDING * 2);
 527     total_width = label_width + value_width;
 528
 529     escape_xmlz(label_escaped, label_buffer, 256);
 530     escape_xmlz(value_escaped, value_string, 256);
 531     escape_xmlz(label_color_escaped, color_map(label_color), 256);
 532     escape_xmlz(value_color_escaped, color_map(value_color_buffer), 256);
 533
 534     wb->contenttype = CT_IMAGE_SVG_XML;
 535
 536     // svg template from:
 537     // https://raw.githubusercontent.com/badges/shields/master/templates/flat-template.svg
 538     buffer_sprintf(wb,
 539         "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"%d\" height=\"20\">"
 540             "<linearGradient id=\"smooth\" x2=\"0\" y2=\"100%%\">"
 541                 "<stop offset=\"0\" stop-color=\"#bbb\" stop-opacity=\".1\"/>"
 542                 "<stop offset=\"1\" stop-opacity=\".1\"/>"
 543             "</linearGradient>"
 544             "<mask id=\"round\">"
 545                 "<rect width=\"%d\" height=\"20\" rx=\"3\" fill=\"#fff\"/>"
 546             "</mask>"
 547             "<g mask=\"url(#round)\">"
 548                 "<rect width=\"%d\" height=\"20\" fill=\"%s\"/>"
 549                 "<rect x=\"%d\" width=\"%d\" height=\"20\" fill=\"%s\"/>"
 550                 "<rect width=\"%d\" height=\"20\" fill=\"url(#smooth)\"/>"
 551             "</g>"
 552             "<g fill=\"#fff\" text-anchor=\"middle\" font-family=\"DejaVu Sans,Verdana,Geneva,sans-serif\" font-size=\"11\">"
 553                 "<text x=\"%d\" y=\"15\" fill=\"#010101\" fill-opacity=\".3\">%s</text>"
 554                 "<text x=\"%d\" y=\"14\">%s</text>"
 555                 "<text x=\"%d\" y=\"15\" fill=\"#010101\" fill-opacity=\".3\">%s</text>"
 556                 "<text x=\"%d\" y=\"14\">%s</text>"
 557             "</g>"
 558         "</svg>",
 559         total_width, total_width,
 560         label_width, label_color_escaped,
 561         label_width, value_width, value_color_escaped,
 562         total_width,
 563         label_width / 2, label_escaped,
 564         label_width / 2, label_escaped,
 565         label_width + value_width / 2 -1, value_escaped,
 566         label_width + value_width / 2 -1, value_escaped);
 567 }