@alepha/react 0.13.3 → 0.13.5

package/dist/core/index.js

@@ -12,7 +12,7 @@ import { ServerStaticProvider } from "alepha/server/static";
 import { renderToString } from "react-dom/server";
 import { RouterProvider } from "alepha/router";
 
-//#region src/core/services/ReactPageService.ts
+//#region ../../src/core/services/ReactPageService.ts
 var ReactPageService = class {
 	fetch(pathname, options = {}) {
 		throw new AlephaError("Fetch is not available for this environment.");
@@ -23,7 +23,7 @@ var ReactPageService = class {
 };
 
 //#endregion
-//#region src/core/primitives/$page.ts
+//#region ../../src/core/primitives/$page.ts
 /**
 * Main primitive for defining a React route in the application.
 *
@@ -148,7 +148,7 @@ var PagePrimitive = class extends Primitive {
 $page[KIND] = PagePrimitive;
 
 //#endregion
-//#region src/core/components/ClientOnly.tsx
+//#region ../../src/core/components/ClientOnly.tsx
 /**
 * A small utility component that renders its children only on the client side.
 *
@@ -168,7 +168,7 @@ const ClientOnly = (props) => {
 var ClientOnly_default = ClientOnly;
 
 //#endregion
-//#region src/core/components/ErrorViewer.tsx
+//#region ../../src/core/components/ErrorViewer.tsx
 const ErrorViewer = ({ error, alepha }) => {
 	const [expanded, setExpanded] = useState(false);
 	if (alepha.isProduction()) return /* @__PURE__ */ jsx(ErrorViewerProduction, {});
@@ -316,11 +316,11 @@ const ErrorViewerProduction = () => {
 };
 
 //#endregion
-//#region src/core/contexts/RouterLayerContext.ts
+//#region ../../src/core/contexts/RouterLayerContext.ts
 const RouterLayerContext = createContext(void 0);
 
 //#endregion
-//#region src/core/errors/Redirection.ts
+//#region ../../src/core/errors/Redirection.ts
 /**
 * Used for Redirection during the page loading.
 *
@@ -335,11 +335,11 @@ var Redirection = class extends Error {
 };
 
 //#endregion
-//#region src/core/contexts/AlephaContext.ts
+//#region ../../src/core/contexts/AlephaContext.ts
 const AlephaContext = createContext(void 0);
 
 //#endregion
-//#region src/core/hooks/useAlepha.ts
+//#region ../../src/core/hooks/useAlepha.ts
 /**
 * Main Alepha hook.
 *
@@ -359,7 +359,7 @@ const useAlepha = () => {
 };
 
 //#endregion
-//#region src/core/hooks/useEvents.ts
+//#region ../../src/core/hooks/useEvents.ts
 /**
 * Allow subscribing to multiple Alepha events. See {@link Hooks} for available events.
 *
@@ -396,7 +396,7 @@ const useEvents = (opts, deps) => {
 };
 
 //#endregion
-//#region src/core/hooks/useStore.ts
+//#region ../../src/core/hooks/useStore.ts
 function useStore(target, defaultValue) {
 	const alepha = useAlepha();
 	useMemo(() => {
@@ -416,7 +416,7 @@ function useStore(target, defaultValue) {
 }
 
 //#endregion
-//#region src/core/hooks/useRouterState.ts
+//#region ../../src/core/hooks/useRouterState.ts
 const useRouterState = () => {
 	const [state] = useStore("alepha.react.router.state");
 	if (!state) throw new AlephaError("Missing react router state");
@@ -424,7 +424,7 @@ const useRouterState = () => {
 };
 
 //#endregion
-//#region src/core/components/ErrorBoundary.tsx
+//#region ../../src/core/components/ErrorBoundary.tsx
 /**
 * A reusable error boundary for catching rendering errors
 * in any part of the React component tree.
@@ -455,7 +455,7 @@ var ErrorBoundary = class extends React.Component {
 var ErrorBoundary_default = ErrorBoundary;
 
 //#endregion
-//#region src/core/components/NestedView.tsx
+//#region ../../src/core/components/NestedView.tsx
 /**
 * A component that renders the current view of the nested router layer.
 *
@@ -578,7 +578,7 @@ function parseAnimation(animationLike, state, type = "enter") {
 }
 
 //#endregion
-//#region src/core/components/NotFound.tsx
+//#region ../../src/core/components/NotFound.tsx
 function NotFoundPage(props) {
 	return /* @__PURE__ */ jsxs("div", {
 		style: {
@@ -613,7 +613,7 @@ function NotFoundPage(props) {
 }
 
 //#endregion
-//#region src/core/providers/ReactPageProvider.ts
+//#region ../../src/core/providers/ReactPageProvider.ts
 const envSchema$2 = t.object({ REACT_STRICT_MODE: t.boolean({ default: true }) });
 var ReactPageProvider = class {
 	log = $logger();
@@ -937,7 +937,7 @@ const isPageRoute = (it) => {
 };
 
 //#endregion
-//#region src/core/providers/ReactServerProvider.ts
+//#region ../../src/core/providers/ReactServerProvider.ts
 const envSchema$1 = t.object({
 	REACT_SSR_ENABLED: t.optional(t.boolean()),
 	REACT_ROOT_ID: t.text({ default: "root" }),
@@ -1249,7 +1249,7 @@ var ReactServerProvider = class {
 };
 
 //#endregion
-//#region src/core/services/ReactPageServerService.ts
+//#region ../../src/core/services/ReactPageServerService.ts
 var ReactPageServerService = class extends ReactPageService {
 	reactServerProvider = $inject(ReactServerProvider);
 	serverProvider = $inject(ServerProvider);
@@ -1273,7 +1273,7 @@ var ReactPageServerService = class extends ReactPageService {
 };
 
 //#endregion
-//#region src/core/providers/ReactBrowserRouterProvider.ts
+//#region ../../src/core/providers/ReactBrowserRouterProvider.ts
 var ReactBrowserRouterProvider = class extends RouterProvider {
 	log = $logger();
 	alepha = $inject(Alepha);
@@ -1355,7 +1355,7 @@ var ReactBrowserRouterProvider = class extends RouterProvider {
 };
 
 //#endregion
-//#region src/core/providers/ReactBrowserProvider.ts
+//#region ../../src/core/providers/ReactBrowserProvider.ts
 const envSchema = t.object({ REACT_ROOT_ID: t.text({ default: "root" }) });
 /**
 * React browser renderer configuration atom
@@ -1520,7 +1520,7 @@ var ReactBrowserProvider = class {
 };
 
 //#endregion
-//#region src/core/services/ReactRouter.ts
+//#region ../../src/core/services/ReactRouter.ts
 var ReactRouter = class {
 	alepha = $inject(Alepha);
 	pageApi = $inject(ReactPageProvider);
@@ -1642,7 +1642,7 @@ var ReactRouter = class {
 };
 
 //#endregion
-//#region src/core/hooks/useInject.ts
+//#region ../../src/core/hooks/useInject.ts
 /**
 * Hook to inject a service instance.
 * It's a wrapper of `useAlepha().inject(service)` with a memoization.
@@ -1653,7 +1653,7 @@ const useInject = (service) => {
 };
 
 //#endregion
-//#region src/core/hooks/useAction.ts
+//#region ../../src/core/hooks/useAction.ts
 /**
 * Hook for handling async actions with automatic error handling and event emission.
 *
@@ -1880,7 +1880,7 @@ function useAction(options, deps) {
 }
 
 //#endregion
-//#region src/core/hooks/useClient.ts
+//#region ../../src/core/hooks/useClient.ts
 /**
 * Hook to get a virtual client for the specified scope.
 *
@@ -1891,7 +1891,7 @@ const useClient = (scope) => {
 };
 
 //#endregion
-//#region src/core/hooks/useSchema.ts
+//#region ../../src/core/hooks/useSchema.ts
 const useSchema = (action) => {
 	const name = action.name;
 	const alepha = useAlepha();
@@ -1925,7 +1925,7 @@ const ssrSchemaLoading = (alepha, name) => {
 };
 
 //#endregion
-//#region src/core/hooks/useRouter.ts
+//#region ../../src/core/hooks/useRouter.ts
 /**
 * Use this hook to access the React Router instance.
 *
@@ -1945,7 +1945,7 @@ const useRouter = () => {
 };
 
 //#endregion
-//#region src/core/components/Link.tsx
+//#region ../../src/core/components/Link.tsx
 const Link = (props) => {
 	const router = useRouter();
 	return /* @__PURE__ */ jsx("a", {
@@ -1957,7 +1957,7 @@ const Link = (props) => {
 var Link_default = Link;
 
 //#endregion
-//#region src/core/hooks/useActive.ts
+//#region ../../src/core/hooks/useActive.ts
 const useActive = (args) => {
 	const router = useRouter();
 	const [isPending, setPending] = useState(false);
@@ -1990,7 +1990,7 @@ const useActive = (args) => {
 };
 
 //#endregion
-//#region src/core/hooks/useQueryParams.ts
+//#region ../../src/core/hooks/useQueryParams.ts
 /**
 * Not well tested. Use with caution.
 */
@@ -2025,7 +2025,7 @@ const decode = (alepha, schema, data) => {
 };
 
 //#endregion
-//#region src/core/index.ts
+//#region ../../src/core/index.ts
 /**
 * Provides full-stack React development with declarative routing, server-side rendering, and client-side hydration.
 *

package/dist/core/index.native.js

@@ -4,11 +4,11 @@ import { AlephaServerLinks, LinkProvider } from "alepha/server/links";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { HttpClient } from "alepha/server";
 
-//#region src/core/contexts/AlephaContext.ts
+//#region ../../src/core/contexts/AlephaContext.ts
 const AlephaContext = createContext(void 0);
 
 //#endregion
-//#region src/core/hooks/useAlepha.ts
+//#region ../../src/core/hooks/useAlepha.ts
 /**
 * Main Alepha hook.
 *
@@ -28,7 +28,7 @@ const useAlepha = () => {
 };
 
 //#endregion
-//#region src/core/hooks/useInject.ts
+//#region ../../src/core/hooks/useInject.ts
 /**
 * Hook to inject a service instance.
 * It's a wrapper of `useAlepha().inject(service)` with a memoization.
@@ -39,7 +39,7 @@ const useInject = (service) => {
 };
 
 //#endregion
-//#region src/core/hooks/useAction.ts
+//#region ../../src/core/hooks/useAction.ts
 /**
 * Hook for handling async actions with automatic error handling and event emission.
 *
@@ -266,7 +266,7 @@ function useAction(options, deps) {
 }
 
 //#endregion
-//#region src/core/hooks/useClient.ts
+//#region ../../src/core/hooks/useClient.ts
 /**
 * Hook to get a virtual client for the specified scope.
 *
@@ -277,7 +277,7 @@ const useClient = (scope) => {
 };
 
 //#endregion
-//#region src/core/hooks/useEvents.ts
+//#region ../../src/core/hooks/useEvents.ts
 /**
 * Allow subscribing to multiple Alepha events. See {@link Hooks} for available events.
 *
@@ -314,7 +314,7 @@ const useEvents = (opts, deps) => {
 };
 
 //#endregion
-//#region src/core/hooks/useSchema.ts
+//#region ../../src/core/hooks/useSchema.ts
 const useSchema = (action) => {
 	const name = action.name;
 	const alepha = useAlepha();
@@ -348,7 +348,7 @@ const ssrSchemaLoading = (alepha, name) => {
 };
 
 //#endregion
-//#region src/core/hooks/useStore.ts
+//#region ../../src/core/hooks/useStore.ts
 function useStore(target, defaultValue) {
 	const alepha = useAlepha();
 	useMemo(() => {
@@ -368,7 +368,7 @@ function useStore(target, defaultValue) {
 }
 
 //#endregion
-//#region src/core/index.native.ts
+//#region ../../src/core/index.native.ts
 const AlephaReact = $module({
 	name: "alepha.react",
 	primitives: [],

package/dist/form/index.d.ts

@@ -4,7 +4,7 @@ import { InputHTMLAttributes, ReactNode } from "react";
 import dayjsDuration from "dayjs/plugin/duration.js";
 import DayjsApi, { Dayjs, ManipulateType, PluginFunc } from "dayjs";
 
-//#region ../alepha/src/logger/schemas/logEntrySchema.d.ts
+//#region ../../../alepha/src/logger/schemas/logEntrySchema.d.ts
 declare const logEntrySchema: alepha8.TObject<{
   level: alepha8.TUnsafe<"SILENT" | "TRACE" | "DEBUG" | "INFO" | "WARN" | "ERROR">;
   message: alepha8.TString;
@@ -17,7 +17,7 @@ declare const logEntrySchema: alepha8.TObject<{
 }>;
 type LogEntry = Static<typeof logEntrySchema>;
 //#endregion
-//#region ../alepha/src/datetime/providers/DateTimeProvider.d.ts
+//#region ../../../alepha/src/datetime/providers/DateTimeProvider.d.ts
 type DateTime = DayjsApi.Dayjs;
 type Duration = dayjsDuration.Duration;
 type DurationLike = number | dayjsDuration.Duration | [number, ManipulateType];
@@ -123,17 +123,17 @@ interface Timeout {
   clear: () => void;
 }
 //#endregion
-//#region ../alepha/src/logger/providers/LogDestinationProvider.d.ts
+//#region ../../../alepha/src/logger/providers/LogDestinationProvider.d.ts
 declare abstract class LogDestinationProvider {
   abstract write(message: string, entry: LogEntry): void;
 }
 //#endregion
-//#region ../alepha/src/logger/providers/LogFormatterProvider.d.ts
+//#region ../../../alepha/src/logger/providers/LogFormatterProvider.d.ts
 declare abstract class LogFormatterProvider {
   abstract format(entry: LogEntry): string;
 }
 //#endregion
-//#region ../alepha/src/logger/services/Logger.d.ts
+//#region ../../../alepha/src/logger/services/Logger.d.ts
 declare class Logger implements LoggerInterface {
   protected readonly alepha: Alepha;
   protected readonly formatter: LogFormatterProvider;
@@ -160,7 +160,7 @@ declare class Logger implements LoggerInterface {
   protected emit(entry: LogEntry, message?: string): void;
 }
 //#endregion
-//#region ../alepha/src/logger/index.d.ts
+//#region ../../../alepha/src/logger/index.d.ts
 declare const envSchema: alepha8.TObject<{
   /**
    * Default log level for the application.
@@ -203,7 +203,7 @@ declare module "alepha" {
   }
 }
 //#endregion
-//#region src/form/services/FormModel.d.ts
+//#region ../../src/form/services/FormModel.d.ts
 /**
  * FormModel is a dynamic form handler that generates form inputs based on a provided TypeBox schema.
  * It manages form state, handles input changes, and processes form submissions with validation.
@@ -313,7 +313,7 @@ type FormCtrlOptions<T extends TObject> = {
   onReset?: () => void;
 };
 //#endregion
-//#region src/form/components/FormState.d.ts
+//#region ../../src/form/components/FormState.d.ts
 declare const FormState: <T extends TObject>(props: {
   form: FormModel<T>;
   children: (state: {
@@ -322,7 +322,7 @@ declare const FormState: <T extends TObject>(props: {
   }) => ReactNode;
 }) => ReactNode;
 //#endregion
-//#region src/form/hooks/useForm.d.ts
+//#region ../../src/form/hooks/useForm.d.ts
 /**
  * Custom hook to create a form with validation and field management.
  * This hook uses TypeBox schemas to define the structure and validation rules for the form.
@@ -353,7 +353,7 @@ declare const FormState: <T extends TObject>(props: {
  */
 declare const useForm: <T extends TObject>(options: FormCtrlOptions<T>, deps?: any[]) => FormModel<T>;
 //#endregion
-//#region src/form/hooks/useFormState.d.ts
+//#region ../../src/form/hooks/useFormState.d.ts
 interface UseFormStateReturn {
   loading: boolean;
   dirty: boolean;
@@ -365,7 +365,7 @@ declare const useFormState: <T extends TObject, Keys extends keyof UseFormStateR
   path: string;
 }, _events?: Keys[]) => Pick<UseFormStateReturn, Keys>;
 //#endregion
-//#region src/form/errors/FormValidationError.d.ts
+//#region ../../src/form/errors/FormValidationError.d.ts
 declare class FormValidationError extends TypeBoxError {
   readonly name = "ValidationError";
   constructor(options: {
@@ -374,7 +374,7 @@ declare class FormValidationError extends TypeBoxError {
   });
 }
 //#endregion
-//#region src/form/index.d.ts
+//#region ../../src/form/index.d.ts
 declare module "alepha" {
   interface Hooks {
     "form:change": {

package/dist/form/index.js

@@ -3,7 +3,7 @@ import { useAlepha } from "@alepha/react";
 import { useEffect, useId, useMemo, useState } from "react";
 import { $logger } from "alepha/logger";
 
-//#region src/form/hooks/useFormState.ts
+//#region ../../src/form/hooks/useFormState.ts
 const useFormState = (target, _events = [
 	"loading",
 	"dirty",
@@ -64,7 +64,7 @@ const useFormState = (target, _events = [
 };
 
 //#endregion
-//#region src/form/components/FormState.tsx
+//#region ../../src/form/components/FormState.tsx
 const FormState = (props) => {
 	const formState = useFormState(props.form);
 	return props.children({
@@ -75,7 +75,7 @@ const FormState = (props) => {
 var FormState_default = FormState;
 
 //#endregion
-//#region src/form/services/FormModel.ts
+//#region ../../src/form/services/FormModel.ts
 /**
 * FormModel is a dynamic form handler that generates form inputs based on a provided TypeBox schema.
 * It manages form state, handles input changes, and processes form submissions with validation.
@@ -327,7 +327,7 @@ var FormModel = class {
 };
 
 //#endregion
-//#region src/form/hooks/useForm.ts
+//#region ../../src/form/hooks/useForm.ts
 /**
 * Custom hook to create a form with validation and field management.
 * This hook uses TypeBox schemas to define the structure and validation rules for the form.
@@ -368,7 +368,7 @@ const useForm = (options, deps = []) => {
 };
 
 //#endregion
-//#region src/form/errors/FormValidationError.ts
+//#region ../../src/form/errors/FormValidationError.ts
 var FormValidationError = class extends TypeBoxError {
 	name = "ValidationError";
 	constructor(options) {
@@ -383,7 +383,7 @@ var FormValidationError = class extends TypeBoxError {
 };
 
 //#endregion
-//#region src/form/index.ts
+//#region ../../src/form/index.ts
 /**
 * React hooks for managing forms in Alepha applications.
 *

package/dist/head/index.browser.js

@@ -2,7 +2,7 @@ import { AlephaReact, useInject } from "@alepha/react";
 import { $hook, $inject, $module, Alepha, KIND, Primitive, createPrimitive } from "alepha";
 import { useCallback, useEffect, useMemo } from "react";
 
-//#region src/head/providers/HeadProvider.ts
+//#region ../../src/head/providers/HeadProvider.ts
 var HeadProvider = class {
 	global = [];
 	fillHead(state) {
@@ -40,7 +40,7 @@ var HeadProvider = class {
 };
 
 //#endregion
-//#region src/head/primitives/$head.ts
+//#region ../../src/head/primitives/$head.ts
 /**
 * Set global `<head>` options for the application.
 */
@@ -56,7 +56,7 @@ var HeadPrimitive = class extends Primitive {
 $head[KIND] = HeadPrimitive;
 
 //#endregion
-//#region src/head/providers/BrowserHeadProvider.ts
+//#region ../../src/head/providers/BrowserHeadProvider.ts
 var BrowserHeadProvider = class {
 	headProvider = $inject(HeadProvider);
 	get document() {
@@ -136,7 +136,7 @@ var BrowserHeadProvider = class {
 };
 
 //#endregion
-//#region src/head/hooks/useHead.ts
+//#region ../../src/head/hooks/useHead.ts
 /**
 * ```tsx
 * const App = () => {
@@ -171,7 +171,7 @@ const useHead = (options) => {
 };
 
 //#endregion
-//#region src/head/index.browser.ts
+//#region ../../src/head/index.browser.ts
 /**
 * Alepha React Head Module
 *