narraleaf-react 0.1.2 → 0.1.3

package/dist/game/nlcore/elements/transform/position.d.ts

@@ -34,8 +34,8 @@ export type RawPosition = CommonPositionType | (Coord2DPosition & {
     xalign?: never;
     yalign?: never;
 }) | (AlignPosition & {
-    x: never;
-    y: never;
+    x?: never;
+    y?: never;
 });
 export type Unknown = typeof PositionUtils.Unknown;
 export type UnknownAble<T> = T | Unknown;

package/dist/game/nlcore/elements/transform/transform.d.ts

@@ -3,7 +3,7 @@ import type { DOMKeyframesDefinition } from "framer-motion";
 import { TransformDefinitions } from "./type";
 import Sequence = TransformDefinitions.Sequence;
 import SequenceProps = TransformDefinitions.SequenceProps;
-export type Transformers = "position" | "opacity" | "scale" | "rotation" | "display" | "src" | "backgroundColor" | "backgroundOpacity" | "transform" | "fontSize" | "fontColor";
+export type Transformers = "position" | "opacity" | "scale" | "rotation" | "display" | "src" | "backgroundColor" | "backgroundOpacity" | "transform" | "fontColor";
 export type TransformHandler<T> = (value: T) => DOMKeyframesDefinition;
 export type TransformersMap = {
     "position": CommonDisplayable["position"];
@@ -15,7 +15,6 @@ export type TransformersMap = {
     "backgroundColor": Background["background"];
     "backgroundOpacity": number;
     "transform": TransformDefinitions.Types;
-    "fontSize": number;
     "fontColor": color;
 };
 export declare class Transform<T extends TransformDefinitions.Types = object> {

package/dist/game/nlcore/elements/transition/type.d.ts

@@ -4,6 +4,7 @@ import { ImageColor, ImageSrc } from "../../types";
 export type ElementProp<T extends Element = Element, U extends React.HTMLAttributes<T> = React.HTMLAttributes<T>> = React.JSX.IntrinsicAttributes & React.ClassAttributes<T> & React.HTMLAttributes<T> & U;
 export type ImgElementProp = ElementProp<HTMLImageElement, React.ImgHTMLAttributes<HTMLImageElement>>;
 export type SpanElementProp = ElementProp<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>;
+export type DivElementProp = ElementProp<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>;
 export type CSSElementProp<T extends React.CSSProperties | DOMKeyframesDefinition> = ElementProp & {
     style: T;
 };

package/dist/game/nlcore/gameTypes.d.ts

@@ -36,7 +36,13 @@ export type GameConfig = {
          * The minimum width and height of the player in pixels
          */
         minHeight: number;
+        /**
+         * Base width of the player in pixels, Image scale will be calculated based on this value
+         */
         width: number;
+        /**
+         * Base height of the player in pixels, Image scale will be calculated based on this value
+         */
         height: number;
         /**
          * When player presses one of these keys, the game will skip the current action
@@ -50,6 +56,10 @@ export type GameConfig = {
          * higher value means faster skipping.
          */
         skipInterval: number;
+        /**
+         * The interval in milliseconds between each ratio update.
+         */
+        ratioUpdateInterval: number;
     };
     elements: {
         say: {
@@ -66,6 +76,12 @@ export type GameConfig = {
              */
             textInterval: number;
             use: SayComponent;
+            /**
+             * If true, the game will scale the dialog to fit the screen
+             *
+             * Text will look smaller when this is enabled
+             */
+            useAspectScale: boolean;
         };
         img: {
             /**
@@ -86,6 +102,14 @@ export type GameConfig = {
         text: {
             allowSkipTransform: boolean;
             allowSkipTransition: boolean;
+            /**
+             * Base width of the dialog in pixels
+             */
+            width: number;
+            /**
+             * Base height of the dialog in pixels
+             */
+            height: number;
         };
     };
     elementStyles: {
@@ -94,6 +118,7 @@ export type GameConfig = {
              * Custom class for the say container
              * Ex: "rounded-md shadow-md" for rounded and shadowed container
              */
+            contentContainerClassName: string;
             containerClassName: string;
             nameTextClassName: string;
             textContainerClassName: string;
@@ -132,6 +157,7 @@ export type GameConfig = {
             debug: boolean;
             trace: boolean;
         };
+        inspector: boolean;
     };
 };
 export type GameSettings = {

package/dist/game/player/elements/image/AspectScaleImage.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ImgElementProp } from "../../../nlcore/elements/transition/type";
+export default function AspectScaleImage({ props, onLoad, id, Ref, }: Readonly<{
+    props: Omit<ImgElementProp, "onLoad">;
+    onLoad: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+    id?: string;
+    Ref?: React.RefObject<HTMLImageElement>;
+}>): React.JSX.Element;

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

@@ -0,0 +1,35 @@
+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>;
+} & 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;