@tanstack/router-devtools-core 1.135.2 → 1.136.0
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/dist/{BaseTanStackRouterDevtoolsPanel-B-pR5oJv.cjs → BaseTanStackRouterDevtoolsPanel-DhvNzqeH.cjs} +27 -35
- package/dist/{BaseTanStackRouterDevtoolsPanel-B-pR5oJv.cjs.map → BaseTanStackRouterDevtoolsPanel-DhvNzqeH.cjs.map} +1 -1
- package/dist/{BaseTanStackRouterDevtoolsPanel-B7ouJjNf.js → BaseTanStackRouterDevtoolsPanel-Dtoc9QIr.js} +27 -35
- package/dist/{BaseTanStackRouterDevtoolsPanel-B7ouJjNf.js.map → BaseTanStackRouterDevtoolsPanel-Dtoc9QIr.js.map} +1 -1
- package/dist/{FloatingTanStackRouterDevtools-BuIlKO5O.cjs → FloatingTanStackRouterDevtools-Cf2-YTwN.cjs} +3 -3
- package/dist/{FloatingTanStackRouterDevtools-BuIlKO5O.cjs.map → FloatingTanStackRouterDevtools-Cf2-YTwN.cjs.map} +1 -1
- package/dist/{FloatingTanStackRouterDevtools-eWh8pOeT.js → FloatingTanStackRouterDevtools-T0qLsnH5.js} +3 -3
- package/dist/{FloatingTanStackRouterDevtools-eWh8pOeT.js.map → FloatingTanStackRouterDevtools-T0qLsnH5.js.map} +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/{index-tbXdELZx.cjs → index-BfSTCiuF.cjs} +3 -3
- package/dist/{index-tbXdELZx.cjs.map → index-BfSTCiuF.cjs.map} +1 -1
- package/dist/{index-B7uGjZzh.js → index-D1rJsj64.js} +3 -3
- package/dist/{index-B7uGjZzh.js.map → index-D1rJsj64.js.map} +1 -1
- package/package.json +3 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const index = require("./index-
|
|
2
|
+
const index = require("./index-BfSTCiuF.cjs");
|
|
3
3
|
const clsx = require("clsx");
|
|
4
4
|
const invariant = require("tiny-invariant");
|
|
5
5
|
const routerCore = require("@tanstack/router-core");
|
|
@@ -1030,8 +1030,8 @@ function Explorer({
|
|
|
1030
1030
|
index.insert(_el$1, index$1 * pageSize, _el$15);
|
|
1031
1031
|
index.insert(_el$1, index$1 * pageSize + pageSize - 1, _el$16);
|
|
1032
1032
|
index.insert(_el$0, (() => {
|
|
1033
|
-
var _c$
|
|
1034
|
-
return () => _c$
|
|
1033
|
+
var _c$2 = index.memo(() => !!expandedPages().includes(index$1));
|
|
1034
|
+
return () => _c$2() ? (() => {
|
|
1035
1035
|
var _el$17 = _tmpl$2$1();
|
|
1036
1036
|
index.insert(_el$17, () => entries.map((entry) => handleEntry(entry)));
|
|
1037
1037
|
index.createRenderEffect(() => index.className(_el$17, styles().subEntries));
|
|
@@ -1052,31 +1052,28 @@ function Explorer({
|
|
|
1052
1052
|
}));
|
|
1053
1053
|
index.createRenderEffect(() => index.className(_el$8, styles().subEntries));
|
|
1054
1054
|
return _el$8;
|
|
1055
|
-
})() : null)] : (() => {
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
return _el$22;
|
|
1078
|
-
})()];
|
|
1079
|
-
})();
|
|
1055
|
+
})() : null)] : index.memo(() => type() === "function")() ? index.createComponent(Explorer, {
|
|
1056
|
+
get label() {
|
|
1057
|
+
return (() => {
|
|
1058
|
+
var _el$18 = _tmpl$5$1(), _el$19 = _el$18.firstChild;
|
|
1059
|
+
_el$18.$$click = refreshValueSnapshot;
|
|
1060
|
+
index.insert(_el$19, () => rest.label);
|
|
1061
|
+
index.createRenderEffect(() => index.className(_el$18, styles().refreshValueBtn));
|
|
1062
|
+
return _el$18;
|
|
1063
|
+
})();
|
|
1064
|
+
},
|
|
1065
|
+
value: valueSnapshot,
|
|
1066
|
+
defaultExpanded: {}
|
|
1067
|
+
}) : [(() => {
|
|
1068
|
+
var _el$20 = _tmpl$6$1(), _el$21 = _el$20.firstChild;
|
|
1069
|
+
index.insert(_el$20, () => rest.label, _el$21);
|
|
1070
|
+
return _el$20;
|
|
1071
|
+
})(), " ", (() => {
|
|
1072
|
+
var _el$22 = _tmpl$7$1();
|
|
1073
|
+
index.insert(_el$22, () => displayValue(value()));
|
|
1074
|
+
index.createRenderEffect(() => index.className(_el$22, styles().value));
|
|
1075
|
+
return _el$22;
|
|
1076
|
+
})()];
|
|
1080
1077
|
})());
|
|
1081
1078
|
index.createRenderEffect(() => index.className(_el$3, styles().entry));
|
|
1082
1079
|
return _el$3;
|
|
@@ -1241,7 +1238,7 @@ function NavigateButton({
|
|
|
1241
1238
|
})();
|
|
1242
1239
|
}
|
|
1243
1240
|
index.delegateEvents(["click"]);
|
|
1244
|
-
var _tmpl$ = /* @__PURE__ */ index.template(`<button><div>TANSTACK</div><div>TanStack Router v1`), _tmpl$2 = /* @__PURE__ */ index.template(`<div
|
|
1241
|
+
var _tmpl$ = /* @__PURE__ */ index.template(`<button><div>TANSTACK</div><div>TanStack Router v1`), _tmpl$2 = /* @__PURE__ */ index.template(`<div style=display:flex;align-items:center;width:100%><div style=flex-grow:1;min-width:0>`), _tmpl$3 = /* @__PURE__ */ index.template(`<code> `), _tmpl$4 = /* @__PURE__ */ index.template(`<code>`), _tmpl$5 = /* @__PURE__ */ index.template(`<div><div role=button><div>`), _tmpl$6 = /* @__PURE__ */ index.template(`<div>`), _tmpl$7 = /* @__PURE__ */ index.template(`<div><ul>`), _tmpl$8 = /* @__PURE__ */ index.template(`<div><button><svg xmlns=http://www.w3.org/2000/svg width=10 height=6 fill=none viewBox="0 0 10 6"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.667 d="M1 1l4 4 4-4"></path></svg></button><div><div></div><div><div></div></div></div><div><div><div><span>Pathname</span></div><div><code></code></div><div><div><button type=button>Routes</button><button type=button>Matches</button><button type=button>History</button></div><div><div>age / staleTime / gcTime</div></div></div><div>`), _tmpl$9 = /* @__PURE__ */ index.template(`<div><span>masked`), _tmpl$0 = /* @__PURE__ */ index.template(`<div role=button><div>`), _tmpl$1 = /* @__PURE__ */ index.template(`<li><div>`), _tmpl$10 = /* @__PURE__ */ index.template(`<li>This panel displays the most recent 15 navigations.`), _tmpl$11 = /* @__PURE__ */ index.template(`<div><div><div>Cached Matches</div><div>age / staleTime / gcTime</div></div><div>`), _tmpl$12 = /* @__PURE__ */ index.template(`<div><div>Match Details</div><div><div><div><div></div></div><div><div>ID:</div><div><code></code></div></div><div><div>State:</div><div></div></div><div><div>Last Updated:</div><div></div></div></div></div><div>Explorer</div><div>`), _tmpl$13 = /* @__PURE__ */ index.template(`<div>Loader Data`), _tmpl$14 = /* @__PURE__ */ index.template(`<div><div><span>Search Params</span></div><div>`), _tmpl$15 = /* @__PURE__ */ index.template(`<span style=margin-left:0.5rem>`), _tmpl$16 = /* @__PURE__ */ index.template(`<button type=button aria-label="Copy value to clipboard"style=cursor:pointer>`);
|
|
1245
1242
|
const HISTORY_LIMIT = 15;
|
|
1246
1243
|
function Logo(props) {
|
|
1247
1244
|
const {
|
|
@@ -1271,12 +1268,7 @@ function Logo(props) {
|
|
|
1271
1268
|
function NavigateLink(props) {
|
|
1272
1269
|
return (() => {
|
|
1273
1270
|
var _el$4 = _tmpl$2(), _el$5 = _el$4.firstChild;
|
|
1274
|
-
_el$4.style.setProperty("display", "flex");
|
|
1275
|
-
_el$4.style.setProperty("align-items", "center");
|
|
1276
|
-
_el$4.style.setProperty("width", "100%");
|
|
1277
1271
|
index.insert(_el$4, () => props.left, _el$5);
|
|
1278
|
-
_el$5.style.setProperty("flex-grow", "1");
|
|
1279
|
-
_el$5.style.setProperty("min-width", "0");
|
|
1280
1272
|
index.insert(_el$5, () => props.children);
|
|
1281
1273
|
index.insert(_el$4, () => props.right, null);
|
|
1282
1274
|
index.createRenderEffect(() => index.className(_el$4, props.class));
|
|
@@ -1942,4 +1934,4 @@ exports.BaseTanStackRouterDevtoolsPanel$1 = BaseTanStackRouterDevtoolsPanel$1;
|
|
|
1942
1934
|
exports.useIsMounted = useIsMounted;
|
|
1943
1935
|
exports.useLocalStorage = useLocalStorage;
|
|
1944
1936
|
exports.useStyles = useStyles$1;
|
|
1945
|
-
//# sourceMappingURL=BaseTanStackRouterDevtoolsPanel-
|
|
1937
|
+
//# sourceMappingURL=BaseTanStackRouterDevtoolsPanel-DhvNzqeH.cjs.map
|