@react-text-game/core 0.5.15 → 0.5.17

package/dist/tests/passageDisplayCache.test.js

@@ -0,0 +1,330 @@
+import { afterEach, beforeEach, describe, expect, test } from "bun:test";
+import { Game } from "../game";
+import { newInteractiveMap } from "../passages/interactiveMap/fabric";
+import { newStory } from "../passages/story/fabric";
+import { newWidget } from "../passages/widget";
+import { Storage } from "../storage";
+// Counter for unique IDs
+let testCounter = 0;
+function uniqueId(prefix) {
+    return `${prefix}-${testCounter++}`;
+}
+describe("Passage Display Cache - No Double Side Effects", () => {
+    beforeEach(async () => {
+        Storage.setState({});
+        await Game.init({ gameName: "Test Game", isDevMode: true });
+    });
+    afterEach(() => {
+        Game._resetForTesting();
+    });
+    describe("Story Cache", () => {
+        test("getLastDisplayResult returns null before first display", () => {
+            const story = newStory(uniqueId("story"), () => [
+                { type: "text", content: "Hello" },
+            ]);
+            expect(story.getLastDisplayResult()).toBeNull();
+            expect(story.hasDisplayCache()).toBe(false);
+        });
+        test("getLastDisplayResult returns cached result after display", () => {
+            const story = newStory(uniqueId("story"), () => [
+                { type: "text", content: "Hello" },
+            ]);
+            const displayResult = story.display();
+            const cachedResult = story.getLastDisplayResult();
+            expect(cachedResult).toEqual(displayResult);
+            expect(story.hasDisplayCache()).toBe(true);
+        });
+        test("getLastDisplayResult does NOT trigger content function (no side effects)", () => {
+            let callCount = 0;
+            const story = newStory(uniqueId("story"), () => {
+                callCount++;
+                return [{ type: "text", content: `Call ${callCount}` }];
+            });
+            // First display() call - triggers content function
+            story.display();
+            expect(callCount).toBe(1);
+            // Multiple getLastDisplayResult() calls - should NOT trigger content function
+            story.getLastDisplayResult();
+            story.getLastDisplayResult();
+            story.getLastDisplayResult();
+            expect(callCount).toBe(1); // Still 1, no additional calls
+            // Another display() call - SHOULD trigger content function
+            story.display();
+            expect(callCount).toBe(2);
+        });
+        test("cache updates correctly after each display call", () => {
+            let callCount = 0;
+            const story = newStory(uniqueId("story"), () => {
+                callCount++;
+                return [
+                    {
+                        type: "text",
+                        content: `Call ${callCount}`,
+                    },
+                ];
+            });
+            story.display();
+            const cache1 = story.getLastDisplayResult();
+            expect((cache1?.components[0]).content).toBe("Call 1");
+            story.display();
+            const cache2 = story.getLastDisplayResult();
+            expect((cache2?.components[0]).content).toBe("Call 2");
+        });
+        test("simulates DevModeDrawer scenario - no side effects when reading passage data", () => {
+            let sideEffectCounter = 0;
+            const story = newStory(uniqueId("story"), () => {
+                sideEffectCounter++; // Simulates a side effect like incrementing a game counter
+                return [
+                    {
+                        type: "text",
+                        content: `Viewed ${sideEffectCounter} times`,
+                    },
+                ];
+            });
+            // User navigates to passage (display is called by UI)
+            Game.jumpTo(story.id);
+            story.display();
+            expect(sideEffectCounter).toBe(1);
+            // User opens DevModeDrawer - should NOT cause side effect
+            const cachedData = story.getLastDisplayResult();
+            expect(sideEffectCounter).toBe(1); // Still 1
+            expect(cachedData).not.toBeNull();
+            // User refreshes DevModeDrawer multiple times - still no side effects
+            story.getLastDisplayResult();
+            story.getLastDisplayResult();
+            expect(sideEffectCounter).toBe(1);
+        });
+        test("cached result has correct structure with options and components", () => {
+            const story = newStory(uniqueId("story"), () => [
+                { type: "text", content: "Test" },
+                { type: "header", content: "Header", props: { level: 1 } },
+            ], { background: { image: "/bg.jpg" } });
+            story.display();
+            const cached = story.getLastDisplayResult();
+            expect(cached).not.toBeNull();
+            expect(cached?.options?.background?.image).toBe("/bg.jpg");
+            expect(cached?.components).toHaveLength(2);
+            expect(cached?.components[0]?.type).toBe("text");
+            expect(cached?.components[1]?.type).toBe("header");
+        });
+    });
+    describe("InteractiveMap Cache", () => {
+        test("getLastDisplayResult returns null before first display", () => {
+            const map = newInteractiveMap(uniqueId("map"), {
+                image: "/map.jpg",
+                bgImage: "/bg.jpg",
+                hotspots: [],
+            });
+            expect(map.getLastDisplayResult()).toBeNull();
+            expect(map.hasDisplayCache()).toBe(false);
+        });
+        test("getLastDisplayResult returns cached result after display", () => {
+            const map = newInteractiveMap(uniqueId("map"), {
+                image: "/map.jpg",
+                bgImage: "/bg.jpg",
+                hotspots: [
+                    {
+                        type: "label",
+                        content: "Test",
+                        position: { x: 50, y: 50 },
+                        action: () => { },
+                    },
+                ],
+            });
+            const displayResult = map.display();
+            const cachedResult = map.getLastDisplayResult();
+            expect(cachedResult?.image).toBe(displayResult.image);
+            expect(cachedResult?.bgImage).toBe(displayResult.bgImage);
+            expect(cachedResult?.hotspots.length).toBe(displayResult.hotspots.length);
+            expect(map.hasDisplayCache()).toBe(true);
+        });
+        test("getLastDisplayResult does NOT trigger hotspot functions (no side effects)", () => {
+            let imageCallCount = 0;
+            let hotspotCallCount = 0;
+            const map = newInteractiveMap(uniqueId("map"), {
+                image: () => {
+                    imageCallCount++;
+                    return `/map-${imageCallCount}.jpg`;
+                },
+                bgImage: "/bg.jpg",
+                hotspots: [
+                    () => {
+                        hotspotCallCount++;
+                        return {
+                            type: "label",
+                            content: `Hotspot ${hotspotCallCount}`,
+                            position: { x: 50, y: 50 },
+                            action: () => { },
+                        };
+                    },
+                ],
+            });
+            // First display() - triggers all functions
+            map.display();
+            expect(imageCallCount).toBe(1);
+            expect(hotspotCallCount).toBe(1);
+            // getLastDisplayResult() should NOT trigger functions
+            map.getLastDisplayResult();
+            map.getLastDisplayResult();
+            expect(imageCallCount).toBe(1);
+            expect(hotspotCallCount).toBe(1);
+        });
+        test("cached result has resolved images and hotspots", () => {
+            const map = newInteractiveMap(uniqueId("map"), {
+                image: () => "/dynamic-map.jpg",
+                bgImage: () => "/dynamic-bg.jpg",
+                hotspots: [
+                    () => ({
+                        type: "label",
+                        content: "Dynamic Hotspot",
+                        position: { x: 25, y: 75 },
+                        action: () => { },
+                    }),
+                ],
+            });
+            map.display();
+            const cached = map.getLastDisplayResult();
+            expect(cached).not.toBeNull();
+            expect(cached?.image).toBe("/dynamic-map.jpg");
+            expect(cached?.bgImage).toBe("/dynamic-bg.jpg");
+            expect(cached?.hotspots).toHaveLength(1);
+            const hotspot = cached?.hotspots[0];
+            if (hotspot && hotspot.type === "label") {
+                expect(hotspot.content).toBe("Dynamic Hotspot");
+            }
+        });
+        test("cache updates on each display call", () => {
+            let displayCount = 0;
+            const map = newInteractiveMap(uniqueId("map"), {
+                image: () => {
+                    displayCount++;
+                    return `/map-${displayCount}.jpg`;
+                },
+                bgImage: "/bg.jpg",
+                hotspots: [
+                    {
+                        type: "label",
+                        content: "Test",
+                        position: { x: 50, y: 50 },
+                        action: () => { },
+                    },
+                ],
+            });
+            map.display();
+            expect(displayCount).toBe(1);
+            expect(map.getLastDisplayResult()?.image).toBe("/map-1.jpg");
+            map.display();
+            expect(displayCount).toBe(2);
+            expect(map.getLastDisplayResult()?.image).toBe("/map-2.jpg");
+        });
+    });
+    describe("Widget Cache", () => {
+        test("getLastDisplayResult returns null before first display", () => {
+            const widget = newWidget(uniqueId("widget"), "Static Content");
+            expect(widget.getLastDisplayResult()).toBeNull();
+            expect(widget.hasDisplayCache()).toBe(false);
+        });
+        test("getLastDisplayResult returns cached result after display for static content", () => {
+            const staticContent = "Static Widget Content";
+            const widget = newWidget(uniqueId("widget"), staticContent);
+            const displayResult = widget.display();
+            const cachedResult = widget.getLastDisplayResult();
+            expect(cachedResult).toBe(staticContent);
+            expect(cachedResult).toBe(displayResult);
+            expect(widget.hasDisplayCache()).toBe(true);
+        });
+        test("function content is treated as React component (createElement)", () => {
+            // With the new behavior, functions are always treated as React components
+            // and wrapped in createElement, not called directly.
+            // This ensures hooks work correctly in minified production builds.
+            const widget = newWidget(uniqueId("widget"), () => "Content");
+            const displayResult = widget.display();
+            // The result is a React element, not the string "Content"
+            expect(displayResult).toBeDefined();
+            expect(typeof displayResult).toBe("object");
+            expect(widget.hasDisplayCache()).toBe(true);
+        });
+    });
+    describe("Base Passage Methods", () => {
+        test("hasDisplayCache returns false before display", () => {
+            const story = newStory(uniqueId("story"), () => [
+                { type: "text", content: "Test" },
+            ]);
+            expect(story.hasDisplayCache()).toBe(false);
+        });
+        test("hasDisplayCache returns true after display", () => {
+            const story = newStory(uniqueId("story"), () => [
+                { type: "text", content: "Test" },
+            ]);
+            story.display();
+            expect(story.hasDisplayCache()).toBe(true);
+        });
+        test("getLastDisplayResult returns properly typed result", () => {
+            const story = newStory(uniqueId("story"), () => [
+                { type: "text", content: "Test" },
+            ]);
+            story.display();
+            // Using the Story's typed getLastDisplayResult method
+            const result = story.getLastDisplayResult();
+            expect(result?.components[0]?.type).toBe("text");
+        });
+    });
+    describe("Practical Scenarios", () => {
+        test("simulates load game scenario - cache populated by first render", () => {
+            let stateChangeCount = 0;
+            const story = newStory(uniqueId("story"), () => {
+                stateChangeCount++; // Simulates state change during render
+                return [
+                    {
+                        type: "text",
+                        content: `State changed ${stateChangeCount} times`,
+                    },
+                ];
+            });
+            // Simulate initial render after loading game
+            story.display();
+            expect(stateChangeCount).toBe(1);
+            // Simulate DevModeDrawer opening (should use cache)
+            const cachedData = story.getLastDisplayResult();
+            expect(stateChangeCount).toBe(1); // No additional state change
+            expect(cachedData).not.toBeNull();
+            // Simulate re-render (intentional)
+            story.display();
+            expect(stateChangeCount).toBe(2);
+        });
+        test("multiple passages maintain independent caches", () => {
+            let story1CallCount = 0;
+            let story2CallCount = 0;
+            const story1 = newStory(uniqueId("story1"), () => {
+                story1CallCount++;
+                return [
+                    {
+                        type: "text",
+                        content: `Story 1 call ${story1CallCount}`,
+                    },
+                ];
+            });
+            const story2 = newStory(uniqueId("story2"), () => {
+                story2CallCount++;
+                return [
+                    {
+                        type: "text",
+                        content: `Story 2 call ${story2CallCount}`,
+                    },
+                ];
+            });
+            story1.display();
+            expect(story1CallCount).toBe(1);
+            expect(story2CallCount).toBe(0);
+            story2.display();
+            expect(story1CallCount).toBe(1);
+            expect(story2CallCount).toBe(1);
+            // Getting cached results doesn't affect call counts
+            story1.getLastDisplayResult();
+            story2.getLastDisplayResult();
+            expect(story1CallCount).toBe(1);
+            expect(story2CallCount).toBe(1);
+        });
+    });
+});
+//# sourceMappingURL=passageDisplayCache.test.js.map

