forked from WebReflection/uhtml
-
Notifications
You must be signed in to change notification settings - Fork 0
/
es.js
1 lines (1 loc) · 6.08 KB
/
es.js
1
self.uhtml=function(e){"use strict";var t=e=>({get:t=>e.get(t),set:(t,n)=>(e.set(t,n),n)});const n=/([^\s\\>"'=]+)\s*=\s*(['"]?)$/,r=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i,s=/<[a-z][^>]+$/i,l=/>[^<>]*$/,o=/<([a-z]+[a-z0-9:._-]*)([^>]*?)(\/>)/gi,i=/\s+$/,a=(e,t)=>0<t--&&(s.test(e[t])||!l.test(e[t])&&a(e,t)),c=(e,t,n)=>r.test(t)?e:`<${t}${n.replace(i,"")}></${t}>`;const{isArray:u}=Array,{indexOf:d,slice:p}=[],f=(e,t)=>111===e.nodeType?1/t<0?t?(({firstChild:e,lastChild:t})=>{const n=document.createRange();return n.setStartAfter(e),n.setEndAfter(t),n.deleteContents(),e})(e):e.lastChild:t?e.valueOf():e.firstChild:e;const h=(e,t)=>{let n,r=t.slice(2);return!(t in e)&&t.toLowerCase()in e&&(r=r.toLowerCase()),t=>{const s=u(t)?t:[t,!1];n!==s[0]&&(n&&e.removeEventListener(r,n,s[1]),(n=s[0])&&e.addEventListener(r,n,s[1]))}},m=({childNodes:e},t)=>e[t],g=(e,t,n)=>((e,t,n,r,s)=>{const l=n.length;let o=t.length,i=l,a=0,c=0,u=null;for(;a<o||c<i;)if(o===a){const t=i<l?c?r(n[c-1],-0).nextSibling:r(n[i-c],0):s;for(;c<i;)e.insertBefore(r(n[c++],1),t)}else if(i===c)for(;a<o;)u&&u.has(t[a])||e.removeChild(r(t[a],-1)),a++;else if(t[a]===n[c])a++,c++;else if(t[o-1]===n[i-1])o--,i--;else if(t[a]===n[i-1]&&n[c]===t[o-1]){const s=r(t[--o],-1).nextSibling;e.insertBefore(r(n[c++],1),r(t[a++],-1).nextSibling),e.insertBefore(r(n[--i],1),s),t[o]=n[i]}else{if(!u){u=new Map;let e=c;for(;e<i;)u.set(n[e],e++)}if(u.has(t[a])){const s=u.get(t[a]);if(c<s&&s<i){let l=a,d=1;for(;++l<o&&l<i&&u.get(t[l])===s+d;)d++;if(d>s-c){const l=r(t[a],0);for(;c<s;)e.insertBefore(r(n[c++],1),l)}else e.replaceChild(r(n[c++],1),r(t[a++],-1))}else a++}else e.removeChild(r(t[a++],-1))}return n})(e.parentNode,t,n,f,e),v=(e,t)=>{switch(t[0]){case"?":return((e,t,n)=>r=>{n!==!!r&&((n=!!r)?e.setAttribute(t,""):e.removeAttribute(t))})(e,t.slice(1),!1);case".":return((e,t)=>"dataset"===t?(({dataset:e})=>t=>{for(const n in t){const r=t[n];null==r?delete e[n]:e[n]=r}})(e):n=>{e[t]=n})(e,t.slice(1));case"@":return h(e,"on"+t.slice(1));case"o":if("n"===t[1])return h(e,t)}switch(t){case"ref":return(e=>{let t;return n=>{t!==n&&(t=n,"function"==typeof n?n(e):n.current=e)}})(e);case"aria":return(e=>t=>{for(const n in t){const r="role"===n?n:`aria-${n}`,s=t[n];null==s?e.removeAttribute(r):e.setAttribute(r,s)}})(e)}return((e,t)=>{let n,r=!0;const s=document.createAttributeNS(null,t);return t=>{n!==t&&(n=t,null==n?r||(e.removeAttributeNode(s),r=!0):(s.value=t,r&&(e.setAttributeNodeNS(s),r=!1)))}})(e,t)};function w(e){const{type:t,path:n}=e,r=n.reduceRight(m,this);return"node"===t?(e=>{let t,n,r=[];const s=l=>{switch(typeof l){case"string":case"number":case"boolean":t!==l&&(t=l,n||(n=document.createTextNode("")),n.data=l,r=g(e,r,[n]));break;case"object":case"undefined":if(null==l){t!=l&&(t=l,r=g(e,r,[]));break}if(u(l)){t=l,0===l.length?r=g(e,r,[]):"object"==typeof l[0]?r=g(e,r,l):s(String(l));break}t!==l&&"ELEMENT_NODE"in l&&(t=l,r=g(e,r,11===l.nodeType?p.call(l.childNodes):[l]));break;case"function":s(l(e))}};return s})(r):"attr"===t?v(r,e.name):(e=>{let t;return n=>{t!=n&&(t=n,e.textContent=null==n?"":n)}})(r)}const y=e=>document.createElementNS("http://www.w3.org/1999/xhtml",e),b=(e,t)=>("svg"===t?$:N)(e),N=e=>{const t=y("template");return t.innerHTML=e,t.content},$=e=>{const{content:t}=y("template"),n=y("div");n.innerHTML='<svg xmlns="http://www.w3.org/2000/svg">'+e+"</svg>";const{childNodes:r}=n.firstChild;let{length:s}=r;for(;s--;)t.appendChild(r[0]);return t},x=1!=document.importNode.length,C=x?(e,t,n)=>document.importNode(b(e,t),!0):b,k=x?e=>document.createTreeWalker(e,129,null,!1):e=>document.createTreeWalker(e,129),A=e=>{const t=[];let{parentNode:n}=e;for(;n;)t.push(d.call(n.childNodes,e)),n=(e=n).parentNode;return t},E="isµ",T=t(new WeakMap),L=/^(?:plaintext|script|style|textarea|title|xmp)$/i,M=(e,t)=>{const r=((e,t,r)=>{const s=[],{length:l}=e;for(let r=1;r<l;r++){const l=e[r-1];s.push(n.test(l)&&a(e,r)?l.replace(n,((e,n,s)=>`${t}${r-1}=${s||'"'}${n}${s?"":'"'}`)):`${l}\x3c!--${t}${r-1}--\x3e`)}s.push(e[l-1]);const i=s.join("").trim();return r?i:i.replace(o,c)})(t,E,"svg"===e),s=C(r,e),l=k(s),i=[],u=t.length-1;let d=0,p=`isµ${d}`;for(;d<u;){const e=l.nextNode();if(!e)throw`bad template: ${r}`;if(8===e.nodeType)e.data===p&&(i.push({type:"node",path:A(e)}),p="isµ"+ ++d);else{for(;e.hasAttribute(p);)i.push({type:"attr",path:A(e),name:e.getAttribute(p)}),e.removeAttribute(p),p="isµ"+ ++d;L.test(e.tagName)&&e.textContent.trim()===`\x3c!--${p}--\x3e`&&(e.textContent="",i.push({type:"text",path:A(e)}),p="isµ"+ ++d)}}return{content:s,nodes:i}},O=(e,t)=>{const{content:n,nodes:r}=T.get(t)||T.set(t,M(e,t)),s=document.importNode(n,!0);return{content:s,updates:r.map(w,s)}},S=(e,{type:t,template:n,values:r})=>{const{length:s}=r;W(e,r,s);let{entry:l}=e;l&&l.template===n&&l.type===t||(e.entry=l=((e,t)=>{const{content:n,updates:r}=O(e,t);return{type:e,template:t,content:n,updates:r,wire:null}})(t,n));const{content:o,updates:i,wire:a}=l;for(let e=0;e<s;e++)i[e](r[e]);return a||(l.wire=(e=>{const{childNodes:t}=e,{length:n}=t;if(n<2)return n?t[0]:e;const r=p.call(t,0);return{ELEMENT_NODE:1,nodeType:111,firstChild:r[0],lastChild:r[n-1],valueOf(){if(t.length!==n){let t=0;for(;t<n;)e.appendChild(r[t++])}return e}}})(o))},W=({stack:e},t,n)=>{for(let r=0;r<n;r++){const n=t[r];n instanceof j?t[r]=S(e[r]||(e[r]={stack:[],entry:null,wire:null}),n):u(n)?W(e[r]||(e[r]={stack:[],entry:null,wire:null}),n,n.length):e[r]=null}n<e.length&&e.splice(n)};function j(e,t,n){this.type=e,this.template=t,this.values=n}const{create:B,defineProperties:z}=Object,H=e=>{const n=t(new WeakMap);return z(((t,...n)=>new j(e,t,n)),{for:{value(t,r){const s=n.get(t)||n.set(t,B(null));return s[r]||(s[r]=(t=>(n,...r)=>S(t,{type:e,template:n,values:r}))({stack:[],entry:null,wire:null}))}},node:{value:(t,...n)=>S({stack:[],entry:null,wire:null},{type:e,template:t,values:n}).valueOf()}})},_=t(new WeakMap),D=H("html"),R=H("svg");return e.Hole=j,e.html=D,e.render=(e,t)=>{const n="function"==typeof t?t():t,r=_.get(e)||_.set(e,{stack:[],entry:null,wire:null}),s=n instanceof j?S(r,n):n;return s!==r.wire&&(r.wire=s,e.textContent="",e.appendChild(s.valueOf())),e},e.svg=R,e}({});