@perfobyte/doperdo
v1.0.6
Published
A language that makes your web app truly native — without kludges or workarounds.
Maintainers
dencelmanyReadme
doperdo
A language that makes your web app truly native — without kludges or workarounds.
Installation:
npm i @perfobyte/doperdo @perfobyte/strucdomHTML:
Nested elements:
- Input:
<html>
<paste from="./html_content.html"></paste>
</html>- Output:
<html>
<head><title>hello</title></head>
<body><p>world</p></body>
</html>Inserting values into a string:
- Input:
<html lang="${lang}">
<put to="parentElement"/>
<head></head>
<body>
<put>
<div data-a="${mode}">
</put>
</body>
</html>- Output:
<html lang="en">
<head></head>
<body>
<div data-a="0">
</body>
</html>Condition:
IF:
- Input:
<html lang="en">
<head>
<if is_dev>
<script src="./debug.js"></script>
</if>
</head>
<body></body>
</html>- Output
<html lang="en">
<head>
<script src="./debug.js"></script>
</head>
<body></body>
</html>Compress:
- Before:
<html lang="en">
<head>
<script src="./debug.js"></script>
</head>
<body></body>
</html>- After:
<html lang="en"><head><script src="./debug.js"></script></head><body></body></html>Working example:
import {
parse,
create_document,
Node,
UnclosedHtmlTags as unclosed,
SpaceCharacters as space,
QuotesCharacters as quotes,
ResultCode,
} from '@perfobyte/strucdom';
import { html_compile, html_compress } from '@perfobyte/doperdo';
import {readFileSync, writeFileSync} from 'fs';
import {join, dirname} from 'path';
(() => {
var
locals = {
mode: 0,
lang: 'en',
is_dev: (t) => {
return (
t.mode === 0
);
},
},
file_path = "/home/user/my_html/index.html",
cwd = dirname(file_path),
html = readFileSync(file_path).toString(),
document = create_document([]),
api = {
read: readFileSync,
join,
dirname,
Array:Array,
Node,
unclosed,
quotes,
space,
},
result_code = (
parse(
html, document,
0, html.length,
unclosed, space, quotes,
Node, Array,
)
)
;
if (result_code === ResultCode.SUCCESS) {
html_compile(document, cwd, locals, api, html_compile);
html_compress(document, html_compress);
writeFileSync("dist.html", document.outer_html(unclosed))
}
else {
console.log(result_code)
}
})();