gemi 0.4.113 → 0.4.115

package/dist/client/index.js

@@ -11,7 +11,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _i, _n, _t, _e, _s, _l, _o, _d, _p, _g, _H_instances, r_fn, R_fn, b_fn, u_fn, m_fn, a_fn, P_fn, E_fn, S_fn, O_fn, k_fn, x_fn, h_fn, f_fn, T_fn, A_fn, y_fn, w_fn, c_fn, C_fn, _a, _i2, _n2, _t2, _e2, _s2, _l2, _b;
 import require$$1, { createContext, useRef, useContext, useEffect, useState, useCallback, useSyncExternalStore, lazy, StrictMode, Suspense, useMemo } from "react";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import require$$2, { createPortal } from "react-dom";
 class Subject {
   constructor(initialValue) {
@@ -207,332 +207,6 @@ function omitNullishValues(input) {
     })
   );
 }
-const defaultConfig = {
-  fallbackData: null,
-  keepPreviousData: true,
-  retryIntervalOnError: 1e4,
-  debug: false
-};
-const defaultOptions$1 = {
-  params: {},
-  search: {}
-};
-function useQuery(url, ...args) {
-  const [_options = defaultOptions$1, _config = defaultConfig] = args;
-  const options = { ...defaultOptions$1, ..._options };
-  const config = { ...defaultConfig, ..._config };
-  const params = "params" in options ? options.params ?? {} : {};
-  const paramsRef = useRef(JSON.stringify(params));
-  const search = "search" in options ? options.search ?? {} : {};
-  const { getResource } = useContext(QueryManagerContext);
-  const normalPath = applyParams$1(url, params);
-  const searchParams = new URLSearchParams(omitNullishValues(search));
-  searchParams.sort();
-  const variantKey = searchParams.toString();
-  const [resource, setResource] = useState(
-    () => getResource(
-      normalPath,
-      config.fallbackData ? { [variantKey]: config.fallbackData } : null
-    )
-  );
-  const retryIntervalRef = useRef();
-  const retryingMap = useRef(/* @__PURE__ */ new Map());
-  const [state, setState] = useState(() => resource.getVariant(variantKey));
-  const retry = (variantKey2) => {
-    if (!retryingMap.current.get(variantKey2)) {
-      if (config.debug) console.log("retrying", variantKey2);
-      retryingMap.current.set(variantKey2, true);
-      retryIntervalRef.current = setTimeout(() => {
-        resource.getVariant(variantKey2);
-        retryingMap.current.set(variantKey2, false);
-      }, config.retryIntervalOnError);
-    }
-  };
-  const handleReload = useCallback(() => {
-    setResource(getResource(applyParams$1(url, params)));
-  }, [url, params]);
-  useEffect(() => {
-    if (import.meta.hot) {
-      import.meta.hot.on("http-reload", mutate);
-    }
-    return () => {
-      if (import.meta.hot) {
-        import.meta.hot.off("http-reload", mutate);
-      }
-    };
-  }, [handleReload]);
-  useEffect(() => {
-    const key = JSON.stringify(params);
-    if (key !== paramsRef.current) {
-      if (config.debug) {
-        console.log("refetching - params changed", key, paramsRef.current);
-      }
-      setResource(getResource(applyParams$1(url, params)));
-      setState(resource.getVariant(variantKey));
-      paramsRef.current = key;
-    }
-  }, [params]);
-  const handleStateUpdate = useCallback(
-    (nextState) => {
-      if (config.debug) {
-        console.log("state updating due to url update", variantKey);
-        console.log(nextState);
-      }
-      if (nextState.error) {
-        retry(variantKey);
-      }
-      if (config.keepPreviousData) {
-        if (nextState.loading) {
-          setState((s) => ({ ...s, loading: true }));
-        } else {
-          setState(nextState);
-        }
-      } else {
-        setState(nextState);
-      }
-    },
-    [variantKey]
-  );
-  useEffect(() => {
-    handleStateUpdate(resource.getVariant(variantKey));
-    const unsub = resource.store.subscribe.call(resource.store, (store) => {
-      handleStateUpdate(store.get(variantKey));
-    });
-    return () => {
-      unsub();
-      clearInterval(retryIntervalRef.current);
-    };
-  }, [variantKey, resource]);
-  function mutate(fn, value) {
-    return resource.mutate.call(resource, variantKey, (data) => {
-      try {
-        if (typeof fn === "function") {
-          return fn(data);
-        } else if (typeof fn === "string") {
-          const keys = fn.split(".");
-          let current = structuredClone(data);
-          for (let i = 0; i < keys.length - 1; i++) {
-            const subKey = keys[i];
-            current[subKey] = current[subKey] || {};
-            current = current[subKey];
-          }
-          let newValue = value;
-          if (typeof value === "function") {
-            newValue = value(current[keys[keys.length - 1]]);
-          }
-          current[keys[keys.length - 1]] = newValue;
-          return current;
-        } else {
-          return fn;
-        }
-      } catch (err) {
-        console.log(err);
-      }
-      return data;
-    });
-  }
-  return {
-    data: state == null ? void 0 : state.data,
-    loading: (state == null ? void 0 : state.loading) ?? true,
-    error: state == null ? void 0 : state.error,
-    mutate
-  };
-}
-function applyParams(url, params = {}) {
-  let out = url;
-  for (const [key, value] of Object.entries(params)) {
-    out = out.replace(`:${key}?`, value).replace(`:${key}`, value);
-  }
-  return out;
-}
-const defaultOptions = {
-  autoInvalidate: false,
-  onSuccess: () => {
-  },
-  onError: (_2) => {
-  },
-  onCanceled: () => {
-  }
-};
-function useMutation(method, url, ...args) {
-  const [state, setState] = useState({
-    data: null,
-    error: null,
-    loading: false
-  });
-  const [abortController, setAbortController] = useState(
-    () => new AbortController()
-  );
-  return {
-    data: state.data,
-    error: state.error,
-    loading: state.loading,
-    cancel: () => {
-      const [, options = defaultOptions] = args ?? [];
-      abortController.abort();
-      setAbortController(new AbortController());
-      setState({
-        data: state.data,
-        error: state.error,
-        loading: false
-      });
-      options.onCanceled();
-    },
-    trigger: async (input) => {
-      setState({
-        data: state.data,
-        error: state.error,
-        loading: true
-      });
-      const [inputs = { params: {} }, options = defaultOptions] = args ?? [];
-      const params = "params" in inputs ? inputs.params : {};
-      const finalUrl = applyParams(
-        String(url).replace(`${method}:`, ""),
-        params
-      );
-      let body = null;
-      const contentType = input instanceof FormData ? {} : { "Content-Type": "application/json" };
-      if (input instanceof FormData) {
-        body = input;
-      } else if (input) {
-        body = JSON.stringify(input);
-      }
-      try {
-        const response = await fetch(`/api${finalUrl}`, {
-          method,
-          headers: {
-            ...contentType
-          },
-          ...body ? { body } : {},
-          signal: abortController.signal
-        });
-        const data = await response.json();
-        if (!response.ok) {
-          setState({
-            data: null,
-            error: data.error,
-            loading: false
-          });
-          options.onError(data);
-          return;
-        }
-        options.onSuccess(data);
-        setState({
-          data,
-          error: null,
-          loading: false
-        });
-        return data;
-      } catch (error) {
-        options.onError(error);
-        setState({
-          data: null,
-          error,
-          loading: false
-        });
-      }
-    }
-  };
-}
-function usePost(url, ...args) {
-  return useMutation("POST", url, ...args);
-}
-function usePut(url, ...args) {
-  return useMutation("PUT", url, ...args);
-}
-function usePatch(url, ...args) {
-  return useMutation("PATCH", url, ...args);
-}
-function useDelete(url, ...args) {
-  return useMutation("DELETE", url, ...args);
-}
-const MutationContext = createContext({
-  isPending: false,
-  result: null
-});
-function Form(props) {
-  const {
-    method = "POST",
-    action,
-    onSuccess = () => {
-    },
-    onError = () => {
-    },
-    params,
-    className,
-    ...formProps
-  } = "params" in props ? props : { ...props, params: {} };
-  const formRef = useRef(null);
-  const { trigger, data, error, loading } = useMutation(
-    method,
-    String(action),
-    {
-      params
-    },
-    {
-      onSuccess: (data2) => onSuccess(data2, formRef.current),
-      onError: (error2) => onError(error2, formRef.current)
-    }
-  );
-  const handleSubmit = async (e) => {
-    if (loading) {
-      return;
-    }
-    e.preventDefault();
-    trigger(new FormData(formRef.current));
-  };
-  const validationErrors = (error == null ? void 0 : error.kind) === "validation_error" ? error.messages : {};
-  const formError = (error == null ? void 0 : error.kind) === "form_error" ? error.message : null;
-  return /* @__PURE__ */ jsx(
-    MutationContext.Provider,
-    {
-      value: { isPending: loading, result: data, validationErrors, formError },
-      children: /* @__PURE__ */ jsx(
-        "form",
-        {
-          className: ["group", className].filter(Boolean).join(" "),
-          "data-loading": loading,
-          ref: formRef,
-          onSubmit: handleSubmit,
-          ...formProps,
-          children: props.children
-        }
-      )
-    }
-  );
-}
-function useMutationStatus() {
-  const { isPending } = useContext(MutationContext);
-  return { isPending };
-}
-const ValidationErrors = (props) => {
-  var _a2;
-  const {
-    render = (props2) => /* @__PURE__ */ jsx("div", { ...props2 }),
-    name
-  } = props;
-  const { validationErrors } = useContext(MutationContext);
-  const Comp = render;
-  if (((_a2 = validationErrors[name]) == null ? void 0 : _a2.length) > 0) {
-    return /* @__PURE__ */ jsx(Fragment, { children: validationErrors[name].map((error) => {
-      return /* @__PURE__ */ jsx(Comp, { className: props.className, children: error }, error);
-    }) });
-  }
-  return null;
-};
-const FormField = (props) => {
-  const { name, children, ...rest } = props;
-  const { validationErrors } = useContext(MutationContext);
-  const errors = validationErrors[name] || [];
-  return /* @__PURE__ */ jsx("div", { "data-hasError": errors.length > 0, ...rest, children });
-};
-const FormError = (props) => {
-  const { formError } = useContext(MutationContext);
-  if (formError) {
-    return /* @__PURE__ */ jsx("div", { ...props, children: formError });
-  }
-  return null;
-};
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -1834,211 +1508,540 @@ function useSearchParams() {
     new URLSearchParams(location.search),
     callback
   );
