API › @builder.io/qwik-city
Action
export type Action<
RETURN,
INPUT = Record<string, unknown>,
OPTIONAL extends boolean = true,
> = {
(): ActionStore<RETURN, INPUT, OPTIONAL>;
};
参照: 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<ValidatorErrorType<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<ValidatorErrorType<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<ValidatorErrorType<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<ValidatorErrorType<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>>;
};
参照: TypedDataValidator, DataValidator, GetValidatorType, Action, StrictUnion, FailReturn, ValidatorErrorType, 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>>
>;
readonly submitted: boolean;
};
参照: ActionReturn
ContentHeading
export interface ContentHeading
プロパティ
修飾子
型
説明
readonly
string
readonly
number
readonly
string
ContentMenu
export interface ContentMenu
プロパティ
修飾子
型
説明
readonly
string
(オプション)
readonly
(オプション)
readonly
string
DataValidator
export type DataValidator<T extends Record<string, any> = {}> = {
validate(ev: RequestEvent, data: unknown): Promise<ValidatorReturn<T>>;
};
参照: ValidatorReturn
DocumentHead
export type DocumentHead =
| DocumentHeadValue
| ((props: DocumentHeadProps) => DocumentHeadValue);
参照: DocumentHeadValue, DocumentHeadProps
DocumentHeadProps
export interface DocumentHeadProps extends RouteLocation
継承: RouteLocation
プロパティ
修飾子
型
説明
readonly
readonly
ResolveSyncValue
readonly
<T>(fn: () => T) => T
DocumentHeadValue
export interface DocumentHeadValue<FrontMatter extends Record<string, any> = Record<string, unknown>>
プロパティ
修飾子
型
説明
readonly
Readonly<FrontMatter>
(オプション) カスタムデータを含む任意のオブジェクト。ドキュメントヘッダーがマークダウンファイルから作成された場合、よく知られているメタ名(title、description、authorなど)として認識されないfrontmatter属性は、このプロパティに格納されます。
readonly
readonly DocumentLink[]
(オプション) <head>
に<link>
要素を手動で追加するために使用します。
readonly
readonly DocumentMeta[]
(オプション) headにメタタグを手動で設定するために使用します。さらに、data
プロパティを使用して、<head>
コンポーネントが後で<meta>
タグを生成するために使用できる任意のデータを設定できます。
readonly
readonly DocumentScript[]
(オプション) <head>
に<script>
要素を手動で追加するために使用します。
readonly
readonly DocumentStyle[]
(オプション) <head>
に<style>
要素を手動で追加するために使用します。
readonly
string
(オプション) document.title
を設定します。
DocumentLink
export interface DocumentLink
プロパティ
修飾子
型
説明
string
(オプション)
string
(オプション)
boolean
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
string
(オプション)
DocumentMeta
export interface DocumentMeta
プロパティ
修飾子
型
説明
readonly
string
(オプション)
readonly
string
(オプション)
readonly
string
(オプション)
readonly
string
(オプション)
readonly
string
(オプション)
readonly
string
(オプション)
readonly
string
(オプション)
DocumentScript
このAPIは、開発者向けのアルファプレビューとして提供されており、受け取ったフィードバックに基づいて変更される可能性があります。本番環境でこのAPIを使用しないでください。
export interface DocumentScript
プロパティ
修飾子
型
説明
readonly
string
(アルファ) (オプション)
readonly
Readonly<QwikIntrinsicElements['script']>
(アルファ) (オプション)
readonly
string
(アルファ) (オプション)
DocumentStyle
export interface DocumentStyle
プロパティ
修飾子
型
説明
readonly
string
(オプション)
readonly
Readonly<QwikIntrinsicElements['style']>
(オプション)
readonly
string
FailOfRest
export type FailOfRest<REST extends readonly DataValidator[]> =
REST extends readonly DataValidator<infer ERROR>[] ? ERROR : never;
参照: 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;
パラメータ
型
説明
{ 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'>
継承: Omit<QwikJSX.IntrinsicElements['form'], 'action' | 'method'>
プロパティ
修飾子
型
説明
ActionStore<O, I, true | false>
(オプション) action()
によって返されるアクションへの参照。
string | number | null
(オプション)
QRLEventHandlerMulti<SubmitEvent, HTMLFormElement> | undefined
(オプション) フォームが送信された直後に実行されるイベントハンドラー。
QRLEventHandlerMulti<CustomEvent<FormSubmitCompletedDetail<O>>, HTMLFormElement> | undefined
(オプション) アクションが正常に実行され、データが返された直後に実行されるイベントハンドラー。
boolean
(オプション) true
の場合、SPAモードが有効でJSが利用可能な場合でも、フォーム送信によってページ全体が再読み込みされます。
boolean
(オプション) true
の場合、ページ全体のフォーム送信の場合と同様に、SPAモードではすべてのフォーム入力値がリセットされます。
デフォルトはfalse
FormSubmitSuccessDetail
export interface FormSubmitCompletedDetail<T>
プロパティ
修飾子
型
説明
number
T
GetValidatorType
export type GetValidatorType<VALIDATOR extends TypedDataValidator> =
VALIDATOR extends TypedDataValidator<infer TYPE> ? zod.infer<TYPE> : never;
globalAction$
globalAction$: ActionConstructor;
globalActionQrl
globalActionQrl: ActionConstructorQRL;
JSONObject
export type JSONObject = {
[x: string]: JSONValue;
};
参照: JSONValue
JSONValue
export type JSONValue =
| string
| number
| boolean
| {
[x: string]: JSONValue;
}
| Array<JSONValue>;
参照: JSONValue
Link
Link: import("@builder.io/qwik").Component<LinkProps>;
LinkProps
export interface LinkProps extends AnchorAttributes
継承: AnchorAttributes
プロパティ
修飾子
型
説明
boolean | 'js'
(オプション) **デフォルトは_true_。**
Qwikがこの**Link
**のターゲットページをプリフェッチしてキャッシュするかどうかを指定します。これには、**routeLoader$
**、**onGet
**などを呼び出すことが含まれます。
これにより、クライアントサイド(**SPA**)のナビゲーションの**UXパフォーマンスが向上**します。
プリフェッチは、本番環境ではLinkがビューポートに入ったとき(**on:qvisibile
**)、開発中は**mouseover
**/focus
**で発生します。
ユーザーがデータセーバーの設定を有効にしている場合、プリフェッチは発生しません。
この値を**"js"
**に設定すると、クライアントでこのページをレンダリングするために必要なJavaScriptバンドルのみがプリフェッチされ、**false
**に設定するとプリフェッチが完全に無効になります。
boolean
(オプション)
boolean
(オプション)
boolean
(オプション)
Loader_2
export type Loader<RETURN> = {
(): LoaderSignal<RETURN>;
};
参照: 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
拡張: RouteModule
プロパティ
修飾子
型
説明
readonly
不明
readonly
ContentModuleHead
(オプション)
readonly
(オプション)
readonly
(オプション)
PathParams
export declare type PathParams = Record<string, string>;
QWIK_CITY_SCROLLER
QWIK_CITY_SCROLLER = "_qCityScroller";
QwikCityMockProps
export interface QwikCityMockProps
プロパティ
修飾子
型
説明
(オプション)
Record<string, string>
(オプション)
string
(オプション)
QwikCityMockProvider
QwikCityMockProvider: import("@builder.io/qwik").Component<QwikCityMockProps>;
QwikCityPlan
export interface QwikCityPlan
プロパティ
修飾子
型
説明
readonly
string
(オプション)
readonly
boolean
(オプション)
readonly
MenuData[]
(オプション)
readonly
readonly
RouteModule[]
(オプション)
readonly
boolean
(オプション)
QwikCityProps
export interface QwikCityProps
プロパティ
修飾子
型
説明
boolean
(オプション) ViewTransition API を有効化します。
デフォルト: true
QwikCityProvider
QwikCityProvider: import("@builder.io/qwik").Component<QwikCityProps>;
ResolvedDocumentHead
export type ResolvedDocumentHead<
FrontMatter extends Record<string, any> = Record<string, unknown>,
> = Required<DocumentHeadValue<FrontMatter>>;
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
プロパティ
修飾子
型
説明
readonly
boolean
readonly
Readonly<Record<string, string>>
readonly
URL | undefined
readonly
URL
RouteNavigate
export type RouteNavigate = QRL<
(
path?: string | number,
options?:
| {
type?: Exclude<NavigationType, "initial">;
forceReload?: boolean;
replaceState?: boolean;
scroll?: boolean;
}
| boolean,
) => Promise<void>
>;
参照: NavigationType
RouterOutlet
RouterOutlet: import("@builder.io/qwik").Component<unknown>;
server$
server$: <T extends ServerFunction>(
qrl: T,
options?: ServerConfig | undefined,
) => ServerQRL<T>;
パラメータ
型
説明
qrl
T
options
ServerConfig | undefined
(オプション)
ServerQRL<T>
ServerFunction
export type ServerFunction = {
(this: RequestEventBase, ...args: any[]): any;
options?: ServerConfig;
};
serverQrl
server$
関数の最初の引数として AbortSignal を渡すことができ、それが発火されたときにフェッチを中止するために使用されます。
export type ServerQRL<T extends ServerFunction> = QRL<
| ((abort: AbortSignal, ...args: Parameters<T>) => ReturnType<T>)
| ((...args: Parameters<T>) => ReturnType<T>)
>;
参照: ServerFunction
ServerQRL
server$
関数の最初の引数として AbortSignal を渡すことができ、それが発火されたときにフェッチを中止するために使用されます。
export type ServerQRL<T extends ServerFunction> = QRL<
| ((abort: AbortSignal, ...args: Parameters<T>) => ReturnType<T>)
| ((...args: Parameters<T>) => ReturnType<T>)
>;
参照: ServerFunction
ServiceWorkerRegister
ServiceWorkerRegister: (props: { nonce?: string }) =>
import("@builder.io/qwik").JSXNode<"script">;
パラメータ
型
説明
props
{ nonce?: string; }
import("@builder.io/qwik").JSXNode<"script">
StaticGenerate
export interface StaticGenerate
プロパティ
修飾子
型
説明
(オプション)
StaticGenerateHandler
export type StaticGenerateHandler = ({
env,
}: {
env: EnvGetter;
}) => Promise<StaticGenerate> | StaticGenerate;
参照: 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;
戻り値
import("./types").ContentState
useDocumentHead
現在のページのドキュメントヘッダーを返します。ジェネリック型はフロントマターを記述します。
useDocumentHead: <
FrontMatter extends Record<string, unknown> = Record<string, any>,
>() => Required<ResolvedDocumentHead<FrontMatter>>;
戻り値
Required<ResolvedDocumentHead<FrontMatter>>
useLocation
useLocation: () => RouteLocation;
戻り値
useNavigate
useNavigate: () => RouteNavigate;
戻り値
validator$
validator$: ValidatorConstructor;
ValidatorErrorKeyDotNotation
export type ValidatorErrorKeyDotNotation<
T,
Prefix extends string = "",
> = T extends object
? {
[K in keyof T & string]: T[K] extends (infer U)[]
? U extends object
?
| `${Prefix}${K}[]`
| `${Prefix}${K}[]${ValidatorErrorKeyDotNotation<U, ".">}`
: `${Prefix}${K}[]`
: T[K] extends object
? ValidatorErrorKeyDotNotation<T[K], `${Prefix}${K}.`>
: `${Prefix}${K}`;
}[keyof T & string]
: never;
参照: ValidatorErrorKeyDotNotation
ValidatorErrorType
export type ValidatorErrorType<T, U = string> = {
formErrors: U[];
fieldErrors: Partial<{
[K in ValidatorErrorKeyDotNotation<T>]: K extends `${infer _Prefix}[]${infer _Suffix}`
? U[]
: U;
}>;
};
参照: ValidatorErrorKeyDotNotation
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>;
};
zodQrl
zodQrl: ZodConstructorQRL;