@kasperrt/smolter 0.4.3 → 0.4.4

package/dist/react/resources/components.js

@@ -1,250 +0,0 @@
-import { Component, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region .generated/react/resources/components.tsx
-var RouterContext = createContext(null);
-var RouteContext = createContext(null);
-var FormContext = createContext(null);
-/** Provide a resource router and load initial matches; dispose it when unmounted. */
-function RouterProvider({ children, initialMatches = EMPTY_MATCHES, router }) {
-	useEffect(() => {
-		for (const match of initialMatches) router.load(match.routeId, match.params ?? {});
-		return () => router.dispose();
-	}, [initialMatches, router]);
-	return /* @__PURE__ */ jsx(RouterContext.Provider, {
-		value: router,
-		children
-	});
-}
-/** Provide a resource route and render its content, loading state or retry boundary. */
-function Route({ children, params = {}, persistent = false, routeId }) {
-	const router = useRouter();
-	const stableParams = useStableParams(params);
-	const state = useRouteState(routeId, stableParams, true);
-	const route = router.getRoute(routeId);
-	const retry = useCallback(() => void router.retry(routeId, stableParams), [
-		routeId,
-		router,
-		stableParams
-	]);
-	const contextValue = useMemo(() => ({
-		params: stableParams,
-		routeId
-	}), [routeId, stableParams]);
-	useEffect(() => {
-		if (persistent) router.persist(routeId, stableParams);
-	}, [
-		persistent,
-		routeId,
-		router,
-		stableParams
-	]);
-	let content = children;
-	if (children === void 0 && route?.default) {
-		const RouteComponent = route.default;
-		content = /* @__PURE__ */ jsx(RouteComponent, {});
-	}
-	if (state.unexpectedError && route?.ErrorBoundary) {
-		const ErrorBoundary = route.ErrorBoundary;
-		content = /* @__PURE__ */ jsx(ErrorBoundary, { retry });
-	}
-	if (!state.unexpectedError && !state.loaderInitialized && route?.HydrateFallback) {
-		const HydrateFallback = route.HydrateFallback;
-		content = /* @__PURE__ */ jsx(HydrateFallback, {});
-	}
-	return /* @__PURE__ */ jsx(RouteContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsx(RenderErrorBoundary, {
-			onRetry: retry,
-			resetKey: `${routeId}:${JSON.stringify(stableParams)}`,
-			...route?.ErrorBoundary ? { fallback: route.ErrorBoundary } : {},
-			children: content
-		})
-	});
-}
-/** Read the current resource route loader result. */
-function useLoaderData() {
-	const route = useCurrentRoute();
-	return useRouteLoaderData(route.routeId, route.params);
-}
-/** Read loader data for a registered resource route. */
-function useRouteLoaderData(routeId, params = {}) {
-	return useRouteState(routeId, useStableParams(params), true).loaderData;
-}
-/** Read the current resource route action result. */
-function useActionData() {
-	const route = useCurrentRoute();
-	return useRouteState(route.routeId, route.params, false).actionData;
-}
-/** Read the current page navigation or submission state. */
-function useNavigation() {
-	const route = useCurrentRoute();
-	return { state: useRouteState(route.routeId, route.params, false).navigationState };
-}
-/** Return the resource route revalidation function. */
-function useRevalidator() {
-	const route = useCurrentRoute();
-	const router = useRouter();
-	const state = useRouteState(route.routeId, route.params, false);
-	return useMemo(() => ({
-		revalidate: () => router.load(route.routeId, route.params, true),
-		state: state.navigationState === "loading" ? "loading" : "idle"
-	}), [
-		route,
-		router,
-		state.navigationState
-	]);
-}
-/** Submit a resource action from a form without document navigation. */
-function Form({ action, children, input, params }) {
-	const currentRoute = useContext(RouteContext);
-	const router = useRouter();
-	const routeId = action ?? currentRoute?.routeId ?? "";
-	const routeParams = useStableParams(params ?? currentRoute?.params ?? {});
-	const submit = useCallback((override) => router.submit(routeId, override === void 0 ? input : override, routeParams), [
-		input,
-		routeId,
-		routeParams,
-		router
-	]);
-	if (!routeId) throw new Error("Form requires an action or a parent Route.");
-	return /* @__PURE__ */ jsx(FormContext.Provider, {
-		value: submit,
-		children
-	});
-}
-/** Return a function that submits form data through the current router. */
-function useSubmit() {
-	const submit = useContext(FormContext);
-	if (!submit) throw new Error("useSubmit must be used inside Form.");
-	return submit;
-}
-/** Read or mutate a resource independently of the rendered route. */
-function useFetcher(options = {}) {
-	const currentRoute = useContext(RouteContext);
-	const router = useRouter();
-	const routeId = options.routeId ?? currentRoute?.routeId ?? "";
-	const params = useStableParams(options.params ?? currentRoute?.params ?? {});
-	const [data, setData] = useState(null);
-	const [error, setError] = useState("");
-	const [state, setState] = useState("idle");
-	const controller = useRef(null);
-	useEffect(() => () => {
-		controller.current?.abort();
-	}, []);
-	const run = useCallback(async (mutating, input, target) => {
-		controller.current?.abort();
-		const nextController = new AbortController();
-		const { signal } = nextController;
-		const targetId = target.routeId ?? routeId;
-		const targetParams = target.params ?? params;
-		controller.current = nextController;
-		setError("");
-		setState(mutating ? "submitting" : "loading");
-		const result = await (mutating ? router.fetchAction(targetId, input, targetParams, signal) : router.fetchLoader(targetId, targetParams, signal));
-		if (signal.aborted) return result;
-		controller.current = null;
-		setData(result.data);
-		setError(result.error);
-		setState("idle");
-		if (result.unexpected && currentRoute) router.reportUnexpected(currentRoute.routeId, currentRoute.params);
-		return result;
-	}, [
-		currentRoute,
-		params,
-		routeId,
-		router
-	]);
-	const submit = useCallback((input, target = {}) => run(true, input, target), [run]);
-	const load = useCallback((target = {}) => run(false, void 0, target), [run]);
-	const BoundForm = useCallback(({ children, input }) => /* @__PURE__ */ jsx(FormContext.Provider, {
-		value: (override) => submit(override === void 0 ? input : override),
-		children
-	}), [submit]);
-	if (!routeId) throw new Error("useFetcher requires a routeId or a parent Route.");
-	return [useMemo(() => ({
-		data,
-		error,
-		state
-	}), [
-		data,
-		error,
-		state
-	]), useMemo(() => ({
-		Form: BoundForm,
-		load,
-		submit
-	}), [
-		BoundForm,
-		load,
-		submit
-	])];
-}
-/** Read the resource router supplied by its provider. */
-function useRouter() {
-	const router = useContext(RouterContext);
-	if (!router) throw new Error("RouterProvider is missing.");
-	return router;
-}
-function useCurrentRoute() {
-	const route = useContext(RouteContext);
-	if (!route) throw new Error("This hook requires a parent Route.");
-	return route;
-}
-function useRouteState(routeId, params, loadOnMount) {
-	const router = useRouter();
-	const subscribe = useCallback((listener) => router.subscribe(routeId, params, listener), [
-		params,
-		routeId,
-		router
-	]);
-	const getSnapshot = useCallback(() => router.getSnapshot(routeId, params), [
-		params,
-		routeId,
-		router
-	]);
-	const state = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-	useEffect(() => {
-		if (loadOnMount) router.load(routeId, params);
-	}, [
-		loadOnMount,
-		params,
-		routeId,
-		router
-	]);
-	return state;
-}
-function useStableParams(params) {
-	const key = JSON.stringify(Object.entries(params).sort(([left], [right]) => left.localeCompare(right)));
-	const ref = useRef({
-		key,
-		value: params
-	});
-	if (ref.current.key !== key) ref.current = {
-		key,
-		value: params
-	};
-	return ref.current.value;
-}
-var RenderErrorBoundary = class extends Component {
-	state = { error: null };
-	static getDerivedStateFromError(error) {
-		return { error };
-	}
-	componentDidUpdate(previousProps) {
-		if (this.state.error && previousProps.resetKey !== this.props.resetKey) this.setState({ error: null });
-	}
-	render() {
-		if (this.state.error && this.props.fallback) {
-			const ErrorBoundary = this.props.fallback;
-			return /* @__PURE__ */ jsx(ErrorBoundary, { retry: () => {
-				this.setState({ error: null });
-				this.props.onRetry();
-			} });
-		}
-		if (this.state.error) throw this.state.error;
-		return this.props.children;
-	}
-};
-var EMPTY_MATCHES = [];
-//#endregion
-export { Form, Route, RouterProvider, useActionData, useFetcher, useLoaderData, useNavigation, useRevalidator, useRouteLoaderData, useRouter, useSubmit };