Reticulum/micron-parser-js
1
0
Fork 0
mirror of https://github.com/RFnexus/micron-parser-js.git synced 2025-12-22 08:27:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix for > headers and subheaders not being full width

Browse Source
This commit is contained in:
rfnx
2025-02-01 22:27:12 -05:00
parent 3c91feec8a
commit 8b54be1f88
3 changed files with 32 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored Normal file
View File

@@ -0,0 +1,3 @@
**/__pycache__/
.idea
.idea/

4
index.html
View File

@@ -24,7 +24,7 @@
<div class="w-1/2 border-r border-gray-700 ">
<textarea
id="text-editor"
class="w-full h-full bg-[#000] text-white p-4 resize-none focus:outline-none focus:ring-2 focus:ring-blue-500"
class="w-full h-full bg-[#000] text-white p-4 resize-none focus:outline-none focus:ring-2 focus:ring-blue-500 "
placeholder="">
-\u223f
@@ -415,7 +415,7 @@ To display literal content, for example source-code, or blocks of text that shou
</div>
<div class="w-1/2 ">
<div id="output" class="bg-[#000] text-white p-4 h-full overflow-auto">
<div id="output" class="bg-[#000] break-words whitespace-pre-wrap p-4 text-wrap h-full overflow-auto">
</div>
</div>

39
js/micron-parser.js
View File

@@ -43,7 +43,7 @@ class MicronParser {
}
convertMicronToHtml(markup) {
let html = "";
let html = "";
let state = {
literal: false,
@@ -67,14 +67,14 @@ class MicronParser {
const lineOutput = this.parseLine(line, state);
if (lineOutput && lineOutput.length > 0) {
for (let el of lineOutput) {
html += el.outerHTML;
html += el.outerHTML;
}
} else {
html += "<br>";
html += "<br>";
}
}
return html;
return html;
}
parseToHtml(markup) {
@@ -158,6 +158,21 @@ class MicronParser {
let outputParts = this.makeOutput(state, headingLine);
this.styleToState(latched_style, state);
// make outputParts full container width
if (outputParts && outputParts.length > 0) {
const outerDiv = document.createElement("div");
outerDiv.style.display = "block";
outerDiv.style.width = "100%";
this.applyStyleToElement(outerDiv, style);
const innerDiv = document.createElement("div");
this.applySectionIndent(innerDiv, state);
this.appendOutput(innerDiv, outputParts, state);
outerDiv.appendChild(innerDiv);
return [outerDiv];
}
// wrap in a heading container
if (outputParts && outputParts.length > 0) {
const div = document.createElement("div");
@@ -276,9 +291,9 @@ class MicronParser {
let input = document.createElement("input");
input.type = p.masked ? "password" : "text";
input.name = p.name;
input.value = p.data;
input.setAttribute('value', p.data);
if (p.width) {
input.size = p.width;
input.size = p.width;
}
this.applyStyleToElement(input, this.styleFromState(p.style));
container.appendChild(input);
@@ -288,7 +303,7 @@ class MicronParser {
cb.type = "checkbox";
cb.name = p.name;
cb.value = p.value;
if (p.prechecked) cb.checked = true;
if (p.prechecked) cb.setAttribute('checked', true);
label.appendChild(cb);
label.appendChild(document.createTextNode(" " + p.label));
this.applyStyleToElement(label, this.styleFromState(p.style));
@@ -299,7 +314,7 @@ class MicronParser {
rb.type = "radio";
rb.name = p.name;
rb.value = p.value;
if (p.prechecked) rb.checked = true;
if (p.prechecked) rb.setAttribute('checked', true);
label.appendChild(rb);
label.appendChild(document.createTextNode(" " + p.label));
this.applyStyleToElement(label, this.styleFromState(p.style));
@@ -345,7 +360,7 @@ class MicronParser {
const varEntries = Object.entries(requestVars);
if (varEntries.length > 0) {
const queryString = varEntries.map(([k, v]) => `${k}=${v}`).join('|');
directURL += directURL.includes('`') ? `|${queryString}` : `\`${queryString}`;
}
@@ -375,7 +390,7 @@ class MicronParser {
styleFromState(stateStyle) {
// stateStyle is a name of a style or a style object
// in this code, p.style is actually a style name. j,ust return that
return stateStyle;
return stateStyle;
}
applyStyleToElement(el, style) {
@@ -515,7 +530,7 @@ class MicronParser {
if (fieldData) {
output.push(fieldData.obj);
i += fieldData.skip;
continue;
continue;
}
break;
@@ -528,7 +543,7 @@ class MicronParser {
let linkData = this.parseLink(line, i, state);
if (linkData) {
output.push(linkData.obj);
// mode = "text";
// mode = "text";
i += linkData.skip;
continue;
}