narraleaf-react 0.5.0 → 0.7.0

package/dist/game/player/lib/ImageCacheManager.d.ts

@@ -1,26 +1,26 @@
-import { Game } from "../../../game/nlcore/game";
-import { GameState } from "../gameState";
-export type PreloadedToken = {
-    abort: () => void;
-    onFinished: (callback: () => void) => PreloadedToken;
-    onErrored: (callback: (reason: any) => void) => PreloadedToken;
-};
-export declare class ImageCacheManager {
-    private readonly game;
-    static getImage(src: string, abortSignal?: AbortSignal, options?: RequestInit): Promise<string>;
-    private src;
-    private preloadTasks;
-    constructor(game: Game);
-    has(name: string): boolean;
-    add(name: string, src: string): this;
-    remove(name: string): this;
-    get(name: string): string | undefined;
-    clear(): this;
-    size(): number;
-    isPreloading(src: string): boolean;
-    preload(gameState: GameState, url: string): PreloadedToken;
-    abortAll(): void;
-    abort(src: string): void;
-    preloadedSrc(): string[];
-    filter(names: string[]): this;
-}
+import { Game } from "../../../game/nlcore/game";
+import { GameState } from "../gameState";
+export type PreloadedToken = {
+    abort: () => void;
+    onFinished: (callback: () => void) => PreloadedToken;
+    onErrored: (callback: (reason: any) => void) => PreloadedToken;
+};
+export declare class ImageCacheManager {
+    private readonly game;
+    static getImage(src: string, abortSignal?: AbortSignal, options?: RequestInit): Promise<string>;
+    private src;
+    private preloadTasks;
+    constructor(game: Game);
+    has(name: string): boolean;
+    add(name: string, src: string): this;
+    remove(name: string): this;
+    get(name: string): string | undefined;
+    clear(): this;
+    size(): number;
+    isPreloading(src: string): boolean;
+    preload(gameState: GameState, url: string): PreloadedToken;
+    abortAll(): void;
+    abort(src: string): void;
+    preloadedSrc(): string[];
+    filter(names: string[]): this;
+}

package/dist/game/player/lib/Inspect.d.ts

@@ -1,36 +1,36 @@
-import React from "react";
-import { DivElementProp } from "../../nlcore/elements/transition/type";
-type InspectStyle = {
-    border?: "solid" | "dashed" | "dotted";
-    borderWidth?: number;
-    color?: React.CSSProperties["color"];
-};
-declare function InspectDiv(props: Readonly<DivElementProp & {
-    children?: React.ReactNode;
-    tag?: string;
-} & InspectStyle>): React.JSX.Element;
-declare function InspectSpan(props: Readonly<DivElementProp & {
-    children?: React.ReactNode;
-    tag?: string;
-} & InspectStyle>): React.JSX.Element;
-declare function InspectImg(props: Readonly<DivElementProp & {
-    tag?: string;
-} & InspectStyle>): React.JSX.Element;
-declare function InspectButton(props: Readonly<DivElementProp & {
-    children?: React.ReactNode;
-    tag?: string;
-} & InspectStyle>): React.JSX.Element;
-declare function InspectFramerMotionDiv(props: Readonly<DivElementProp & {
-    children?: React.ReactNode;
-    tag?: string;
-    ref?: React.RefObject<HTMLDivElement | null>;
-    layout?: boolean;
-} & InspectStyle>): React.JSX.Element;
-declare const Inspect: {
-    Div: typeof InspectDiv;
-    Span: typeof InspectSpan;
-    Button: typeof InspectButton;
-    Img: typeof InspectImg;
-    mDiv: typeof InspectFramerMotionDiv;
-};
-export default Inspect;
+import React from "react";
+import { DivElementProp } from "../../nlcore/elements/transition/type";
+type InspectStyle = {
+    border?: "solid" | "dashed" | "dotted";
+    borderWidth?: number;
+    color?: React.CSSProperties["color"];
+};
+declare function InspectDiv(props: Readonly<DivElementProp & {
+    children?: React.ReactNode;
+    tag?: string;
+} & InspectStyle>): React.JSX.Element;
+declare function InspectSpan(props: Readonly<DivElementProp & {
+    children?: React.ReactNode;
+    tag?: string;
+} & InspectStyle>): React.JSX.Element;
+declare function InspectImg(props: Readonly<DivElementProp & {
+    tag?: string;
+} & InspectStyle>): React.JSX.Element;
+declare function InspectButton(props: Readonly<DivElementProp & {
+    children?: React.ReactNode;
+    tag?: string;
+} & InspectStyle>): React.JSX.Element;
+declare function InspectFramerMotionDiv(props: Readonly<DivElementProp & {
+    children?: React.ReactNode;
+    tag?: string;
+    ref?: React.RefObject<HTMLDivElement | null>;
+    layout?: boolean;
+} & InspectStyle>): React.JSX.Element;
+declare const Inspect: {
+    Div: typeof InspectDiv;
+    Span: typeof InspectSpan;
+    Button: typeof InspectButton;
+    Img: typeof InspectImg;
+    mDiv: typeof InspectFramerMotionDiv;
+};
+export default Inspect;

