jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-01 12:22:15 +02:00
Code Packages Releases Activity

🚀 🚧 improvements (handlign special cases) + docs

Browse Source
This commit is contained in:
Jan Andrle
2023-11-05 21:49:32 +01:00
parent d0b76727ee
commit b597c00176
16 changed files with 88 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/dom.js
View File

@ -43,16 +43,19 @@ export function createElement(tag, attributes, ...connect){
const s= signals(this);
const { namespace }= scope;
let scoped= 0;
let el;
let el, el_host;
//TODO Array.isArray(tag) ⇒ set key (cache els)
if(Object(attributes)!==attributes || s.isSignal(attributes))
attributes= { textContent: attributes };
switch(true){
case typeof tag==="function": {
scoped= 1;
scope.push({ scope: tag, host: c=> c ? (scoped===1 ? connect.unshift(c) : c(el), undefined) : el });
scope.push({ scope: tag, host: c=> c ? (scoped===1 ? connect.unshift(c) : c(el_host), undefined) : el_host });
el= tag(attributes || undefined);
(el instanceof HTMLElement ? setRemove : setRemoveNS)(el, "Attribute", "dde-fun", tag.name);
const el_mark= document.createComment(`<dde:mark type="component" name="${tag.name}"/>`);
el.prepend(el_mark);
if(el instanceof DocumentFragment)
el_host= el_mark;
break;
}
case tag==="#text": el= assign.call(this, document.createTextNode(""), attributes); break;
@ -60,7 +63,8 @@ export function createElement(tag, attributes, ...connect){
case namespace!=="html": el= assign.call(this, document.createElementNS(namespace, tag), attributes); break;
case !el: el= assign.call(this, document.createElement(tag), attributes);
}
connect.forEach(c=> c(el));
if(!el_host) el_host= el;
connect.forEach(c=> c(el_host));
if(scoped) scope.pop();
scoped= 2;
return el;

4
src/signals-lib.js
View File

@ -118,8 +118,8 @@ S.clear= function(...signals){
};
const key_reactive= "__dde_reactive";
S.el= function(signal, map){
const mark_start= document.createComment(`<dde:reactive>`);
const mark_end= document.createComment("</dde:reactive>");
const mark_start= document.createComment(`<dde:mark type="reactive">`);
const mark_end= document.createComment("</dde:mark>");
const out= document.createDocumentFragment();
out.append(mark_start, mark_end);
const { current }= scope;