octospacc/SpaccDotWeb
1
0
Fork 0
mirror of https://gitlab.com/SpaccInc/SpaccDotWeb.git synced 2025-06-05 21:29:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

[Alt] Add new methods; [Server] Slight improvements to example; [Build] Add full HTML build

Browse Source
This commit is contained in:
octospacc
2025-03-09 00:54:55 +01:00
parent 5338c8aaf6
commit fedb597dda
16 changed files with 1310 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
SpaccDotWeb.Build/Example.html Normal file
View File

@ -0,0 +1,64 @@
<!DOCTYPE html>
<meta charset="utf8" />
<style> textarea { width: 100% !important; height: 8rem; min-height: 2em; box-sizing: border-box; } </style>
<script src="../Build/SpaccDotWeb.Build.bundle.min.js" data-SpaccDotWeb='{"compile":false,"minify":false}'></script>
<fieldset class="script">
<legend>Script</legend>
<textarea id="script" readonly="true">
const alerter = (text) => alert(`THIS IS AN ALERT ❗️\n\n${text}`);
alerter("It's a nice day today, innit?");
</textarea>
<span>ES6</span>
</fieldset>
<fieldset class="script">
<legend>Compiled</legend>
<textarea id="compiled" readonly="true"></textarea>
<span>ES5</span>
</fieldset>
<fieldset class="script">
<legend>Compiled+Minified</legend>
<textarea id="minified" readonly="true"></textarea>
<span>ES5</span>
</fieldset>
<fieldset class="html">
<legend>HTML</legend>
<textarea id="html" readonly="true"></textarea>
<span>ES5, Compiled+Minified</span>
</fieldset>
<script>
const BuildScript = window.SpaccDotWeb.Build.BuildScript;
const $ = (id) => document.getElementById(id);
const scriptText = $('script').textContent = $('script').textContent.trimEnd();
// Actually build the script
const builtScript = BuildScript(scriptText);
// Show the build result
$('compiled').textContent = builtScript.compiled;
$('minified').textContent = builtScript.minified;
// Execute the compiled result
//setTimeout('eval(builtScript.compiled);', 100);
setTimeout(function(){
Array.from(document.querySelectorAll('script')).filter(el => !el.dataset.spaccdotweb).forEach(scriptElement => {
scriptElement.textContent = BuildScript(scriptElement.textContent).minified;
});
$('html').textContent = `<!DOCTYPE html>\n${document.documentElement.outerHTML}`;
}, 100);
document.querySelectorAll('fieldset.script').forEach(fieldset => {
const script = fieldset.querySelector('textarea').textContent;
fieldset.querySelector('span').innerHTML += `, ${script.length}b`;
fieldset.appendChild(Object.assign(document.createElement('button'), {
innerHTML: "Execute",
onclick: () => eval(script),
}));
});
</script>