/*
** Copyright (c) 2020 D. Richard Hipp
**
** This program is free software; you can redistribute it and/or
** modify it under the terms of the Simplified BSD License (also
** known as the "2-Clause License" or "FreeBSD License".)
**
** This program is distributed in the hope that it will be useful,
** but without any warranty; without even the implied warranty of
** merchantability or fitness for a particular purpose.
**
** Author contact information:
** drh@hwaci.com
** http://www.hwaci.com/drh/
**
*******************************************************************************
**
** This file contains fossil-specific code related to pikchr.
*/
#include "config.h"
#include <assert.h>
#include <ctype.h>
#include "pikchrshow.h"
/*
** WEBPAGE: pikchrshow
**
** A basic pikchr code editor and renderer, allowing users with write-
** or wiki-write permissions to experiment with pikchr code.
*/
void pikchrshow_cmd(void){
const char *zContent = P("content");
int isDark, flipColors;
login_check_credentials();
if( !g.perm.WrWiki && !g.perm.Write ){
cgi_redirectf("%s/login?g=%s/pikchrshow", g.zTop, g.zTop);
}
isDark = skin_detail_boolean("white-foreground");
flipColors = isDark ? (zContent ? P("flipcolors")!=0 : 1) : 0;
if(!zContent){
zContent = "arrow right 200% \"Markdown\" \"Source\"\n"
"box rad 10px \"Markdown\" \"Formatter\" \"(markdown.c)\" fit\n"
"arrow right 200% \"HTML+SVG\" \"Output\"\n"
"arrow <-> down from last box.s\n"
"box same \"Pikchr\" \"Formatter\" \"(pikchr.c)\" fit\n";
}
style_header("PikchrShow");
CX("<style>"
"#pikchrshow-output, #pikchrshow-form"
"{display: flex; flex-direction: column;}"
"#pikchrshow-form > * {margin: 0.25em 0;}"
"#pikchrshow-output {margin-top: 1em;}"
"#pikchrshow-controls {"
"display: flex; flex-direction: row; align-items: center;"
"}"
"#pikchrshow-controls > * {margin: 0 0.5em 0 0}"
"</style>");
if( flipColors ){
/* Flip the colors to approximate a dark theme look */
CX("<style>#pikchrshow-output > svg {"
"filter: invert(1) hue-rotate(180deg);"
"}</style>");
}
CX("<form method='POST' id='pikchrshow-form' action=''>");
CX("<div>Input pikchr code and tap SUBMIT to render it:</div>");
CX("<textarea name='content' rows='15' cols='80'>");
CX("%s", zContent/*safe-for-%s*/);
CX("</textarea>");
CX("<div id='pikchrshow-controls'>");
CX("<input type='submit' value='Submit'></input>");
if(isDark){
CX("<input id='flipcolors' type='checkbox' value='1' "
"name='flipcolors'");
if(flipColors){
CX(" checked");
}
CX("/>");
CX("<label for='flipcolors'>"
"Simulate dark color theme?</label>");
}
CX("</div>");
CX("</form>");
CX("<div id='pikchrshow-output'>");
if(*zContent){
int w = 0, h = 0;
char *zOut = pikchr(zContent, "pikchr", 0, &w, &h);
if( w>0 && h>0 ){
const char *zNonce = safe_html_nonce(1);
CX("%s\n%s%s", zNonce, zOut, zNonce);
}else{
CX("<pre>\n%s\n</pre>\n", zOut);
}
fossil_free(zOut);
}
CX("</div>");
style_footer();
}