jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-02 20:52:14 +02:00
Code Packages Releases Activity

⚡ scope.signal

Browse Source
This commit is contained in:
Jan Andrle
2025-03-10 11:32:21 +01:00
parent 08316892d0
commit afd09a25db
21 changed files with 953 additions and 899 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/components/mnemonic/scopes-init.js
View File

@ -14,6 +14,10 @@ export function mnemonic(){
el("li").append(
el("code", "scope.host(...<addons>)"),
" — use addons to current component",
),
el("li").append(
el("code", "scope.signal"),
" — get AbortSignal that triggers when the element disconnects",
)
);
}

7
docs/p08-extensions.html.js
View File

@ -59,7 +59,7 @@ el("div", { id: "example" }, myAddon({ option: "value" }));
`),
el("div", { className: "tip" }).append(
el("p").append(...T`
The ${el("code", "on.disconnectedAsAbort")} utility creates an AbortSignal that automatically
The ${el("code", "scope.signal")} property creates an AbortSignal that automatically
triggers when an element is disconnected from the DOM, making cleanup much easier to manage.
`)
),
@ -80,8 +80,7 @@ function externalLibraryAddon(config, signal) {
}
// dde component
function Component(){
const { host }= scope;
const signal= on.disconnectedAsAbort(host);
const { signal }= scope;
return el("div", null, externalLibraryAddon({ option: "value" }, signal));
}
`.trim(), page_id }),
@ -213,7 +212,7 @@ console.log(doubled.get()); // 10`, page_id }),
el("ol").append(
el("li").append(...T`
${el("strong", "Use AbortSignals for cleanup:")} Always implement proper resource cleanup with
${el("code", "on.disconnectedAsAbort")} or similar mechanisms
${el("code", "scope.signal")} or similar mechanisms
`),
el("li").append(...T`
${el("strong", "Separate core logic from library adaptation:")} Make your core functionality work