@alepha/react 0.12.0 → 0.13.0

package/dist/core/index.js

@@ -70,7 +70,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 }) => {
@@ -1526,7 +1526,7 @@ var ReactRouter = class {
 	path(name, config = {}) {
 		return this.pageApi.pathname(name, {
 			params: {
-				...this.state.params,
+				...this.state?.params,
 				...config.params
 			},
 			query: config.query
@@ -1624,38 +1624,6 @@ const useInject = (service) => {
 	return useMemo(() => alepha.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__ */ jsx("a", {
-		...props,
-		...router.anchor(props.href),
-		children: props.children
-	});
-};
-var Link_default = Link;
-
 //#endregion
 //#region src/core/hooks/useAction.ts
 /**
@@ -1883,6 +1851,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(LinkProvider).client(scope);
+};
+
+//#endregion
+//#region src/core/hooks/useSchema.ts
+const useSchema = (action) => {
+	const name = action.name;
+	const alepha = useAlepha();
+	const httpClient = useInject(HttpClient);
+	const [schema, setSchema] = useState(ssrSchemaLoading(alepha, name));
+	useEffect(() => {
+		if (!schema.loading) return;
+		httpClient.fetch(`${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, name) => {
+	if (!alepha.isBrowser()) {
+		const linkProvider = alepha.inject(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.inject(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__ */ jsx("a", {
+		...props,
+		...router.anchor(props.href),
+		children: props.children
+	});
+};
+var Link_default = Link;
+
 //#endregion
 //#region src/core/hooks/useActive.ts
 const useActive = (args) => {
@@ -1916,17 +1961,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(LinkProvider).client(scope);
-};
-
 //#endregion
 //#region src/core/hooks/useQueryParams.ts
 /**
@@ -1962,40 +1996,6 @@ const decode = (alepha, schema, data) => {
 	}
 };
 
-//#endregion
-//#region src/core/hooks/useSchema.ts
-const useSchema = (action) => {
-	const name = action.name;
-	const alepha = useAlepha();
-	const httpClient = useInject(HttpClient);
-	const [schema, setSchema] = useState(ssrSchemaLoading(alepha, name));
-	useEffect(() => {
-		if (!schema.loading) return;
-		httpClient.fetch(`${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, name) => {
-	if (!alepha.isBrowser()) {
-		const linkProvider = alepha.inject(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.inject(LinkProvider).links.find((it) => it.name === name)?.schema;
-	if (schema) return schema;
-	return { loading: true };
-};
-
 //#endregion
 //#region src/core/index.ts
 /**