@tanstack/solid-router 2.0.0-alpha.2 → 2.0.0-alpha.3

package/dist/esm/Asset.js

@@ -1,173 +1,129 @@
-import { createComponent, template, spread, mergeProps, insert } from "@solidjs/web";
-import { isServer } from "@tanstack/router-core/isServer";
-import { createEffect, onCleanup } from "solid-js";
 import { useRouter } from "./useRouter.js";
+import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { createEffect, onCleanup } from "solid-js";
+import { isServer } from "@tanstack/router-core/isServer";
+//#region src/Asset.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<meta>`), _tmpl$2 = /* @__PURE__ */ template(`<link>`), _tmpl$3 = /* @__PURE__ */ template(`<style>`), _tmpl$4 = /* @__PURE__ */ template(`<title>`), _tmpl$5 = /* @__PURE__ */ template(`<script>`);
-function Asset({
-  tag,
-  attrs,
-  children
-}) {
-  switch (tag) {
-    case "title":
-      return createComponent(Title, {
-        attrs,
-        children
-      });
-    case "meta":
-      return (() => {
-        var _el$ = _tmpl$();
-        spread(_el$, attrs, false, false);
-        return _el$;
-      })();
-    case "link":
-      return (() => {
-        var _el$2 = _tmpl$2();
-        spread(_el$2, attrs, false, false);
-        return _el$2;
-      })();
-    case "style":
-      if (typeof children === "string") {
-        return (() => {
-          var _el$3 = _tmpl$3();
-          spread(_el$3, mergeProps(attrs, {
-            "innerHTML": children
-          }), false, false);
-          return _el$3;
-        })();
-      }
-      return (() => {
-        var _el$4 = _tmpl$3();
-        spread(_el$4, attrs, false, false);
-        return _el$4;
-      })();
-    case "script":
-      return createComponent(Script, {
-        attrs,
-        children
-      });
-    default:
-      return null;
-  }
+function Asset({ tag, attrs, children }) {
+	switch (tag) {
+		case "title": return createComponent(Title, {
+			attrs,
+			children
+		});
+		case "meta": return (() => {
+			var _el$ = _tmpl$();
+			spread(_el$, attrs, false, false);
+			return _el$;
+		})();
+		case "link": return (() => {
+			var _el$2 = _tmpl$2();
+			spread(_el$2, attrs, false, false);
+			return _el$2;
+		})();
+		case "style":
+			if (typeof children === "string") return (() => {
+				var _el$3 = _tmpl$3();
+				spread(_el$3, mergeProps(attrs, { "innerHTML": children }), false, false);
+				return _el$3;
+			})();
+			return (() => {
+				var _el$4 = _tmpl$3();
+				spread(_el$4, attrs, false, false);
+				return _el$4;
+			})();
+		case "script": return createComponent(Script, {
+			attrs,
+			children
+		});
+		default: return null;
+	}
 }
 function Title(props) {
-  const router = useRouter();
-  const attrs = props.attrs;
-  const children = props.children;
-  if (isServer ?? router.isServer) {
-    return (() => {
-      var _el$5 = _tmpl$4();
-      spread(_el$5, attrs, false, true);
-      insert(_el$5, children);
-      return _el$5;
-    })();
-  }
-  createEffect(() => children, (titleText) => {
-    document.title = typeof titleText === "string" ? titleText : "";
-  });
-  return (() => {
-    var _el$6 = _tmpl$4();
-    spread(_el$6, attrs, false, true);
-    insert(_el$6, children);
-    return _el$6;
-  })();
+	const router = useRouter();
+	const attrs = props.attrs;
+	const children = props.children;
+	if (isServer ?? router.isServer) return (() => {
+		var _el$5 = _tmpl$4();
+		spread(_el$5, attrs, false, true);
+		insert(_el$5, children);
+		return _el$5;
+	})();
+	createEffect(() => children, (titleText) => {
+		document.title = typeof titleText === "string" ? titleText : "";
+	});
+	return (() => {
+		var _el$6 = _tmpl$4();
+		spread(_el$6, attrs, false, true);
+		insert(_el$6, children);
+		return _el$6;
+	})();
 }
 function Script(props) {
-  const router = useRouter();
-  const attrs = props.attrs;
-  const children = props.children;
-  const dataScript = typeof attrs?.type === "string" && attrs.type !== "" && attrs.type !== "text/javascript" && attrs.type !== "module";
-  if (isServer ?? router.isServer) {
-    if (attrs?.src) {
-      return (() => {
-        var _el$7 = _tmpl$5();
-        spread(_el$7, attrs, false, false);
-        return _el$7;
-      })();
-    }
-    if (typeof children === "string") {
-      return (() => {
-        var _el$8 = _tmpl$5();
-        spread(_el$8, mergeProps(attrs, {
-          "innerHTML": children
-        }), false, false);
-        return _el$8;
-      })();
-    }
-    return null;
-  }
-  if (dataScript && typeof children === "string") {
-    return (() => {
-      var _el$9 = _tmpl$5();
-      spread(_el$9, mergeProps(attrs, {
-        "innerHTML": children
-      }), false, false);
-      return _el$9;
-    })();
-  }
-  createEffect(() => ({
-    attrs,
-    children,
-    dataScript
-  }), ({
-    attrs: attrs2,
-    children: children2,
-    dataScript: dataScript2
-  }) => {
-    if (dataScript2) return;
-    let script;
-    if (attrs2?.src) {
-      const normSrc = (() => {
-        try {
-          const base = document.baseURI || window.location.href;
-          return new URL(attrs2.src, base).href;
-        } catch {
-          return attrs2.src;
-        }
-      })();
-      const existingScript = Array.from(document.querySelectorAll("script[src]")).find((el) => el.src === normSrc);
-      if (existingScript) {
-        return;
-      }
-      script = document.createElement("script");
-      for (const [key, value] of Object.entries(attrs2)) {
-        if (value !== void 0 && value !== false) {
-          script.setAttribute(key, typeof value === "boolean" ? "" : String(value));
-        }
-      }
-      document.head.appendChild(script);
-    } else if (typeof children2 === "string") {
-      const typeAttr = typeof attrs2?.type === "string" ? attrs2.type : "text/javascript";
-      const nonceAttr = typeof attrs2?.nonce === "string" ? attrs2.nonce : void 0;
-      const existingScript = Array.from(document.querySelectorAll("script:not([src])")).find((el) => {
-        if (!(el instanceof HTMLScriptElement)) return false;
-        const sType = el.getAttribute("type") ?? "text/javascript";
-        const sNonce = el.getAttribute("nonce") ?? void 0;
-        return el.textContent === children2 && sType === typeAttr && sNonce === nonceAttr;
-      });
-      if (existingScript) {
-        return;
-      }
-      script = document.createElement("script");
-      script.textContent = children2;
-      if (attrs2) {
-        for (const [key, value] of Object.entries(attrs2)) {
-          if (value !== void 0 && value !== false) {
-            script.setAttribute(key, typeof value === "boolean" ? "" : String(value));
-          }
-        }
-      }
-      document.head.appendChild(script);
-    }
-    onCleanup(() => {
-      if (script?.parentNode) {
-        script.parentNode.removeChild(script);
-      }
-    });
-  });
-  return null;
+	const router = useRouter();
+	const attrs = props.attrs;
+	const children = props.children;
+	const dataScript = typeof attrs?.type === "string" && attrs.type !== "" && attrs.type !== "text/javascript" && attrs.type !== "module";
+	if (isServer ?? router.isServer) {
+		if (attrs?.src) return (() => {
+			var _el$7 = _tmpl$5();
+			spread(_el$7, attrs, false, false);
+			return _el$7;
+		})();
+		if (typeof children === "string") return (() => {
+			var _el$8 = _tmpl$5();
+			spread(_el$8, mergeProps(attrs, { "innerHTML": children }), false, false);
+			return _el$8;
+		})();
+		return null;
+	}
+	if (dataScript && typeof children === "string") return (() => {
+		var _el$9 = _tmpl$5();
+		spread(_el$9, mergeProps(attrs, { "innerHTML": children }), false, false);
+		return _el$9;
+	})();
+	createEffect(() => ({
+		attrs,
+		children,
+		dataScript
+	}), ({ attrs, children, dataScript }) => {
+		if (dataScript) return;
+		let script;
+		if (attrs?.src) {
+			const normSrc = (() => {
+				try {
+					const base = document.baseURI || window.location.href;
+					return new URL(attrs.src, base).href;
+				} catch {
+					return attrs.src;
+				}
+			})();
+			if (Array.from(document.querySelectorAll("script[src]")).find((el) => el.src === normSrc)) return;
+			script = document.createElement("script");
+			for (const [key, value] of Object.entries(attrs)) if (value !== void 0 && value !== false) script.setAttribute(key, typeof value === "boolean" ? "" : String(value));
+			document.head.appendChild(script);
+		} else if (typeof children === "string") {
+			const typeAttr = typeof attrs?.type === "string" ? attrs.type : "text/javascript";
+			const nonceAttr = typeof attrs?.nonce === "string" ? attrs.nonce : void 0;
+			if (Array.from(document.querySelectorAll("script:not([src])")).find((el) => {
+				if (!(el instanceof HTMLScriptElement)) return false;
+				const sType = el.getAttribute("type") ?? "text/javascript";
+				const sNonce = el.getAttribute("nonce") ?? void 0;
+				return el.textContent === children && sType === typeAttr && sNonce === nonceAttr;
+			})) return;
+			script = document.createElement("script");
+			script.textContent = children;
+			if (attrs) {
+				for (const [key, value] of Object.entries(attrs)) if (value !== void 0 && value !== false) script.setAttribute(key, typeof value === "boolean" ? "" : String(value));
+			}
+			document.head.appendChild(script);
+		}
+		onCleanup(() => {
+			if (script?.parentNode) script.parentNode.removeChild(script);
+		});
+	});
+	return null;
 }
-export {
-  Asset
-};
-//# sourceMappingURL=Asset.js.map
+//#endregion
+export { Asset };
+
+//# sourceMappingURL=Asset.js.map

package/dist/esm/Asset.js.map

@@ -1 +1 @@
-{"version":3,"file":"Asset.js","sources":["../../src/Asset.tsx"],"sourcesContent":["import { isServer } from '@tanstack/router-core/isServer'\nimport { createEffect, onCleanup } from 'solid-js'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\nimport type { JSX } from 'solid-js'\n\nexport function Asset({\n  tag,\n  attrs,\n  children,\n}: RouterManagedTag): JSX.Element | null {\n  switch (tag) {\n    case 'title':\n      return <Title attrs={attrs} children={children} />\n    case 'meta':\n      return <meta {...attrs} />\n    case 'link':\n      return <link {...attrs} />\n    case 'style':\n      if (typeof children === 'string') {\n        return <style {...attrs} innerHTML={children} />\n      }\n      return <style {...attrs} />\n    case 'script':\n      return <Script attrs={attrs} children={children} />\n    default:\n      return null\n  }\n}\n\nfunction Title(props: {\n  attrs?: Record<string, any>\n  children?: unknown\n}): JSX.Element | null {\n  const router = useRouter()\n  const attrs = props.attrs\n  const children = props.children\n\n  // Server: render <title> normally\n  if (isServer ?? router.isServer) {\n    return <title {...attrs}>{children as string}</title>\n  }\n\n  // Client: imperatively set document.title so it updates during\n  // client-side navigation (JSX <title> in <head> doesn't reliably\n  // update the browser's document.title).\n  createEffect(\n    () => children,\n    (titleText) => {\n      document.title = typeof titleText === 'string' ? titleText : ''\n    },\n  )\n\n  // Still render the <title> element in the DOM for consistency,\n  // but the imperative assignment above is what actually drives the update.\n  return <title {...attrs}>{children as string}</title>\n}\n\nfunction Script(props: {\n  attrs?: Record<string, any>\n  children?: unknown\n}): JSX.Element | null {\n  const router = useRouter()\n  const attrs = props.attrs\n  const children = props.children\n\n  const dataScript =\n    typeof attrs?.type === 'string' &&\n    attrs.type !== '' &&\n    attrs.type !== 'text/javascript' &&\n    attrs.type !== 'module'\n\n  // --- Server rendering ---\n  if (isServer ?? router.isServer) {\n    if (attrs?.src) {\n      return <script {...attrs} />\n    }\n\n    if (typeof children === 'string') {\n      return <script {...attrs} innerHTML={children} />\n    }\n\n    return null\n  }\n\n  // --- Client rendering ---\n\n  // Data scripts (e.g. application/ld+json) are rendered in the tree;\n  // they don't need to execute.\n  if (dataScript && typeof children === 'string') {\n    return <script {...attrs} innerHTML={children} />\n  }\n\n  // For executable scripts, use imperative DOM injection so the browser\n  // actually executes them during client-side navigation.\n  createEffect(\n    () => ({ attrs, children, dataScript }) as const,\n    ({ attrs, children, dataScript }) => {\n      if (dataScript) return\n\n      let script: HTMLScriptElement | undefined\n\n      if (attrs?.src) {\n        const normSrc = (() => {\n          try {\n            const base = document.baseURI || window.location.href\n            return new URL(attrs.src, base).href\n          } catch {\n            return attrs.src\n          }\n        })()\n        const existingScript = Array.from(\n          document.querySelectorAll('script[src]'),\n        ).find((el) => (el as HTMLScriptElement).src === normSrc)\n\n        if (existingScript) {\n          return\n        }\n\n        script = document.createElement('script')\n\n        for (const [key, value] of Object.entries(attrs)) {\n          if (value !== undefined && value !== false) {\n            script.setAttribute(\n              key,\n              typeof value === 'boolean' ? '' : String(value),\n            )\n          }\n        }\n\n        document.head.appendChild(script)\n      } else if (typeof children === 'string') {\n        const typeAttr =\n          typeof attrs?.type === 'string' ? attrs.type : 'text/javascript'\n        const nonceAttr =\n          typeof attrs?.nonce === 'string' ? attrs.nonce : undefined\n        const existingScript = Array.from(\n          document.querySelectorAll('script:not([src])'),\n        ).find((el) => {\n          if (!(el instanceof HTMLScriptElement)) return false\n          const sType = el.getAttribute('type') ?? 'text/javascript'\n          const sNonce = el.getAttribute('nonce') ?? undefined\n          return (\n            el.textContent === children &&\n            sType === typeAttr &&\n            sNonce === nonceAttr\n          )\n        })\n\n        if (existingScript) {\n          return\n        }\n\n        script = document.createElement('script')\n        script.textContent = children\n\n        if (attrs) {\n          for (const [key, value] of Object.entries(attrs)) {\n            if (value !== undefined && value !== false) {\n              script.setAttribute(\n                key,\n                typeof value === 'boolean' ? '' : String(value),\n              )\n            }\n          }\n        }\n\n        document.head.appendChild(script)\n      }\n\n      onCleanup(() => {\n        if (script?.parentNode) {\n          script.parentNode.removeChild(script)\n        }\n      })\n    },\n  )\n\n  return null\n}\n"],"names":["Asset","tag","attrs","children","_$createComponent","Title","_el$","_tmpl$","_$spread","_el$2","_tmpl$2","_el$3","_tmpl$3","_$mergeProps","_el$4","Script","props","router","useRouter","isServer","_el$5","_tmpl$4","_$insert","createEffect","titleText","document","title","_el$6","dataScript","type","src","_el$7","_tmpl$5","_el$8","_el$9","script","normSrc","base","baseURI","window","location","href","URL","existingScript","Array","from","querySelectorAll","find","el","createElement","key","value","Object","entries","undefined","setAttribute","String","head","appendChild","typeAttr","nonceAttr","nonce","HTMLScriptElement","sType","getAttribute","sNonce","textContent","onCleanup","parentNode","removeChild"],"mappings":"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"}
+{"version":3,"file":"Asset.js","names":["isServer","createEffect","onCleanup","useRouter","RouterManagedTag","JSX","Asset","tag","attrs","children","Element","_$createComponent","Title","_el$","_tmpl$","_$spread","_el$2","_tmpl$2","_el$3","_tmpl$3","_$mergeProps","_el$4","Script","props","Record","router","_el$5","_tmpl$4","_$insert","titleText","document","title","_el$6","dataScript","type","src","_el$7","_tmpl$5","_el$8","_el$9","const","script","HTMLScriptElement","normSrc","base","baseURI","window","location","href","URL","existingScript","Array","from","querySelectorAll","find","el","createElement","key","value","Object","entries","undefined","setAttribute","String","head","appendChild","typeAttr","nonceAttr","nonce","sType","getAttribute","sNonce","textContent","parentNode","removeChild"],"sources":["../../src/Asset.tsx"],"sourcesContent":["import { isServer } from '@tanstack/router-core/isServer'\nimport { createEffect, onCleanup } from 'solid-js'\nimport { useRouter } from './useRouter'\nimport type { RouterManagedTag } from '@tanstack/router-core'\nimport type { JSX } from 'solid-js'\n\nexport function Asset({\n  tag,\n  attrs,\n  children,\n}: RouterManagedTag): JSX.Element | null {\n  switch (tag) {\n    case 'title':\n      return <Title attrs={attrs} children={children} />\n    case 'meta':\n      return <meta {...attrs} />\n    case 'link':\n      return <link {...attrs} />\n    case 'style':\n      if (typeof children === 'string') {\n        return <style {...attrs} innerHTML={children} />\n      }\n      return <style {...attrs} />\n    case 'script':\n      return <Script attrs={attrs} children={children} />\n    default:\n      return null\n  }\n}\n\nfunction Title(props: {\n  attrs?: Record<string, any>\n  children?: unknown\n}): JSX.Element | null {\n  const router = useRouter()\n  const attrs = props.attrs\n  const children = props.children\n\n  // Server: render <title> normally\n  if (isServer ?? router.isServer) {\n    return <title {...attrs}>{children as string}</title>\n  }\n\n  // Client: imperatively set document.title so it updates during\n  // client-side navigation (JSX <title> in <head> doesn't reliably\n  // update the browser's document.title).\n  createEffect(\n    () => children,\n    (titleText) => {\n      document.title = typeof titleText === 'string' ? titleText : ''\n    },\n  )\n\n  // Still render the <title> element in the DOM for consistency,\n  // but the imperative assignment above is what actually drives the update.\n  return <title {...attrs}>{children as string}</title>\n}\n\nfunction Script(props: {\n  attrs?: Record<string, any>\n  children?: unknown\n}): JSX.Element | null {\n  const router = useRouter()\n  const attrs = props.attrs\n  const children = props.children\n\n  const dataScript =\n    typeof attrs?.type === 'string' &&\n    attrs.type !== '' &&\n    attrs.type !== 'text/javascript' &&\n    attrs.type !== 'module'\n\n  // --- Server rendering ---\n  if (isServer ?? router.isServer) {\n    if (attrs?.src) {\n      return <script {...attrs} />\n    }\n\n    if (typeof children === 'string') {\n      return <script {...attrs} innerHTML={children} />\n    }\n\n    return null\n  }\n\n  // --- Client rendering ---\n\n  // Data scripts (e.g. application/ld+json) are rendered in the tree;\n  // they don't need to execute.\n  if (dataScript && typeof children === 'string') {\n    return <script {...attrs} innerHTML={children} />\n  }\n\n  // For executable scripts, use imperative DOM injection so the browser\n  // actually executes them during client-side navigation.\n  createEffect(\n    () => ({ attrs, children, dataScript }) as const,\n    ({ attrs, children, dataScript }) => {\n      if (dataScript) return\n\n      let script: HTMLScriptElement | undefined\n\n      if (attrs?.src) {\n        const normSrc = (() => {\n          try {\n            const base = document.baseURI || window.location.href\n            return new URL(attrs.src, base).href\n          } catch {\n            return attrs.src\n          }\n        })()\n        const existingScript = Array.from(\n          document.querySelectorAll('script[src]'),\n        ).find((el) => (el as HTMLScriptElement).src === normSrc)\n\n        if (existingScript) {\n          return\n        }\n\n        script = document.createElement('script')\n\n        for (const [key, value] of Object.entries(attrs)) {\n          if (value !== undefined && value !== false) {\n            script.setAttribute(\n              key,\n              typeof value === 'boolean' ? '' : String(value),\n            )\n          }\n        }\n\n        document.head.appendChild(script)\n      } else if (typeof children === 'string') {\n        const typeAttr =\n          typeof attrs?.type === 'string' ? attrs.type : 'text/javascript'\n        const nonceAttr =\n          typeof attrs?.nonce === 'string' ? attrs.nonce : undefined\n        const existingScript = Array.from(\n          document.querySelectorAll('script:not([src])'),\n        ).find((el) => {\n          if (!(el instanceof HTMLScriptElement)) return false\n          const sType = el.getAttribute('type') ?? 'text/javascript'\n          const sNonce = el.getAttribute('nonce') ?? undefined\n          return (\n            el.textContent === children &&\n            sType === typeAttr &&\n            sNonce === nonceAttr\n          )\n        })\n\n        if (existingScript) {\n          return\n        }\n\n        script = document.createElement('script')\n        script.textContent = children\n\n        if (attrs) {\n          for (const [key, value] of Object.entries(attrs)) {\n            if (value !== undefined && value !== false) {\n              script.setAttribute(\n                key,\n                typeof value === 'boolean' ? '' : String(value),\n              )\n            }\n          }\n        }\n\n        document.head.appendChild(script)\n      }\n\n      onCleanup(() => {\n        if (script?.parentNode) {\n          script.parentNode.removeChild(script)\n        }\n      })\n    },\n  )\n\n  return null\n}\n"],"mappings":"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"}

package/dist/esm/CatchBoundary.js

@@ -1,56 +1,54 @@
-import { createComponent, Dynamic, template, insert, memo, delegateEvents } from "@solidjs/web";
+import { Dynamic, createComponent, delegateEvents, insert, memo, template } from "@solidjs/web";
 import * as Solid from "solid-js";
+//#region src/CatchBoundary.tsx
 var _tmpl$ = /* @__PURE__ */ 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__ */ template(`<div><pre style="font-size:.7em;border:1px solid red;border-radius:.25rem;padding:.3rem;color:red;overflow:auto">`), _tmpl$3 = /* @__PURE__ */ template(`<code>`);
 function CatchBoundary(props) {
-  return createComponent(Solid.Errored, {
-    fallback: (error, reset) => {
-      props.onCatch?.(error);
-      Solid.createEffect(props.getResetKey, () => {
-        reset();
-      });
-      return createComponent(Dynamic, {
-        get component() {
-          return props.errorComponent ?? ErrorComponent;
-        },
-        error,
-        reset
-      });
-    },
-    get children() {
-      return props.children;
-    }
-  });
+	return createComponent(Solid.Errored, {
+		fallback: (error, reset) => {
+			props.onCatch?.(error);
+			Solid.createEffect(props.getResetKey, () => {
+				reset();
+			});
+			return createComponent(Dynamic, {
+				get component() {
+					return props.errorComponent ?? ErrorComponent;
+				},
+				error,
+				reset
+			});
+		},
+		get children() {
+			return props.children;
+		}
+	});
 }
-function ErrorComponent({
-  error
-}) {
-  const [show, setShow] = Solid.createSignal(process.env.NODE_ENV !== "production");
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
-    _el$2.nextSibling;
-    _el$5.$$click = () => setShow((d) => !d);
-    insert(_el$5, () => show() ? "Hide Error" : "Show Error");
-    insert(_el$, (() => {
-      var _c$ = memo(() => !!show());
-      return () => _c$() ? (() => {
-        var _el$7 = _tmpl$2(), _el$8 = _el$7.firstChild;
-        insert(_el$8, (() => {
-          var _c$2 = memo(() => !!error.message);
-          return () => _c$2() ? (() => {
-            var _el$9 = _tmpl$3();
-            insert(_el$9, () => error.message);
-            return _el$9;
-          })() : null;
-        })());
-        return _el$7;
-      })() : null;
-    })(), null);
-    return _el$;
-  })();
+function ErrorComponent({ error }) {
+	const [show, setShow] = Solid.createSignal(process.env.NODE_ENV !== "production");
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$5 = _el$2.firstChild.nextSibling.nextSibling;
+		_el$2.nextSibling;
+		_el$5.$$click = () => setShow((d) => !d);
+		insert(_el$5, () => show() ? "Hide Error" : "Show Error");
+		insert(_el$, (() => {
+			var _c$ = memo(() => !!show());
+			return () => _c$() ? (() => {
+				var _el$7 = _tmpl$2(), _el$8 = _el$7.firstChild;
+				insert(_el$8, (() => {
+					var _c$2 = memo(() => !!error.message);
+					return () => _c$2() ? (() => {
+						var _el$9 = _tmpl$3();
+						insert(_el$9, () => error.message);
+						return _el$9;
+					})() : null;
+				})());
+				return _el$7;
+			})() : null;
+		})(), null);
+		return _el$;
+	})();
 }
 delegateEvents(["click"]);
