uhooks-dom - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

cjs/index.js

@@ -33,2 +33,3 @@ 'use strict';
 const hooked = fn => {
+  let handler = null;
   const hook = $hooked(fn);
@@ -38,13 +39,11 @@ return function () {
     if (hasEffect(hook)) {
-      const disconnectable = get(node);
-      if (!disconnectable)
-        throw 'unobservable';
+      const element = get(node);
       if (!observer)
         observer = observe(document, 'children', CustomEvent);
-      if (!observer.has(disconnectable))
-        observer.connect(disconnectable, {
+      if (!observer.has(element))
+        observer.connect(element, handler || (handler = {
           disconnected() {
             dropEffect(hook);
           }
-        });
+        }));
     }
@@ -51,0 +50,0 @@ return node;

es.js

@@ -1,3 +0,3 @@
-self.uhooksDOM=function(e){"use strict";var t=CustomEvent;const n="connected",s="disconnected",o="EventListener",c=(e,t,c)=>{e[t+o](n,c),e[t+o](s,c)},r=(e=document,t="children",o=CustomEvent,r=MutationObserver)=>{const l=new WeakMap,a=new WeakMap,i=new WeakMap,h=e=>l.has(e),d=e=>{h(e)&&(c(e,"remove",l.get(e)),l.delete(e))},f=(e,t,n,s)=>{for(let{length:o}=e,c=0;c<o;c++)p(e[c],t,n,s)},p=(e,n,s,c)=>{h(e)&&!s.has(e)&&(c.delete(e),s.set(e,0),e.dispatchEvent(new o(n))),f(e[t]||[],n,s,c)},v=new r((e=>{for(let{length:t}=e,o=0;o<t;o++){const{removedNodes:t,addedNodes:c}=e[o];f(t,s,i,a),f(c,n,a,i)}}));return v.observe(e,{subtree:!0,childList:!0}),{has:h,connect:(e,t={})=>{d(e),t.handleEvent||(t.handleEvent=u),c(e,"add",t),l.set(e,t)},disconnect:d,kill(){v.disconnect()}}};function u(e){e.type in this&&this[e.type](e)}var l=Promise;let a=null,i=null,h=null,d=new Set;const f=new WeakMap,p=new l((e=>e())),v=e=>{const{$:t,r:n,h:s}=e;M(n)&&(g.get(s).delete(e),n()),M(e.r=t())&&g.get(s).add(e)},w=()=>{const e=d;d=new Set,e.forEach(S)},g=new WeakMap,E=[],y=[];function b(e,t){return e!==this[t]}const m=e=>{const t=g.get(e);t&&p.then((()=>{t.forEach((e=>{e.r(),e.r=null})),t.clear()}))},_=()=>{const e=f.get(h);return e.a=a,e.c=i,e},k=e=>g.has(e),M=e=>"function"==typeof e,$=e=>{return f.set(t,{a:a,c:i,h:t,i:0,s:[]}),t;function t(){const n=a,s=i,o=h;a=arguments,i=this,h=t;try{return e.apply(i,a)}finally{a=n,i=s,h=o,E.length&&p.then(E.forEach.bind(E.splice(0),v)),y.length&&y.splice(0).forEach(v)}}},S=e=>{e.i=0,e.h.apply(e.c,e.a)};function C(e){const{_:t,value:n}=this;n!==e&&(this._=new Set,this.value=e,t.forEach(S))}const W=(e,t)=>{const n=_(),{i:s,s:o}=n;return s===o.length?o.push({$:e(),_:t}):t&&!t.some(b,o[s]._)||(o[s]={$:e(),_:t}),o[n.i++].$},O=e=>(t,n)=>{const s=_(),{i:o,s:c,h:r}=s,u=o===c.length;u&&(g.has(r)||g.set(r,new Set),c.push({$:t,_:n,r:null,h:r}));const l=c[s.i++];(u||!n||n.some(b,l._))&&e.push(l)},x=O(E),L=O(y),N=(e,t)=>M(t)?t(e):t,P=(e,t,n)=>{const s=_(),{i:o,s:c}=s;o===c.length&&c.push({$:M(n)?n(t):N(void 0,t),set:t=>{c[o].$=e(c[o].$,t),(e=>{d.has(e)||(d.add(e),p.then(w))})(s)}});const{$:r,set:u}=c[s.i++];return[r,u]};
+self.uhooksDOM=function(e){"use strict";var t=CustomEvent;const n="connected",s="disconnected",o="EventListener",c=(e,t,c)=>{e[t+o](n,c),e[t+o](s,c)},r=(e=document,t="children",o=CustomEvent,r=MutationObserver)=>{const l=new WeakMap,a=new WeakMap,i=new WeakMap,h=e=>l.has(e),d=e=>{h(e)&&(c(e,"remove",l.get(e)),l.delete(e))},f=(e,t,n,s)=>{for(let{length:o}=e,c=0;c<o;c++)p(e[c],t,n,s)},p=(e,n,s,c)=>{h(e)&&!s.has(e)&&(c.delete(e),s.set(e,0),e.dispatchEvent(new o(n))),f(e[t]||[],n,s,c)},v=new r((e=>{for(let{length:t}=e,o=0;o<t;o++){const{removedNodes:t,addedNodes:c}=e[o];f(t,s,i,a),f(c,n,a,i)}}));return v.observe(e,{subtree:!0,childList:!0}),{has:h,connect:(e,t={})=>{d(e),t.handleEvent||(t.handleEvent=u),c(e,"add",t),l.set(e,t)},disconnect:d,kill(){v.disconnect()}}};function u(e){e.type in this&&this[e.type](e)}var l=Promise;let a=null,i=null,h=null,d=new Set;const f=new WeakMap,p=new l((e=>e())),v=e=>{const{$:t,r:n,h:s}=e;M(n)&&(w.get(s).delete(e),n()),M(e.r=t())&&w.get(s).add(e)},g=()=>{const e=d;d=new Set,e.forEach(S)},w=new WeakMap,E=[],y=[];function m(e,t){return e!==this[t]}const _=e=>{const t=w.get(e);t&&p.then((()=>{t.forEach((e=>{e.r(),e.r=null})),t.clear()}))},b=()=>{const e=f.get(h);return e.a=a,e.c=i,e},k=e=>w.has(e),M=e=>"function"==typeof e,$=e=>{return f.set(t,{a:a,c:i,h:t,i:0,s:[]}),t;function t(){const n=a,s=i,o=h;a=arguments,i=this,h=t;try{return e.apply(i,a)}finally{a=n,i=s,h=o,E.length&&p.then(E.forEach.bind(E.splice(0),v)),y.length&&y.splice(0).forEach(v)}}},S=e=>{e.i=0,e.h.apply(e.c,e.a)};function C(e){const{_:t,value:n}=this;n!==e&&(this._=new Set,this.value=e,t.forEach(S))}const W=(e,t)=>{const n=b(),{i:s,s:o}=n;return s===o.length?o.push({$:e(),_:t}):t&&!t.some(m,o[s]._)||(o[s]={$:e(),_:t}),o[n.i++].$},O=e=>(t,n)=>{const s=b(),{i:o,s:c,h:r}=s,u=o===c.length;u&&(w.has(r)||w.set(r,new Set),c.push({$:t,_:n,r:null,h:r}));const l=c[s.i++];(u||!n||n.some(m,l._))&&e.push(l)},x=O(E),L=O(y),N=(e,t)=>M(t)?t(e):t,P=(e,t,n)=>{const s=b(),{i:o,s:c}=s;o===c.length&&c.push({$:M(n)?n(t):N(void 0,t),set:t=>{c[o].$=e(c[o].$,t),(e=>{d.has(e)||(d.add(e),p.then(g))})(s)}});const{$:r,set:u}=c[s.i++];return[r,u]};
 /*! (c) Andrea Giammarchi - ISC */
-let R=null;const T=({firstChild:e})=>{if(e&&1!==e.nodeType&&!(e=e.nextElementSibling))throw"unobservable";return e},j=e=>{const{nodeType:t}=e;if(t)return 1===t?e:T(e);{const t=e.valueOf();return t!==e?j(t):T(t)}};return e.createContext=e=>({_:new Set,provide:C,value:e}),e.hooked=e=>{const n=$(e);return function(){const e=n.apply(this,arguments);if(k(n)){const s=j(e);if(!s)throw"unobservable";R||(R=r(document,"children",t)),R.has(s)||R.connect(s,{disconnected(){m(n)}})}return e}},e.useCallback=(e,t)=>W((()=>e),t),e.useContext=({_:e,value:t})=>(e.add(_()),t),e.useEffect=x,e.useLayoutEffect=L,e.useMemo=W,e.useReducer=P,e.useRef=e=>{const t=_(),{i:n,s:s}=t;return n===s.length&&s.push({current:e}),s[t.i++]},e.useState=e=>P(N,e),Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+let R=null;const T=({firstChild:e})=>{if(e&&1!==e.nodeType&&!(e=e.nextElementSibling))throw"unobservable";return e},j=e=>{const{nodeType:t}=e;if(t)return 1===t?e:T(e);{const t=e.valueOf();return t!==e?j(t):T(t)}};return e.createContext=e=>({_:new Set,provide:C,value:e}),e.hooked=e=>{let n=null;const s=$(e);return function(){const e=s.apply(this,arguments);if(k(s)){const o=j(e);R||(R=r(document,"children",t)),R.has(o)||R.connect(o,n||(n={disconnected(){_(s)}}))}return e}},e.useCallback=(e,t)=>W((()=>e),t),e.useContext=({_:e,value:t})=>(e.add(b()),t),e.useEffect=x,e.useLayoutEffect=L,e.useMemo=W,e.useReducer=P,e.useRef=e=>{const t=b(),{i:n,s:s}=t;return n===s.length&&s.push({current:e}),s[t.i++]},e.useState=e=>P(N,e),Object.defineProperty(e,"__esModule",{value:!0}),e}({});

esm/index.js

@@ -32,2 +32,3 @@ /*! (c) Andrea Giammarchi - ISC */
 export const hooked = fn => {
+  let handler = null;
   const hook = $hooked(fn);
@@ -37,13 +38,11 @@ return function () {
     if (hasEffect(hook)) {
-      const disconnectable = get(node);
-      if (!disconnectable)
-        throw 'unobservable';
+      const element = get(node);
       if (!observer)
         observer = observe(document, 'children', CustomEvent);
-      if (!observer.has(disconnectable))
-        observer.connect(disconnectable, {
+      if (!observer.has(element))
+        observer.connect(element, handler || (handler = {
           disconnected() {
             dropEffect(hook);
           }
-        });
+        }));
     }
@@ -50,0 +49,0 @@ return node;

index.js

@@ -361,2 +361,3 @@ self.uhooksDOM = (function (exports) {
   var hooked$1 = function hooked$1(fn) {
+    var handler = null;
     var hook = hooked(fn);
@@ -367,10 +368,9 @@ return function () {
       if (hasEffect(hook)) {
-        var disconnectable = get(node);
-        if (!disconnectable) throw 'unobservable';
+        var element = get(node);
         if (!observer) observer = observe(document, 'children', CustomEvent$1);
-        if (!observer.has(disconnectable)) observer.connect(disconnectable, {
+        if (!observer.has(element)) observer.connect(element, handler || (handler = {
           disconnected: function disconnected() {
             dropEffect(hook);
           }
-        });
+        }));
       }
@@ -377,0 +377,0 @@

min.js

 self.uhooksDOM=function(n){"use strict";
-/*! (c) Andrea Giammarchi - ISC */var e={};e.CustomEvent="function"==typeof CustomEvent?CustomEvent:function(n){return e[n]=new e("").constructor[n],e;function e(n,e){e||(e={});var t=document.createEvent("CustomEvent");return t.initCustomEvent(n,!!e.bubbles,!!e.cancelable,e.detail),t}}("prototype");var t=e.CustomEvent,r="connected",u="disconnected",o="EventListener",i=function(n,e,t){n[e+o](r,t),n[e+o](u,t)},c=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"children",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:CustomEvent,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:MutationObserver,c=new WeakMap,s=new WeakMap,f=new WeakMap,l=function(n){return c.has(n)},h=function(n){l(n)&&(i(n,"remove",c.get(n)),c.delete(n))},v=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};h(n),e.handleEvent||(e.handleEvent=a),i(n,"add",e),c.set(n,e)},d=function(n,e,t,r){for(var u=n.length,o=0;o<u;o++)p(n[o],e,t,r)},p=function(n,r,u,o){l(n)&&!u.has(n)&&(o.delete(n),u.set(n,0),n.dispatchEvent(new t(r))),d(n[e]||[],r,u,o)},E=new o((function(n){for(var e=n.length,t=0;t<e;t++){var o=n[t],i=o.removedNodes,c=o.addedNodes;d(i,u,f,s),d(c,r,s,f)}}));return E.observe(n,{subtree:!0,childList:!0}),{has:l,connect:v,disconnect:h,kill:function(){E.disconnect()}}};function a(n){n.type in this&&this[n.type](n)}var s="function"==typeof Promise?Promise:function(n){var e,t=[],r=0;return n((function(n){e=n,r=1,t.splice(0).forEach(u)})),{then:u};function u(n){return r?setTimeout(n,0,e):t.push(n),this}},f=null,l=null,h=null,v=new Set,d=new WeakMap,p=new s((function(n){return n()})),E=function(n){var e=n.$,t=n.r,r=n.h;M(t)&&(m.get(r).delete(n),t()),M(n.r=e())&&m.get(r).add(n)},g=function(){var n=v;v=new Set,n.forEach($)},m=new WeakMap,w=[],b=[];function y(n,e){return n!==this[e]}var C=function(n){var e=m.get(n);e&&p.then((function(){e.forEach((function(n){n.r(),n.r=null})),e.clear()}))},_=function(){var n=d.get(h);return n.a=f,n.c=l,n},k=function(n){return m.has(n)},M=function(n){return"function"==typeof n},$=function(n){n.i=0,n.h.apply(n.c,n.a)};function S(n){var e=this._;this.value!==n&&(this._=new Set,this.value=n,e.forEach($))}var W=function(n,e){var t=_(),r=t.i,u=t.s;return r===u.length?u.push({$:n(),_:e}):e&&!e.some(y,u[r]._)||(u[r]={$:n(),_:e}),u[t.i++].$},O=function(n){return function(e,t){var r=_(),u=r.i,o=r.s,i=r.h,c=u===o.length;c&&(m.has(i)||m.set(i,new Set),o.push({$:e,_:t,r:null,h:i}));var a=o[r.i++];(c||!t||t.some(y,a._))&&n.push(a)}},x=O(w),L=O(b),P=function(n,e){return M(e)?e(n):e},T=function(n,e,t){var r=_(),u=r.i,o=r.s;u===o.length&&o.push({$:M(t)?t(e):P(void 0,e),set:function(e){o[u].$=n(o[u].$,e),function(n){v.has(n)||(v.add(n),p.then(g))}(r)}});var i=o[r.i++];return[i.$,i.set]},N=null,R=function(n){var e=n.firstChild;if(e&&1!==e.nodeType&&!(e=e.nextElementSibling))throw"unobservable";return e},j=function n(e){var t=e.nodeType;if(t)return 1===t?e:R(e);var r=e.valueOf();return r!==e?n(r):R(r)};return n.createContext=function(n){return{_:new Set,provide:S,value:n}},n.hooked=function(n){var e=function(n){return d.set(e,{a:f,c:l,h:e,i:0,s:[]}),e;function e(){var t=f,r=l,u=h;f=arguments,l=this,h=e;try{return n.apply(l,f)}finally{f=t,l=r,h=u,w.length&&p.then(w.forEach.bind(w.splice(0),E)),b.length&&b.splice(0).forEach(E)}}}(n);return function(){var n=e.apply(this,arguments);if(k(e)){var r=j(n);if(!r)throw"unobservable";N||(N=c(document,"children",t)),N.has(r)||N.connect(r,{disconnected:function(){C(e)}})}return n}},n.useCallback=function(n,e){return W((function(){return n}),e)},n.useContext=function(n){var e=n._,t=n.value;return e.add(_()),t},n.useEffect=x,n.useLayoutEffect=L,n.useMemo=W,n.useReducer=T,n.useRef=function(n){var e=_(),t=e.i,r=e.s;return t===r.length&&r.push({current:n}),r[e.i++]},n.useState=function(n){return T(P,n)},Object.defineProperty(n,"__esModule",{value:!0}),n}({});
+/*! (c) Andrea Giammarchi - ISC */var e={};e.CustomEvent="function"==typeof CustomEvent?CustomEvent:function(n){return e[n]=new e("").constructor[n],e;function e(n,e){e||(e={});var t=document.createEvent("CustomEvent");return t.initCustomEvent(n,!!e.bubbles,!!e.cancelable,e.detail),t}}("prototype");var t=e.CustomEvent,r="connected",u="disconnected",o="EventListener",i=function(n,e,t){n[e+o](r,t),n[e+o](u,t)},c=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"children",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:CustomEvent,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:MutationObserver,c=new WeakMap,s=new WeakMap,f=new WeakMap,l=function(n){return c.has(n)},h=function(n){l(n)&&(i(n,"remove",c.get(n)),c.delete(n))},v=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};h(n),e.handleEvent||(e.handleEvent=a),i(n,"add",e),c.set(n,e)},d=function(n,e,t,r){for(var u=n.length,o=0;o<u;o++)p(n[o],e,t,r)},p=function(n,r,u,o){l(n)&&!u.has(n)&&(o.delete(n),u.set(n,0),n.dispatchEvent(new t(r))),d(n[e]||[],r,u,o)},E=new o((function(n){for(var e=n.length,t=0;t<e;t++){var o=n[t],i=o.removedNodes,c=o.addedNodes;d(i,u,f,s),d(c,r,s,f)}}));return E.observe(n,{subtree:!0,childList:!0}),{has:l,connect:v,disconnect:h,kill:function(){E.disconnect()}}};function a(n){n.type in this&&this[n.type](n)}var s="function"==typeof Promise?Promise:function(n){var e,t=[],r=0;return n((function(n){e=n,r=1,t.splice(0).forEach(u)})),{then:u};function u(n){return r?setTimeout(n,0,e):t.push(n),this}},f=null,l=null,h=null,v=new Set,d=new WeakMap,p=new s((function(n){return n()})),E=function(n){var e=n.$,t=n.r,r=n.h;M(t)&&(m.get(r).delete(n),t()),M(n.r=e())&&m.get(r).add(n)},g=function(){var n=v;v=new Set,n.forEach($)},m=new WeakMap,w=[],y=[];function b(n,e){return n!==this[e]}var C=function(n){var e=m.get(n);e&&p.then((function(){e.forEach((function(n){n.r(),n.r=null})),e.clear()}))},_=function(){var n=d.get(h);return n.a=f,n.c=l,n},k=function(n){return m.has(n)},M=function(n){return"function"==typeof n},$=function(n){n.i=0,n.h.apply(n.c,n.a)};function S(n){var e=this._;this.value!==n&&(this._=new Set,this.value=n,e.forEach($))}var W=function(n,e){var t=_(),r=t.i,u=t.s;return r===u.length?u.push({$:n(),_:e}):e&&!e.some(b,u[r]._)||(u[r]={$:n(),_:e}),u[t.i++].$},O=function(n){return function(e,t){var r=_(),u=r.i,o=r.s,i=r.h,c=u===o.length;c&&(m.has(i)||m.set(i,new Set),o.push({$:e,_:t,r:null,h:i}));var a=o[r.i++];(c||!t||t.some(b,a._))&&n.push(a)}},x=O(w),L=O(y),P=function(n,e){return M(e)?e(n):e},T=function(n,e,t){var r=_(),u=r.i,o=r.s;u===o.length&&o.push({$:M(t)?t(e):P(void 0,e),set:function(e){o[u].$=n(o[u].$,e),function(n){v.has(n)||(v.add(n),p.then(g))}(r)}});var i=o[r.i++];return[i.$,i.set]},N=null,R=function(n){var e=n.firstChild;if(e&&1!==e.nodeType&&!(e=e.nextElementSibling))throw"unobservable";return e},j=function n(e){var t=e.nodeType;if(t)return 1===t?e:R(e);var r=e.valueOf();return r!==e?n(r):R(r)};return n.createContext=function(n){return{_:new Set,provide:S,value:n}},n.hooked=function(n){var e=null,r=function(n){return d.set(e,{a:f,c:l,h:e,i:0,s:[]}),e;function e(){var t=f,r=l,u=h;f=arguments,l=this,h=e;try{return n.apply(l,f)}finally{f=t,l=r,h=u,w.length&&p.then(w.forEach.bind(w.splice(0),E)),y.length&&y.splice(0).forEach(E)}}}(n);return function(){var n=r.apply(this,arguments);if(k(r)){var u=j(n);N||(N=c(document,"children",t)),N.has(u)||N.connect(u,e||(e={disconnected:function(){C(r)}}))}return n}},n.useCallback=function(n,e){return W((function(){return n}),e)},n.useContext=function(n){var e=n._,t=n.value;return e.add(_()),t},n.useEffect=x,n.useLayoutEffect=L,n.useMemo=W,n.useReducer=T,n.useRef=function(n){var e=_(),t=e.i,r=e.s;return t===r.length&&r.push({current:n}),r[e.i++]},n.useState=function(n){return T(P,n)},Object.defineProperty(n,"__esModule",{value:!0}),n}({});

package.json

 {
   "name": "uhooks-dom",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A dom-augmentor alternative based on uhooks",
@@ -5,0 +5,0 @@ "main": "./cjs/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

22235

decreased by-0.5%

Lines of code

470

decreased by-0.63%

No dependency changes