Reposted by Ben Smith
The Xteink X4 is underpowered and lacks features but it's affordable, snaps to your phone and has a devout community making up for its failings. aftermath.site/xteink-x4-chea...
Ben Smith
@bensmith.sh
81 followers 471 following 17 posts
Full stack web developer at Thuma. Passionate about accessibility, neovim, and coffee. Site: bensmith.sh YouTube: youtube.com/@smithbm2316
![<ul>
<for- (="item of [1, 2, '😅', 4, 5]")>
<li>Item {item}</li>
<console- log(="Logging {item}")></console->
</for->
</ul>](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:jfmbqiqbtriq3jig6g7el2p7/bafkreifhnhuuosppazbpxf5pfmopqj6howvuxzfxvoovr5brzymsilyj3i)
![class ForDash extends HTMLElement {
static observedAttributes = ["("]
_innerHtml = null
connectedCallback() {
this._innerHtml = this.innerHTML
this._loop(this.getAttribute("("))
}
attributeChangedCallback(name, oldValue, newValue) {
if (this._innerHtml === null) {
return
}
if (name === "(") {
if (oldValue !== newValue) {
this._loop(newValue)
}
}
}
_loop(value) {
this.innerHTML = ""
const [varName, arr] = value.split(" of ");
for (const item of eval(arr)) {
this.innerHTML += this._innerHtml.replaceAll(`{${varName}}`, item)
}
}
}
customElements.define("for-", ForDash)](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:jfmbqiqbtriq3jig6g7el2p7/bafkreigozfxli7qggf3ezbtoluiuzbb4ul75fdhg7b2lfxjdrxq7ts67cq)
![class IfDash extends HTMLElement {
static observedAttributes = ["("]
_innerHtml = null
connectedCallback() {
this._innerHtml = this.innerHTML
const condition = this.getAttribute("(")
this._setCondition(eval(condition))
}
attributeChangedCallback(name, oldValue, newValue) {
if (this._innerHtml === null) {
return
}
if (name === "(") {
const a = !!eval(oldValue)
const b = !!eval(newValue)
if (a !== b) {
this._setCondition(b)
}
}
}
_setCondition(value) {
this.innerHTML = value ? this._innerHtml : ""
}
}
class ConsoleDash extends HTMLElement {
connectedCallback() {
const log = this.getAttribute("log(")
console.log(log)
}
}
customElements.define("if-", IfDash)
customElements.define("console-", ConsoleDash)](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:jfmbqiqbtriq3jig6g7el2p7/bafkreicqcw4ugectrcy3kkkvufnigzcm5ann5b6pjgxhlqps2lgzatw56m)
