1
0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-11-10 04:10:10 +00:00

Compare commits

...

3 Commits

Author SHA1 Message Date
3294b27029
add replaceAll polyfill 2022-01-08 00:22:21 +00:00
0d4747e8e9
Merge branch 'main' of github.com:hrfee/jfa-go 2022-01-08 00:09:35 +00:00
1ebc648158
fix broken go template if statements
All available DOM parsers for node would move the contents of if
statements outside of them, breaking things like the accounts tab. Fixed
with a regex pre and post process to comment out then uncomment all template usage.

builds now depend on perl for some regex, this can likely be changed in
future though.
2022-01-08 00:07:23 +00:00
4 changed files with 81 additions and 19 deletions

View File

@ -15,8 +15,8 @@
window.linkResetEnabled = {{ .linkResetEnabled }}; window.linkResetEnabled = {{ .linkResetEnabled }};
window.language = "{{ .langName }}"; window.language = "{{ .langName }}";
</script> </script>
{{ template "header.html" . }}
<title>Admin - jfa-go</title> <title>Admin - jfa-go</title>
{{ template "header.html" . }}
</head> </head>
<body class="max-w-full overflow-x-hidden section"> <body class="max-w-full overflow-x-hidden section">
<div id="modal-login" class="modal"> <div id="modal-login" class="modal">

38
package-lock.json generated
View File

