nodes/mcDandy-more_math
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AI: savepoint 1

Browse Source
This commit is contained in:
mcDandy
2026-04-23 10:49:53 +02:00
parent 573ac457a3
commit c36ec00dd3
1 changed files with 62 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/script_text_input.js
+62 -3
View File
@@ -9,9 +9,45 @@ function ensureStyles() {
const style = document.createElement("style");
style.id = STYLE_ID;
style.textContent = `
.mrmth-v2-editor { display:flex; width:100%; min-height:160px; border:1px solid rgba(255,255,255,.12); border-radius:8px; overflow:hidden; }
.mrmth-v2-gutter { padding:8px 10px; min-width:40px; text-align:right; user-select:none; color:#9aa0a6; background:rgba(0,0,0,.35); border-right:1px solid rgba(255,255,255,.12); font-family:monospace; font-size:12px; line-height:1.45; white-space:pre; box-sizing:border-box; }
.mrmth-v2-textarea { flex:1; min-height:160px !important; border:0 !important; outline:none !important; resize:vertical !important; font-family:monospace !important; font-size:12px !important; line-height:1.45 !important; padding:8px 10px !important; box-sizing:border-box !important; }
.mrmth-v2-editor {
display:flex;
width:100%;
min-height:160px;
border:1px solid rgba(255,255,255,.12);
border-radius:8px;
overflow:hidden;
}
.mrmth-v2-gutter {
padding:8px 10px;
min-width:40px;
text-align:right;
user-select:none;
color:#9aa0a6;
background:rgba(0,0,0,.35);
border-right:1px solid rgba(255,255,255,.12);
font-family:monospace;
font-size:12px;
line-height:1.45;
white-space:pre;
box-sizing:border-box;
}
.mrmth-v2-textarea {
flex: 1;
min-height: 160px !important;
border: 0 !important;
outline: none !important;
resize: vertical !important;
font-family: monospace !important;
font-size: 12px !important;
line-height: 1.45 !important;
padding: 8px 10px !important;
box-sizing: border-box !important;
white-space: pre !important;
overflow: auto !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
`;
document.head.appendChild(style);
}
@@ -73,12 +109,29 @@ function addBracketAutoClose(textarea) {
});
}
function hideNearbyScriptLabels(textarea) {
const root = textarea.closest("div, section, article") ?? textarea.parentElement;
if (!root) return;
const labels = root.querySelectorAll("label, .label, .input-label, .property_name, .v-label, span, div");
for (const el of labels) {
if (el.dataset.mrmthHiddenLabel === "1") continue;
const t = (el.textContent || "").trim().toLowerCase();
if (t === "script") {
el.style.display = "none";
el.dataset.mrmthHiddenLabel = "1";
}
}
}
function attachToTextarea(textarea) {
if (!isLikelyScriptTextarea(textarea)) return;
const parent = textarea.parentElement;
if (!parent) return;
ensureStyles();
hideNearbyScriptLabels(textarea);
const wrapper = document.createElement("div");
wrapper.className = "mrmth-v2-editor";
@@ -93,6 +146,12 @@ function attachToTextarea(textarea) {
textarea.classList.add("mrmth-v2-textarea");
textarea.dataset.mrmthV2Script = "1";
// disable red spell-check underline for code
textarea.spellcheck = false;
textarea.autocapitalize = "off";
textarea.autocomplete = "off";
textarea.autocorrect = "off";
const refresh = () => updateGutter(textarea, gutter);
textarea.addEventListener("input", refresh);
textarea.addEventListener("scroll", refresh);