likec4 1.7.2 → 1.7.4

package/dist/__app__/src/chunks/{tanstack-router-BgNzIYOs.js → tanstack-router-C3bHLsEH.js}

@@ -1,7 +1,7 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default from "react";
 import { flushSync } from "react-dom";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const pushStateEvent = "pushstate", popStateEvent = "popstate", beforeUnloadEvent = "beforeunload", beforeUnloadListener = (event) => (event.preventDefault(), event.returnValue = ""), stopBlocking = () => {
   removeEventListener(beforeUnloadEvent, beforeUnloadListener, {
     capture: !0
@@ -146,7 +146,7 @@ function createMemoryHistory(opts = {
   return createHistory({
     getLocation: () => parseHref(entries[index], currentState),
     pushState: (path, state) => {
-      currentState = state, index < entries.length - 1 && entries.splice(index + 1), entries.push(path), index = Math.max(entries.length - 1, 0);
+      currentState = state, entries.splice, index < entries.length - 1 && entries.splice(index + 1), entries.push(path), index = Math.max(entries.length - 1, 0);
     },
     replaceState: (path, state) => {
       currentState = state, entries[index] = path;
@@ -179,17 +179,38 @@ function parseHref(href, state) {
 function createRandomKey() {
   return (Math.random() + 1).toString(36).substring(7);
 }
-var prefix = "Invariant failed";
+var isProduction$1 = !0, prefix = "Invariant failed";
 function invariant(condition, message) {
-  if (!condition)
-    throw new Error(prefix);
+  if (!condition) {
+    if (isProduction$1)
+      throw new Error(prefix);
+    var provided = typeof message == "function" ? message() : message, value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
+    throw new Error(value);
+  }
+}
+var isProduction = !0;
+function warning(condition, message) {
+  if (!isProduction) {
+    if (condition)
+      return;
+    var text = "Warning: " + message;
+    typeof console < "u" && console.warn(text);
+    try {
+      throw Error(text);
+    } catch {
+    }
+  }
 }
 const routerContext = React.createContext(null);
 function getRouterContext() {
   return typeof document > "u" ? routerContext : window.__TSR_ROUTER_CONTEXT__ ? window.__TSR_ROUTER_CONTEXT__ : (window.__TSR_ROUTER_CONTEXT__ = routerContext, routerContext);
 }
 function useRouter(opts) {
-  return React.useContext(getRouterContext());
+  const value = React.useContext(getRouterContext());
+  return warning(
+    !((opts?.warn ?? !0) && !value),
+    "useRouter must be used inside a <RouterProvider> component!"
+  ), value;
 }
 var withSelector = { exports: {} }, withSelector_production_min = {}, shim = { exports: {} }, useSyncExternalStoreShim_production_min = {};
 /**
@@ -231,6 +252,7 @@ function t$1(a, b) {
 }
 var u$1 = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? t$1 : q$1;
 useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u$1;
+shim.exports;
 shim.exports = useSyncExternalStoreShim_production_min;
 var shimExports = shim.exports;
 /**
@@ -278,6 +300,7 @@ withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2
     f.hasValue = !0, f.value = d;
   }, [d]), w(d), d;
 };
+withSelector.exports;
 withSelector.exports = withSelector_production_min;
 var withSelectorExports = withSelector.exports;
 class Store {
@@ -730,7 +753,9 @@ function ErrorComponent({ error }) {
   ] });
 }
 function useRouterState(opts) {
-  const contextRouter = useRouter();
+  const contextRouter = useRouter({
+    warn: opts?.router === void 0
+  });
   return useStore((opts?.router || contextRouter).__store, opts?.select);
 }
 function notFound(options = {}) {
@@ -812,7 +837,8 @@ class Router {
           childRoute.init({ originalIndex: i });
           const existingRoute = this.routesById[childRoute.id];
           if (invariant(
-            !existingRoute
+            !existingRoute,
+            `Duplicate routes found with id: ${String(childRoute.id)}`
           ), this.routesById[childRoute.id] = childRoute, !childRoute.isRoot && childRoute.path) {
             const trimmedFullPath = trimPathRight(childRoute.fullPath);
             (!this.routesByPath[trimmedFullPath] || childRoute.fullPath.endsWith("/")) && (this.routesByPath[trimmedFullPath] = childRoute);
@@ -1033,7 +1059,8 @@ class Router {
           })
         ) : void 0, fromPath = fromMatch?.pathname || this.latestLocation.pathname;
         invariant(
-          dest.from == null || fromMatch != null
+          dest.from == null || fromMatch != null,
+          "Could not find match for from: " + dest.from
         );
         const fromSearch = ((_a = last(fromMatches)) == null ? void 0 : _a.search) || this.latestLocation.search, stayingMatches = matches?.filter(
           (d) => fromMatches.find((e2) => e2.routeId === d.routeId)
@@ -1163,7 +1190,8 @@ class Router {
       } catch {
       }
       return invariant(
-        !isExternal
+        !isExternal,
+        "Attempting to navigate to external url with router.navigate!"
       ), this.buildAndCommitLocation({
         ...rest,
         from,
@@ -1665,7 +1693,8 @@ class Router {
       var _a, _b, _c;
       let ctx;
       typeof document < "u" && (ctx = this.options.transformer.parse((_a = window.__TSR__) == null ? void 0 : _a.dehydrated)), invariant(
-        ctx
+        ctx,
+        "Expected to find a dehydrated data on window.__TSR__.dehydrated... but we did not. Please file an issue!"
       ), this.dehydratedData = ctx.payload, (_c = (_b = this.options).hydrate) == null || _c.call(_b, ctx.payload);
       const dehydratedState = ctx.router.state, matches = this.matchRoutes(
         this.state.location.pathname,
@@ -1675,7 +1704,8 @@ class Router {
           (d) => d.id === match.id
         );
         return invariant(
-          dehydratedMatch
+          dehydratedMatch,
+          `Could not find a client-side match for dehydrated match with id: ${match.id}!`
         ), {
           ...match,
           ...dehydratedMatch
@@ -1697,7 +1727,10 @@ class Router {
         return streamedValue.parsed || (streamedValue.parsed = this.options.transformer.parse(streamedValue.value)), streamedValue.parsed;
     }, this.streamValue = (key, value) => {
       var _a;
-      this.streamedKeys.has(key), this.streamedKeys.add(key);
+      warning(
+        !this.streamedKeys.has(key),
+        "Key has already been streamed: " + key
+      ), this.streamedKeys.add(key);
       const children = `__TSR__.streamedValues['${key}'] = { value: ${(_a = this.serializer) == null ? void 0 : _a.call(this, this.options.transformer.stringify(value))}}`;
       this.injectHtml(
         `<script class='tsr-once'>${children}; __TSR__.cleanScripts()<\/script>`
@@ -1711,10 +1744,11 @@ class Router {
       let routeCursor = (err.global ? this.looseRoutesById[rootRouteId] : this.looseRoutesById[err.routeId]) || this.looseRoutesById[rootRouteId];
       for (; !routeCursor.options.notFoundComponent && !this.options.defaultNotFoundComponent && routeCursor.id !== rootRouteId; )
         routeCursor = routeCursor.parentRoute, invariant(
-          routeCursor
+          routeCursor,
+          "Found invalid route tree while trying to find not-found handler."
         );
       const match = matchesByRouteId[routeCursor.id];
-      invariant(match), updateMatch(match.id, (prev) => ({
+      invariant(match, "Could not find match for route: " + routeCursor.id), updateMatch(match.id, (prev) => ({
         ...prev,
         status: "notFound",
         error: err,
@@ -1786,7 +1820,8 @@ function useMatch(opts) {
         (d) => opts.from ? opts.from === d.routeId : d.id === nearestMatchId
       );
       if (invariant(
-        !((opts.shouldThrow ?? !0) && !match)
+        !((opts.shouldThrow ?? !0) && !match),
+        `Could not find ${opts.from ? `an active match from "${opts.from}"` : "a nearest match!"}`
       ), match !== void 0)
         return opts.select ? opts.select(match) : match;
     }
@@ -1835,7 +1870,8 @@ class Route {
       this.originalIndex = opts.originalIndex;
       const options2 = this.options, isRoot = !options2?.path && !options2?.id;
       this.parentRoute = (_b = (_a = this.options) == null ? void 0 : _a.getParentRoute) == null ? void 0 : _b.call(_a), isRoot ? this.path = rootRouteId : invariant(
-        this.parentRoute
+        this.parentRoute,
+        "Child Route instances must pass a 'getParentRoute: () => ParentRoute' option that returns a Route instance."
       );
       let path = isRoot ? rootRouteId : options2.path;
       path && path !== "/" && (path = trimPathLeft(path));
@@ -1851,8 +1887,9 @@ class Route {
       ...opts,
       from: this.id,
       select: (d) => opts?.select ? opts.select(d.context) : d.context
-    }), this.useSearch = (opts) => useSearch({ ...opts, from: this.id }), this.useParams = (opts) => useParams({ ...opts, from: this.id }), this.useLoaderDeps = (opts) => useLoaderDeps({ ...opts, from: this.id }), this.useLoaderData = (opts) => useLoaderData({ ...opts, from: this.id }), this.useNavigate = () => useNavigate(), this.options = options || {}, this.isRoot = !options?.getParentRoute, invariant(
-      !(options?.id && options?.path)
+    }), this.useSearch = (opts) => useSearch({ ...opts, from: this.id }), this.useParams = (opts) => useParams({ ...opts, from: this.id }), this.useLoaderDeps = (opts) => useLoaderDeps({ ...opts, from: this.id }), this.useLoaderData = (opts) => useLoaderData({ ...opts, from: this.id }), this.useNavigate = () => useNavigate({ from: this.id }), this.options = options || {}, this.isRoot = !options?.getParentRoute, invariant(
+      !(options?.id && options?.path),
+      "Route cannot have both an 'id' and a 'path' option."
     ), this.$$typeof = Symbol.for("react.memo");
   }
   addChildren(children) {
@@ -1887,6 +1924,10 @@ function createFileRoute(path) {
 class FileRoute {
   constructor(path, _opts) {
     this.path = path, this.createRoute = (options) => {
+      warning(
+        this.silent,
+        "FileRoute is deprecated and will be removed in the next major version. Use the createFileRoute(path)(options) function instead."
+      );
       const route = createRoute(options);
       return route.isRoot = !1, route;
     }, this.silent = _opts?.silent;
@@ -2122,7 +2163,8 @@ function Match({ matchId }) {
     }
   });
   invariant(
-    routeId
+    routeId,
+    `Could not find routeId for matchId "${matchId}". Please file an issue!`
   );
   const route = router.routesById[routeId], PendingComponent = route.options.pendingComponent ?? router.options.defaultPendingComponent, pendingElement = PendingComponent ? /* @__PURE__ */ jsx(PendingComponent, {}) : null, routeErrorComponent = route.options.errorComponent ?? router.options.defaultErrorComponent, routeOnCatch = route.options.onCatch ?? router.options.defaultOnCatch, routeNotFoundComponent = route.isRoot ? (
     // If it's the root route, use the globalNotFound option, with fallback to the notFoundRoute's component
@@ -2140,7 +2182,7 @@ function Match({ matchId }) {
       errorComponent: routeErrorComponent || ErrorComponent,
       onCatch: (error, errorInfo) => {
         if (isNotFound(error)) throw error;
-        routeOnCatch?.(error, errorInfo);
+        warning(!1, `Error in route match: ${matchId}`), routeOnCatch?.(error, errorInfo);
       },
       children: /* @__PURE__ */ jsx(
         ResolvedNotFoundBoundary,
@@ -2179,10 +2221,10 @@ function MatchInner({ matchId }) {
   }), RouteErrorComponent = (route.options.errorComponent ?? router.options.defaultErrorComponent) || ErrorComponent;
   if (match.status === "notFound") {
     let error;
-    return isServerSideError(match.error) ? error = (((_a = router.options.errorSerializer) == null ? void 0 : _a.deserialize) ?? defaultDeserializeError)(match.error.data) : error = match.error, invariant(isNotFound(error)), renderRouteNotFound(router, route, error);
+    return isServerSideError(match.error) ? error = (((_a = router.options.errorSerializer) == null ? void 0 : _a.deserialize) ?? defaultDeserializeError)(match.error.data) : error = match.error, invariant(isNotFound(error), "Expected a notFound error"), renderRouteNotFound(router, route, error);
   }
   if (match.status === "redirected")
-    throw invariant(isRedirect(match.error)), match.loadPromise;
+    throw invariant(isRedirect(match.error), "Expected a redirect error"), match.loadPromise;
   if (match.status === "error") {
     if (router.isServer)
       return /* @__PURE__ */ jsx(
@@ -2230,7 +2272,8 @@ const Outlet = React.memo(function() {
     select: (s) => {
       const parentMatch = s.matches.find((d) => d.id === matchId);
       return invariant(
-        parentMatch
+        parentMatch,
+        `Could not find parent match for matchId "${matchId}"`
       ), {
         parentGlobalNotFound: parentMatch.globalNotFound
       };
@@ -2271,7 +2314,10 @@ function MatchesInner() {
       getResetKey: () => resetKey,
       errorComponent: ErrorComponent,
       onCatch: (error) => {
-        error.message || error.toString();
+        warning(
+          !1,
+          "The following error wasn't caught by any route! At the very least, consider setting an 'errorComponent' in your RootRoute!"
+        ), warning(!1, error.message || error.toString());
       },
       children: matchId ? /* @__PURE__ */ jsx(Match, { matchId }) : null
     }