-export {
-  CatchBoundary,
-  ErrorComponent
-};
-//# sourceMappingURL=CatchBoundary.js.map
+//#endregion
+export { CatchBoundary, ErrorComponent };
+
+//# sourceMappingURL=CatchBoundary.js.map

package/dist/esm/CatchBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"CatchBoundary.js","sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["import * as Solid from 'solid-js'\nimport { Dynamic } from '@solidjs/web'\nimport type { ErrorRouteComponent } from './route'\n\nexport function CatchBoundary(\n  props: {\n    getResetKey: () => number | string\n    children: Solid.JSX.Element\n    errorComponent?: ErrorRouteComponent\n    onCatch?: (error: Error) => void\n  } & Solid.ParentProps,\n) {\n  return (\n    <Solid.Errored\n      fallback={(error, reset) => {\n        props.onCatch?.(error)\n\n        Solid.createEffect(props.getResetKey, () => {\n          // We trigger reset here. For a fully deferred effect we might need usePrevious,\n          // but calling reset on key change is the main goal.\n          reset()\n        })\n\n        return (\n          <Dynamic\n            component={props.errorComponent ?? ErrorComponent}\n            error={error}\n            reset={reset}\n          />\n        )\n      }}\n    >\n      {props.children}\n    </Solid.Errored>\n  )\n}\n\nexport function ErrorComponent({ error }: { error: any }) {\n  const [show, setShow] = Solid.createSignal(\n    process.env.NODE_ENV !== 'production',\n  )\n\n  return (\n    <div style={{ padding: '.5rem', 'max-width': '100%' }}>\n      <div style={{ display: 'flex', 'align-items': 'center', gap: '.5rem' }}>\n        ∂<strong style={{ 'font-size': '1rem' }}>Something went wrong!</strong>\n        <button\n          style={{\n            appearance: 'none',\n            'font-size': '.6em',\n            border: '1px solid currentColor',\n            padding: '.1rem .2rem',\n            'font-weight': 'bold',\n            'border-radius': '.25rem',\n          }}\n          onClick={() => setShow((d) => !d)}\n        >\n          {show() ? 'Hide Error' : 'Show Error'}\n        </button>\n      </div>\n      <div style={{ height: '.25rem' }} />\n      {show() ? (\n        <div>\n          <pre\n            style={{\n              'font-size': '.7em',\n              border: '1px solid red',\n              'border-radius': '.25rem',\n              padding: '.3rem',\n              color: 'red',\n              overflow: 'auto',\n            }}\n          >\n            {error.message ? <code>{error.message}</code> : null}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["CatchBoundary","props","_$createComponent","Solid","Errored","fallback","error","reset","onCatch","createEffect","getResetKey","Dynamic","component","errorComponent","ErrorComponent","children","show","setShow","createSignal","process","env","NODE_ENV","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","$$click","d","_$insert","_c$","_$memo","_el$7","_tmpl$2","_el$8","_c$2","message","_el$9","_tmpl$3","_$delegateEvents"],"mappings":";;;AAIO,SAASA,cACdC,OAMA;AACA,SAAAC,gBACGC,MAAMC,SAAO;AAAA,IACZC,UAAUA,CAACC,OAAOC,UAAU;AAC1BN,YAAMO,UAAUF,KAAK;AAErBH,YAAMM,aAAaR,MAAMS,aAAa,MAAM;AAG1CH,cAAAA;AAAAA,MACF,CAAC;AAED,aAAAL,gBACGS,SAAO;AAAA,QAAA,IACNC,YAAS;AAAA,iBAAEX,MAAMY,kBAAkBC;AAAAA,QAAc;AAAA,QACjDR;AAAAA,QACAC;AAAAA,MAAAA,CAAY;AAAA,IAGlB;AAAA,IAAC,IAAAQ,WAAA;AAAA,aAEAd,MAAMc;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAGrB;AAEO,SAASD,eAAe;AAAA,EAAER;AAAsB,GAAG;AACxD,QAAM,CAACU,MAAMC,OAAO,IAAId,MAAMe,aAC5BC,QAAQC,IAAIC,aAAa,YAC3B;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAD,MAAAE,aAAAC,QAAAF,MAAAC;AAAAJ,UAAAI;AAAAC,UAAAC,UAaiB,MAAMb,QAASc,CAAAA,MAAM,CAACA,CAAC;AAACC,WAAAH,OAAA,MAEhCb,KAAAA,IAAS,eAAe,YAAY;AAAAgB,WAAAV,OAAA,MAAA;AAAA,UAAAW,MAAAC,KAAA,MAAA,CAAA,CAIxClB,MAAM;AAAA,aAAA,MAANiB,IAAAA,KAAA,MAAA;AAAA,YAAAE,QAAAC,QAAAA,GAAAC,QAAAF,MAAAV;AAAAO,eAAAK,QAAA,MAAA;AAAA,cAAAC,OAAAJ,KAAA,MAAA,CAAA,CAYM5B,MAAMiC,OAAO;AAAA,iBAAA,MAAbD,KAAAA,KAAA,MAAA;AAAA,gBAAAE,QAAAC,QAAAA;AAAAT,mBAAAQ,OAAA,MAAuBlC,MAAMiC,OAAO;AAAA,mBAAAC;AAAAA,UAAA,OAAW;AAAA,QAAI,IAAA;AAAA,eAAAL;AAAAA,MAAA,OAGtD;AAAA,IAAI,GAAA,GAAA,IAAA;AAAA,WAAAb;AAAAA,EAAA,GAAA;AAGd;AAACoB,eAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"CatchBoundary.js","names":["Solid","Dynamic","ErrorRouteComponent","CatchBoundary","props","getResetKey","children","JSX","Element","errorComponent","onCatch","error","Error","ParentProps","_$createComponent","Errored","fallback","reset","createEffect","component","ErrorComponent","show","setShow","createSignal","process","env","NODE_ENV","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","$$click","d","_$insert","_c$","_$memo","_el$7","_tmpl$2","_el$8","_c$2","message","_el$9","_tmpl$3","_$delegateEvents"],"sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["import * as Solid from 'solid-js'\nimport { Dynamic } from '@solidjs/web'\nimport type { ErrorRouteComponent } from './route'\n\nexport function CatchBoundary(\n  props: {\n    getResetKey: () => number | string\n    children: Solid.JSX.Element\n    errorComponent?: ErrorRouteComponent\n    onCatch?: (error: Error) => void\n  } & Solid.ParentProps,\n) {\n  return (\n    <Solid.Errored\n      fallback={(error, reset) => {\n        props.onCatch?.(error)\n\n        Solid.createEffect(props.getResetKey, () => {\n          // We trigger reset here. For a fully deferred effect we might need usePrevious,\n          // but calling reset on key change is the main goal.\n          reset()\n        })\n\n        return (\n          <Dynamic\n            component={props.errorComponent ?? ErrorComponent}\n            error={error}\n            reset={reset}\n          />\n        )\n      }}\n    >\n      {props.children}\n    </Solid.Errored>\n  )\n}\n\nexport function ErrorComponent({ error }: { error: any }) {\n  const [show, setShow] = Solid.createSignal(\n    process.env.NODE_ENV !== 'production',\n  )\n\n  return (\n    <div style={{ padding: '.5rem', 'max-width': '100%' }}>\n      <div style={{ display: 'flex', 'align-items': 'center', gap: '.5rem' }}>\n        ∂<strong style={{ 'font-size': '1rem' }}>Something went wrong!</strong>\n        <button\n          style={{\n            appearance: 'none',\n            'font-size': '.6em',\n            border: '1px solid currentColor',\n            padding: '.1rem .2rem',\n            'font-weight': 'bold',\n            'border-radius': '.25rem',\n          }}\n          onClick={() => setShow((d) => !d)}\n        >\n          {show() ? 'Hide Error' : 'Show Error'}\n        </button>\n      </div>\n      <div style={{ height: '.25rem' }} />\n      {show() ? (\n        <div>\n          <pre\n            style={{\n              'font-size': '.7em',\n              border: '1px solid red',\n              'border-radius': '.25rem',\n              padding: '.3rem',\n              color: 'red',\n              overflow: 'auto',\n            }}\n          >\n            {error.message ? <code>{error.message}</code> : null}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;AAIA,SAAgBG,cACdC,OAMA;AACA,QAAAU,gBACGd,MAAMe,SAAO;EACZC,WAAWL,OAAOM,UAAU;AAC1Bb,SAAMM,UAAUC,MAAM;AAEtBX,SAAMkB,aAAad,MAAMC,mBAAmB;AAG1CY,WAAO;KACP;AAEF,UAAAH,gBACGb,SAAO;IAAA,IACNkB,YAAS;AAAA,YAAEf,MAAMK,kBAAkBW;;IAC5BT;IACAM;IAAK,CAAA;;EAGjB,IAAAX,WAAA;AAAA,UAEAF,MAAME;;EAAQ,CAAA;;AAKrB,SAAgBc,eAAe,EAAET,SAAyB;CACxD,MAAM,CAACU,MAAMC,WAAWtB,MAAMuB,aAAAA,QAAAA,IAAAA,aACH,aAC1B;AAED,eAAA;EAAA,IAAAI,OAAAC,QAAA,EAAAC,QAAAF,KAAAG,YAAAI,QAAAL,MAAAC,WAAAG,YAAAA;AAAAJ,QAAAI;AAAAC,QAAAE,gBAauBd,SAASe,MAAM,CAACA,EAAE;AAAAC,SAAAJ,aAEhCb,MAAM,GAAG,eAAe,aAAY;AAAAiB,SAAAX,aAAA;GAAA,IAAAY,MAAAC,WAAA,CAAA,CAIxCnB,MAAM,CAAA;AAAA,gBAANkB,KAAA,UAAA;IAAA,IAAAE,QAAAC,SAAA,EAAAC,QAAAF,MAAAX;AAAAQ,WAAAK,cAAA;KAAA,IAAAC,OAAAJ,WAAA,CAAA,CAYM7B,MAAMkC,QAAO;AAAA,kBAAbD,MAAA,UAAA;MAAA,IAAAE,QAAAC,SAAA;AAAAT,aAAAQ,aAAuBnC,MAAMkC,QAAO;AAAA,aAAAC;SAAA,GAAW;QAAI,CAAA;AAAA,WAAAL;OAAA,GAGtD;MAAI,EAAA,KAAA;AAAA,SAAAd;KAAA;;AAGbqB,eAAA,CAAA,QAAA,CAAA"}

package/dist/esm/ClientOnly.js

@@ -1,28 +1,64 @@
 import { createComponent, memo } from "@solidjs/web";
 import * as Solid from "solid-js";
+//#region src/ClientOnly.tsx
+/**
+* Render the children only after the JS has loaded client-side. Use an optional
+* fallback component if the JS is not yet loaded.
+*
+* @example
+* Render a Chart component if JS loads, renders a simple FakeChart
+* component server-side or if there is no JS. The FakeChart can have only the
+* UI without the behavior or be a loading spinner or skeleton.
+*
+* ```tsx
+* return (
+*   <ClientOnly fallback={<FakeChart />}>
+*     <Chart />
+*   </ClientOnly>
+* )
+* ```
+*/
 function ClientOnly(props) {
-  const hydrated = useHydrated();
-  return createComponent(Solid.Show, {
-    get when() {
-      return hydrated();
-    },
-    get fallback() {
-      return props.fallback ?? null;
-    },
-    get children() {
-      return memo(() => props.children);
-    }
-  });
+	const hydrated = useHydrated();
+	return createComponent(Solid.Show, {
+		get when() {
+			return hydrated();
+		},
+		get fallback() {
+			return props.fallback ?? null;
+		},
+		get children() {
+			return memo(() => props.children);
+		}
+	});
 }
+/**
+* Return a boolean indicating if the JS has been hydrated already.
+* When doing Server-Side Rendering, the result will always be false.
+* When doing Client-Side Rendering, the result will always be false on the
+* first render and true from then on. Even if a new component renders it will
+* always start with true.
+*
+* @example
+* ```tsx
+* // Disable a button that needs JS to work.
+* const hydrated = useHydrated()
+* return (
+*   <button type="button" disabled={!hydrated()} onClick={doSomethingCustom}>
+*     Click me
+*   </button>
+* )
+* ```
+* @returns True if the JS has been hydrated already, false otherwise.
+*/
 function useHydrated() {
-  const [hydrated, setHydrated] = Solid.createSignal(false);
-  Solid.createEffect(() => true, () => {
-    setHydrated(true);
-  });
-  return hydrated;
+	const [hydrated, setHydrated] = Solid.createSignal(false);
+	Solid.createEffect(() => true, () => {
+		setHydrated(true);
+	});
+	return hydrated;
 }
-export {
-  ClientOnly,
-  useHydrated
-};
-//# sourceMappingURL=ClientOnly.js.map
+//#endregion
+export { ClientOnly, useHydrated };
+
+//# sourceMappingURL=ClientOnly.js.map

package/dist/esm/ClientOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClientOnly.js","sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import * as Solid from 'solid-js'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render when the JS is loaded.\n   */\n  children: Solid.JSX.Element\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: Solid.JSX.Element\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport function ClientOnly(props: ClientOnlyProps) {\n  const hydrated = useHydrated()\n  return (\n    <Solid.Show when={hydrated()} fallback={props.fallback ?? null}>\n      <>{props.children}</>\n    </Solid.Show>\n  )\n}\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * const hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated()} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nexport function useHydrated(): Solid.Accessor<boolean> {\n  const [hydrated, setHydrated] = Solid.createSignal(false)\n\n  Solid.createEffect(\n    () => true,\n    () => {\n      setHydrated(true)\n    },\n  )\n\n  return hydrated\n}\n"],"names":["ClientOnly","props","hydrated","useHydrated","_$createComponent","Solid","Show","when","fallback","children","_$memo","setHydrated","createSignal","createEffect"],"mappings":";;AA8BO,SAASA,WAAWC,OAAwB;AACjD,QAAMC,WAAWC,YAAAA;AACjB,SAAAC,gBACGC,MAAMC,MAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEL,SAAAA;AAAAA,IAAU;AAAA,IAAA,IAAEM,WAAQ;AAAA,aAAEP,MAAMO,YAAY;AAAA,IAAI;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAAC,KAAA,MACzDT,MAAMQ,QAAQ;AAAA,IAAA;AAAA,EAAA,CAAA;AAGvB;AAqBO,SAASN,cAAuC;AACrD,QAAM,CAACD,UAAUS,WAAW,IAAIN,MAAMO,aAAa,KAAK;AAExDP,QAAMQ,aACJ,MAAM,MACN,MAAM;AACJF,gBAAY,IAAI;AAAA,EAClB,CACF;AAEA,SAAOT;AACT;"}
+{"version":3,"file":"ClientOnly.js","names":["Solid","ClientOnlyProps","children","JSX","Element","fallback","ClientOnly","props","hydrated","useHydrated","_$createComponent","Show","when","_$memo","Accessor","setHydrated","createSignal","createEffect"],"sources":["../../src/ClientOnly.tsx"],"sourcesContent":["import * as Solid from 'solid-js'\n\nexport interface ClientOnlyProps {\n  /**\n   * The children to render when the JS is loaded.\n   */\n  children: Solid.JSX.Element\n  /**\n   * The fallback component to render if the JS is not yet loaded.\n   */\n  fallback?: Solid.JSX.Element\n}\n\n/**\n * Render the children only after the JS has loaded client-side. Use an optional\n * fallback component if the JS is not yet loaded.\n *\n * @example\n * Render a Chart component if JS loads, renders a simple FakeChart\n * component server-side or if there is no JS. The FakeChart can have only the\n * UI without the behavior or be a loading spinner or skeleton.\n *\n * ```tsx\n * return (\n *   <ClientOnly fallback={<FakeChart />}>\n *     <Chart />\n *   </ClientOnly>\n * )\n * ```\n */\nexport function ClientOnly(props: ClientOnlyProps) {\n  const hydrated = useHydrated()\n  return (\n    <Solid.Show when={hydrated()} fallback={props.fallback ?? null}>\n      <>{props.children}</>\n    </Solid.Show>\n  )\n}\n\n/**\n * Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @example\n * ```tsx\n * // Disable a button that needs JS to work.\n * const hydrated = useHydrated()\n * return (\n *   <button type=\"button\" disabled={!hydrated()} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * )\n * ```\n * @returns True if the JS has been hydrated already, false otherwise.\n */\nexport function useHydrated(): Solid.Accessor<boolean> {\n  const [hydrated, setHydrated] = Solid.createSignal(false)\n\n  Solid.createEffect(\n    () => true,\n    () => {\n      setHydrated(true)\n    },\n  )\n\n  return hydrated\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8BA,SAAgBM,WAAWC,OAAwB;CACjD,MAAMC,WAAWC,aAAa;AAC9B,QAAAC,gBACGV,MAAMW,MAAI;EAAA,IAACC,OAAI;AAAA,UAAEJ,UAAU;;EAAA,IAAEH,WAAQ;AAAA,UAAEE,MAAMF,YAAY;;EAAI,IAAAH,WAAA;AAAA,UAAAW,WACzDN,MAAML,SAAQ;;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAwBvB,SAAgBO,cAAuC;CACrD,MAAM,CAACD,UAAUO,eAAef,MAAMgB,aAAa,MAAM;AAEzDhB,OAAMiB,mBACE,YACA;AACJF,cAAY,KAAK;GAEpB;AAED,QAAOP"}