open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

show livepreview error in compact mode

Browse Source
This commit is contained in:
tophf 2022-03-27 18:47:28 +03:00
parent ec5a685ee2
commit 57a7939b5e
3 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
edit.html
View File

@ -271,7 +271,7 @@
<input type="checkbox" id="editor.livePreview"> <input type="checkbox" id="editor.livePreview">
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg> <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
</label> </label>
<span id="preview-errors" class="hidden">!</span> <span id="preview-errors" hidden>!</span>
</div> </div>
</section> </section>
<section id="actions"> <section id="actions">

12
edit/base.js
View File

@ -368,6 +368,9 @@ function LivePreview() {
let preprocess; let preprocess;
let enabled = prefs.get('editor.livePreview'); let enabled = prefs.get('editor.livePreview');
const el = $('#preview-errors');
el.onclick = () => messageBoxProxy.alert(el.title, 'pre');
prefs.subscribe('editor.livePreview', (key, value) => { prefs.subscribe('editor.livePreview', (key, value) => {
if (!value) { if (!value) {
if (port) { if (port) {
@ -410,10 +413,9 @@ function LivePreview() {
} }
async function updatePreviewer(data) { async function updatePreviewer(data) {
const errorContainer = $('#preview-errors');
try { try {
port.postMessage(preprocess ? await preprocess(data) : data); port.postMessage(preprocess ? await preprocess(data) : data);
errorContainer.classList.add('hidden'); el.hidden = true;
} catch (err) { } catch (err) {
if (Array.isArray(err)) { if (Array.isArray(err)) {
err = err.join('\n'); err = err.join('\n');
@ -422,10 +424,8 @@ function LivePreview() {
const pos = editor.getEditors()[0].posFromIndex(err.index); const pos = editor.getEditors()[0].posFromIndex(err.index);
err.message = `${pos.line}:${pos.ch} ${err.message || err}`; err.message = `${pos.line}:${pos.ch} ${err.message || err}`;
} }
errorContainer.classList.remove('hidden'); el.title = err.message || `${err}`;
errorContainer.onclick = () => { el.hidden = false;
messageBoxProxy.alert(err.message || `${err}`, 'pre');
};
} }
} }
} }

18
edit/edit.css
View File

@ -1030,7 +1030,8 @@ label {
flex-direction: row; flex-direction: row;
box-shadow: 0 0 3rem -.75rem; box-shadow: 0 0 3rem -.75rem;
} }
#header.sticky #basic-info, #header.sticky #basic-info-name,
#header.sticky #basic-info-enabled > :not(#preview-errors),
#header.sticky #mozilla-format-buttons, #header.sticky #mozilla-format-buttons,
#header.sticky .buttons > button, #header.sticky .buttons > button,
#header.sticky .split-btn-pedal, #header.sticky .split-btn-pedal,
@ -1038,6 +1039,21 @@ label {
h2 { h2 {
display: none; display: none;
} }
#preview-errors {
margin: -2px .75em 0 -.25em !important;
}
#header.sticky #basic-info {
margin: 0;
}
#header.sticky #preview-errors {
position: absolute;
top: var(--pad05);
right: var(--pad05);
margin: .25em 0 0 !important;
}
.popup-window #header.sticky #preview-errors {
right: calc(var(--pad05) + 24px);
}
.popup-window #details-wrapper { .popup-window #details-wrapper {
margin-right: var(--popup-button-width); margin-right: var(--popup-button-width);
} }