API βΊ @builder.io/qwik-city
"link:app"
'link:app'?: boolean;
Action
export type Action<
RETURN,
INPUT = Record<string, unknown>,
OPTIONAL extends boolean = true,
> = {
(): ActionStore<RETURN, INPUT, OPTIONAL>;
};
References: ActionStore
ActionConstructor
export type ActionConstructor = {
<
OBJ extends Record<string, any> | void | null,
VALIDATOR extends TypedDataValidator,
REST extends [DataValidator, ...DataValidator[]],
>(
actionQrl: (
data: GetValidatorType<VALIDATOR>,
event: RequestEventAction,
) => ValueOrPromise<OBJ>,
options: {
readonly id?: string;
readonly validation: [VALIDATOR, ...REST];
},
): Action<
StrictUnion<
| OBJ
| FailReturn<zod.typeToFlattenedError<GetValidatorType<VALIDATOR>>>
| FailReturn<FailOfRest<REST>>
>,
GetValidatorType<VALIDATOR>,
false
>;
<
OBJ extends Record<string, any> | void | null,
VALIDATOR extends TypedDataValidator,
>(
actionQrl: (
data: GetValidatorType<VALIDATOR>,
event: RequestEventAction,
) => ValueOrPromise<OBJ>,
options: {
readonly id?: string;
readonly validation: [VALIDATOR];
},
): Action<
StrictUnion<
OBJ | FailReturn<zod.typeToFlattenedError<GetValidatorType<VALIDATOR>>>
>,
GetValidatorType<VALIDATOR>,
false
>;
<
OBJ extends Record<string, any> | void | null,
REST extends [DataValidator, ...DataValidator[]],
>(
actionQrl: (
data: JSONObject,
event: RequestEventAction,
) => ValueOrPromise<OBJ>,
options: {
readonly id?: string;
readonly validation: REST;
},
): Action<StrictUnion<OBJ | FailReturn<FailOfRest<REST>>>>;
<
OBJ extends Record<string, any> | void | null,
VALIDATOR extends TypedDataValidator,
REST extends [DataValidator, ...DataValidator[]],
>(
actionQrl: (
data: GetValidatorType<VALIDATOR>,
event: RequestEventAction,
) => ValueOrPromise<OBJ>,
options: VALIDATOR,
...rest: REST
): Action<
StrictUnion<
| OBJ
| FailReturn<zod.typeToFlattenedError<GetValidatorType<VALIDATOR>>>
| FailReturn<FailOfRest<REST>>
>,
GetValidatorType<VALIDATOR>,
false
>;
<
OBJ extends Record<string, any> | void | null,
VALIDATOR extends TypedDataValidator,
>(
actionQrl: (
data: GetValidatorType<VALIDATOR>,
event: RequestEventAction,
) => ValueOrPromise<OBJ>,
options: VALIDATOR,
): Action<
StrictUnion<
OBJ | FailReturn<zod.typeToFlattenedError<GetValidatorType<VALIDATOR>>>
>,
GetValidatorType<VALIDATOR>,
false
>;
<
OBJ extends Record<string, any> | void | null,
REST extends [DataValidator, ...DataValidator[]],
>(
actionQrl: (
form: JSONObject,
event: RequestEventAction,
) => ValueOrPromise<OBJ>,
...rest: REST
): Action<StrictUnion<OBJ | FailReturn<FailOfRest<REST>>>>;
<OBJ>(
actionQrl: (
form: JSONObject,
event: RequestEventAction,
) => ValueOrPromise<OBJ>,
options?: {
readonly id?: string;
},
): Action<StrictUnion<OBJ>>;
};
References: TypedDataValidator, DataValidator, GetValidatorType, Action, StrictUnion, FailReturn, FailOfRest, JSONObject
ActionReturn
export type ActionReturn<RETURN> = {
readonly status?: number;
readonly value: RETURN;
};
ActionStore
export type ActionStore<RETURN, INPUT, OPTIONAL extends boolean = true> = {
readonly actionPath: string;
readonly isRunning: boolean;
readonly status?: number;
readonly formData: FormData | undefined;
readonly value: RETURN | undefined;
readonly submit: QRL<
OPTIONAL extends true
? (form?: INPUT | FormData | SubmitEvent) => Promise<ActionReturn<RETURN>>
: (form: INPUT | FormData | SubmitEvent) => Promise<ActionReturn<RETURN>>
>;
};
References: ActionReturn
ContentHeading
export interface ContentHeading
ContentMenu
export interface ContentMenu
Property | Modifiers | Type | Description |
---|---|---|---|
href? | readonly | string | (Optional) |
items? | readonly | ContentMenu[] | (Optional) |
text | readonly | string |
DataValidator
export type DataValidator<T extends Record<string, any> = {}> = {
validate(ev: RequestEvent, data: unknown): Promise<ValidatorReturn<T>>;
};
References: ValidatorReturn
DocumentHead
export type DocumentHead =
| DocumentHeadValue
| ((props: DocumentHeadProps) => DocumentHeadValue);
References: DocumentHeadValue, DocumentHeadProps
DocumentHeadProps
export interface DocumentHeadProps extends RouteLocation
Extends: RouteLocation
Property | Modifiers | Type | Description |
---|---|---|---|
head | readonly | ResolvedDocumentHead | |
resolveValue | readonly | ResolveSyncValue | |
withLocale | readonly | <T>(fn: () => T) => T |
DocumentHeadValue
export interface DocumentHeadValue<FrontMatter extends Record<string, any> = Record<string, unknown>>
Property | Modifiers | Type | Description |
---|---|---|---|
frontmatter? | readonly | Readonly<FrontMatter> | (Optional) Arbitrary object containing custom data. When the document head is created from markdown files, the frontmatter attributes that are not recognized as a well-known meta names (such as title, description, author, etc...), are stored in this property. |
links? | readonly | readonly DocumentLink[] | (Optional) Used to manually append <link> elements to the <head>. |
meta? | readonly | readonly DocumentMeta[] | (Optional) Used to manually set meta tags in the head. Additionally, the data property could be used to set arbitrary data which the <head> component could later use to generate <meta> tags. |
scripts? | readonly | readonly DocumentScript[] | (Optional) Used to manually append <script> elements to the <head>. |
styles? | readonly | readonly DocumentStyle[] | (Optional) Used to manually append <style> elements to the <head>. |
title? | readonly | string | (Optional) Sets document.title. |
DocumentLink
export interface DocumentLink
Property | Modifiers | Type | Description |
---|---|---|---|
as? | string | (Optional) | |
crossorigin? | string | (Optional) | |
disabled? | boolean | (Optional) | |
href? | string | (Optional) | |
hreflang? | string | (Optional) | |
id? | string | (Optional) | |
imagesizes? | string | (Optional) | |
imagesrcset? | string | (Optional) | |
integrity? | string | (Optional) | |
key? | string | (Optional) | |
media? | string | (Optional) | |
prefetch? | string | (Optional) | |
referrerpolicy? | string | (Optional) | |
rel? | string | (Optional) | |
sizes? | string | (Optional) | |
title? | string | (Optional) | |
type? | string | (Optional) |
DocumentMeta
export interface DocumentMeta
Property | Modifiers | Type | Description |
---|---|---|---|
content? | readonly | string | (Optional) |
httpEquiv? | readonly | string | (Optional) |
itemprop? | readonly | string | (Optional) |
key? | readonly | string | (Optional) |
media? | readonly | string | (Optional) |
name? | readonly | string | (Optional) |
property? | readonly | string | (Optional) |
DocumentScript
This API is provided as an alpha preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
export interface DocumentScript
Property | Modifiers | Type | Description |
---|---|---|---|
key? | readonly | string | (ALPHA) (Optional) |
props? | readonly | Readonly<QwikIntrinsicElements['script']> | (ALPHA) (Optional) |
script? | readonly | string | (ALPHA) (Optional) |
DocumentStyle
export interface DocumentStyle
Property | Modifiers | Type | Description |
---|---|---|---|
key? | readonly | string | (Optional) |
props? | readonly | Readonly<QwikIntrinsicElements['style']> | (Optional) |
style | readonly | string |
FailOfRest
export type FailOfRest<REST extends readonly DataValidator[]> =
REST extends readonly DataValidator<infer ERROR>[] ? ERROR : never;
References: DataValidator
FailReturn
export type FailReturn<T> = T & Failed;
Form
Form: <O, I>(
{ action, spaReset, reloadDocument, onSubmit$, ...rest }: FormProps<O, I>,
key: string | null,
) => import("@builder.io/qwik").JSXOutput;
FormProps
export interface FormProps<O, I> extends Omit<QwikJSX.IntrinsicElements['form'], 'action' | 'method'>
Extends: Omit<QwikJSX.IntrinsicElements['form'], 'action' | 'method'>
Property | Modifiers | Type | Description |
---|---|---|---|
action? | ActionStore<O, I, true | false> | (Optional) Reference to the action returned by action(). | |
key? | string | number | null | (Optional) | |
onSubmit$? | (event: Event, form: HTMLFormElement) => ValueOrPromise<void> | (Optional) Event handler executed right when the form is submitted. | |
onSubmitCompleted$? | (event: CustomEvent<FormSubmitCompletedDetail<O>>, form: HTMLFormElement) => ValueOrPromise<void> | (Optional) Event handler executed right after the action is executed successfully and returns some data. | |
reloadDocument? | boolean | (Optional) When true the form submission will cause a full page reload, even if SPA mode is enabled and JS is available. | |
spaReset? | boolean | (Optional) When true all the form inputs will be reset in SPA mode, just like happens in a full page form submission.Defaults to false |
FormSubmitSuccessDetail
export interface FormSubmitCompletedDetail<T>
GetValidatorType
export type GetValidatorType<VALIDATOR extends TypedDataValidator> =
VALIDATOR extends TypedDataValidator<infer TYPE> ? zod.infer<TYPE> : never;
References: TypedDataValidator
globalAction$
globalAction$: ActionConstructor;
globalActionQrl
globalActionQrl: ActionConstructorQRL;
JSONObject
export type JSONObject = {
[x: string]: JSONValue;
};
References: JSONValue
JSONValue
export type JSONValue =
| string
| number
| boolean
| {
[x: string]: JSONValue;
}
| Array<JSONValue>;
References: JSONValue
Link
Link: import("@builder.io/qwik").Component<LinkProps>;
LinkProps
export interface LinkProps extends AnchorAttributes
Extends: AnchorAttributes
Property | Modifiers | Type | Description |
---|---|---|---|
"link:app"? | boolean | (Optional) | |
prefetch? | boolean | 'js' | (Optional) **Defaults to _true_.**Whether Qwik should prefetch and cache the target page of this **Link**, this includes invoking any **routeLoader$**, **onGet**, etc.This **improves UX performance** for client-side (**SPA**) navigations.Prefetching occurs when a the Link enters the viewport in production (**on:qvisibile**), or with **mouseover/focus** during dev.Prefetching will not occur if the user has the **data saver** setting enabled.Setting this value to **"js"** will prefetch only javascript bundles required to render this page on the client, **false** will disable prefetching altogether. | |
reload? | boolean | (Optional) | |
replaceState? | boolean | (Optional) | |
scroll? | boolean | (Optional) |
Loader
export type Loader<RETURN> = {
(): LoaderSignal<RETURN>;
};
References: LoaderSignal
LoaderSignal
export type LoaderSignal<TYPE> = TYPE extends () => ValueOrPromise<
infer VALIDATOR
>
? ReadonlySignal<ValueOrPromise<VALIDATOR>>
: ReadonlySignal<TYPE>;
MenuData
export type MenuData = [pathname: string, menuLoader: MenuModuleLoader];
NavigationType
export type NavigationType = "initial" | "form" | "link" | "popstate";
PageModule
export interface PageModule extends RouteModule
Extends: RouteModule
Property | Modifiers | Type | Description |
---|---|---|---|
default | readonly | unknown | |
head? | readonly | ContentModuleHead | (Optional) |
headings? | readonly | ContentHeading[] | (Optional) |
onStaticGenerate? | readonly | StaticGenerateHandler | (Optional) |
PathParams
export declare type PathParams = Record<string, string>;
QwikCityMockProps
export interface QwikCityMockProps
QwikCityMockProvider
QwikCityMockProvider: import("@builder.io/qwik").Component<QwikCityMockProps>;
QwikCityPlan
export interface QwikCityPlan
Property | Modifiers | Type | Description |
---|---|---|---|
basePathname? | readonly | string | (Optional) |
cacheModules? | readonly | boolean | (Optional) |
menus? | readonly | MenuData[] | (Optional) |
routes | readonly | RouteData[] | |
serverPlugins? | readonly | RouteModule[] | (Optional) |
trailingSlash? | readonly | boolean | (Optional) |
QwikCityProps
export interface QwikCityProps
Property | Modifiers | Type | Description |
---|---|---|---|
viewTransition? | boolean | (Optional) Enable the ViewTransition APIDefault: true |
QwikCityProvider
QwikCityProvider: import("@builder.io/qwik").Component<QwikCityProps>;
ResolvedDocumentHead
export type ResolvedDocumentHead<
FrontMatter extends Record<string, any> = Record<string, unknown>,
> = Required<DocumentHeadValue<FrontMatter>>;
References: DocumentHeadValue
routeAction$
routeAction$: ActionConstructor;
routeActionQrl
routeActionQrl: ActionConstructorQRL;
RouteData
export type RouteData =
| [routeName: string, loaders: ModuleLoader[]]
| [
routeName: string,
loaders: ModuleLoader[],
originalPathname: string,
routeBundleNames: string[],
];
routeLoader$
routeLoader$: LoaderConstructor;
routeLoaderQrl
routeLoaderQrl: LoaderConstructorQRL;
RouteLocation
export interface RouteLocation
Property | Modifiers | Type | Description |
---|---|---|---|
isNavigating | readonly | boolean | |
params | readonly | Readonly<Record<string, string>> | |
prevUrl | readonly | URL | undefined | |
url | readonly | URL |
RouteNavigate
export type RouteNavigate = QRL<
(
path?: string,
options?:
| {
type?: Exclude<NavigationType, "initial">;
forceReload?: boolean;
replaceState?: boolean;
scroll?: boolean;
}
| boolean,
) => Promise<void>
>;
References: NavigationType
RouterOutlet
RouterOutlet: import("@builder.io/qwik").Component<unknown>;
server$
server$: <T extends ServerFunction>(first: T) => ServerQRL<T>;
ServerFunction
export type ServerFunction = {
(this: RequestEventBase, ...args: any[]): any;
};
serverQrl
serverQrl: <T extends ServerFunction>(qrl: QRL<T>) => ServerQRL<T>;
ServerQRL
serverQrl: <T extends ServerFunction>(qrl: QRL<T>) => ServerQRL<T>;
ServiceWorkerRegister
ServiceWorkerRegister: (props: { nonce?: string }) =>
import("@builder.io/qwik").JSXNode<"script">;
StaticGenerate
export interface StaticGenerate
Property | Modifiers | Type | Description |
---|---|---|---|
params? | PathParams[] | (Optional) |
StaticGenerateHandler
export type StaticGenerateHandler = ({
env,
}: {
env: EnvGetter;
}) => Promise<StaticGenerate> | StaticGenerate;
References: StaticGenerate
StrictUnion
export type StrictUnion<T> = Prettify<StrictUnionHelper<T, T>>;
TypedDataValidator
export type TypedDataValidator<T extends zod.ZodType = zod.ZodType> = {
__zod: zod.ZodSchema<T>;
validate(
ev: RequestEvent,
data: unknown,
): Promise<zod.SafeParseReturnType<T, T>>;
};
useContent
useContent: () => import("./types").ContentState;
useDocumentHead
Returns the document head for the current page. The generic type describes the front matter.
useDocumentHead: <
FrontMatter extends Record<string, unknown> = Record<string, any>,
>() => Required<Required<import("./types").DocumentHeadValue<FrontMatter>>>;
useLocation
useLocation: () => RouteLocation;
useNavigate
useNavigate: () => RouteNavigate;
validator$
validator$: ValidatorConstructor;
validatorQrl
validatorQrl: ValidatorConstructorQRL;
ValidatorReturn
export type ValidatorReturn<T extends Record<string, any> = {}> =
| ValidatorReturnSuccess
| ValidatorReturnFail<T>;
zod$
zod$: ZodConstructor;
ZodConstructor
export type ZodConstructor = {
<T extends zod.ZodRawShape>(schema: T): TypedDataValidator<zod.ZodObject<T>>;
<T extends zod.ZodRawShape>(
schema: (z: typeof zod, ev: RequestEvent) => T,
): TypedDataValidator<zod.ZodObject<T>>;
<T extends zod.Schema>(schema: T): TypedDataValidator<T>;
<T extends zod.Schema>(
schema: (z: typeof zod, ev: RequestEvent) => T,
): TypedDataValidator<T>;
};
References: TypedDataValidator
zodQrl
zodQrl: ZodConstructorQRL;