@alepha/react 0.12.0 → 0.12.1

package/dist/core/index.cjs

@@ -6,12 +6,16 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };
@@ -94,7 +98,7 @@ var ReactPageService = class {
 * const userProfile = $page({
 *   path: "/users/:id",
 *   schema: {
-*     params: t.object({ id: t.int() }),
+*     params: t.object({ id: t.integer() }),
 *     query: t.object({ tab: t.optional(t.text()) })
 *   },
 *   resolve: async ({ params }) => {
@@ -1550,7 +1554,7 @@ var ReactRouter = class {
 	path(name, config = {}) {
 		return this.pageApi.pathname(name, {
 			params: {
-				...this.state.params,
+				...this.state?.params,
 				...config.params
 			},
 			query: config.query
@@ -1648,38 +1652,6 @@ const useInject = (service) => {
 	return (0, react.useMemo)(() => alepha$1.inject(service), []);
 };
 
-//#endregion
-//#region src/core/hooks/useRouter.ts
-/**
-* Use this hook to access the React Router instance.
-*
-* You can add a type parameter to specify the type of your application.
-* This will allow you to use the router in a typesafe way.
-*
-* @example
-* class App {
-*   home = $page();
-* }
-*
-* const router = useRouter<App>();
-* router.go("home"); // typesafe
-*/
-const useRouter = () => {
-	return useInject(ReactRouter);
-};
-
-//#endregion
-//#region src/core/components/Link.tsx
-const Link = (props) => {
-	const router = useRouter();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		...props,
-		...router.anchor(props.href),
-		children: props.children
-	});
-};
-var Link_default = Link;
-
 //#endregion
 //#region src/core/hooks/useAction.ts
 /**
@@ -1907,6 +1879,83 @@ function useAction(options, deps) {
 	};
 }
 
+//#endregion
+//#region src/core/hooks/useClient.ts
+/**
+* Hook to get a virtual client for the specified scope.
+*
+* It's the React-hook version of `$client()`, from `AlephaServerLinks` module.
+*/
+const useClient = (scope) => {
+	return useInject(alepha_server_links.LinkProvider).client(scope);
+};
+
+//#endregion
+//#region src/core/hooks/useSchema.ts
+const useSchema = (action) => {
+	const name = action.name;
+	const alepha$1 = useAlepha();
+	const httpClient = useInject(alepha_server.HttpClient);
+	const [schema, setSchema] = (0, react.useState)(ssrSchemaLoading(alepha$1, name));
+	(0, react.useEffect)(() => {
+		if (!schema.loading) return;
+		httpClient.fetch(`${alepha_server_links.LinkProvider.path.apiLinks}/${name}/schema`, { localCache: true }).then((it) => setSchema(it.data));
+	}, [name]);
+	return schema;
+};
+/**
+* Get an action schema during server-side rendering (SSR) or client-side rendering (CSR).
+*/
+const ssrSchemaLoading = (alepha$1, name) => {
+	if (!alepha$1.isBrowser()) {
+		const linkProvider = alepha$1.inject(alepha_server_links.LinkProvider);
+		const can = linkProvider.getServerLinks().find((link) => link.name === name);
+		if (can) {
+			const schema$1 = linkProvider.links.find((it) => it.name === name)?.schema;
+			if (schema$1) {
+				can.schema = schema$1;
+				return schema$1;
+			}
+		}
+		return { loading: true };
+	}
+	const schema = alepha$1.inject(alepha_server_links.LinkProvider).links.find((it) => it.name === name)?.schema;
+	if (schema) return schema;
+	return { loading: true };
+};
+
+//#endregion
+//#region src/core/hooks/useRouter.ts
+/**
+* Use this hook to access the React Router instance.
+*
+* You can add a type parameter to specify the type of your application.
+* This will allow you to use the router in a typesafe way.
+*
+* @example
+* class App {
+*   home = $page();
+* }
+*
+* const router = useRouter<App>();
+* router.go("home"); // typesafe
+*/
+const useRouter = () => {
+	return useInject(ReactRouter);
+};
+
+//#endregion
+//#region src/core/components/Link.tsx
+const Link = (props) => {
+	const router = useRouter();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		...props,
+		...router.anchor(props.href),
+		children: props.children
+	});
+};
+var Link_default = Link;
+
 //#endregion
 //#region src/core/hooks/useActive.ts
 const useActive = (args) => {
@@ -1940,17 +1989,6 @@ const useActive = (args) => {
 	};
 };
 
-//#endregion
-//#region src/core/hooks/useClient.ts
-/**
-* Hook to get a virtual client for the specified scope.
-*
-* It's the React-hook version of `$client()`, from `AlephaServerLinks` module.
-*/
-const useClient = (scope) => {
-	return useInject(alepha_server_links.LinkProvider).client(scope);
-};
-
 //#endregion
 //#region src/core/hooks/useQueryParams.ts
 /**
@@ -1986,40 +2024,6 @@ const decode = (alepha$1, schema, data) => {
 	}
 };
 
-//#endregion
-//#region src/core/hooks/useSchema.ts
-const useSchema = (action) => {
-	const name = action.name;
-	const alepha$1 = useAlepha();
-	const httpClient = useInject(alepha_server.HttpClient);
-	const [schema, setSchema] = (0, react.useState)(ssrSchemaLoading(alepha$1, name));
-	(0, react.useEffect)(() => {
-		if (!schema.loading) return;
-		httpClient.fetch(`${alepha_server_links.LinkProvider.path.apiLinks}/${name}/schema`, { localCache: true }).then((it) => setSchema(it.data));
-	}, [name]);
-	return schema;
-};
-/**
-* Get an action schema during server-side rendering (SSR) or client-side rendering (CSR).
-*/
-const ssrSchemaLoading = (alepha$1, name) => {
-	if (!alepha$1.isBrowser()) {
-		const linkProvider = alepha$1.inject(alepha_server_links.LinkProvider);
-		const can = linkProvider.getServerLinks().find((link) => link.name === name);
-		if (can) {
-			const schema$1 = linkProvider.links.find((it) => it.name === name)?.schema;
-			if (schema$1) {
-				can.schema = schema$1;
-				return schema$1;
-			}
-		}
-		return { loading: true };
-	}
-	const schema = alepha$1.inject(alepha_server_links.LinkProvider).links.find((it) => it.name === name)?.schema;
-	if (schema) return schema;
-	return { loading: true };
-};
-
 //#endregion
 //#region src/core/index.ts
 /**