-  return searchParams;
+  return searchParams;
+}
+function useRoute() {
+  const { getRoutePathnameFromHref } = useContext(ClientRouterContext);
+  const location = useLocation();
+  const routePath = getRoutePathnameFromHref(location.pathname);
+  return {
+    pathname: routePath,
+    startsWith: (pathname) => {
+      return routePath.startsWith(pathname);
+    }
+  };
+}
+const HttpReload = () => {
+  const { replace } = useNavigate();
+  const searchParams = useSearchParams();
+  const { pathname } = useRoute();
+  const params = useParams();
+  const [reloading, setReloading] = useState(false);
+  const handleReload = () => {
+    setReloading(true);
+    replace(pathname, {
+      params,
+      search: searchParams.toJSON()
+    }).catch(console.log).finally(() => {
+      setReloading(false);
+    });
+  };
+  useEffect(() => {
+    if (import.meta.hot) {
+      import.meta.hot.on("http-reload", handleReload);
+    }
+    return () => {
+      if (import.meta.hot) {
+        import.meta.hot.off("http-reload", handleReload);
+      }
+    };
+  }, [handleReload]);
+  if (!reloading || typeof document === "undefined") {
+    return null;
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx("div", { className: "fixed z-[1000] bottom-0 right-0 p-2", children: /* @__PURE__ */ jsx("div", { className: "p-2 bg-white text-black rounded-md shadow-md", children: "..." }) }),
+    document.body
+  );
+};
+const ClientRouterContext = createContext(
+  {}
+);
+const ClientRouterProvider = (props) => {
+  const {
+    children,
+    pathname,
+    currentPath,
+    is404,
+    routeManifest,
+    pageData,
+    params,
+    searchParams
+  } = props;
+  const [parameters, setParameters] = useState(params);
+  const navigationAbortControllerRef = useRef(new AbortController());
+  const [isNavigatingSubject] = useState(() => {
+    return new Subject(false);
+  });
+  const [progressManager] = useState(new ProgressManager(isNavigatingSubject));
+  const pageDataRef = useRef(structuredClone(pageData));
+  const scrollHistoryRef = useRef(/* @__PURE__ */ new Map());
+  const initalViewEntries = is404 ? ["404"] : routeManifest[pathname] ?? ["404"];
+  const viewEntriesSubject = useRef(new Subject(initalViewEntries));
+  const [locationSubject] = useState(
+    () => new Subject({
+      hash: "",
+      pathname: currentPath,
+      search: searchParams,
+      state: {},
+      key: ""
+    })
+  );
+  const [history] = useState(() => {
+    let history2 = null;
+    if (typeof window !== "undefined") {
+      history2 = createBrowserHistory();
+    }
+    return history2;
+  });
+  const handleScroll = () => {
+    const key = [
+      `${locationSubject.getValue().pathname}?${locationSubject.getValue().search}`
+    ].filter((item) => item.length > 0).join("");
+    scrollHistoryRef.current.set(key, window.scrollY);
+  };
+  const findMatchingRouteFromParams = (pathname2) => {
+    const candidates = [];
+    for (const route2 of Object.keys(routeManifest)) {
+      const urlPattern = new me({ pathname: route2 });
+      if (urlPattern.test({ pathname: pathname2 })) {
+        candidates.push(route2);
+      }
+    }
+    const sortedCandidates = candidates.sort((a, b2) => {
+      const x2 = a.split("/").length + a.split(":").length;
+      const y2 = b2.split("/").length + b2.split(":").length;
+      return x2 - y2;
+    });
+    const [route] = sortedCandidates ?? [];
+    return route;
+  };
+  const getViewPathsFromPathname = (pathname2) => {
+    const route = findMatchingRouteFromParams(pathname2);
+    return routeManifest[route] ?? [];
+  };
+  const getRoutePathnameFromHref = (href) => {
+    const route = findMatchingRouteFromParams(href);
+    return route;
+  };
+  const getParams = (pathname2) => {
+    var _a2;
+    const route = findMatchingRouteFromParams(pathname2);
+    const urlPattern = new me({ pathname: route });
+    return (_a2 = urlPattern.exec({ pathname: pathname2 })) == null ? void 0 : _a2.pathname.groups;
+  };
+  useEffect(() => {
+    history == null ? void 0 : history.listen(({ location }) => {
+      locationSubject.next(structuredClone(location));
+      setParameters(getParams(location.pathname));
+      viewEntriesSubject.current.next(
+        (() => {
+          var _a2;
+          if (((_a2 = location.state) == null ? void 0 : _a2.status) === 404) {
+            return ["404"];
+          }
+          return getViewPathsFromPathname(location.pathname);
+        })()
+      );
+    });
+    window.addEventListener("scrollend", handleScroll);
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, []);
+  const updatePageData = (newPageData) => {
+    var _a2;
+    const [key, value] = Object.entries(newPageData)[0];
+    if (!((_a2 = pageDataRef.current) == null ? void 0 : _a2[key])) {
+      pageDataRef.current[key] = {};
+    }
+    pageDataRef.current[key] = value;
+  };
+  const getPageData = (key) => {
+    return pageDataRef.current[locationSubject.getValue().pathname][key];
+  };
+  const setNavigationAbortController = (controller) => {
+    navigationAbortControllerRef.current.abort();
+    navigationAbortControllerRef.current = controller;
+  };
+  return /* @__PURE__ */ jsxs(
+    ClientRouterContext.Provider,
+    {
+      value: {
+        isNavigatingSubject,
+        getViewPathsFromPathname,
+        history,
+        params: parameters,
+        locationSubject,
+        getScrollPosition: (path) => {
+          return scrollHistoryRef.current.get(path) || 0;
+        },
+        viewEntriesSubject: viewEntriesSubject.current,
+        updatePageData,
+        getPageData,
+        getRoutePathnameFromHref,
+        setNavigationAbortController,
+        progressManager
+      },
+      children: [
+        children,
+        import.meta.hot && /* @__PURE__ */ jsx(HttpReload, {})
+      ]
+    }
+  );
+};
+function useLocationChange(cb) {
+  const { locationSubject } = useContext(ClientRouterContext);
+  useEffect(() => {
+    cb(locationSubject.getValue());
+    return locationSubject.subscribe(cb);
+  }, []);
 }
-function useRoute() {
-  const { getRoutePathnameFromHref } = useContext(ClientRouterContext);
-  const location = useLocation();
-  const routePath = getRoutePathnameFromHref(location.pathname);
-  return {
-    pathname: routePath,
-    startsWith: (pathname) => {
-      return routePath.startsWith(pathname);
-    }
-  };
+function useLocation() {
+  const ctx = useContext(ClientRouterContext);
+  if (!ctx) {
+    throw new Error("useLocation must be used within a ClientRouterProvider");
+  }
+  const { locationSubject } = ctx;
+  const [location, setLocation] = useState(locationSubject == null ? void 0 : locationSubject.getValue());
+  useLocationChange((newLocation) => {
+    setLocation(newLocation);
+  });
+  return location;
 }
 function useParams() {
   const { params } = useContext(ClientRouterContext);
   return params;
 }
-const HttpReload = () => {
-  const { replace } = useNavigate();
-  const searchParams = useSearchParams();
-  const { pathname } = useRoute();
-  const params = useParams();
-  const [reloading, setReloading] = useState(false);
-  const handleReload = () => {
-    setReloading(true);
-    replace(pathname, {
-      params,
-      search: searchParams.toJSON()
-    }).catch(console.log).finally(() => {
-      setReloading(false);
-    });
+const defaultConfig = {
+  fallbackData: null,
+  keepPreviousData: true,
+  retryIntervalOnError: 1e4,
+  debug: false
+};
+const defaultOptions$1 = {
+  params: {},
+  search: {}
+};
+function useQuery(url, ...args) {
+  const _params = useParams();
+  const [_options = defaultOptions$1, _config = defaultConfig] = args;
+  const options = { ...defaultOptions$1, ..._options };
+  const config = { ...defaultConfig, ..._config };
+  const params = "params" in options ? { ..._params, ...options.params } : _params;
+  const paramsRef = useRef(JSON.stringify(params));
+  const search = "search" in options ? options.search ?? {} : {};
+  const { getResource } = useContext(QueryManagerContext);
+  const normalPath = applyParams$1(url, params);
+  const searchParams = new URLSearchParams(omitNullishValues(search));
+  searchParams.sort();
+  const variantKey = searchParams.toString();
+  const [resource, setResource] = useState(
+    () => getResource(
+      normalPath,
+      config.fallbackData ? { [variantKey]: config.fallbackData } : null
+    )
+  );
+  const retryIntervalRef = useRef();
+  const retryingMap = useRef(/* @__PURE__ */ new Map());
+  const [state, setState] = useState(() => resource.getVariant(variantKey));
+  const retry = (variantKey2) => {
+    if (!retryingMap.current.get(variantKey2)) {
+      if (config.debug) console.log("retrying", variantKey2);
+      retryingMap.current.set(variantKey2, true);
+      retryIntervalRef.current = setTimeout(() => {
+        resource.getVariant(variantKey2);
+        retryingMap.current.set(variantKey2, false);
+      }, config.retryIntervalOnError);
+    }
   };
+  const handleReload = useCallback(() => {
+    setResource(getResource(applyParams$1(url, params)));
+  }, [url, params]);
   useEffect(() => {
     if (import.meta.hot) {
-      import.meta.hot.on("http-reload", handleReload);
+      import.meta.hot.on("http-reload", mutate);
     }
     return () => {
       if (import.meta.hot) {
-        import.meta.hot.off("http-reload", handleReload);
+        import.meta.hot.off("http-reload", mutate);
+      }
+    };
+  }, [handleReload]);
+  useEffect(() => {
+    const key = JSON.stringify(params);
+    if (key !== paramsRef.current) {
+      if (config.debug) {
+        console.log("refetching - params changed", key, paramsRef.current);
+      }
+      setResource(getResource(applyParams$1(url, params)));
+      setState(resource.getVariant(variantKey));
+      paramsRef.current = key;
+    }
+  }, [params]);
+  const handleStateUpdate = useCallback(
+    (nextState) => {
+      if (config.debug) {
+        console.log("state updating due to url update", variantKey);
+        console.log(nextState);
+      }
+      if (nextState.error) {
+        retry(variantKey);
+      }
+      if (config.keepPreviousData) {
+        if (nextState.loading) {
+          setState((s) => ({ ...s, loading: true }));
+        } else {
+          setState(nextState);
+        }
+      } else {
+        setState(nextState);
+      }
+    },
+    [variantKey]
+  );
+  useEffect(() => {
+    handleStateUpdate(resource.getVariant(variantKey));
+    const unsub = resource.store.subscribe.call(resource.store, (store) => {
+      handleStateUpdate(store.get(variantKey));
+    });
+    return () => {
+      unsub();
+      clearInterval(retryIntervalRef.current);
+    };
+  }, [variantKey, resource]);
+  function mutate(fn, value) {
+    return resource.mutate.call(resource, variantKey, (data) => {
+      try {
+        if (typeof fn === "function") {
+          return fn(data);
+        } else if (typeof fn === "string") {
+          const keys = fn.split(".");
+          let current = structuredClone(data);
+          for (let i = 0; i < keys.length - 1; i++) {
+            const subKey = keys[i];
+            current[subKey] = current[subKey] || {};
+            current = current[subKey];
+          }
+          let newValue = value;
+          if (typeof value === "function") {
+            newValue = value(current[keys[keys.length - 1]]);
+          }
+          current[keys[keys.length - 1]] = newValue;
+          return current;
+        } else {
+          return fn;
+        }
+      } catch (err) {
+        console.log(err);
+      }
+      return data;
+    });
+  }
+  return {
+    data: state == null ? void 0 : state.data,
+    loading: (state == null ? void 0 : state.loading) ?? true,
+    error: state == null ? void 0 : state.error,
+    mutate
+  };
+}
+function applyParams(url, params = {}) {
+  let out = url;
+  for (const [key, value] of Object.entries(params)) {
+    out = out.replace(`:${key}?`, value).replace(`:${key}`, value);
+  }
+  return out;
+}
+const defaultOptions = {
+  autoInvalidate: false,
+  onSuccess: () => {
+  },
+  onError: (_2) => {
+  },
+  onCanceled: () => {
+  }
+};
+function useMutation(method, url, ...args) {
+  const _params = useParams();
+  const [state, setState] = useState({
+    data: null,
+    error: null,
+    loading: false
+  });
+  const [abortController, setAbortController] = useState(
+    () => new AbortController()
+  );
+  return {
+    data: state.data,
+    error: state.error,
+    loading: state.loading,
+    cancel: () => {
+      const [, options = defaultOptions] = args ?? [];
+      abortController.abort();
+      setAbortController(new AbortController());
+      setState({
+        data: state.data,
+        error: state.error,
+        loading: false
+      });
+      options.onCanceled();
+    },
+    trigger: async (input) => {
+      setState({
+        data: state.data,
+        error: state.error,
+        loading: true
+      });
+      const [inputs = {}, options = defaultOptions] = args ?? [];
+      const params = "params" in inputs ? { ..._params, ...inputs.params } : _params;
+      const finalUrl = applyParams(
+        String(url).replace(`${method}:`, ""),
+        params
+      );
+      let body = null;
+      const contentType = input instanceof FormData ? {} : { "Content-Type": "application/json" };
+      if (input instanceof FormData) {
+        body = input;
+      } else if (input) {
+        body = JSON.stringify(input);
+      }
+      try {
+        const response = await fetch(`/api${finalUrl}`, {
+          method,
+          headers: {
+            ...contentType
+          },
+          ...body ? { body } : {},
+          signal: abortController.signal
+        });
+        const data = await response.json();
+        if (!response.ok) {
+          setState({
+            data: null,
+            error: data.error,
+            loading: false
+          });
+          options.onError(data);
+          return;
+        }
+        options.onSuccess(data);
+        setState({
+          data,
+          error: null,
+          loading: false
+        });
+        return data;
+      } catch (error) {
+        options.onError(error);
+        setState({
+          data: null,
+          error,
+          loading: false
+        });
       }
-    };
-  }, [handleReload]);
-  if (!reloading || typeof document === "undefined") {
-    return null;
-  }
-  return createPortal(
-    /* @__PURE__ */ jsx("div", { className: "fixed z-[1000] bottom-0 right-0 p-2", children: /* @__PURE__ */ jsx("div", { className: "p-2 bg-white text-black rounded-md shadow-md", children: "..." }) }),
-    document.body
-  );
-};
-const ClientRouterContext = createContext(
-  {}
-);
-const ClientRouterProvider = (props) => {
-  const {
-    children,
-    pathname,
-    currentPath,
-    is404,
-    routeManifest,
-    pageData,
-    params,
-    searchParams
-  } = props;
-  const [parameters, setParameters] = useState(params);
-  const navigationAbortControllerRef = useRef(new AbortController());
-  const [isNavigatingSubject] = useState(() => {
-    return new Subject(false);
-  });
-  const [progressManager] = useState(new ProgressManager(isNavigatingSubject));
-  const pageDataRef = useRef(structuredClone(pageData));
-  const scrollHistoryRef = useRef(/* @__PURE__ */ new Map());
-  const initalViewEntries = is404 ? ["404"] : routeManifest[pathname] ?? ["404"];
-  const viewEntriesSubject = useRef(new Subject(initalViewEntries));
-  const [locationSubject] = useState(
-    () => new Subject({
-      hash: "",
-      pathname: currentPath,
-      search: searchParams,
-      state: {},
-      key: ""
-    })
-  );
-  const [history] = useState(() => {
-    let history2 = null;
-    if (typeof window !== "undefined") {
-      history2 = createBrowserHistory();
     }
-    return history2;
-  });
-  const handleScroll = () => {
-    const key = [
-      `${locationSubject.getValue().pathname}?${locationSubject.getValue().search}`
-    ].filter((item) => item.length > 0).join("");
-    scrollHistoryRef.current.set(key, window.scrollY);
   };
-  const findMatchingRouteFromParams = (pathname2) => {
-    const candidates = [];
-    for (const route2 of Object.keys(routeManifest)) {
-      const urlPattern = new me({ pathname: route2 });
-      if (urlPattern.test({ pathname: pathname2 })) {
-        candidates.push(route2);
-      }
+}
+function usePost(url, ...args) {
+  return useMutation("POST", url, ...args);
+}
+function usePut(url, ...args) {
+  return useMutation("PUT", url, ...args);
+}
+function usePatch(url, ...args) {
+  return useMutation("PATCH", url, ...args);
+}
+function useDelete(url, ...args) {
+  return useMutation("DELETE", url, ...args);
+}
+const MutationContext = createContext({
+  isPending: false,
+  result: null
+});
+function Form(props) {
+  const _params = useParams();
+  const {
+    method = "POST",
+    action,
+    onSuccess = () => {
+    },
+    onError = () => {
+    },
+    params,
+    className,
+    ...formProps
+  } = "params" in props ? { ...props, params: { ..._params, ...props.params } } : { ...props, params: _params };
+  const formRef = useRef(null);
+  const { trigger, data, error, loading } = useMutation(
+    method,
+    String(action),
+    {
+      params
+    },
+    {
+      onSuccess: (data2) => onSuccess(data2, formRef.current),
+      onError: (error2) => onError(error2, formRef.current)
     }
-    const sortedCandidates = candidates.sort((a, b2) => {
-      const x2 = a.split("/").length + a.split(":").length;
-      const y2 = b2.split("/").length + b2.split(":").length;
-      return x2 - y2;
-    });
-    const [route] = sortedCandidates ?? [];
-    return route;
-  };
-  const getViewPathsFromPathname = (pathname2) => {
-    const route = findMatchingRouteFromParams(pathname2);
-    return routeManifest[route] ?? [];
-  };
-  const getRoutePathnameFromHref = (href) => {
-    const route = findMatchingRouteFromParams(href);
-    return route;
-  };
-  const getParams = (pathname2) => {
-    var _a2;
-    const route = findMatchingRouteFromParams(pathname2);
-    const urlPattern = new me({ pathname: route });
-    return (_a2 = urlPattern.exec({ pathname: pathname2 })) == null ? void 0 : _a2.pathname.groups;
-  };
-  useEffect(() => {
-    history == null ? void 0 : history.listen(({ location }) => {
-      locationSubject.next(structuredClone(location));
-      setParameters(getParams(location.pathname));
-      viewEntriesSubject.current.next(
-        (() => {
-          var _a2;
-          if (((_a2 = location.state) == null ? void 0 : _a2.status) === 404) {
-            return ["404"];
-          }
-          return getViewPathsFromPathname(location.pathname);
-        })()
-      );
-    });
-    window.addEventListener("scrollend", handleScroll);
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-    };
-  }, []);
-  const updatePageData = (newPageData) => {
-    var _a2;
-    const [key, value] = Object.entries(newPageData)[0];
-    if (!((_a2 = pageDataRef.current) == null ? void 0 : _a2[key])) {
-      pageDataRef.current[key] = {};
+  );
+  const handleSubmit = async (e) => {
+    if (loading) {
+      return;
     }
-    pageDataRef.current[key] = value;
-  };
-  const getPageData = (key) => {
-    return pageDataRef.current[locationSubject.getValue().pathname][key];
-  };
-  const setNavigationAbortController = (controller) => {
-    navigationAbortControllerRef.current.abort();
-    navigationAbortControllerRef.current = controller;
+    e.preventDefault();
+    trigger(new FormData(formRef.current));
   };
-  return /* @__PURE__ */ jsxs(
-    ClientRouterContext.Provider,
+  const validationErrors = (error == null ? void 0 : error.kind) === "validation_error" ? error.messages : {};
+  const formError = (error == null ? void 0 : error.kind) === "form_error" ? error.message : null;
+  return /* @__PURE__ */ jsx(
+    MutationContext.Provider,
     {
-      value: {
-        isNavigatingSubject,
-        getViewPathsFromPathname,
-        history,
-        params: parameters,
-        locationSubject,
-        getScrollPosition: (path) => {
-          return scrollHistoryRef.current.get(path) || 0;
-        },
-        viewEntriesSubject: viewEntriesSubject.current,
-        updatePageData,
-        getPageData,
-        getRoutePathnameFromHref,
-        setNavigationAbortController,
-        progressManager
-      },
-      children: [
-        children,
-        import.meta.hot && /* @__PURE__ */ jsx(HttpReload, {})
-      ]
+      value: { isPending: loading, result: data, validationErrors, formError },
+      children: /* @__PURE__ */ jsx(
+        "form",
+        {
+          className: ["group", className].filter(Boolean).join(" "),
+          "data-loading": loading,
+          ref: formRef,
+          onSubmit: handleSubmit,
+          ...formProps,
+          children: props.children
+        }
+      )
     }
   );
-};
-function useLocationChange(cb) {
-  const { locationSubject } = useContext(ClientRouterContext);
-  useEffect(() => {
-    cb(locationSubject.getValue());
-    return locationSubject.subscribe(cb);
-  }, []);
 }
-function useLocation() {
-  const ctx = useContext(ClientRouterContext);
-  if (!ctx) {
-    throw new Error("useLocation must be used within a ClientRouterProvider");
-  }
-  const { locationSubject } = ctx;
-  const [location, setLocation] = useState(locationSubject == null ? void 0 : locationSubject.getValue());
-  useLocationChange((newLocation) => {
-    setLocation(newLocation);
-  });
-  return location;
+function useMutationStatus() {
+  const { isPending } = useContext(MutationContext);
+  return { isPending };
 }
+const ValidationErrors = (props) => {
+  var _a2;
+  const {
+    render = (props2) => /* @__PURE__ */ jsx("div", { ...props2 }),
+    name
+  } = props;
+  const { validationErrors } = useContext(MutationContext);
+  const Comp = render;
+  if (((_a2 = validationErrors[name]) == null ? void 0 : _a2.length) > 0) {
+    return /* @__PURE__ */ jsx(Fragment, { children: validationErrors[name].map((error) => {
+      return /* @__PURE__ */ jsx(Comp, { className: props.className, children: error }, error);
+    }) });
+  }
+  return null;
+};
+const FormField = (props) => {
+  const { name, children, ...rest } = props;
+  const { validationErrors } = useContext(MutationContext);
+  const errors = validationErrors[name] || [];
+  return /* @__PURE__ */ jsx("div", { "data-hasError": errors.length > 0, ...rest, children });
+};
+const FormError = (props) => {
+  const { formError } = useContext(MutationContext);
+  if (formError) {
+    return /* @__PURE__ */ jsx("div", { ...props, children: formError });
+  }
+  return null;
+};
 function useIsNavigationPending() {
   const { isNavigatingSubject } = useContext(ClientRouterContext);
   const isNavigating = useSyncExternalStore(
@@ -2065,6 +2068,7 @@ function normalizeSearch(search) {
   );
 }
 const Link = (props) => {
+  const _params = useParams();
   const {
     href,
     onClick,
@@ -2072,7 +2076,7 @@ const Link = (props) => {
     params = {},
     search = {},
     ...rest
-  } = { params: {}, search: {}, ...props };
+  } = { params: _params, search: {}, ...props };
   const { push } = useNavigate();
   const location = useLocation();
   const searchParams = new URLSearchParams(normalizeSearch(search));