package/dist/tests/passageDisplayCache.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"passageDisplayCache.test.js","sourceRoot":"","sources":["../../src/tests/passageDisplayCache.test.ts"],"names":[],"mappings":"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"}

package/dist/tests/widget.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=widget.test.d.ts.map

package/dist/tests/widget.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.test.d.ts","sourceRoot":"","sources":["../../src/tests/widget.test.ts"],"names":[],"mappings":""}

package/dist/tests/widget.test.js

@@ -0,0 +1,281 @@
+import { afterEach, beforeEach, describe, expect, test } from "bun:test";
+import { createElement } from "react";
+import { Game } from "../game";
+import { newWidget, Widget } from "../passages/widget";
+import { Storage } from "../storage";
+// Counter for unique IDs
+let testCounter = 0;
+function uniqueId(prefix) {
+    return `${prefix}-${testCounter++}`;
+}
+describe("Widget Passage", () => {
+    beforeEach(async () => {
+        Storage.setState({});
+        await Game.init({ gameName: "Test Game", isDevMode: true });
+    });
+    afterEach(() => {
+        Game._resetForTesting();
+    });
+    describe("Creation", () => {
+        test("creates widget with static ReactNode content", () => {
+            const content = createElement("div", null, "Hello World");
+            const widget = newWidget(uniqueId("widget"), content);
+            expect(widget).toBeInstanceOf(Widget);
+            expect(widget.type).toBe("widget");
+        });
+        test("creates widget with string content", () => {
+            const widget = newWidget(uniqueId("widget"), "Simple String");
+            expect(widget).toBeInstanceOf(Widget);
+            expect(widget.type).toBe("widget");
+        });
+        test("creates widget with number content", () => {
+            const widget = newWidget(uniqueId("widget"), 42);
+            expect(widget).toBeInstanceOf(Widget);
+        });
+        test("creates widget with null content", () => {
+            const widget = newWidget(uniqueId("widget"), null);
+            expect(widget).toBeInstanceOf(Widget);
+        });
+        test("creates widget with function component", () => {
+            const MyComponent = () => createElement("div", null, "Component");
+            const widget = newWidget(uniqueId("widget"), MyComponent);
+            expect(widget).toBeInstanceOf(Widget);
+        });
+        test("registers widget with Game on creation", () => {
+            const id = uniqueId("widget");
+            const widget = newWidget(id, "Content");
+            expect(Game.getPassageById(id)).toBe(widget);
+        });
+    });
+    describe("Display - Static Content", () => {
+        test("display returns static string content directly", () => {
+            const widget = newWidget(uniqueId("widget"), "Static String");
+            const result = widget.display();
+            expect(result).toBe("Static String");
+        });
+        test("display returns static number content directly", () => {
+            const widget = newWidget(uniqueId("widget"), 123);
+            const result = widget.display();
+            expect(result).toBe(123);
+        });
+        test("display returns null content directly", () => {
+            const widget = newWidget(uniqueId("widget"), null);
+            const result = widget.display();
+            expect(result).toBeNull();
+        });
+        test("display returns ReactNode content directly", () => {
+            const content = createElement("span", { className: "test" }, "Text");
+            const widget = newWidget(uniqueId("widget"), content);
+            const result = widget.display();
+            expect(result).toBe(content);
+        });
+        test("display returns pre-evaluated JSX directly", () => {
+            // Simulating: newWidget('id', (() => <div>...</div>)())
+            const preEvaluated = createElement("div", null, Date.now());
+            const widget = newWidget(uniqueId("widget"), preEvaluated);
+            const result = widget.display();
+            expect(result).toBe(preEvaluated);
+        });
+    });
+    describe("Display - Function Content (React Components)", () => {
+        test("display wraps function in createElement", () => {
+            const MyComponent = () => createElement("div", null, "Hello");
+            const widget = newWidget(uniqueId("widget"), MyComponent);
+            const result = widget.display();
+            // Result should be a React element, not the string "Hello"
+            expect(result).toBeDefined();
+            expect(typeof result).toBe("object");
+            expect(result).not.toBe("Hello");
+        });
+        test("display creates React element with correct type", () => {
+            const MyComponent = () => createElement("div", null, "Content");
+            const widget = newWidget(uniqueId("widget"), MyComponent);
+            const result = widget.display();
+            // The element's type should be the component function
+            expect(result.type).toBe(MyComponent);
+        });
+        test("function is NOT called directly during display", () => {
+            let wasCalled = false;
+            const MyComponent = () => {
+                wasCalled = true;
+                return createElement("div", null, "Content");
+            };
+            const widget = newWidget(uniqueId("widget"), MyComponent);
+            // display() should NOT call the function - it wraps it in createElement
+            widget.display();
+            // The function is not called until React renders the element
+            expect(wasCalled).toBe(false);
+        });
+        test("arrow function component is wrapped in createElement", () => {
+            const ArrowComponent = () => createElement("span", null, "Arrow");
+            const widget = newWidget(uniqueId("widget"), ArrowComponent);
+            const result = widget.display();
+            expect(result.type).toBe(ArrowComponent);
+        });
+        test("named function component is wrapped in createElement", () => {
+            function NamedComponent() {
+                return createElement("div", null, "Named");
+            }
+            const widget = newWidget(uniqueId("widget"), NamedComponent);
+            const result = widget.display();
+            expect(result.type).toBe(NamedComponent);
+        });
+        test("lowercase named function is still wrapped in createElement", () => {
+            // This is the key fix - even with lowercase names (like minified code),
+            // functions should be wrapped in createElement
+            function lowercaseComponent() {
+                return createElement("div", null, "lowercase");
+            }
+            const widget = newWidget(uniqueId("widget"), lowercaseComponent);
+            const result = widget.display();
+            expect(result.type).toBe(lowercaseComponent);
+            expect(typeof result).toBe("object");
+        });
+        test("minified-style single letter function is wrapped in createElement", () => {
+            // Simulating minified component names like 'e', 't', 'n'
+            const e = () => createElement("div", null, "minified");
+            const widget = newWidget(uniqueId("widget"), e);
+            const result = widget.display();
+            expect(result.type).toBe(e);
+            expect(typeof result).toBe("object");
+        });
+    });
+    describe("Display Caching", () => {
+        test("caches static content after display", () => {
+            const widget = newWidget(uniqueId("widget"), "Cached Content");
+            expect(widget.hasDisplayCache()).toBe(false);
+            widget.display();
+            expect(widget.hasDisplayCache()).toBe(true);
+            expect(widget.getLastDisplayResult()).toBe("Cached Content");
+        });
+        test("caches React element after display", () => {
+            const MyComponent = () => createElement("div", null, "Component");
+            const widget = newWidget(uniqueId("widget"), MyComponent);
+            expect(widget.hasDisplayCache()).toBe(false);
+            const displayResult = widget.display();
+            expect(widget.hasDisplayCache()).toBe(true);
+            const cachedResult = widget.getLastDisplayResult();
+            expect(cachedResult).toEqual(displayResult);
+        });
+        test("getLastDisplayResult returns null before first display", () => {
+            const widget = newWidget(uniqueId("widget"), "Content");
+            expect(widget.getLastDisplayResult()).toBeNull();
+        });
+        test("cache updates on subsequent display calls", () => {
+            const content1 = createElement("div", null, "First");
+            const widget = newWidget(uniqueId("widget"), content1);
+            widget.display();
+            const cache1 = widget.getLastDisplayResult();
+            // For static content, cache remains the same
+            widget.display();
+            const cache2 = widget.getLastDisplayResult();
+            expect(cache1).toBe(cache2);
+        });
+    });
+    describe("Integration with Game", () => {
+        test("can navigate to widget passage", () => {
+            const widget = newWidget(uniqueId("widget"), "Navigate Test");
+            Game.jumpTo(widget.id);
+            expect(Game.currentPassage).toBe(widget);
+        });
+        test("widget is accessible via Game.getPassageById", () => {
+            const id = uniqueId("widget");
+            const widget = newWidget(id, "Accessible Content");
+            const retrieved = Game.getPassageById(id);
+            expect(retrieved).toBe(widget);
+        });
+        test("multiple widgets can coexist", () => {
+            const widget1 = newWidget(uniqueId("widget1"), "Content 1");
+            const widget2 = newWidget(uniqueId("widget2"), "Content 2");
+            const widget3 = newWidget(uniqueId("widget3"), "Content 3");
+            expect(Game.getPassageById(widget1.id)).toBe(widget1);
+            expect(Game.getPassageById(widget2.id)).toBe(widget2);
+            expect(Game.getPassageById(widget3.id)).toBe(widget3);
+        });
+    });
+    describe("Edge Cases", () => {
+        test("handles undefined content gracefully", () => {
+            const widget = newWidget(uniqueId("widget"), undefined);
+            const result = widget.display();
+            expect(result).toBeUndefined();
+        });
+        test("handles boolean content", () => {
+            const widgetTrue = newWidget(uniqueId("widget"), true);
+            const widgetFalse = newWidget(uniqueId("widget"), false);
+            expect(widgetTrue.display()).toBe(true);
+            expect(widgetFalse.display()).toBe(false);
+        });
+        test("handles array content (fragment-like)", () => {
+            const content = [
+                createElement("div", { key: "1" }, "First"),
+                createElement("div", { key: "2" }, "Second"),
+            ];
+            const widget = newWidget(uniqueId("widget"), content);
+            const result = widget.display();
+            expect(result).toBe(content);
+            expect(Array.isArray(result)).toBe(true);
+        });
+        test("handles nested createElement", () => {
+            const content = createElement("div", null, createElement("span", null, "Nested"), createElement("p", null, "Content"));
+            const widget = newWidget(uniqueId("widget"), content);
+            const result = widget.display();
+            expect(result).toBe(content);
+        });
+        test("function returning null is wrapped in createElement", () => {
+            const NullComponent = () => null;
+            const widget = newWidget(uniqueId("widget"), NullComponent);
+            const result = widget.display();
+            expect(result.type).toBe(NullComponent);
+        });
+        test("function returning undefined is wrapped in createElement", () => {
+            const UndefinedComponent = () => undefined;
+            const widget = newWidget(uniqueId("widget"), UndefinedComponent);
+            const result = widget.display();
+            expect(result.type).toBe(UndefinedComponent);
+        });
+    });
+    describe("Minification Safety", () => {
+        // These tests verify the fix for the minification issue where
+        // function names get mangled to lowercase identifiers
+        test("component with mangled name 'a' works correctly", () => {
+            const a = () => createElement("div", null, "Mangled A");
+            const widget = newWidget(uniqueId("widget"), a);
+            const result = widget.display();
+            expect(typeof result).toBe("object");
+            expect(result.type).toBe(a);
+        });
+        test("component with mangled name 't' works correctly", () => {
+            const t = () => createElement("div", null, "Mangled T");
+            const widget = newWidget(uniqueId("widget"), t);
+            const result = widget.display();
+            expect(typeof result).toBe("object");
+            expect(result.type).toBe(t);
+        });
+        test("component with numeric-like name works correctly", () => {
+            const _0 = () => createElement("div", null, "Numeric");
+            const widget = newWidget(uniqueId("widget"), _0);
+            const result = widget.display();
+            expect(typeof result).toBe("object");
+            expect(result.type).toBe(_0);
+        });
+        test("anonymous function works correctly", () => {
+            const widget = newWidget(uniqueId("widget"), function () {
+                return createElement("div", null, "Anonymous");
+            });
+            const result = widget.display();
+            expect(typeof result).toBe("object");
+        });
+        test("component assigned to variable with different name works", () => {
+            function OriginalName() {
+                return createElement("div", null, "Original");
+            }
+            // Simulating: const x = OriginalName; (name property becomes 'OriginalName')
+            const x = OriginalName;
+            const widget = newWidget(uniqueId("widget"), x);
+            const result = widget.display();
+            expect(result.type).toBe(x);
+            expect(result.type).toBe(OriginalName);
+        });
+    });
+});
+//# sourceMappingURL=widget.test.js.map