@react-text-game/core 0.5.13 → 0.5.14

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from "./hooks";
 export type * from "./types";
 export type { SimpleObject } from "./gameObjects/simpleObject";
 export type { AnyHotspot, InteractiveMapOptions, InteractiveMapType, LabelHotspot, MapImageHotspot, MapLabelHotspot, MapMenu, SideImageHotspot, SideLabelHotspot, } from "./passages/interactiveMap";
-export type { ActionsComponent, ActionType, AnotherStoryComponent, Component, ConversationAppearance, ConversationBubble, ConversationBubbleSide, ConversationComponent, ConversationVariant, HeaderComponent, HeaderLevel, ImageComponent, StoryContent, StoryOptions, TextComponent, VideoComponent, } from "./passages/story";
+export type { ActionsComponent, ActionType, AnotherStoryComponent, Component, ConversationAppearance, ConversationBubble, ConversationBubbleSide, ConversationComponent, ConversationVariant, HeaderComponent, HeaderLevel, ImageComponent, StoryComponents, StoryContent, StoryOptions, TextComponent, VideoComponent, } from "./passages/story";
+export type { WidgetContent } from "./passages/widget";
 export { BaseGameObject, createEntity, Game, InteractiveMap, newInteractiveMap, NewOptions, newStory, newWidget, Options, Passage, Story, Widget, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAErD,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,mBAAmB,QAAQ,CAAC;AAG5B,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAG9D,YAAY,EACR,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,gBAAgB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACR,gBAAgB,EAChB,UAAU,EACV,qBAAqB,EACrB,SAAS,EACT,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,cAAc,GACjB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACH,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,GACT,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAErD,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,mBAAmB,QAAQ,CAAC;AAG5B,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAG9D,YAAY,EACR,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,gBAAgB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACR,gBAAgB,EAChB,UAAU,EACV,qBAAqB,EACrB,SAAS,EACT,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,cAAc,EACd,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,cAAc,GACjB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EACH,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,GACT,CAAC"}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAErD,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AAqCxB,OAAO,EACH,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,cAAc,EACd,iBAAiB,EAEjB,QAAQ,EACR,SAAS,EAET,OAAO,EACP,KAAK,EACL,MAAM,GACT,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAErD,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AAuCxB,OAAO,EACH,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,cAAc,EACd,iBAAiB,EAEjB,QAAQ,EACR,SAAS,EAET,OAAO,EACP,KAAK,EACL,MAAM,GACT,CAAC"}

package/dist/passages/widget.d.ts

@@ -1,5 +1,19 @@
 import { ReactNode } from "react";
 import { Passage } from "../passages/passage";
