@tanstack/solid-router
Version:
Modern and scalable routing for Solid applications
55 lines (54 loc) • 2.43 kB
JavaScript
const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
let solid_js_web = require("solid-js/web");
let solid_js = require("solid-js");
solid_js = require_runtime.__toESM(solid_js);
//#region src/CatchBoundary.tsx
var _tmpl$ = /* @__PURE__ */ (0, solid_js_web.template)(`<div style=padding:.5rem;max-width:100%><div style=display:flex;align-items:center;gap:.5rem><strong style=font-size:1rem>Something went wrong!</strong><button style="appearance:none;font-size:.6em;border:1px solid currentColor;padding:.1rem .2rem;font-weight:bold;border-radius:.25rem"></button></div><div style=height:.25rem>`), _tmpl$2 = /* @__PURE__ */ (0, solid_js_web.template)(`<div><pre style="font-size:.7em;border:1px solid red;border-radius:.25rem;padding:.3rem;color:red;overflow:auto">`), _tmpl$3 = /* @__PURE__ */ (0, solid_js_web.template)(`<code>`);
function CatchBoundary(props) {
return (0, solid_js_web.createComponent)(solid_js.ErrorBoundary, {
fallback: (error, reset) => {
props.onCatch?.(error);
solid_js.createEffect(solid_js.on([props.getResetKey], () => reset(), { defer: true }));
return (0, solid_js_web.createComponent)(solid_js_web.Dynamic, {
get component() {
return props.errorComponent ?? ErrorComponent;
},
error,
reset
});
},
get children() {
return props.children;
}
});
}
function ErrorComponent({ error }) {
const [show, setShow] = solid_js.createSignal(process.env.NODE_ENV !== "production");
return (() => {
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild.nextSibling;
_el$2.nextSibling;
_el$4.$$click = () => setShow((d) => !d);
(0, solid_js_web.insert)(_el$4, () => show() ? "Hide Error" : "Show Error");
(0, solid_js_web.insert)(_el$, (() => {
var _c$ = (0, solid_js_web.memo)(() => !!show());
return () => _c$() ? (() => {
var _el$6 = _tmpl$2(), _el$7 = _el$6.firstChild;
(0, solid_js_web.insert)(_el$7, (() => {
var _c$2 = (0, solid_js_web.memo)(() => !!error.message);
return () => _c$2() ? (() => {
var _el$8 = _tmpl$3();
(0, solid_js_web.insert)(_el$8, () => error.message);
return _el$8;
})() : null;
})());
return _el$6;
})() : null;
})(), null);
return _el$;
})();
}
(0, solid_js_web.delegateEvents)(["click"]);
//#endregion
exports.CatchBoundary = CatchBoundary;
exports.ErrorComponent = ErrorComponent;
//# sourceMappingURL=CatchBoundary.cjs.map