@tanstack/react-router 0.0.1-beta.19 → 0.0.1-beta.190
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/build/cjs/_virtual/_rollupPluginBabelHelpers.js +1 -19
- package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/build/cjs/awaited.js +45 -0
- package/build/cjs/awaited.js.map +1 -0
- package/build/cjs/index.js +66 -0
- package/build/cjs/index.js.map +1 -0
- package/build/cjs/react.js +653 -0
- package/build/cjs/react.js.map +1 -0
- package/build/cjs/scroll-restoration.js +56 -0
- package/build/cjs/scroll-restoration.js.map +1 -0
- package/build/esm/index.js +559 -2790
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +59 -49
- package/build/stats-react.json +287 -37
- package/build/types/awaited.d.ts +8 -0
- package/build/types/index.d.ts +4 -105
- package/build/types/react.d.ts +202 -0
- package/build/types/scroll-restoration.d.ts +3 -0
- package/build/umd/index.development.js +2471 -2438
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +25 -4
- package/build/umd/index.production.js.map +1 -1
- package/package.json +11 -10
- package/src/awaited.tsx +40 -0
- package/src/index.tsx +5 -660
- package/src/react.tsx +1298 -0
- package/src/scroll-restoration.tsx +27 -0
- package/build/cjs/react-router/src/index.js +0 -443
- package/build/cjs/react-router/src/index.js.map +0 -1
- package/build/cjs/router-core/build/esm/index.js +0 -2523
- package/build/cjs/router-core/build/esm/index.js.map +0 -1
package/build/stats-html.html
CHANGED
|
@@ -144,9 +144,9 @@ main {
|
|
|
144
144
|
var drawChart = (function (exports) {
|
|
145
145
|
'use strict';
|
|
146
146
|
|
|
147
|
-
var n,l$1,u$1,t$1,o$2,r$1,f$1={},e$
|
|
147
|
+
var n,l$1,u$1,t$1,o$2,r$1,f$1={},e$1=[],c$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s$1(n,l){for(var u in l)n[u]=l[u];return n}function a$1(n){var l=n.parentNode;l&&l.removeChild(n);}function h$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return v$1(l,f,t,o,null)}function v$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function p$1(n){return n.children}function d$1(n,l){this.props=n,this.context=l;}function _$2(n,l){if(null==l)return n.__?_$2(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?_$2(n):null}function k$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k$1(n)}}function b$1(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!g$1.__r++||o$2!==l$1.debounceRendering)&&((o$2=l$1.debounceRendering)||setTimeout)(g$1);}function g$1(){for(var n;g$1.__r=t$1.length;)n=t$1.sort(function(n,l){return n.__v.__b-l.__v.__b}),t$1=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=s$1({},t)).__v=t.__v+1,j$1(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?_$2(t):o,t.__h),z$1(u,t),t.__e!=o&&k$1(t)));});}function w$1(n,l,u,i,t,o,r,c,s,a){var h,y,d,k,b,g,w,x=i&&i.__k||e$1,C=x.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(k=u.__k[h]=null==(k=l[h])||"boolean"==typeof k?null:"string"==typeof k||"number"==typeof k||"bigint"==typeof k?v$1(null,k,null,null,k):Array.isArray(k)?v$1(p$1,{children:k},null,null,null):k.__b>0?v$1(k.type,k.props,k.key,k.ref?k.ref:null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(d=x[h])||d&&k.key==d.key&&k.type===d.type)x[h]=void 0;else for(y=0;y<C;y++){if((d=x[y])&&k.key==d.key&&k.type===d.type){x[y]=void 0;break}d=null;}j$1(n,k,d=d||f$1,t,o,r,c,s,a),b=k.__e,(y=k.ref)&&d.ref!=y&&(w||(w=[]),d.ref&&w.push(d.ref,null,k),w.push(y,k.__c||b,k)),null!=b?(null==g&&(g=b),"function"==typeof k.type&&k.__k===d.__k?k.__d=s=m$1(k,s,n):s=A$1(n,k,d,x,b,s),"function"==typeof u.type&&(u.__d=s)):s&&d.__e==s&&s.parentNode!=n&&(s=_$2(d));}for(u.__e=g,h=C;h--;)null!=x[h]&&N(x[h],x[h]);if(w)for(h=0;h<w.length;h++)M(w[h],w[++h],w[++h]);}function m$1(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?m$1(i,l,u):A$1(u,i,i,t,i.__e,l));return l}function A$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||c$1.test(l)?u:u+"px";}function H(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T:I,o):n.removeEventListener(l,o?T:I,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&-1==l.indexOf("-")?n.removeAttribute(l):n.setAttribute(l,u));}}function I(n){this.l[n.type+!1](l$1.event?l$1.event(n):n);}function T(n){this.l[n.type+!0](l$1.event?l$1.event(n):n);}function j$1(n,u,i,t,o,r,f,e,c){var a,h,v,y,_,k,b,g,m,x,A,C,$,H,I,T=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(a=l$1.__b)&&a(u);try{n:if("function"==typeof T){if(g=u.props,m=(a=T.contextType)&&t[a.__c],x=a?m?m.props.value:a.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in T&&T.prototype.render?u.__c=h=new T(g,x):(u.__c=h=new d$1(g,x),h.constructor=T,h.render=O),m&&m.sub(h),h.props=g,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[],h._sb=[]),null==h.__s&&(h.__s=h.state),null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=s$1({},h.__s)),s$1(h.__s,T.getDerivedStateFromProps(g,h.__s))),y=h.props,_=h.state,v)null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==T.getDerivedStateFromProps&&g!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(g,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(g,h.__s,x)||u.__v===i.__v){for(h.props=g,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),A=0;A<h._sb.length;A++)h.__h.push(h._sb[A]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(g,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,_,k);});}if(h.context=x,h.props=g,h.__v=u,h.__P=n,C=l$1.__r,$=0,"prototype"in T&&T.prototype.render){for(h.state=h.__s,h.__d=!1,C&&C(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,C&&C(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++$<25);h.state=h.__s,null!=h.getChildContext&&(t=s$1(s$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,_)),I=null!=a&&a.type===p$1&&null==a.key?a.props.children:a,w$1(n,Array.isArray(I)?I:[I],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,o,r,f,c);(a=l$1.diffed)&&a(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,i);}}function z$1(n,u){l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function L(l,u,i,t,o,r,e,c){var s,h,v,y=i.props,p=u.props,d=u.type,k=0;if("svg"===d&&(o=!0),null!=r)for(;k<r.length;k++)if((s=r[k])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[k]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),h=(y=i.props||f$1).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},k=0;k<l.attributes.length;k++)y[l.attributes[k].name]=l.attributes[k].value;(v||h)&&(v&&(h&&v.__html==h.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(k=u.props.children,w$1(l,Array.isArray(k)?k:[k],u,i,t,o&&"foreignObject"!==d,r,e,r?r[0]:i.__k&&_$2(i,0),c),null!=r)for(k=r.length;k--;)null!=r[k]&&a$1(r[k]);c||("value"in p&&void 0!==(k=p.value)&&(k!==l.value||"progress"===d&&!k||"option"===d&&k!==y.value)&&H(l,"value",k,y.value,!1),"checked"in p&&void 0!==(k=p.checked)&&k!==l.checked&&H(l,"checked",k,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function N(n,u,i){var t,o;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null,n.__c=void 0;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,i||"function"!=typeof n.type);i||null==n.__e||a$1(n.__e),n.__=n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function P(u,i,t){var o,r,e;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,e=[],j$1(i,u=(!o&&t||i).__k=h$1(p$1,null,[u]),r||f$1,f$1,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,e,!o&&t?t:r?r.__e:i.firstChild,o),z$1(e,u);}function B$2(n,l){var u={__c:l="__cC"+r$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(b$1);},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=e$1.slice,l$1={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,d$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=s$1({},this.state),"function"==typeof n&&(n=n(s$1({},u),this.props)),n&&s$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),b$1(this));},d$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),b$1(this));},d$1.prototype.render=p$1,t$1=[],g$1.__r=0,r$1=0;
|
|
148
148
|
|
|
149
|
-
var
|
|
149
|
+
var _$1=0;function o$1(o,e,n,t,f){var l,s,u={};for(s in e)"ref"==s?l=e[s]:u[s]=e[s];var a={type:o,props:u,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--_$1,__source:f,__self:t};if("function"==typeof o&&(l=o.defaultProps))for(s in l)void 0===u[s]&&(u[s]=l[s]);return l$1.vnode&&l$1.vnode(a),a}
|
|
150
150
|
|
|
151
151
|
function count$1(node) {
|
|
152
152
|
var sum = 0,
|
|
@@ -660,11 +660,11 @@ var drawChart = (function (exports) {
|
|
|
660
660
|
return availableSizeProperties;
|
|
661
661
|
};
|
|
662
662
|
|
|
663
|
-
var t,u,
|
|
663
|
+
var t,r,u,i,o=0,f=[],c=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function d(t,u){l$1.__h&&l$1.__h(r,t,o||u),o=0;var i=r.__H||(r.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function p(n){return o=1,y(B$1,n)}function y(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$1(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r,!r.u)){r.u=!0;var f=r.shouldComponentUpdate;r.shouldComponentUpdate=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !f||f.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!f||f.call(this,n,t,r))};}return o.__N||o.__}function h(u,i){var o=d(t++,3);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__H.__h.push(o));}function s(u,i){var o=d(t++,4);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__h.push(o));}function _(n){return o=5,F(function(){return {current:n}},[])}function F(n,r){var u=d(t++,7);return z(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function q(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k),t.__H.__h.forEach(w),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){"function"!=typeof n.type||n.__m||null===n.__?n.__m||(n.__m=n.__&&n.__.__m?n.__.__m:""):n.__m=(n.__&&n.__.__m?n.__.__m:"")+(n.__&&n.__.__k?n.__.__k.indexOf(n):0),r=null,e&&e(n);},l$1.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k),i.__h.forEach(w),i.__h=[])),u=r;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u=r=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k),t.__h=t.__h.filter(function(n){return !n.__||w(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g="function"==typeof requestAnimationFrame;function j(n){var t,r=function(){clearTimeout(u),g&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g&&(t=requestAnimationFrame(r));}function k(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function w(n){var t=r;n.__c=n.__(),r=t;}function z(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$1(n,t){return "function"==typeof t?t(n):t}
|
|
664
664
|
|
|
665
665
|
const SideBar = ({ availableSizeProperties, sizeProperty, setSizeProperty, onExcludeChange, onIncludeChange, }) => {
|
|
666
|
-
const [includeValue, setIncludeValue] =
|
|
667
|
-
const [excludeValue, setExcludeValue] =
|
|
666
|
+
const [includeValue, setIncludeValue] = p("");
|
|
667
|
+
const [excludeValue, setExcludeValue] = p("");
|
|
668
668
|
const handleSizePropertyChange = (sizeProp) => () => {
|
|
669
669
|
if (sizeProp !== sizeProperty) {
|
|
670
670
|
setSizeProperty(sizeProp);
|
|
@@ -680,11 +680,11 @@ var drawChart = (function (exports) {
|
|
|
680
680
|
setExcludeValue(value);
|
|
681
681
|
onExcludeChange(value);
|
|
682
682
|
};
|
|
683
|
-
return (
|
|
683
|
+
return (o$1("aside", Object.assign({ className: "sidebar" }, { children: [o$1("div", Object.assign({ className: "size-selectors" }, { children: availableSizeProperties.length > 1 &&
|
|
684
684
|
availableSizeProperties.map((sizeProp) => {
|
|
685
685
|
const id = `selector-${sizeProp}`;
|
|
686
|
-
return (
|
|
687
|
-
}) })),
|
|
686
|
+
return (o$1("div", Object.assign({ className: "size-selector" }, { children: [o$1("input", { type: "radio", id: id, checked: sizeProp === sizeProperty, onChange: handleSizePropertyChange(sizeProp) }), o$1("label", Object.assign({ htmlFor: id }, { children: LABELS[sizeProp] }))] }), sizeProp));
|
|
687
|
+
}) })), o$1("div", Object.assign({ className: "module-filters" }, { children: [o$1("div", Object.assign({ className: "module-filter" }, { children: [o$1("label", Object.assign({ htmlFor: "module-filter-exclude" }, { children: "Exclude" })), o$1("input", { type: "text", id: "module-filter-exclude", value: excludeValue, onInput: handleExcludeChange, placeholder: "RegExp" })] })), o$1("div", Object.assign({ className: "module-filter" }, { children: [o$1("label", Object.assign({ htmlFor: "module-filter-include" }, { children: "Include" })), o$1("input", { type: "text", id: "module-filter-include", value: includeValue, onInput: handleIncludeChange, placeholder: "RegExp" })] }))] }))] })));
|
|
688
688
|
};
|
|
689
689
|
|
|
690
690
|
const throttleFilter = (callback, limit) => {
|
|
@@ -700,8 +700,8 @@ var drawChart = (function (exports) {
|
|
|
700
700
|
};
|
|
701
701
|
};
|
|
702
702
|
const useFilter = () => {
|
|
703
|
-
const [includeFilter, setIncludeFilter] =
|
|
704
|
-
const [excludeFilter, setExcludeFilter] =
|
|
703
|
+
const [includeFilter, setIncludeFilter] = p("");
|
|
704
|
+
const [excludeFilter, setExcludeFilter] = p("");
|
|
705
705
|
const setIncludeFilterTrottled = F(() => throttleFilter(setIncludeFilter, 200), []);
|
|
706
706
|
const setExcludeFilterTrottled = F(() => throttleFilter(setExcludeFilter, 200), []);
|
|
707
707
|
const isModuleIncluded = F(() => {
|
|
@@ -954,8 +954,8 @@ var drawChart = (function (exports) {
|
|
|
954
954
|
const { getModuleColor } = q(StaticContext);
|
|
955
955
|
const { backgroundColor, fontColor } = getModuleColor(node);
|
|
956
956
|
const { x0, x1, y1, y0, data, children = null } = node;
|
|
957
|
-
const textRef =
|
|
958
|
-
const textRectRef =
|
|
957
|
+
const textRef = _(null);
|
|
958
|
+
const textRectRef = _();
|
|
959
959
|
const width = x1 - x0;
|
|
960
960
|
const height = y1 - y0;
|
|
961
961
|
const textProps = {
|
|
@@ -970,7 +970,7 @@ var drawChart = (function (exports) {
|
|
|
970
970
|
else {
|
|
971
971
|
textProps.y = height / 2;
|
|
972
972
|
}
|
|
973
|
-
|
|
973
|
+
s(() => {
|
|
974
974
|
if (width == 0 || height == 0 || !textRef.current) {
|
|
975
975
|
return;
|
|
976
976
|
}
|
|
@@ -995,13 +995,13 @@ var drawChart = (function (exports) {
|
|
|
995
995
|
if (width == 0 || height == 0) {
|
|
996
996
|
return null;
|
|
997
997
|
}
|
|
998
|
-
return (
|
|
998
|
+
return (o$1("g", Object.assign({ className: "node", transform: `translate(${x0},${y0})`, onClick: (event) => {
|
|
999
999
|
event.stopPropagation();
|
|
1000
1000
|
onClick(node);
|
|
1001
1001
|
}, onMouseOver: (event) => {
|
|
1002
1002
|
event.stopPropagation();
|
|
1003
1003
|
onMouseOver(node);
|
|
1004
|
-
} }, { children: [
|
|
1004
|
+
} }, { children: [o$1("rect", { fill: backgroundColor, rx: 2, ry: 2, width: x1 - x0, height: y1 - y0, stroke: selected ? "#fff" : undefined, "stroke-width": selected ? 2 : undefined }), o$1("text", Object.assign({ ref: textRef, fill: fontColor, onClick: (event) => {
|
|
1005
1005
|
var _a;
|
|
1006
1006
|
if (((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString()) !== "") {
|
|
1007
1007
|
event.stopPropagation();
|
|
@@ -1009,7 +1009,7 @@ var drawChart = (function (exports) {
|
|
|
1009
1009
|
} }, textProps, { children: data.name }))] })));
|
|
1010
1010
|
};
|
|
1011
1011
|
|
|
1012
|
-
const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick }) => {
|
|
1012
|
+
const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick, }) => {
|
|
1013
1013
|
const { width, height, getModuleIds } = q(StaticContext);
|
|
1014
1014
|
console.time("layering");
|
|
1015
1015
|
// this will make groups by height
|
|
@@ -1023,9 +1023,9 @@ var drawChart = (function (exports) {
|
|
|
1023
1023
|
return nestedData;
|
|
1024
1024
|
}, [root]);
|
|
1025
1025
|
console.timeEnd("layering");
|
|
1026
|
-
return (
|
|
1027
|
-
return (
|
|
1028
|
-
return (
|
|
1026
|
+
return (o$1("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, { children: nestedData.map(({ key, values }) => {
|
|
1027
|
+
return (o$1("g", Object.assign({ className: "layer" }, { children: values.map((node) => {
|
|
1028
|
+
return (o$1(Node, { node: node, onMouseOver: onNodeHover, selected: selectedNode === node, onClick: onNodeClick }, getModuleIds(node.data).nodeUid.id));
|
|
1029
1029
|
}) }), key));
|
|
1030
1030
|
}) })));
|
|
1031
1031
|
};
|
|
@@ -1203,13 +1203,13 @@ var drawChart = (function (exports) {
|
|
|
1203
1203
|
|
|
1204
1204
|
const Tooltip_marginX = 10;
|
|
1205
1205
|
const Tooltip_marginY = 30;
|
|
1206
|
-
const SOURCEMAP_RENDERED = (
|
|
1207
|
-
const RENDRED = (
|
|
1208
|
-
const COMPRESSED = (
|
|
1209
|
-
const Tooltip = ({ node, visible, root, sizeProperty }) => {
|
|
1206
|
+
const SOURCEMAP_RENDERED = (o$1("span", { children: [" ", o$1("b", { children: LABELS.renderedLength }), " is a number of characters in the file after individual and ", o$1("br", {}), " ", "whole bundle transformations according to sourcemap."] }));
|
|
1207
|
+
const RENDRED = (o$1("span", { children: [o$1("b", { children: LABELS.renderedLength }), " is a byte size of individual file after transformations and treeshake."] }));
|
|
1208
|
+
const COMPRESSED = (o$1("span", { children: [o$1("b", { children: LABELS.gzipLength }), " and ", o$1("b", { children: LABELS.brotliLength }), " is a byte size of individual file after individual transformations,", o$1("br", {}), " treeshake and compression."] }));
|
|
1209
|
+
const Tooltip = ({ node, visible, root, sizeProperty, }) => {
|
|
1210
1210
|
const { availableSizeProperties, getModuleSize, data } = q(StaticContext);
|
|
1211
|
-
const ref =
|
|
1212
|
-
const [style, setStyle] =
|
|
1211
|
+
const ref = _(null);
|
|
1212
|
+
const [style, setStyle] = p({});
|
|
1213
1213
|
const content = F(() => {
|
|
1214
1214
|
if (!node)
|
|
1215
1215
|
return null;
|
|
@@ -1227,17 +1227,17 @@ var drawChart = (function (exports) {
|
|
|
1227
1227
|
const mainUid = data.nodeParts[node.data.uid].mainUid;
|
|
1228
1228
|
dataNode = data.nodeMetas[mainUid];
|
|
1229
1229
|
}
|
|
1230
|
-
return (
|
|
1230
|
+
return (o$1(p$1, { children: [o$1("div", { children: path }), availableSizeProperties.map((sizeProp) => {
|
|
1231
1231
|
if (sizeProp === sizeProperty) {
|
|
1232
|
-
return (
|
|
1232
|
+
return (o$1("div", { children: [o$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }, sizeProp));
|
|
1233
1233
|
}
|
|
1234
1234
|
else {
|
|
1235
|
-
return (
|
|
1235
|
+
return (o$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, sizeProp))] }, sizeProp));
|
|
1236
1236
|
}
|
|
1237
|
-
}),
|
|
1237
|
+
}), o$1("br", {}), dataNode && dataNode.importedBy.length > 0 && (o$1("div", { children: [o$1("div", { children: [o$1("b", { children: "Imported By" }), ":"] }), dataNode.importedBy.map(({ uid }) => {
|
|
1238
1238
|
const id = data.nodeMetas[uid].id;
|
|
1239
|
-
return
|
|
1240
|
-
})] })),
|
|
1239
|
+
return o$1("div", { children: id }, id);
|
|
1240
|
+
})] })), o$1("br", {}), o$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (o$1(p$1, { children: [o$1("br", {}), o$1("small", { children: COMPRESSED })] }))] }));
|
|
1241
1241
|
}, [availableSizeProperties, data, getModuleSize, node, root.data, sizeProperty]);
|
|
1242
1242
|
const updatePosition = (mouseCoords) => {
|
|
1243
1243
|
if (!ref.current)
|
|
@@ -1257,7 +1257,7 @@ var drawChart = (function (exports) {
|
|
|
1257
1257
|
}
|
|
1258
1258
|
setStyle(pos);
|
|
1259
1259
|
};
|
|
1260
|
-
|
|
1260
|
+
h(() => {
|
|
1261
1261
|
const handleMouseMove = (event) => {
|
|
1262
1262
|
updatePosition({
|
|
1263
1263
|
x: event.pageX,
|
|
@@ -1269,13 +1269,13 @@ var drawChart = (function (exports) {
|
|
|
1269
1269
|
document.removeEventListener("mousemove", handleMouseMove, true);
|
|
1270
1270
|
};
|
|
1271
1271
|
}, []);
|
|
1272
|
-
return (
|
|
1272
|
+
return (o$1("div", Object.assign({ className: `tooltip ${visible ? "" : "tooltip-hidden"}`, ref: ref, style: style }, { children: content })));
|
|
1273
1273
|
};
|
|
1274
1274
|
|
|
1275
|
-
const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode }) => {
|
|
1276
|
-
const [showTooltip, setShowTooltip] =
|
|
1277
|
-
const [tooltipNode, setTooltipNode] =
|
|
1278
|
-
|
|
1275
|
+
const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode, }) => {
|
|
1276
|
+
const [showTooltip, setShowTooltip] = p(false);
|
|
1277
|
+
const [tooltipNode, setTooltipNode] = p(undefined);
|
|
1278
|
+
h(() => {
|
|
1279
1279
|
const handleMouseOut = () => {
|
|
1280
1280
|
setShowTooltip(false);
|
|
1281
1281
|
};
|
|
@@ -1284,18 +1284,18 @@ var drawChart = (function (exports) {
|
|
|
1284
1284
|
document.removeEventListener("mouseover", handleMouseOut);
|
|
1285
1285
|
};
|
|
1286
1286
|
}, []);
|
|
1287
|
-
return (
|
|
1287
|
+
return (o$1(p$1, { children: [o$1(TreeMap, { root: root, onNodeHover: (node) => {
|
|
1288
1288
|
setTooltipNode(node);
|
|
1289
1289
|
setShowTooltip(true);
|
|
1290
1290
|
}, selectedNode: selectedNode, onNodeClick: (node) => {
|
|
1291
1291
|
setSelectedNode(selectedNode === node ? undefined : node);
|
|
1292
|
-
} }),
|
|
1292
|
+
} }), o$1(Tooltip, { visible: showTooltip, node: tooltipNode, root: root, sizeProperty: sizeProperty })] }));
|
|
1293
1293
|
};
|
|
1294
1294
|
|
|
1295
1295
|
const Main = () => {
|
|
1296
1296
|
const { availableSizeProperties, rawHierarchy, getModuleSize, layout, data } = q(StaticContext);
|
|
1297
|
-
const [sizeProperty, setSizeProperty] =
|
|
1298
|
-
const [selectedNode, setSelectedNode] =
|
|
1297
|
+
const [sizeProperty, setSizeProperty] = p(availableSizeProperties[0]);
|
|
1298
|
+
const [selectedNode, setSelectedNode] = p(undefined);
|
|
1299
1299
|
const { getModuleFilterMultiplier, setExcludeFilter, setIncludeFilter } = useFilter();
|
|
1300
1300
|
console.time("getNodeSizeMultiplier");
|
|
1301
1301
|
const getNodeSizeMultiplier = F(() => {
|
|
@@ -1338,9 +1338,17 @@ var drawChart = (function (exports) {
|
|
|
1338
1338
|
})
|
|
1339
1339
|
.sort((a, b) => getModuleSize(a.data, sizeProperty) - getModuleSize(b.data, sizeProperty));
|
|
1340
1340
|
return layout(rootWithSizesAndSorted);
|
|
1341
|
-
}, [
|
|
1341
|
+
}, [
|
|
1342
|
+
data,
|
|
1343
|
+
getModuleFilterMultiplier,
|
|
1344
|
+
getModuleSize,
|
|
1345
|
+
getNodeSizeMultiplier,
|
|
1346
|
+
layout,
|
|
1347
|
+
rawHierarchy,
|
|
1348
|
+
sizeProperty,
|
|
1349
|
+
]);
|
|
1342
1350
|
console.timeEnd("root hierarchy compute");
|
|
1343
|
-
return (
|
|
1351
|
+
return (o$1(p$1, { children: [o$1(SideBar, { sizeProperty: sizeProperty, availableSizeProperties: availableSizeProperties, setSizeProperty: setSizeProperty, onExcludeChange: setExcludeFilter, onIncludeChange: setIncludeFilter }), o$1(Chart, { root: root, sizeProperty: sizeProperty, selectedNode: selectedNode, setSelectedNode: setSelectedNode })] }));
|
|
1344
1352
|
};
|
|
1345
1353
|
|
|
1346
1354
|
function initRange(domain, range) {
|
|
@@ -3924,7 +3932,9 @@ var drawChart = (function (exports) {
|
|
|
3924
3932
|
const lightScale = linear().domain([0, root.height]).range([0.9, 0.3]);
|
|
3925
3933
|
const getBackgroundColor = (node) => {
|
|
3926
3934
|
const parents = node.ancestors();
|
|
3927
|
-
const colorStr = parents.length === 1
|
|
3935
|
+
const colorStr = parents.length === 1
|
|
3936
|
+
? colorParentMap.get(parents[0])
|
|
3937
|
+
: colorParentMap.get(parents[parents.length - 2]);
|
|
3928
3938
|
const hslColor = hsl(colorStr);
|
|
3929
3939
|
hslColor.l = lightScale(node.depth);
|
|
3930
3940
|
return hslColor;
|
|
@@ -3943,7 +3953,7 @@ var drawChart = (function (exports) {
|
|
|
3943
3953
|
};
|
|
3944
3954
|
};
|
|
3945
3955
|
|
|
3946
|
-
const StaticContext = B$
|
|
3956
|
+
const StaticContext = B$2({});
|
|
3947
3957
|
const drawChart = (parentNode, data, width, height) => {
|
|
3948
3958
|
const availableSizeProperties = getAvailableSizeOptions(data.options);
|
|
3949
3959
|
console.time("layout create");
|
|
@@ -3987,7 +3997,7 @@ var drawChart = (function (exports) {
|
|
|
3987
3997
|
console.time("color");
|
|
3988
3998
|
const getModuleColor = createRainbowColor(rawHierarchy);
|
|
3989
3999
|
console.timeEnd("color");
|
|
3990
|
-
P(
|
|
4000
|
+
P(o$1(StaticContext.Provider, Object.assign({ value: {
|
|
3991
4001
|
data,
|
|
3992
4002
|
availableSizeProperties,
|
|
3993
4003
|
width,
|
|
@@ -3997,11 +4007,11 @@ var drawChart = (function (exports) {
|
|
|
3997
4007
|
getModuleColor,
|
|
3998
4008
|
rawHierarchy,
|
|
3999
4009
|
layout,
|
|
4000
|
-
} }, { children:
|
|
4010
|
+
} }, { children: o$1(Main, {}) })), parentNode);
|
|
4001
4011
|
};
|
|
4002
4012
|
|
|
4003
4013
|
exports.StaticContext = StaticContext;
|
|
4004
|
-
exports
|
|
4014
|
+
exports.default = drawChart;
|
|
4005
4015
|
|
|
4006
4016
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4007
4017
|
|
|
@@ -4014,7 +4024,7 @@ var drawChart = (function (exports) {
|
|
|
4014
4024
|
</script>
|
|
4015
4025
|
<script>
|
|
4016
4026
|
/*<!--*/
|
|
4017
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"
|
|
4027
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"node_modules/.pnpm","children":[{"name":"@tanstack+store@0.0.1/node_modules/@tanstack/store/build/esm/index.js","uid":"a31f-137"},{"name":"@tanstack+react-store@0.0.1/node_modules/@tanstack/react-store/build/esm/index.js","uid":"a31f-139"},{"name":"tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","uid":"a31f-141"},{"name":"tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js","uid":"a31f-143"}]},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"a31f-145"},{"name":"react-router/src","children":[{"uid":"a31f-149","name":"react.tsx"},{"uid":"a31f-151","name":"scroll-restoration.tsx"},{"uid":"a31f-153","name":"awaited.tsx"},{"uid":"a31f-155","name":"index.tsx"}]}]},{"uid":"a31f-147","name":"\u0000rollupPluginBabelHelpers.js"}]}],"isRoot":true},"nodeParts":{"a31f-137":{"renderedLength":1843,"gzipLength":644,"brotliLength":0,"mainUid":"a31f-136"},"a31f-139":{"renderedLength":1006,"gzipLength":479,"brotliLength":0,"mainUid":"a31f-138"},"a31f-141":{"renderedLength":181,"gzipLength":129,"brotliLength":0,"mainUid":"a31f-140"},"a31f-143":{"renderedLength":44,"gzipLength":62,"brotliLength":0,"mainUid":"a31f-142"},"a31f-145":{"renderedLength":68113,"gzipLength":16108,"brotliLength":0,"mainUid":"a31f-144"},"a31f-147":{"renderedLength":429,"gzipLength":238,"brotliLength":0,"mainUid":"a31f-146"},"a31f-149":{"renderedLength":17461,"gzipLength":3782,"brotliLength":0,"mainUid":"a31f-148"},"a31f-151":{"renderedLength":466,"gzipLength":228,"brotliLength":0,"mainUid":"a31f-150"},"a31f-153":{"renderedLength":641,"gzipLength":305,"brotliLength":0,"mainUid":"a31f-152"},"a31f-155":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"a31f-154"}},"nodeMetas":{"a31f-136":{"id":"/node_modules/.pnpm/@tanstack+store@0.0.1/node_modules/@tanstack/store/build/esm/index.js","moduleParts":{"index.production.js":"a31f-137"},"imported":[],"importedBy":[{"uid":"a31f-138"},{"uid":"a31f-144"}]},"a31f-138":{"id":"/node_modules/.pnpm/@tanstack+react-store@0.0.1/node_modules/@tanstack/react-store/build/esm/index.js","moduleParts":{"index.production.js":"a31f-139"},"imported":[{"uid":"a31f-156"},{"uid":"a31f-136"}],"importedBy":[{"uid":"a31f-154"},{"uid":"a31f-148"}]},"a31f-140":{"id":"/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js","moduleParts":{"index.production.js":"a31f-141"},"imported":[],"importedBy":[{"uid":"a31f-144"},{"uid":"a31f-148"}]},"a31f-142":{"id":"/node_modules/.pnpm/tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js","moduleParts":{"index.production.js":"a31f-143"},"imported":[],"importedBy":[{"uid":"a31f-144"},{"uid":"a31f-148"}]},"a31f-144":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"a31f-145"},"imported":[{"uid":"a31f-140"},{"uid":"a31f-142"},{"uid":"a31f-136"}],"importedBy":[{"uid":"a31f-154"},{"uid":"a31f-148"},{"uid":"a31f-150"},{"uid":"a31f-152"}]},"a31f-146":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"a31f-147"},"imported":[],"importedBy":[{"uid":"a31f-148"}]},"a31f-148":{"id":"/packages/react-router/src/react.tsx","moduleParts":{"index.production.js":"a31f-149"},"imported":[{"uid":"a31f-146"},{"uid":"a31f-157"},{"uid":"a31f-138"},{"uid":"a31f-140"},{"uid":"a31f-142"},{"uid":"a31f-144"}],"importedBy":[{"uid":"a31f-154"},{"uid":"a31f-150"},{"uid":"a31f-152"}]},"a31f-150":{"id":"/packages/react-router/src/scroll-restoration.tsx","moduleParts":{"index.production.js":"a31f-151"},"imported":[{"uid":"a31f-157"},{"uid":"a31f-144"},{"uid":"a31f-148"}],"importedBy":[{"uid":"a31f-154"}]},"a31f-152":{"id":"/packages/react-router/src/awaited.tsx","moduleParts":{"index.production.js":"a31f-153"},"imported":[{"uid":"a31f-144"},{"uid":"a31f-148"}],"importedBy":[{"uid":"a31f-154"}]},"a31f-154":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"a31f-155"},"imported":[{"uid":"a31f-138"},{"uid":"a31f-144"},{"uid":"a31f-148"},{"uid":"a31f-150"},{"uid":"a31f-152"}],"importedBy":[],"isEntry":true},"a31f-156":{"id":"use-sync-external-store/shim/with-selector","moduleParts":{},"imported":[],"importedBy":[{"uid":"a31f-138"}],"isExternal":true},"a31f-157":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"a31f-148"},{"uid":"a31f-150"}],"isExternal":true}},"env":{"rollup":"2.79.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
4018
4028
|
|
|
4019
4029
|
const run = () => {
|
|
4020
4030
|
const width = window.innerWidth;
|