+/**
+ * Content type for Widget passages.
+ * Can be a ReactNode directly, or a function that returns a ReactNode.
+ *
+ * @example
+ * ```typescript
+ * // As ReactNode
+ * const content: WidgetContent = <div>Hello</div>;
+ *
+ * // As function
+ * const content: WidgetContent = () => <div>Hello</div>;
+ * ```
+ */
+export type WidgetContent = ReactNode | (() => ReactNode);
 /**
  * Custom React component passage for fully customized UI.
  *
@@ -11,6 +25,7 @@ import { Passage } from "../passages/passage";
  * ```typescript
  * import { newWidget } from '@react-text-game/core';
  *
+ * // With ReactNode
  * const inventoryUI = newWidget('inventory', (
  *   <div className="inventory">
  *     <h2>Your Inventory</h2>
@@ -19,6 +34,14 @@ import { Passage } from "../passages/passage";
  *   </div>
  * ));
  *
+ * // With function component
+ * const dynamicUI = newWidget('dynamic', () => (
+ *   <div>
+ *     <h2>Dynamic Content</h2>
+ *     <p>Current time: {Date.now()}</p>
+ *   </div>
+ * ));
+ *
  * // Navigate to custom UI
  * Game.jumpTo(inventoryUI);
  * ```
@@ -27,18 +50,19 @@ import { Passage } from "../passages/passage";
  */
 export declare class Widget extends Passage {
     /**
-     * The React component/element to render.
+     * The React component/element or function to render.
      */
     private readonly content;
     /**
      * Creates a new Widget passage.
      *
      * @param id - Unique identifier for this widget
-     * @param content - React node (element, component, etc.) to display
+     * @param content - React node or function returning React node to display
      */
-    constructor(id: string, content: ReactNode);
+    constructor(id: string, content: WidgetContent);
     /**
      * Returns the React node for rendering.
+     * If content is a function, it will be called to get the ReactNode.
      *
      * @returns The React content to be rendered
      */
@@ -48,15 +72,21 @@ export declare class Widget extends Passage {
  * Factory function for creating Widget passages.
  *
  * @param id - Unique identifier for the widget
- * @param content - React node to display
+ * @param content - React node or function returning React node to display
  * @returns New Widget instance
  *
  * @example
  * ```typescript
+ * // With ReactNode
  * const customMenu = newWidget('menu', (
  *   <CustomMenuComponent />
  * ));
+ *
+ * // With function component
+ * const dynamicMenu = newWidget('dynamic-menu', () => (
+ *   <CustomMenuComponent data={getCurrentData()} />
+ * ));
  * ```
  */
-export declare const newWidget: (id: string, content: ReactNode) => Widget;
+export declare const newWidget: (id: string, content: WidgetContent) => Widget;
 //# sourceMappingURL=widget.d.ts.map

package/dist/passages/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../src/passages/widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,MAAO,SAAQ,OAAO;IAC/B;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAY;IAEpC;;;;;OAKG;gBACS,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS;IAK1C;;;;OAIG;IACH,OAAO;CAGV;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,GAAI,IAAI,MAAM,EAAE,SAAS,SAAS,WAC7B,CAAC"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../src/passages/widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBAAa,MAAO,SAAQ,OAAO;IAC/B;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IAExC;;;;;OAKG;gBACS,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa;IAK9C;;;;;OAKG;IACH,OAAO;CAKV;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,SAAS,GAAI,IAAI,MAAM,EAAE,SAAS,aAAa,WACjC,CAAC"}

package/dist/passages/widget.js

@@ -10,6 +10,7 @@ import { Passage } from "../passages/passage";
  * ```typescript
  * import { newWidget } from '@react-text-game/core';
  *
+ * // With ReactNode
  * const inventoryUI = newWidget('inventory', (
  *   <div className="inventory">
  *     <h2>Your Inventory</h2>
@@ -18,6 +19,14 @@ import { Passage } from "../passages/passage";
  *   </div>
  * ));
  *
+ * // With function component
+ * const dynamicUI = newWidget('dynamic', () => (
+ *   <div>
+ *     <h2>Dynamic Content</h2>
+ *     <p>Current time: {Date.now()}</p>
+ *   </div>
+ * ));
+ *
  * // Navigate to custom UI
  * Game.jumpTo(inventoryUI);
  * ```
@@ -26,14 +35,14 @@ import { Passage } from "../passages/passage";
  */
 export class Widget extends Passage {
     /**
-     * The React component/element to render.
+     * The React component/element or function to render.
      */
     content;
     /**
      * Creates a new Widget passage.
      *
      * @param id - Unique identifier for this widget
-     * @param content - React node (element, component, etc.) to display
+     * @param content - React node or function returning React node to display
      */
     constructor(id, content) {
         super(id, "widget");
@@ -41,25 +50,34 @@ export class Widget extends Passage {
     }
     /**
      * Returns the React node for rendering.
+     * If content is a function, it will be called to get the ReactNode.
      *
      * @returns The React content to be rendered
      */
     display() {
-        return this.content;
+        return typeof this.content === "function"
+            ? this.content()
+            : this.content;
     }
 }
 /**
  * Factory function for creating Widget passages.
  *
  * @param id - Unique identifier for the widget
- * @param content - React node to display
+ * @param content - React node or function returning React node to display
  * @returns New Widget instance
  *
  * @example
  * ```typescript
+ * // With ReactNode
  * const customMenu = newWidget('menu', (
  *   <CustomMenuComponent />
  * ));
+ *
+ * // With function component
+ * const dynamicMenu = newWidget('dynamic-menu', () => (
+ *   <CustomMenuComponent data={getCurrentData()} />
+ * ));
  * ```
  */
 export const newWidget = (id, content) => new Widget(id, content);

package/dist/passages/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../src/passages/widget.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,OAAO,MAAO,SAAQ,OAAO;IAC/B;;OAEG;IACc,OAAO,CAAY;IAEpC;;;;;OAKG;IACH,YAAY,EAAU,EAAE,OAAkB;QACtC,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IAC3B,CAAC;IAED;;;;OAIG;IACH,OAAO;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;CACJ;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAU,EAAE,OAAkB,EAAE,EAAE,CACxD,IAAI,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../src/passages/widget.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAiB5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,OAAO,MAAO,SAAQ,OAAO;IAC/B;;OAEG;IACc,OAAO,CAAgB;IAExC;;;;;OAKG;IACH,YAAY,EAAU,EAAE,OAAsB;QAC1C,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IAC3B,CAAC;IAED;;;;;OAKG;IACH,OAAO;QACH,OAAO,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU;YACrC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE;YAChB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;IACvB,CAAC;CACJ;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAU,EAAE,OAAsB,EAAE,EAAE,CAC5D,IAAI,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@react-text-game/core",
-    "version": "0.5.13",
+    "version": "0.5.14",
     "description": "A powerful React-based text game engine with reactive state management, passage-based navigation, and persistent save system for building interactive narrative experiences",
     "main": "dist/index.js",
     "module": "dist/index.js",