@ -13,12 +13,15 @@
"@types/node": "^15.0.1", "@types/node": "^15.0.1",
"a17t": "^0.10.1", "a17t": "^0.10.1",
"browserslist": "^4.16.6", "browserslist": "^4.16.6",
"cheerio": "^1.0.0-rc.10",
"esbuild": "^0.8.57", "esbuild": "^0.8.57",
"fs-cheerio": "^3.0.0",
"inline-source": "^7.2.0", "inline-source": "^7.2.0",
"jsdom": "^19.0.0", "jsdom": "^19.0.0",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"mjml": "^4.8.0", "mjml": "^4.8.0",
"nightwind": "github:yonson2/nightwind", "nightwind": "github:yonson2/nightwind",
"perl-regex": "^1.0.4",
"remixicon": "^2.5.0", "remixicon": "^2.5.0",
"remove-markdown": "^0.3.0", "remove-markdown": "^0.3.0",
"typescript": "^4.0.3", "typescript": "^4.0.3",
@ -2058,6 +2061,14 @@
"integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4=", "integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4=",
"dev": true "dev": true
}, },
"node_modules/fs-cheerio": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/fs-cheerio/-/fs-cheerio-3.0.0.tgz",
"integrity": "sha512-pOlWiRDIX8bc2aGVmAX2e3dH514IUEmXoM9WOZnraYEzC9uXelSCJdKo0s4+7US0rYgNTHLw4765J5ZWsKTzqA==",
"dependencies": {
"cheerio": "^1.0.0-rc.2"
}
},
"node_modules/fs.realpath": { "node_modules/fs.realpath": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@ -4484,6 +4495,17 @@
"resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
"integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=" "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
}, },
"node_modules/perl-regex": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/perl-regex/-/perl-regex-1.0.4.tgz",
"integrity": "sha1-cQvC7fh23qd+TQQ951CsdAv0Z9I=",
"dependencies": {
"sprintf-js": "^1.0.3"
},
"engines": {
"node": ">=4.5.0"
}
},
"node_modules/picocolors": { "node_modules/picocolors": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@ -8597,6 +8619,14 @@
"integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4=", "integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4=",
"dev": true "dev": true
}, },
"fs-cheerio": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/fs-cheerio/-/fs-cheerio-3.0.0.tgz",
"integrity": "sha512-pOlWiRDIX8bc2aGVmAX2e3dH514IUEmXoM9WOZnraYEzC9uXelSCJdKo0s4+7US0rYgNTHLw4765J5ZWsKTzqA==",
"requires": {
"cheerio": "^1.0.0-rc.2"
}
},
"fs.realpath": { "fs.realpath": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@ -10522,6 +10552,14 @@
"resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
"integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=" "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
}, },
"perl-regex": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/perl-regex/-/perl-regex-1.0.4.tgz",
"integrity": "sha1-cQvC7fh23qd+TQQ951CsdAv0Z9I=",
"requires": {
"sprintf-js": "^1.0.3"
}
},
"picocolors": { "picocolors": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",

View File

@ -21,12 +21,15 @@
"@types/node": "^15.0.1", "@types/node": "^15.0.1",
"a17t": "^0.10.1", "a17t": "^0.10.1",
"browserslist": "^4.16.6", "browserslist": "^4.16.6",
"cheerio": "^1.0.0-rc.10",
"esbuild": "^0.8.57", "esbuild": "^0.8.57",
"fs-cheerio": "^3.0.0",
"inline-source": "^7.2.0", "inline-source": "^7.2.0",
"jsdom": "^19.0.0", "jsdom": "^19.0.0",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"mjml": "^4.8.0", "mjml": "^4.8.0",
"nightwind": "github:yonson2/nightwind", "nightwind": "github:yonson2/nightwind",
"perl-regex": "^1.0.4",
"remixicon": "^2.5.0", "remixicon": "^2.5.0",
"remove-markdown": "^0.3.0", "remove-markdown": "^0.3.0",
"typescript": "^4.0.3", "typescript": "^4.0.3",

View File

@ -1,48 +1,69 @@
let parser = require("jsdom"); let parser = require("cheerio");
let fs = require("fs"); let fs = require("fs");
let path = require("path"); let path = require("path");
let pre = require("perl-regex");
const hasDark = (item) => { const hasDark = (item) => {
for (let i = 0; i < item.classList.length; i++) { let list = item.attr("class").split(/\s+/);
if (item.classList[i].substring(0,5) == "dark:") { for (let i = 0; i < list.length; i++) {
if (list[i].substring(0,5) == "dark:") {
return true; return true;
} }
} }
return false; return false;
}; };
if (typeof String.prototype.replaceAll === "undefined") {
String.prototype.replaceAll = function(match, replace) {
return this.replace(new RegExp(match, 'g'), () => replace);
}
}
const fixHTML = (infile, outfile) => { function fixHTML(infile, outfile) {
console.log(infile, outfile) let f = fs.readFileSync(infile).toString();
let doc = new parser.JSDOM(fs.readFileSync(infile)); // Find all go template strings ({{ example }})
let templateStrings = pre.exec(f, "(?s){{(?:(?!{{).)*?}}", "gi");
for (let i = 0; i < templateStrings.length; i++) {
let s = templateStrings[i].replace(/\\/g, '');
// let s = templateStrings[i];
f = f.replaceAll(s, "<!--" + s.slice(3).slice(0, -3) + "-->");
}
let doc = new parser.load(f);
for (let item of ["badge", "chip", "shield", "input", "table", "button", "portal", "select", "aside", "card", "field", "textarea"]) { for (let item of ["badge", "chip", "shield", "input", "table", "button", "portal", "select", "aside", "card", "field", "textarea"]) {
let items = doc.window.document.body.querySelectorAll("."+item); let items = doc("."+item);
for (let i = 0; i < items.length; i++) { items.each((i, elem) => {
let hasColor = false; let hasColor = false;
for (let color of ["neutral", "positive", "urge", "warning", "info", "critical"]) { for (let color of ["neutral", "positive", "urge", "warning", "info", "critical"]) {
//console.log(color); //console.log(color);
if (items[i].classList.contains("~"+color)) { if (doc(elem).hasClass("~"+color)) {
hasColor = true; hasColor = true;
// console.log("adding to", items[i].classList) // console.log("adding to", items[i].classList)
if (!hasDark(items[i])) { if (!hasDark(doc(elem))) {
items[i].classList.add("dark:~d_"+color); doc(elem).addClass("dark:~d_"+color);
} }
break; break;
} }
} }
if (!hasColor) { if (!hasColor) {
if (!hasDark(items[i])) { if (!hasDark(doc(elem))) {
// card without ~neutral look different than with. // card without ~neutral look different than with.
if (item != "card") items[i].classList.add("~neutral"); if (item != "card") doc(elem).addClass("~neutral");
items[i].classList.add("dark:~d_neutral"); doc(elem).addClass("dark:~d_neutral");
} }
} }
if (!items[i].classList.contains("@low") && !items[i].classList.contains("@high")) { if (!doc(elem).hasClass("@low") && !doc(elem).hasClass("@high")) {
items[i].classList.add("@low"); doc(elem).addClass("@low");
} }
});
} }
let out = doc.html();
// let out = f
for (let i = 0; i < templateStrings.length; i++) {
let s = templateStrings[i].replace(/\\/g, '');
out = out.replaceAll("<!--" + s.slice(3).slice(0, -3) + "-->", s);
} }
fs.writeFileSync(outfile, doc.window.document.documentElement.outerHTML); fs.writeFileSync(outfile, out);
console.log(infile, outfile);
}; };
let inpath = process.argv[process.argv.length-2]; let inpath = process.argv[process.argv.length-2];