@tanstack/router-devtools
Advanced tools
@tanstack/router-devtools - npm Package Compare versions
Comparing version 0.0.1-beta.111 to 0.0.1-beta.112
@@ -312,3 +312,3 @@ /** | ||
| } | ||
| }, `${route.id}`)), route.children?.length ? /*#__PURE__*/React__default["default"].createElement("div", { | ||
| }, `${route.path || router.trimPath(route.id)}`)), route.children?.length ? /*#__PURE__*/React__default["default"].createElement("div", { | ||
| style: { | ||
@@ -318,3 +318,5 @@ marginLeft: isRoot ? 0 : '1rem', | ||
| } | ||
| }, route.children.map(r => /*#__PURE__*/React__default["default"].createElement(RouteComp, { | ||
| }, [...route.children].sort((a, b) => { | ||
| return a.rank - b.rank; | ||
| }).map(r => /*#__PURE__*/React__default["default"].createElement(RouteComp, { | ||
| key: r.id, | ||
@@ -321,0 +323,0 @@ route: r, |
@@ -13,3 +13,3 @@ /** | ||
| import React__default from 'react'; | ||
| import { routerContext, invariant, useStore, last } from '@tanstack/router'; | ||
| import { routerContext, invariant, useStore, last, trimPath } from '@tanstack/router'; | ||
@@ -719,3 +719,3 @@ function _extends() { | ||
| } | ||
| }, `${route.id}`)), route.children?.length ? /*#__PURE__*/React__default.createElement("div", { | ||
| }, `${route.path || trimPath(route.id)}`)), route.children?.length ? /*#__PURE__*/React__default.createElement("div", { | ||
| style: { | ||
@@ -725,3 +725,5 @@ marginLeft: isRoot ? 0 : '1rem', | ||
| } | ||
| }, route.children.map(r => /*#__PURE__*/React__default.createElement(RouteComp, { | ||
| }, [...route.children].sort((a, b) => { | ||
| return a.rank - b.rank; | ||
| }).map(r => /*#__PURE__*/React__default.createElement(RouteComp, { | ||
| key: r.id, | ||
@@ -728,0 +730,0 @@ route: r, |
@@ -10,3 +10,3 @@ { | ||
| { | ||
| "uid": "f6e1-187", | ||
| "uid": "e830-187", | ||
| "name": "\u0000rollupPluginBabelHelpers.js" | ||
@@ -16,3 +16,3 @@ }, | ||
| "name": "node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js", | ||
| "uid": "f6e1-189" | ||
| "uid": "e830-189" | ||
| }, | ||
@@ -24,7 +24,7 @@ { | ||
| "name": "react-store/build/esm/index.js", | ||
| "uid": "f6e1-191" | ||
| "uid": "e830-191" | ||
| }, | ||
| { | ||
| "name": "router/build/esm/index.js", | ||
| "uid": "f6e1-193" | ||
| "uid": "e830-193" | ||
| }, | ||
@@ -35,31 +35,31 @@ { | ||
| { | ||
| "uid": "f6e1-195", | ||
| "uid": "e830-195", | ||
| "name": "useLocalStorage.ts" | ||
| }, | ||
| { | ||
| "uid": "f6e1-197", | ||
| "uid": "e830-197", | ||
| "name": "theme.tsx" | ||
| }, | ||
| { | ||
| "uid": "f6e1-199", | ||
| "uid": "e830-199", | ||
| "name": "useMediaQuery.ts" | ||
| }, | ||
| { | ||
| "uid": "f6e1-201", | ||
| "uid": "e830-201", | ||
| "name": "utils.ts" | ||
| }, | ||
| { | ||
| "uid": "f6e1-203", | ||
| "uid": "e830-203", | ||
| "name": "styledComponents.ts" | ||
| }, | ||
| { | ||
| "uid": "f6e1-205", | ||
| "uid": "e830-205", | ||
| "name": "Explorer.tsx" | ||
| }, | ||
| { | ||
| "uid": "f6e1-207", | ||
| "uid": "e830-207", | ||
| "name": "devtools.tsx" | ||
| }, | ||
| { | ||
| "uid": "f6e1-209", | ||
| "uid": "e830-209", | ||
| "name": "index.tsx" | ||
@@ -77,80 +77,80 @@ } | ||
| "nodeParts": { | ||
| "f6e1-187": { | ||
| "e830-187": { | ||
| "renderedLength": 429, | ||
| "gzipLength": 238, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-186" | ||
| "mainUid": "e830-186" | ||
| }, | ||
| "f6e1-189": { | ||
| "e830-189": { | ||
| "renderedLength": 181, | ||
| "gzipLength": 129, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-188" | ||
| "mainUid": "e830-188" | ||
| }, | ||
| "f6e1-191": { | ||
| "e830-191": { | ||
| "renderedLength": 1002, | ||
| "gzipLength": 474, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-190" | ||
| "mainUid": "e830-190" | ||
| }, | ||
| "f6e1-193": { | ||
| "renderedLength": 375, | ||
| "gzipLength": 266, | ||
| "e830-193": { | ||
| "renderedLength": 650, | ||
| "gzipLength": 340, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-192" | ||
| "mainUid": "e830-192" | ||
| }, | ||
| "f6e1-195": { | ||
| "e830-195": { | ||
| "renderedLength": 1083, | ||
| "gzipLength": 410, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-194" | ||
| "mainUid": "e830-194" | ||
| }, | ||
| "f6e1-197": { | ||
| "e830-197": { | ||
| "renderedLength": 686, | ||
| "gzipLength": 344, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-196" | ||
| "mainUid": "e830-196" | ||
| }, | ||
| "f6e1-199": { | ||
| "e830-199": { | ||
| "renderedLength": 970, | ||
| "gzipLength": 386, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-198" | ||
| "mainUid": "e830-198" | ||
| }, | ||
| "f6e1-201": { | ||
| "e830-201": { | ||
| "renderedLength": 3003, | ||
| "gzipLength": 1113, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-200" | ||
| "mainUid": "e830-200" | ||
| }, | ||
| "f6e1-203": { | ||
| "e830-203": { | ||
| "renderedLength": 1378, | ||
| "gzipLength": 576, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-202" | ||
| "mainUid": "e830-202" | ||
| }, | ||
| "f6e1-205": { | ||
| "e830-205": { | ||
| "renderedLength": 6098, | ||
| "gzipLength": 1825, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-204" | ||
| "mainUid": "e830-204" | ||
| }, | ||
| "f6e1-207": { | ||
| "renderedLength": 20500, | ||
| "gzipLength": 4048, | ||
| "e830-207": { | ||
| "renderedLength": 20583, | ||
| "gzipLength": 4091, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-206" | ||
| "mainUid": "e830-206" | ||
| }, | ||
| "f6e1-209": { | ||
| "e830-209": { | ||
| "renderedLength": 0, | ||
| "gzipLength": 0, | ||
| "brotliLength": 0, | ||
| "mainUid": "f6e1-208" | ||
| "mainUid": "e830-208" | ||
| } | ||
| }, | ||
| "nodeMetas": { | ||
| "f6e1-186": { | ||
| "e830-186": { | ||
| "id": "\u0000rollupPluginBabelHelpers.js", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-187" | ||
| "index.production.js": "e830-187" | ||
| }, | ||
@@ -160,16 +160,16 @@ "imported": [], | ||
| { | ||
| "uid": "f6e1-206" | ||
| "uid": "e830-206" | ||
| }, | ||
| { | ||
| "uid": "f6e1-196" | ||
| "uid": "e830-196" | ||
| }, | ||
| { | ||
| "uid": "f6e1-204" | ||
| "uid": "e830-204" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-188": { | ||
| "e830-188": { | ||
| "id": "/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-189" | ||
| "index.production.js": "e830-189" | ||
| }, | ||
@@ -179,17 +179,17 @@ "imported": [], | ||
| { | ||
| "uid": "f6e1-192" | ||
| "uid": "e830-192" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-190": { | ||
| "e830-190": { | ||
| "id": "/packages/react-store/build/esm/index.js", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-191" | ||
| "index.production.js": "e830-191" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-212" | ||
| "uid": "e830-212" | ||
| }, | ||
| { | ||
| "uid": "f6e1-213" | ||
| "uid": "e830-213" | ||
| } | ||
@@ -199,23 +199,23 @@ ], | ||
| { | ||
| "uid": "f6e1-192" | ||
| "uid": "e830-192" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-192": { | ||
| "e830-192": { | ||
| "id": "/packages/router/build/esm/index.js", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-193" | ||
| "index.production.js": "e830-193" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-188" | ||
| "uid": "e830-188" | ||
| }, | ||
| { | ||
| "uid": "f6e1-211" | ||
| "uid": "e830-211" | ||
| }, | ||
| { | ||
| "uid": "f6e1-210" | ||
| "uid": "e830-210" | ||
| }, | ||
| { | ||
| "uid": "f6e1-190" | ||
| "uid": "e830-190" | ||
| } | ||
@@ -225,14 +225,14 @@ ], | ||
| { | ||
| "uid": "f6e1-206" | ||
| "uid": "e830-206" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-194": { | ||
| "e830-194": { | ||
| "id": "/packages/router-devtools/src/useLocalStorage.ts", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-195" | ||
| "index.production.js": "e830-195" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-210" | ||
| "uid": "e830-210" | ||
| } | ||
@@ -242,17 +242,17 @@ ], | ||
| { | ||
| "uid": "f6e1-206" | ||
| "uid": "e830-206" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-196": { | ||
| "e830-196": { | ||
| "id": "/packages/router-devtools/src/theme.tsx", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-197" | ||
| "index.production.js": "e830-197" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-186" | ||
| "uid": "e830-186" | ||
| }, | ||
| { | ||
| "uid": "f6e1-210" | ||
| "uid": "e830-210" | ||
| } | ||
@@ -262,17 +262,17 @@ ], | ||
| { | ||
| "uid": "f6e1-206" | ||
| "uid": "e830-206" | ||
| }, | ||
| { | ||
| "uid": "f6e1-200" | ||
| "uid": "e830-200" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-198": { | ||
| "e830-198": { | ||
| "id": "/packages/router-devtools/src/useMediaQuery.ts", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-199" | ||
| "index.production.js": "e830-199" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-210" | ||
| "uid": "e830-210" | ||
| } | ||
@@ -282,20 +282,20 @@ ], | ||
| { | ||
| "uid": "f6e1-200" | ||
| "uid": "e830-200" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-200": { | ||
| "e830-200": { | ||
| "id": "/packages/router-devtools/src/utils.ts", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-201" | ||
| "index.production.js": "e830-201" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-210" | ||
| "uid": "e830-210" | ||
| }, | ||
| { | ||
| "uid": "f6e1-196" | ||
| "uid": "e830-196" | ||
| }, | ||
| { | ||
| "uid": "f6e1-198" | ||
| "uid": "e830-198" | ||
| } | ||
@@ -305,20 +305,20 @@ ], | ||
| { | ||
| "uid": "f6e1-206" | ||
| "uid": "e830-206" | ||
| }, | ||
| { | ||
| "uid": "f6e1-202" | ||
| "uid": "e830-202" | ||
| }, | ||
| { | ||
| "uid": "f6e1-204" | ||
| "uid": "e830-204" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-202": { | ||
| "e830-202": { | ||
| "id": "/packages/router-devtools/src/styledComponents.ts", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-203" | ||
| "index.production.js": "e830-203" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-200" | ||
| "uid": "e830-200" | ||
| } | ||
@@ -328,20 +328,20 @@ ], | ||
| { | ||
| "uid": "f6e1-206" | ||
| "uid": "e830-206" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-204": { | ||
| "e830-204": { | ||
| "id": "/packages/router-devtools/src/Explorer.tsx", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-205" | ||
| "index.production.js": "e830-205" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-186" | ||
| "uid": "e830-186" | ||
| }, | ||
| { | ||
| "uid": "f6e1-210" | ||
| "uid": "e830-210" | ||
| }, | ||
| { | ||
| "uid": "f6e1-200" | ||
| "uid": "e830-200" | ||
| } | ||
@@ -351,35 +351,35 @@ ], | ||
| { | ||
| "uid": "f6e1-206" | ||
| "uid": "e830-206" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-206": { | ||
| "e830-206": { | ||
| "id": "/packages/router-devtools/src/devtools.tsx", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-207" | ||
| "index.production.js": "e830-207" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-186" | ||
| "uid": "e830-186" | ||
| }, | ||
| { | ||
| "uid": "f6e1-210" | ||
| "uid": "e830-210" | ||
| }, | ||
| { | ||
| "uid": "f6e1-192" | ||
| "uid": "e830-192" | ||
| }, | ||
| { | ||
| "uid": "f6e1-194" | ||
| "uid": "e830-194" | ||
| }, | ||
| { | ||
| "uid": "f6e1-200" | ||
| "uid": "e830-200" | ||
| }, | ||
| { | ||
| "uid": "f6e1-202" | ||
| "uid": "e830-202" | ||
| }, | ||
| { | ||
| "uid": "f6e1-196" | ||
| "uid": "e830-196" | ||
| }, | ||
| { | ||
| "uid": "f6e1-204" | ||
| "uid": "e830-204" | ||
| } | ||
@@ -389,14 +389,14 @@ ], | ||
| { | ||
| "uid": "f6e1-208" | ||
| "uid": "e830-208" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-208": { | ||
| "e830-208": { | ||
| "id": "/packages/router-devtools/src/index.tsx", | ||
| "moduleParts": { | ||
| "index.production.js": "f6e1-209" | ||
| "index.production.js": "e830-209" | ||
| }, | ||
| "imported": [ | ||
| { | ||
| "uid": "f6e1-206" | ||
| "uid": "e830-206" | ||
| } | ||
@@ -407,3 +407,3 @@ ], | ||
| }, | ||
| "f6e1-210": { | ||
| "e830-210": { | ||
| "id": "react", | ||
@@ -414,21 +414,21 @@ "moduleParts": {}, | ||
| { | ||
| "uid": "f6e1-206" | ||
| "uid": "e830-206" | ||
| }, | ||
| { | ||
| "uid": "f6e1-192" | ||
| "uid": "e830-192" | ||
| }, | ||
| { | ||
| "uid": "f6e1-194" | ||
| "uid": "e830-194" | ||
| }, | ||
| { | ||
| "uid": "f6e1-200" | ||
| "uid": "e830-200" | ||
| }, | ||
| { | ||
| "uid": "f6e1-196" | ||
| "uid": "e830-196" | ||
| }, | ||
| { | ||
| "uid": "f6e1-204" | ||
| "uid": "e830-204" | ||
| }, | ||
| { | ||
| "uid": "f6e1-198" | ||
| "uid": "e830-198" | ||
| } | ||
@@ -438,3 +438,3 @@ ], | ||
| }, | ||
| "f6e1-211": { | ||
| "e830-211": { | ||
| "id": "/node_modules/.pnpm/tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js", | ||
@@ -445,7 +445,7 @@ "moduleParts": {}, | ||
| { | ||
| "uid": "f6e1-192" | ||
| "uid": "e830-192" | ||
| } | ||
| ] | ||
| }, | ||
| "f6e1-212": { | ||
| "e830-212": { | ||
| "id": "use-sync-external-store/shim/with-selector", | ||
@@ -456,3 +456,3 @@ "moduleParts": {}, | ||
| { | ||
| "uid": "f6e1-190" | ||
| "uid": "e830-190" | ||
| } | ||
@@ -462,3 +462,3 @@ ], | ||
| }, | ||
| "f6e1-213": { | ||
| "e830-213": { | ||
| "id": "/packages/store/build/esm/index.js", | ||
@@ -469,3 +469,3 @@ "moduleParts": {}, | ||
| { | ||
| "uid": "f6e1-190" | ||
| "uid": "e830-190" | ||
| } | ||
@@ -472,0 +472,0 @@ ] |
@@ -113,2 +113,11 @@ /** | ||
| } | ||
| function trimPathLeft(path) { | ||
| return path === '/' ? path : path.replace(/^\/{1,}/, ''); | ||
| } | ||
| function trimPathRight(path) { | ||
| return path === '/' ? path : path.replace(/\/{1,}$/, ''); | ||
| } | ||
| function trimPath(path) { | ||
| return trimPathRight(trimPathLeft(path)); | ||
| } | ||
| const routerContext = /*#__PURE__*/React__namespace.createContext(null); | ||
@@ -804,3 +813,3 @@ | ||
| } | ||
| }, `${route.id}`)), route.children?.length ? /*#__PURE__*/React__default["default"].createElement("div", { | ||
| }, `${route.path || trimPath(route.id)}`)), route.children?.length ? /*#__PURE__*/React__default["default"].createElement("div", { | ||
| style: { | ||
@@ -810,3 +819,5 @@ marginLeft: isRoot ? 0 : '1rem', | ||
| } | ||
| }, route.children.map(r => /*#__PURE__*/React__default["default"].createElement(RouteComp, { | ||
| }, [...route.children].sort((a, b) => { | ||
| return a.rank - b.rank; | ||
| }).map(r => /*#__PURE__*/React__default["default"].createElement(RouteComp, { | ||
| key: r.id, | ||
@@ -813,0 +824,0 @@ route: r, |
@@ -21,3 +21,3 @@ /** | ||
| * @license MIT | ||
| */function u(e){return e[e.length-1]}const s=l.createContext(null);function c(e,t){const[n,r]=o.default.useState();o.default.useEffect((()=>{const n=(e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch{return}})(e);r(null==n?"function"==typeof t?t():t:n)}),[t,e]);return[n,o.default.useCallback((t=>{r((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const f={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},m=o.default.createContext(f);function p({theme:e,...t}){return o.default.createElement(m.Provider,i({value:e},t))}const g="undefined"==typeof window;function b(e,t){return"pending"===e.state.status?t.active:"error"===e.state.status?t.danger:"success"===e.state.status?t.success:t.gray}function y(e,t,n){const r=e.find((e=>e.route===t));return r?"pending"===r.route.status?n.active:"error"===r.state.status?n.danger:"success"===r.state.status?n.success:n.gray:n.gray}function h(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(m),d=Object.entries(n).reduce(((e,[t,n])=>function(e){const[t,n]=o.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return o.default.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),r=({matches:e})=>n(e);return t.addListener(r),()=>{t.removeListener(r)}}}),[t,e,n]),t}(t)?{...e,..."function"==typeof n?n(a,i):n}:e),{});return o.default.createElement(e,{...a,style:{..."function"==typeof t?t(a,i):t,...r,...d},ref:l})}))}function v(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[g?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function E(e){const t=v(),[n,r]=o.default.useState(e);return[n,o.default.useCallback((e=>{var n;n=()=>{t()&&r(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const x=h("div",((e,t)=>({fontSize:"clamp(12px, 1.5vw, 14px)",fontFamily:"sans-serif",display:"flex",backgroundColor:t.background,color:t.foreground})),{"(max-width: 700px)":{flexDirection:"column"},"(max-width: 600px)":{fontSize:".9em"}}),k=h("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),w=h("button",((e,t)=>({appearance:"none",fontSize:".9em",fontWeight:"bold",background:t.gray,border:"0",borderRadius:".3em",color:"white",padding:".5em",opacity:e.disabled?".5":void 0,cursor:"pointer"}))),S=h("code",{fontSize:".9em"}),R=h("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),O=h("span",{color:"white"}),D=h("button",{cursor:"pointer",color:"white"}),I=h("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),C=h("span",((e,t)=>({color:t.danger}))),j=h("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),T=h("span",{color:"grey",fontSize:".7em"}),A=({expanded:e,style:t={}})=>l.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${e?90:0}deg) ${t.transform||""}`,...t}},"▶");const P=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:o,expanded:i=!1,toggleExpanded:d,pageSize:u,renderer:s})=>{const[c,f]=l.useState([]),[m,p]=l.useState(void 0);return l.createElement(R,null,a.length?l.createElement(l.Fragment,null,l.createElement(I,{onClick:()=>d()},l.createElement(A,{expanded:i})," ",t," ",l.createElement(T,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(j,null,r.map(((t,n)=>e(t)))):l.createElement(j,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(R,null,l.createElement(D,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(A,{expanded:i})," [",n*u," ..."," ",n*u+u-1,"]"),c.includes(n)?l.createElement(j,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(L,{renderer:s,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(O,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(O,null,t,":")," ",l.createElement(C,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function L({value:e,defaultExpanded:t,renderer:n=P,pageSize:r=100,...a}){const[o,d]=l.useState(Boolean(t)),u=l.useCallback((()=>d((e=>!e))),[]);let s=typeof e,c=[];const f=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var m;Array.isArray(e)?(s="array",c=e.map(((e,t)=>f({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(m=e,Symbol.iterator in m)&&"function"==typeof e[Symbol.iterator]?(s="Iterable",c=Array.from(e,((e,t)=>f({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(s="object",c=Object.entries(e).map((([e,t])=>f({label:e,value:t}))));const p=function(e,t){if(t<1)return[];let n=0;const r=[];for(;n<e.length;)r.push(e.slice(n,n+t)),n+=t;return r}(c,r);return n({handleEntry:t=>l.createElement(L,i({key:t.label,value:e,renderer:n},a,t)),type:s,subEntries:c,subEntryPages:p,value:e,expanded:o,toggleExpanded:u,pageSize:r,...a})}const z="undefined"==typeof window;function $(e){return o.default.createElement("div",i({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),o.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),o.default.createElement("div",{style:{backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#84cc16","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)","--tw-gradient-to":"#10b981",WebkitBackgroundClip:"text",color:"transparent",letterSpacing:"0.1rem",marginRight:"-0.2rem"}},"ROUTER"))}function B({route:e,isRoot:t,matches:n,activeRouteId:r,setActiveRouteId:a}){const l=n.find((t=>t.route===e));return o.default.createElement("div",null,o.default.createElement("div",{role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>{l&&a(r===e.id?"":e.id)},style:{display:"flex",borderBottom:`solid 1px ${f.grayAlt}`,cursor:l?"pointer":"default",alignItems:"center",background:e.id===r?"rgba(255,255,255,.1)":void 0}},t?null:o.default.createElement("div",{style:{flex:"0 0 auto",width:".7rem",height:".7rem",margin:".5rem .75rem",alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all .2s ease-out",background:y(n,e,f),opacity:l?1:.3}}),o.default.createElement(S,{style:{padding:".25rem 0",paddingLeft:t?".5rem":0,opacity:l?1:.7}},`${e.id}`)),e.children?.length?o.default.createElement("div",{style:{marginLeft:t?0:"1rem",borderLeft:t?"":`solid 1px ${f.grayAlt}`}},e.children.map((e=>o.default.createElement(B,{key:e.id,route:e,matches:n,activeRouteId:r,setActiveRouteId:a})))):null)}const M=o.default.forwardRef((function(e,t){const{isOpen:r=!0,setIsOpen:a,handleDragStart:l,router:m,...g}=e,y=o.default.useContext(s),h=m??y?.router;!function(e,t){if(!e)throw new Error("Invariant failed")} | ||
| */function u(e){return e[e.length-1]}const s=l.createContext(null);function c(e,t){const[n,r]=o.default.useState();o.default.useEffect((()=>{const n=(e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch{return}})(e);r(null==n?"function"==typeof t?t():t:n)}),[t,e]);return[n,o.default.useCallback((t=>{r((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const f={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},m=o.default.createContext(f);function p({theme:e,...t}){return o.default.createElement(m.Provider,i({value:e},t))}const g="undefined"==typeof window;function b(e,t){return"pending"===e.state.status?t.active:"error"===e.state.status?t.danger:"success"===e.state.status?t.success:t.gray}function y(e,t,n){const r=e.find((e=>e.route===t));return r?"pending"===r.route.status?n.active:"error"===r.state.status?n.danger:"success"===r.state.status?n.success:n.gray:n.gray}function h(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(m),d=Object.entries(n).reduce(((e,[t,n])=>function(e){const[t,n]=o.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return o.default.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),r=({matches:e})=>n(e);return t.addListener(r),()=>{t.removeListener(r)}}}),[t,e,n]),t}(t)?{...e,..."function"==typeof n?n(a,i):n}:e),{});return o.default.createElement(e,{...a,style:{..."function"==typeof t?t(a,i):t,...r,...d},ref:l})}))}function v(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[g?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function E(e){const t=v(),[n,r]=o.default.useState(e);return[n,o.default.useCallback((e=>{var n;n=()=>{t()&&r(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const x=h("div",((e,t)=>({fontSize:"clamp(12px, 1.5vw, 14px)",fontFamily:"sans-serif",display:"flex",backgroundColor:t.background,color:t.foreground})),{"(max-width: 700px)":{flexDirection:"column"},"(max-width: 600px)":{fontSize:".9em"}}),k=h("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),w=h("button",((e,t)=>({appearance:"none",fontSize:".9em",fontWeight:"bold",background:t.gray,border:"0",borderRadius:".3em",color:"white",padding:".5em",opacity:e.disabled?".5":void 0,cursor:"pointer"}))),S=h("code",{fontSize:".9em"}),R=h("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),O=h("span",{color:"white"}),D=h("button",{cursor:"pointer",color:"white"}),I=h("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),C=h("span",((e,t)=>({color:t.danger}))),j=h("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),T=h("span",{color:"grey",fontSize:".7em"}),A=({expanded:e,style:t={}})=>l.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${e?90:0}deg) ${t.transform||""}`,...t}},"▶");const P=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:o,expanded:i=!1,toggleExpanded:d,pageSize:u,renderer:s})=>{const[c,f]=l.useState([]),[m,p]=l.useState(void 0);return l.createElement(R,null,a.length?l.createElement(l.Fragment,null,l.createElement(I,{onClick:()=>d()},l.createElement(A,{expanded:i})," ",t," ",l.createElement(T,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(j,null,r.map(((t,n)=>e(t)))):l.createElement(j,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(R,null,l.createElement(D,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(A,{expanded:i})," [",n*u," ..."," ",n*u+u-1,"]"),c.includes(n)?l.createElement(j,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(L,{renderer:s,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(O,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(O,null,t,":")," ",l.createElement(C,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function L({value:e,defaultExpanded:t,renderer:n=P,pageSize:r=100,...a}){const[o,d]=l.useState(Boolean(t)),u=l.useCallback((()=>d((e=>!e))),[]);let s=typeof e,c=[];const f=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var m;Array.isArray(e)?(s="array",c=e.map(((e,t)=>f({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(m=e,Symbol.iterator in m)&&"function"==typeof e[Symbol.iterator]?(s="Iterable",c=Array.from(e,((e,t)=>f({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(s="object",c=Object.entries(e).map((([e,t])=>f({label:e,value:t}))));const p=function(e,t){if(t<1)return[];let n=0;const r=[];for(;n<e.length;)r.push(e.slice(n,n+t)),n+=t;return r}(c,r);return n({handleEntry:t=>l.createElement(L,i({key:t.label,value:e,renderer:n},a,t)),type:s,subEntries:c,subEntryPages:p,value:e,expanded:o,toggleExpanded:u,pageSize:r,...a})}const z="undefined"==typeof window;function $(e){return o.default.createElement("div",i({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),o.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),o.default.createElement("div",{style:{backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#84cc16","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)","--tw-gradient-to":"#10b981",WebkitBackgroundClip:"text",color:"transparent",letterSpacing:"0.1rem",marginRight:"-0.2rem"}},"ROUTER"))}function B({route:e,isRoot:t,matches:n,activeRouteId:r,setActiveRouteId:a}){const l=n.find((t=>t.route===e));return o.default.createElement("div",null,o.default.createElement("div",{role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>{l&&a(r===e.id?"":e.id)},style:{display:"flex",borderBottom:`solid 1px ${f.grayAlt}`,cursor:l?"pointer":"default",alignItems:"center",background:e.id===r?"rgba(255,255,255,.1)":void 0}},t?null:o.default.createElement("div",{style:{flex:"0 0 auto",width:".7rem",height:".7rem",margin:".5rem .75rem",alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all .2s ease-out",background:y(n,e,f),opacity:l?1:.3}}),o.default.createElement(S,{style:{padding:".25rem 0",paddingLeft:t?".5rem":0,opacity:l?1:.7}},`${e.path||(i=e.id,function(e){return"/"===e?e:e.replace(/\/{1,}$/,"")}(function(e){return"/"===e?e:e.replace(/^\/{1,}/,"")}(i)))}`)),e.children?.length?o.default.createElement("div",{style:{marginLeft:t?0:"1rem",borderLeft:t?"":`solid 1px ${f.grayAlt}`}},[...e.children].sort(((e,t)=>e.rank-t.rank)).map((e=>o.default.createElement(B,{key:e.id,route:e,matches:n,activeRouteId:r,setActiveRouteId:a})))):null);var i}const M=o.default.forwardRef((function(e,t){const{isOpen:r=!0,setIsOpen:a,handleDragStart:l,router:m,...g}=e,y=o.default.useContext(s),h=m??y?.router;!function(e,t){if(!e)throw new Error("Invariant failed")} | ||
| /** | ||
@@ -24,0 +24,0 @@ * @tanstack/react-store/src/index.tsx |
| { | ||
| "name": "@tanstack/router-devtools", | ||
| "author": "Tanner Linsley", | ||
| "version": "0.0.1-beta.111", | ||
| "version": "0.0.1-beta.112", | ||
| "license": "MIT", | ||
@@ -45,3 +45,3 @@ "repository": "tanstack/router", | ||
| "date-fns": "^2.29.1", | ||
| "@tanstack/router": "0.0.1-beta.111" | ||
| "@tanstack/router": "0.0.1-beta.112" | ||
| }, | ||
@@ -48,0 +48,0 @@ "scripts": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Lines of code
- increased by0.37%
5428
Worsened metrics
- Total package byte prevSize
- decreased by-0.5%
785280
Dependency changes
+ Added@tanstack/router@0.0.1-beta.112(transitive)
- Removed@tanstack/router@0.0.1-beta.111(transitive)