strix/x0
strix/x0
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: locale bug; didn't reverse on remove

Browse source
This commit is contained in:
Strix 2023-12-24 03:17:39 +01:00
parent 32458c7fd4
commit 4dd1cf209b
No known key found for this signature in database
GPG key ID: 5F35B3B8537287A7
3 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
modules/copy.js
View file

@ -1,6 +1,8 @@
// [x-copy-query="<query selector>"]
// [x-inner-text] - will use innerText
(() => {
// TODO: make copy work with checksums because not uuid will not always cut it.
function updateCopy() {
document.querySelectorAll("[x-copy-query]:not([x1-copy-uuid])")
.forEach(e => {

6
modules/locale.js
View file

@ -11,9 +11,9 @@
function updateLocale() {
document.querySelectorAll("[x-locale-key]:not([x1-locale-uuid])")
.forEach(e => {
let uuid = new Date().getTime().toString(36);
let uuid = (Math.random() + new Date().getTime()).toString(36);
e.setAttribute("x1-locale-uuid", uuid);
backupElements[uuid] = e.cloneNode();
backupElements[uuid] = e.outerHTML;
e.innerHTML = getValueFromPath(locale, e.getAttribute("x-locale-key"));
})
}
@ -28,7 +28,7 @@
window.x0?.registerModuleRemoveHook("locale", (s) => {
Object.keys(s)
.forEach(uuid => {
document.querySelector(`[x1-locale-uuid="${uuid}"]`).outerHTML = s[uuid].outerHTML;
document.querySelector(`[x1-locale-uuid="${uuid}"]`).outerHTML = s[uuid];
})
})
})()

8
test.html
View file

@ -7,7 +7,10 @@
>
<body>
<button onclick="window.x0.update()">Update x0</button>
<input type="text" name="text" id="text">
<button onclick="window.location.reload()">Reload page</button>
<input type="text" onfocus="this.value = document.querySelector('html').getAttribute('x0-mods')" onchange="document.querySelector('html').setAttribute('x0-mods', this.value); document.querySelector('#status').innerHTML='updated x0-mods'; window.x0.update(); setInterval(() => document.querySelector('#status').innerHTML = '', 500)">
<span id="status"></span>
<h1 x-locale-key="main.greeting"></h1>
<div>
<h2 x-locale-key="copy-section.header"></h2>
@ -19,9 +22,8 @@
</div>
<div>
<h2 x-locale-key="http-section.header"></h2>
<pre x-inner-text x-get="./test.html" x-get-refresh=5000></>
<pre x-inner-text x-get="./test.html" x-get-refresh=1000>
</div>
</body>
<script src="./x0.js"></script>