@webqit/subscript - npm Package Compare versions

Comparing version 2.1.26 to 2.1.27

dist/console-element.js

@@ -116,3 +116,3 @@ (()=>{function ee(b,t=!1){let n=b.split(/\n/g);if(n.length>1){for(;!n[0].trim().length;)n.shift();let i=n[t?1:0].split(/[^\s]/)[0].length;if(i)return n.map((e,r)=>{let l=e.substring(0,i);return l.trim().length?l.trim()==="}"&&r===n.length-1?"}":e:e.substring(i)}).join(`
             `]}};var D=b=>class extends(b||class{}){setStateCallback(t,n,i,e=100,r){this._timeouts||(this._timeouts={}),t in this._timeouts||(this._timeouts[t]=[]),i?(this._timeouts[t].length||r(),e?this._timeouts[t].unshift(setTimeout(()=>this.setState(t,n,!1),e)):this._timeouts[t].unshift(null),this._related&&this._related.setState(t,n,!0,e)):(this._timeouts[t].shift(),this._timeouts[t].length||(r(),this._related&&this._related.setState(t,n,!1)))}};var O=class extends D(){bind(t){Object.assign(this,t),this.fullPaths=[],this.$fullPaths=[],this.ownerReference.assignee&&this.ownerReference.assignee.refs.forEach(n=>{!n.depth||this.fullPaths.push([...this.path,...n.depth])}),this.fullPaths.length||(this.fullPaths=[this.path]),this.fullPaths.forEach((n,i)=>{this.$fullPaths.push(n.map(e=>"memoId"in e?"[[computed]]":e.name).join(".")),n.forEach(e=>{e.anchor.classList.add("ref-identifier"),e.anchor.classList.add(this.subscriptions?"effect":"signal");let r=e.anchor.getAttribute("title"),l="> "+this.$fullPaths[i]+(this.subscriptions?" (Effect Ref)":" (Signal Ref)");e.anchor.setAttribute("title",r?r+`
-`+l:l)}),this._on(i,"mouseenter",()=>{this._setState(i,"path","hover",!0,0)})._on(i,"mouseleave",()=>{this._setState(i,"path","hover",!1)}),this.subscriptions&&this._on(i,"click",()=>{this.ownerReference.ownerContract.runThread(n)})})}_setState(t,n,i,e,r=100){this.setStateCallback(t+"|"+n,i,e,r,()=>{e?this.fullPaths[t].forEach(l=>l.anchor.classList.add(`${n}-${i}`)):this.fullPaths[t].forEach(l=>l.anchor.classList.remove(`${n}-${i}`))})}setState(t,n,i,e=100){let[r,l]=t.split("|");if(l!==void 0)return this._setState(r,l,n,i,e);this.fullPaths.forEach((h,f)=>{this._setState(f,t,n,i,e)})}_on(t,n,i){return this.fullPaths[t].forEach(e=>e.anchor.addEventListener(n,i.bind(this))),this}on(t,n){this.fullPaths.forEach((i,e)=>{this._on(e,t,n)})}};var P=class extends D(HTMLElement){bind(t){if(Object.assign(this,t),!this.graph)return;this.subContracts&&this.subContracts.forEach(i=>{i.replaceWith(...i.childNodes)}),this.subContracts=new Map,this._textNodes=this.getTextNodes();for(let i in this.graph.subContracts){let e=this.graph.subContracts[i],r=this.createSubContract({ownerContract:this,graph:e});this.subContracts.set(e.id,r)}if(this.effects=new Map,this.signals=new Map,this.refAnchors)for(let i in this.refAnchors){let e=this.refAnchors[i];e.replaceWith(...e.childNodes)}this.refAnchors={},this._textNodes=this.getTextNodes();let n=i=>{for(let e in this.graph[i]){let r=this.createReference({ownerContract:this,...this.graph[i][e]});this[i].set(e,r)}};n("effects"),n("signals"),this.setAttribute("title",this.graph.type),this.on("mouseenter",()=>{this.setState("block","hover",!0,0)}).on("mouseleave",()=>{this.setState("block","hover",!1)}),this.observe((i,e)=>{this.setState("block","runtime-active",!0,100),e.forEach(r=>{let l=this.signals.get(r.referenceId+"");!l||l.refs.get(r.id).setState("path","runtime-active",!0,100)})})}get program(){return this.ownerContract?this.ownerContract.program:this.runtime}runThread(...t){let n=this.program.locate(this.graph.lineage);if(!!n)return n.thread(...t)}observe(t){return this.program.observe(this.graph.lineage,t)}createSubContract(t){let n=document.createElement("subscript-contract");return this.insertNode(n,t.graph.loc,"contract"),n.bind(t),n}createReference(t){let n={...t,refs:new Map};"assignee"in t&&(n.assignee=this.effects.get(t.assignee+""));for(let i of t.refs){let e=this.createRef({ownerReference:n,...i});n.refs.set(i.id,e)}return n}createRef(t){let n=new O,i=e=>{let[r,l]=e.loc,h=r+"-"+l,f=this.refAnchors[h];return f||(f=document.createElement("span"),this.insertNode(f,[r,l],"ref"),this.refAnchors[h]=f),f};return t={...t,path:t.path.map(e=>({anchor:i(e),...e}))},t.depth&&(t.depth=t.depth.map(e=>({anchor:i(e),...e}))),n.bind(t),n}insertNode(t,n,i){let[e,r]=n,l=this.graph.loc?this.graph.loc[0]:0,[h,f]=this.resolveOffset(e-l),[g,v]=this.resolveOffset(r-l,!1),o=new Range;return i==="contract"?(f===0&&h.parentNode.nodeName==="SPAN"?o.setStartBefore(h.parentNode):o.setStart(h,f),v===(g.nodeValue||"").length&&g.parentNode.nodeName==="SPAN"?o.setEndAfter(g.parentNode):o.setEnd(g,v)):(o.setStart(h,f),o.setEnd(g,v)),o.surroundContents(t),t}resolveOffset(t,n=!0){return this._textNodes.reduce(([i,e,r],l)=>{if(e===null){let h=r+l.length;if(t<=h&&!l.isBlank){let f=t-r;if(!n&&f===0)return[i.node,i.length];if(!n||f<l.length)return[l.node,f]}[i,e,r]=[l,e,h]}return[i,e,r]},[null,null,0])}getTextNodes(t=this){let n={acceptNode:function(l){if(l.parentNode.nodeName!=="SCRIPT")return window.NodeFilter.FILTER_ACCEPT}},i=window.document.createTreeWalker(t||this,window.NodeFilter.SHOW_TEXT,n,!1),e=[],r;for(;r=i.nextNode();){let l=r.nodeValue||"";e.push({node:r,length:l.length,isBlank:l.trim().length===0})}return e}setState(t,n,i,e=100){i&&this.ownerContract&&this.ownerContract.setState(t,n,!1),this.setStateCallback(t,n,i,e,()=>{i?this.classList.add(`${t}-${n}`):this.classList.remove(`${t}-${n}`)})}on(t,n){return this.addEventListener(t,n.bind(this)),this}};var K=class extends Y(P){bind(t,n=!0){n&&(this.innerHTML=t.originalSource),setTimeout(()=>{if(!this._codeBlock.textContent.length)return;let i=t.runtime;super.bind({runtime:i,graph:i.graph})},0)}createRef(t){}getTextNodes(t=null){return super.getTextNodes(t||this._codeBlock)}get css(){return super.css.concat([`
+`+l:l)}),this._on(i,"mouseenter",()=>{this._setState(i,"path","hover",!0,0)})._on(i,"mouseleave",()=>{this._setState(i,"path","hover",!1)}),this.subscriptions&&this._on(i,"click",()=>{this.ownerReference.ownerContract.runThread(n)})})}_setState(t,n,i,e,r=100){this.setStateCallback(t+"|"+n,i,e,r,()=>{e?this.fullPaths[t].forEach(l=>l.anchor.classList.add(`${n}-${i}`)):this.fullPaths[t].forEach(l=>l.anchor.classList.remove(`${n}-${i}`))})}setState(t,n,i,e=100){let[r,l]=t.split("|");if(l!==void 0)return this._setState(r,l,n,i,e);this.fullPaths.forEach((h,f)=>{this._setState(f,t,n,i,e)})}_on(t,n,i){return this.fullPaths[t].forEach(e=>e.anchor.addEventListener(n,i.bind(this))),this}on(t,n){this.fullPaths.forEach((i,e)=>{this._on(e,t,n)})}};var P=class extends D(HTMLElement){bind(t){if(Object.assign(this,t),!this.graph)return;this.subContracts&&this.subContracts.forEach(i=>{i.replaceWith(...i.childNodes)}),this.subContracts=new Map,this._textNodes=this.getTextNodes();for(let i in this.graph.subContracts){let e=this.graph.subContracts[i],r=this.createSubContract({ownerContract:this,graph:e});this.subContracts.set(e.id,r)}if(this.effects=new Map,this.signals=new Map,this.refAnchors)for(let i in this.refAnchors){let e=this.refAnchors[i];e.replaceWith(...e.childNodes)}this.refAnchors={},this._textNodes=this.getTextNodes();let n=i=>{for(let e in this.graph[i]){let r=this.createReference({ownerContract:this,...this.graph[i][e]});this[i].set(e,r)}};n("effects"),n("signals"),this.setAttribute("title",this.graph.type+" Contract"),this.on("mouseenter",()=>{this.setState("block","hover",!0,0)}).on("mouseleave",()=>{this.setState("block","hover",!1)}),this.observe((i,e)=>{this.setState("block","runtime-active",!0,100),e.forEach(r=>{let l=this.signals.get(r.referenceId+"");!l||l.refs.get(r.id).setState("path","runtime-active",!0,100)})})}get program(){return this.ownerContract?this.ownerContract.program:this.runtime}runThread(...t){let n=this.program.locate(this.graph.lineage);if(!!n)return n.thread(...t)}observe(t){return this.program.observe(this.graph.lineage,t)}createSubContract(t){let n=document.createElement("subscript-contract");return this.insertNode(n,t.graph.loc,"contract"),n.bind(t),n}createReference(t){let n={...t,refs:new Map};"assignee"in t&&(n.assignee=this.effects.get(t.assignee+""));for(let i of t.refs){let e=this.createRef({ownerReference:n,...i});n.refs.set(i.id,e)}return n}createRef(t){let n=new O,i=e=>{let[r,l]=e.loc,h=r+"-"+l,f=this.refAnchors[h];return f||(f=document.createElement("span"),this.insertNode(f,[r,l],"ref"),this.refAnchors[h]=f),f};return t={...t,path:t.path.map(e=>({anchor:i(e),...e}))},t.depth&&(t.depth=t.depth.map(e=>({anchor:i(e),...e}))),n.bind(t),n}insertNode(t,n,i){let[e,r]=n,l=this.graph.loc?this.graph.loc[0]:0,[h,f]=this.resolveOffset(e-l),[g,v]=this.resolveOffset(r-l,!1),o=new Range;return i==="contract"?(f===0&&h.parentNode.nodeName==="SPAN"?o.setStartBefore(h.parentNode):o.setStart(h,f),v===(g.nodeValue||"").length&&g.parentNode.nodeName==="SPAN"?o.setEndAfter(g.parentNode):o.setEnd(g,v)):(o.setStart(h,f),o.setEnd(g,v)),o.surroundContents(t),t}resolveOffset(t,n=!0){return this._textNodes.reduce(([i,e,r],l)=>{if(e===null){let h=r+l.length;if(t<=h&&!l.isBlank){let f=t-r;if(!n&&f===0)return[i.node,i.length];if(!n||f<l.length)return[l.node,f]}[i,e,r]=[l,e,h]}return[i,e,r]},[null,null,0])}getTextNodes(t=this){let n={acceptNode:function(l){if(l.parentNode.nodeName!=="SCRIPT")return window.NodeFilter.FILTER_ACCEPT}},i=window.document.createTreeWalker(t||this,window.NodeFilter.SHOW_TEXT,n,!1),e=[],r;for(;r=i.nextNode();){let l=r.nodeValue||"";e.push({node:r,length:l.length,isBlank:l.trim().length===0})}return e}setState(t,n,i,e=100){i&&this.ownerContract&&this.ownerContract.setState(t,n,!1),this.setStateCallback(t,n,i,e,()=>{i?this.classList.add(`${t}-${n}`):this.classList.remove(`${t}-${n}`)})}on(t,n){return this.addEventListener(t,n.bind(this)),this}};var K=class extends Y(P){bind(t,n=!0){n&&(this.innerHTML=t.originalSource),setTimeout(()=>{if(!this._codeBlock.textContent.length)return;let i=t.runtime;super.bind({runtime:i,graph:i.graph})},0)}createRef(t){}getTextNodes(t=null){return super.getTextNodes(t||this._codeBlock)}get css(){return super.css.concat([`
             .ref-identifier.path-runtime-active {
@@ -119,0 +119,0 @@ text-decoration: underline;

package.json

@@ -11,3 +11,3 @@ {
   "homepage": "https://webqit.io/tooling/subscript",
-  "version": "2.1.26",
+  "version": "2.1.27",
   "license": "MIT",
@@ -14,0 +14,0 @@ "repository": {

src/console/Contract.js

@@ -48,3 +48,3 @@ /**
 
-        this.setAttribute( 'title', this.graph.type );
+        this.setAttribute( 'title', this.graph.type + ' Contract' );
         this.on( 'mouseenter', () => {
@@ -51,0 +51,0 @@ this.setState( 'block', 'hover', true, 0 );

No alert changes

Improved metrics

Total package byte prevSize

2728825

No dependency changes