Merge pull request #16 from korutech-ai/feature/notes-preview
FEATURE: Adds HTML markdown preview below notes editor.
This commit is contained in:
Hayden
28
.gitignore
vendored
28
.gitignore
vendored
@@ -160,3 +160,31 @@ cython_debug/
|
|||||||
#.idea/
|
#.idea/
|
||||||
ui_settings.yaml
|
ui_settings.yaml
|
||||||
server_settings.yaml
|
server_settings.yaml
|
||||||
|
|
||||||
|
# macOS:
|
||||||
|
# General
|
||||||
|
.DS_Store
|
||||||
|
.AppleDouble
|
||||||
|
.LSOverride
|
||||||
|
|
||||||
|
# Icon must end with two \r
|
||||||
|
Icon
|
||||||
|
|
||||||
|
# Thumbnails
|
||||||
|
._*
|
||||||
|
|
||||||
|
# Files that might appear in the root of a volume
|
||||||
|
.DocumentRevisions-V100
|
||||||
|
.fseventsd
|
||||||
|
.Spotlight-V100
|
||||||
|
.TemporaryItems
|
||||||
|
.Trashes
|
||||||
|
.VolumeIcon.icns
|
||||||
|
.com.apple.timemachine.donotpresent
|
||||||
|
|
||||||
|
# Directories potentially created on remote AFP share
|
||||||
|
.AppleDB
|
||||||
|
.AppleDesktop
|
||||||
|
Network Trash Folder
|
||||||
|
Temporary Items
|
||||||
|
.apdisk
|
||||||
|
|||||||
19
.vscode/settings.json
vendored
Normal file
19
.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
{
|
||||||
|
"cSpell.words": [
|
||||||
|
"apng",
|
||||||
|
"Civitai",
|
||||||
|
"ckpt",
|
||||||
|
"comfyui",
|
||||||
|
"FYUIKMNVB",
|
||||||
|
"gguf",
|
||||||
|
"gligen",
|
||||||
|
"jfif",
|
||||||
|
"locon",
|
||||||
|
"loras",
|
||||||
|
"noimage",
|
||||||
|
"onnx",
|
||||||
|
"rfilename",
|
||||||
|
"unet",
|
||||||
|
"upscaler"
|
||||||
|
]
|
||||||
|
}
|
||||||
231
web/downshow.js
Normal file
231
web/downshow.js
Normal file
@@ -0,0 +1,231 @@
|
|||||||
|
/**
|
||||||
|
* downshow.js -- A javascript library to convert HTML to markdown.
|
||||||
|
*
|
||||||
|
* Copyright (c) 2013 Alex Cornejo.
|
||||||
|
*
|
||||||
|
* Original Markdown Copyright (c) 2004-2005 John Gruber
|
||||||
|
* <http://darlingfireball.net/projects/markdown/>
|
||||||
|
*
|
||||||
|
* Redistributable under a BSD-style open source license.
|
||||||
|
*
|
||||||
|
* downshow has no external dependencies. It has been tested in chrome and
|
||||||
|
* firefox, it probably works in internet explorer, but YMMV.
|
||||||
|
*
|
||||||
|
* Basic Usage:
|
||||||
|
*
|
||||||
|
* downshow(document.getElementById('#yourid').innerHTML);
|
||||||
|
*
|
||||||
|
* TODO:
|
||||||
|
* - Remove extra whitespace between words in headers and other places.
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function () {
|
||||||
|
var doc;
|
||||||
|
|
||||||
|
// Use browser DOM with jsdom as a fallback (for node.js)
|
||||||
|
try {
|
||||||
|
doc = document;
|
||||||
|
} catch(e) {
|
||||||
|
var jsdom = require("jsdom").jsdom;
|
||||||
|
doc = jsdom("<html><head></head><body></body></html>");
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Returns every element in root in their bfs traversal order.
|
||||||
|
*
|
||||||
|
* In the process it transforms any nested lists to conform to the w3c
|
||||||
|
* standard, see: http://www.w3.org/wiki/HTML_lists#Nesting_lists
|
||||||
|
*/
|
||||||
|
function bfsOrder(root) {
|
||||||
|
var inqueue = [root], outqueue = [];
|
||||||
|
root._bfs_parent = null;
|
||||||
|
while (inqueue.length > 0) {
|
||||||
|
var elem = inqueue.shift();
|
||||||
|
outqueue.push(elem);
|
||||||
|
var children = elem.childNodes;
|
||||||
|
var liParent = null;
|
||||||
|
for (var i=0 ; i<children.length; i++) {
|
||||||
|
if (children[i].nodeType == 1) {// element node
|
||||||
|
if (children[i].tagName === 'LI') {
|
||||||
|
liParent = children[i];
|
||||||
|
} else if ((children[i].tagName === 'UL' || children[i].tagName === 'OL') && liParent) {
|
||||||
|
liParent.appendChild(children[i]);
|
||||||
|
i--;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
children[i]._bfs_parent = elem;
|
||||||
|
inqueue.push(children[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
outqueue.shift();
|
||||||
|
return outqueue;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove whitespace and newlines from beginning and end of a sting.
|
||||||
|
*/
|
||||||
|
function trim(str) {
|
||||||
|
return str.replace(/^\s\s*/,'').replace(/\s\s*$/, '');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove all newlines and trims the resulting string.
|
||||||
|
*/
|
||||||
|
function nltrim(str) {
|
||||||
|
return str.replace(/\s{2,}/g, ' ').replace(/^\s\s*/,'').replace(/\s\s*$/, '');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add prefix to the beginning of every line in block.
|
||||||
|
*/
|
||||||
|
function prefixBlock(prefix, block, skipEmpty) {
|
||||||
|
var lines = block.split('\n');
|
||||||
|
for (var i =0; i<lines.length; i++) {
|
||||||
|
// Do not prefix empty lines
|
||||||
|
if (lines[i].length === 0 && skipEmpty === true)
|
||||||
|
continue;
|
||||||
|
else
|
||||||
|
lines[i] = prefix + lines[i];
|
||||||
|
}
|
||||||
|
return lines.join('\n');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Set the node's content.
|
||||||
|
*/
|
||||||
|
function setContent(node, content, prefix, suffix) {
|
||||||
|
if (content.length > 0) {
|
||||||
|
if (prefix && suffix)
|
||||||
|
node._bfs_text = prefix + content + suffix;
|
||||||
|
else
|
||||||
|
node._bfs_text = content;
|
||||||
|
} else
|
||||||
|
node._bfs_text = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a node's content.
|
||||||
|
*/
|
||||||
|
function getContent(node) {
|
||||||
|
var text = '', atom;
|
||||||
|
for (var i = 0; i<node.childNodes.length; i++) {
|
||||||
|
if (node.childNodes[i].nodeType === 1) {
|
||||||
|
atom = node.childNodes[i]._bfs_text;
|
||||||
|
} else if (node.childNodes[i].nodeType === 3) {
|
||||||
|
atom = node.childNodes[i].data;
|
||||||
|
} else
|
||||||
|
continue;
|
||||||
|
if (text.match(/[\t ]+$/) && atom.match(/^[\t ]+/)) {
|
||||||
|
text = text.replace(/[\t ]+$/,'') + ' ' + atom.replace(/^[\t ]+/, '');
|
||||||
|
} else {
|
||||||
|
text = text + atom;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return text;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Process a node in the DOM tree.
|
||||||
|
* */
|
||||||
|
function processNode(node) {
|
||||||
|
if (node.tagName === 'P' || node.tagName === 'DIV' || node.tagName === 'UL' || node.tagName === 'OL' || node.tagName === 'PRE')
|
||||||
|
setContent(node, getContent(node), '\n\n', '\n\n');
|
||||||
|
else if (node.tagName === 'BR')
|
||||||
|
setContent(node, '\n\n');
|
||||||
|
else if (node.tagName === 'HR')
|
||||||
|
setContent(node, '\n***\n');
|
||||||
|
else if (node.tagName === 'H1')
|
||||||
|
setContent(node, nltrim(getContent(node)), '\n# ', '\n');
|
||||||
|
else if (node.tagName === 'H2')
|
||||||
|
setContent(node, nltrim(getContent(node)), '\n## ', '\n');
|
||||||
|
else if (node.tagName === 'H3')
|
||||||
|
setContent(node, nltrim(getContent(node)), '\n### ', '\n');
|
||||||
|
else if (node.tagName === 'H4')
|
||||||
|
setContent(node, nltrim(getContent(node)), '\n#### ', '\n');
|
||||||
|
else if (node.tagName === 'H5')
|
||||||
|
setContent(node, nltrim(getContent(node)), '\n##### ', '\n');
|
||||||
|
else if (node.tagName === 'H6')
|
||||||
|
setContent(node, nltrim(getContent(node)), '\n###### ', '\n');
|
||||||
|
else if (node.tagName === 'B' || node.tagName === 'STRONG')
|
||||||
|
setContent(node, nltrim(getContent(node)), '**', '**');
|
||||||
|
else if (node.tagName === 'I' || node.tagName === 'EM')
|
||||||
|
setContent(node, nltrim(getContent(node)), '_', '_');
|
||||||
|
else if (node.tagName === 'A') {
|
||||||
|
var href = node.href ? nltrim(node.href) : '', text = nltrim(getContent(node)) || href, title = node.title ? nltrim(node.title) : '';
|
||||||
|
if (href.length > 0)
|
||||||
|
setContent(node, '[' + text + '](' + href + (title ? ' "' + title + '"' : '') + ')');
|
||||||
|
else
|
||||||
|
setContent(node, '');
|
||||||
|
} else if (node.tagName === 'IMG') {
|
||||||
|
var src = node.getAttribute('src') ? nltrim(node.getAttribute('src')) : '', alt = node.alt ? nltrim(node.alt) : '', caption = node.title ? nltrim(node.title) : '';
|
||||||
|
if (src.length > 0)
|
||||||
|
setContent(node, '![' + alt + '](' + src + (caption ? ' "' + caption + '"' : '') + ')');
|
||||||
|
else
|
||||||
|
setContent(node, '');
|
||||||
|
} else if (node.tagName === 'BLOCKQUOTE') {
|
||||||
|
var block_content = getContent(node);
|
||||||
|
if (block_content.length > 0)
|
||||||
|
setContent(node, prefixBlock('> ', block_content), '\n\n', '\n\n');
|
||||||
|
else
|
||||||
|
setContent(node, '');
|
||||||
|
} else if (node.tagName === 'CODE') {
|
||||||
|
if (node._bfs_parent.tagName === 'PRE' && node._bfs_parent._bfs_parent !== null)
|
||||||
|
setContent(node, prefixBlock(' ', getContent(node)));
|
||||||
|
else
|
||||||
|
setContent(node, nltrim(getContent(node)), '`', '`');
|
||||||
|
} else if (node.tagName === 'LI') {
|
||||||
|
var list_content = getContent(node);
|
||||||
|
if (list_content.length > 0)
|
||||||
|
if (node._bfs_parent.tagName === 'OL')
|
||||||
|
setContent(node, trim(prefixBlock(' ', list_content, true)), '1. ', '\n\n');
|
||||||
|
else
|
||||||
|
setContent(node, trim(prefixBlock(' ', list_content, true)), '- ', '\n\n');
|
||||||
|
else
|
||||||
|
setContent(node, '');
|
||||||
|
} else
|
||||||
|
setContent(node, getContent(node));
|
||||||
|
}
|
||||||
|
|
||||||
|
function downshow(html, options) {
|
||||||
|
var root = doc.createElement('pre');
|
||||||
|
root.innerHTML = html;
|
||||||
|
var nodes = bfsOrder(root).reverse(), i;
|
||||||
|
|
||||||
|
if (options && options.nodeParser) {
|
||||||
|
for (i = 0; i<nodes.length; i++) {
|
||||||
|
var result = options.nodeParser(doc, nodes[i].cloneNode(true));
|
||||||
|
if (result === false)
|
||||||
|
processNode(nodes[i]);
|
||||||
|
else
|
||||||
|
setContent(nodes[i], result);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
for (i = 0; i<nodes.length; i++) {
|
||||||
|
processNode(nodes[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return getContent(root)
|
||||||
|
// remove empty lines between blockquotes
|
||||||
|
.replace(/(\n(?:> )+[^\n]*)\n+(\n(?:> )+)/g, "$1\n$2")
|
||||||
|
// remove empty blockquotes
|
||||||
|
.replace(/\n((?:> )+[ ]*\n)+/g, '\n\n')
|
||||||
|
// remove extra newlines
|
||||||
|
.replace(/\n[ \t]*(?:\n[ \t]*)+\n/g,'\n\n')
|
||||||
|
// remove trailing whitespace
|
||||||
|
.replace(/\s\s*$/, '')
|
||||||
|
// convert lists to inline when not using paragraphs
|
||||||
|
.replace(/^([ \t]*(?:\d+\.|\+|\-)[^\n]*)\n\n+(?=[ \t]*(?:\d+\.|\+|\-|\*)[^\n]*)/gm, "$1\n")
|
||||||
|
// remove starting newlines
|
||||||
|
.replace(/^\n\n*/, '');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Export for use in server and client.
|
||||||
|
if (typeof module !== 'undefined' && typeof module.exports !== 'undefined')
|
||||||
|
module.exports = downshow;
|
||||||
|
else if (typeof define === 'function' && define.amd)
|
||||||
|
define([], function () {return downshow;});
|
||||||
|
else
|
||||||
|
window.downshow = downshow;
|
||||||
|
})();
|
||||||
8
web/eslint.config.mjs
Normal file
8
web/eslint.config.mjs
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
import globals from "globals";
|
||||||
|
import pluginJs from "@eslint/js";
|
||||||
|
|
||||||
|
|
||||||
|
export default [
|
||||||
|
{languageOptions: { globals: globals.browser }},
|
||||||
|
pluginJs.configs.recommended,
|
||||||
|
];
|
||||||
2498
web/marked.js
Normal file
2498
web/marked.js
Normal file
File diff suppressed because it is too large
Load Diff
@@ -141,6 +141,7 @@
|
|||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.model-manager input[type="file"] {
|
.model-manager input[type="file"] {
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user