package/dist/game/player/lib/PageRouter/AnimatePresence.d.ts

@@ -1,4 +1,5 @@
-import { FirstParam } from "../../../../util/data";
-import { AnimatePresence } from "framer-motion";
-import { JSX } from "react";
-export type AnimatePresenceComponent = (arg0: FirstParam<typeof AnimatePresence>) => JSX.Element;
+import { FirstParam } from "../../../../util/data";
+import { JSX } from "react";
+import { AnimatePresence as OriginalAnimatePresence } from "motion/react";
+export type AnimatePresenceComponent = (arg0: FirstParam<typeof OriginalAnimatePresence>) => JSX.Element;
+export declare const AnimatePresence: AnimatePresenceComponent;

package/dist/game/player/lib/PageRouter/Layout.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import { LayoutRouter } from "./router";
+type LayoutContextType = {
+    router: LayoutRouter;
+    path: string | null;
+    consumedBy?: string;
+};
+type LayoutContextProviderProps = {
+    children: React.ReactNode;
+    path: string | null;
+    consumedBy?: string;
+};
+export declare function LayoutRouterProvider({ children, path, consumedBy }: LayoutContextProviderProps): React.JSX.Element;
+export declare function useLayout(): Omit<LayoutContextType, "path"> & {
+    path: string;
+};
+export type LayoutProps = {
+    children: React.ReactNode;
+    /**
+     * The relative path of the layout. It can be a path or a path pattern.
+     *
+     * @example
+     * ```typescript
+     * // Can be navigated to by "/home"
+     * <Layout name="home">
+     *     <div>Home</div>
+     * </Layout>
+     *
+     * <Layout name="user">
+     *     // equivalent to "/user/:id"
+     *     // Can be navigated to by "/user/123"
+     *     <Layout name=":id">
+     *         <div>User</div>
+     *     </Layout>
+     * </Layout>
+     * ```
+     */
+    name: string;
+    /**
+     * When true, exit animations will be propagated to nested AnimatePresence components.
+     */
+    propagate?: boolean;
+};
+export declare function Layout({ children, name, propagate }: LayoutProps): React.JSX.Element;
+export declare function RootLayout({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export {};

package/dist/game/player/lib/PageRouter/Page.d.ts

@@ -1,9 +1,46 @@
-import React from "react";
-import { HTMLMotionProps } from "motion/react";
-export type PageProps = Readonly<{
-    id: string;
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-} & HTMLMotionProps<"div">>;
-export declare function Page({ id, children, className, style, ...motionProps }: PageProps): React.JSX.Element;
+import React from "react";
+export type PageProps = Readonly<{
+    children?: React.ReactNode;
+    /**
+     * The name of the page. It can be a dynamic string, null, or undefined.
+     *
+     * If name is null or undefined, this page becomes the default handler for its parent layout.
+     * It will be rendered whenever the parent layout matches and no specific page name matches.
+     *
+     * @example
+     * <Page name="home">
+     *     // Can be navigated to by "/home"
+     *     <div>Home</div>
+     * </Page>
+     *
+     * <Layout path="user">
+     *     <Page name="profile">
+     *         // Can be navigated to by "/user/profile"
+     *         <div>User Profile</div>
+     *     </Page>
+     *
+     *     <Page name={null}>
+     *         // Default handler for "/user" - renders when no specific page matches
+     *         <div>User Default Page</div>
+     *     </Page>
+     * </Layout>
+     *
+     * <Layout path="user">
+     *     <Layout path=":id">
+     *         <Page name="profile">
+     *             // Can be navigated to by "/user/123/profile"
+     *             <div>User Profile</div>
+     *         </Page>
+     *     </Layout>
+     * </Layout>
+     * ```
+     */
+    name?: string | null;
+}>;
+type PageInjectContextType = {
+    name: string | null | undefined;
+};
+export declare const PageInjectContext: React.Context<PageInjectContextType | null>;
+export declare function usePageInject(): PageInjectContextType | null;
+export declare function Page({ children, name: nameProp }: PageProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export {};

package/dist/game/player/lib/PageRouter/Stage.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-export declare function Stage({ children, className, style, }: Readonly<{
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}>): React.JSX.Element;
+import React from "react";
+export declare function Stage({ children, className, style, }: Readonly<{
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}>): React.JSX.Element;