@react-text-game/ui 0.2.3 → 0.3.0

package/dist/tests/GameProvider.test.js

@@ -0,0 +1,178 @@
+import { Game, Passage, SYSTEM_PASSAGE_NAMES } from "@react-text-game/core";
+import { cleanup, render, screen, waitFor } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, mock, test } from "bun:test";
+import { createElement } from "react";
+import { GameProvider } from "../components/GameProvider";
+// Test passage class
+class TestPassage extends Passage {
+    constructor(id) {
+        super(id, "widget");
+    }
+    display() {
+        return { content: `Passage: ${this.id}` };
+    }
+}
+describe("GameProvider", () => {
+    beforeEach(() => {
+        // Clear any previous game state
+        Game._resetForTesting();
+    });
+    afterEach(() => {
+        cleanup();
+    });
+    describe("Initialization", () => {
+        test("initializes Game with provided options", async () => {
+            const options = {
+                gameName: "Test Game",
+                gameId: "test-game-id",
+                description: "A test game",
+                gameVersion: "1.0.0",
+                author: "Test Author",
+            };
+            render(createElement(GameProvider, { options }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(Game.options.gameName).toBe("Test Game");
+                expect(Game.options.gameId).toBe("test-game-id");
+                expect(Game.options.description).toBe("A test game");
+                expect(Game.options.gameVersion).toBe("1.0.0");
+                expect(Game.options.author).toBe("Test Author");
+            });
+        });
+        test("returns null before initialization is complete", () => {
+            const { container } = render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", null, "Test content")));
+            // Before initialization, nothing should be rendered
+            expect(container.innerHTML).toBe("");
+        });
+        test("renders children after initialization", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", { "data-testid": "child" }, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByTestId("child")).toBeTruthy();
+                expect(screen.getByText("Test content")).toBeTruthy();
+            });
+        });
+    });
+    describe("Start Passage Handling", () => {
+        test("sets currentPassage to provided startPassage option", async () => {
+            const testPassageId = "test-value";
+            // Initialize Game first
+            await Game.init({ gameName: "test", startPassage: testPassageId });
+            // Create the test passage before rendering
+            new TestPassage(testPassageId);
+            render(createElement(GameProvider, { options: { gameName: "test", startPassage: testPassageId } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(Game.currentPassage?.id).toBe(testPassageId);
+            }, { timeout: 1000 });
+        });
+        test("sets currentPassage to START_MENU when startPassage is not provided", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(Game.currentPassage?.id).toBe(SYSTEM_PASSAGE_NAMES.START_MENU);
+            });
+        });
+    });
+    describe("Custom Components", () => {
+        test("uses custom MainMenu component when provided", async () => {
+            const CustomMainMenu = () => createElement("div", { "data-testid": "custom-menu" }, "Custom Menu");
+            const components = {
+                MainMenu: () => createElement(CustomMainMenu),
+            };
+            render(createElement(GameProvider, { options: { gameName: "test" }, components }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content")).toBeTruthy();
+            });
+        });
+        test("uses default MainMenu when custom component is not provided", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content")).toBeTruthy();
+            });
+        });
+    });
+    describe("Dev Mode Features", () => {
+        test("renders dev mode components when isDevMode is true", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test", isDevMode: true } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content")).toBeTruthy();
+                // Dev mode components should be rendered
+                // Note: We can't easily test AppIconMenu and DevModeDrawer without more setup
+            });
+        });
+        test("does not render dev mode components when isDevMode is false", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test", isDevMode: false } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content")).toBeTruthy();
+            });
+        });
+        test("does not render dev mode components when isDevMode is undefined", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content")).toBeTruthy();
+            });
+        });
+    });
+    describe("Context Providers", () => {
+        test("wraps children with ErrorBoundary", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content")).toBeTruthy();
+            });
+            // If ErrorBoundary wasn't present, errors would crash the test
+        });
+        test("wraps children with ComponentsProvider", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content")).toBeTruthy();
+            });
+        });
+        test("wraps children with SaveLoadMenuProvider", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content")).toBeTruthy();
+            });
+        });
+    });
+    describe("Options Update", () => {
+        test("updates Game options when internalOptions change", async () => {
+            Game.updateOptions = mock(Game.updateOptions.bind(Game));
+            render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content")).toBeTruthy();
+            });
+            // Note: Testing internal option updates would require exposing setInternalOptions
+            // or triggering it through AppIconMenu interactions
+        });
+    });
+    describe("Widget Registration", () => {
+        test("registers START_MENU widget during initialization", async () => {
+            render(createElement(GameProvider, { options: { gameName: "test" } }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(Game.currentPassage?.id).toBe(SYSTEM_PASSAGE_NAMES.START_MENU);
+            });
+        });
+        test("registers custom MainMenu widget when provided", async () => {
+            const CustomMainMenu = () => createElement("div", null, "Custom Menu");
+            const components = {
+                MainMenu: () => createElement(CustomMainMenu),
+            };
+            render(createElement(GameProvider, { options: { gameName: "test" }, components }, createElement("div", null, "Test content")));
+            await waitFor(() => {
+                expect(Game.currentPassage?.id).toBe(SYSTEM_PASSAGE_NAMES.START_MENU);
+            });
+        });
+    });
+    describe("Multiple Instances", () => {
+        test("handles re-initialization when options change", async () => {
+            const { rerender } = render(createElement(GameProvider, { options: { gameName: "test1" } }, createElement("div", null, "Test content 1")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content 1")).toBeTruthy();
+                expect(Game.options.gameName).toBe("test1");
+            });
+            // Re-render with different options
+            rerender(createElement(GameProvider, { options: { gameName: "test2" } }, createElement("div", null, "Test content 2")));
+            await waitFor(() => {
+                expect(screen.getByText("Test content 2")).toBeTruthy();
+            });
+        });
+    });
+});
+//# sourceMappingURL=GameProvider.test.js.map

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

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

package/dist/tests/StoryComponent/Conversation.test.d.ts

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

package/dist/tests/StoryComponent/Conversation.test.d.ts.map

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

package/dist/tests/StoryComponent/Conversation.test.js

@@ -0,0 +1,306 @@
+import { cleanup, render, screen, waitFor } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, test } from "bun:test";
+import { createElement } from "react";
+import { Conversation } from "../../components/StoryComponent/components/Conversation";
+describe("Conversation", () => {
+    beforeEach(() => {
+        // Any setup if needed
+    });
+    afterEach(() => {
+        cleanup();
+    });
+    describe("Appearance: atOnce", () => {
+        test("renders all conversation bubbles immediately", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [
+                    { content: "Hello there!", side: "left" },
+                    { content: "Hi! How are you?", side: "right" },
+                    { content: "I'm doing great!", side: "left" },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            expect(screen.getByText("Hello there!")).toBeTruthy();
+            expect(screen.getByText("Hi! How are you?")).toBeTruthy();
+            expect(screen.getByText("I'm doing great!")).toBeTruthy();
+        });
+        test("displays avatars with images correctly", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [
+                    {
+                        content: "Hello!",
+                        who: {
+                            name: "NPC",
+                            avatar: "/avatar.png",
+                        },
+                        side: "left",
+                    },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            const avatar = screen.getByAltText("NPC");
+            expect(avatar).toBeTruthy();
+            expect(avatar.getAttribute("src")).toBe("/avatar.png");
+        });
+        test("displays fallback avatar with first letter of name", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [
+                    {
+                        content: "Hello!",
+                        who: {
+                            name: "John",
+                        },
+                        side: "left",
+                    },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            expect(screen.getByText("J")).toBeTruthy();
+        });
+        test("displays question mark when no name provided", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [
+                    {
+                        content: "Anonymous message",
+                        side: "left",
+                    },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            expect(screen.getByText("?")).toBeTruthy();
+        });
+        test("renders left and right side bubbles correctly", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [
+                    { content: "Left message", side: "left" },
+                    { content: "Right message", side: "right" },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            expect(screen.getByText("Left message")).toBeTruthy();
+            expect(screen.getByText("Right message")).toBeTruthy();
+            // Check that different styles are applied based on side
+            const leftBubble = screen
+                .getByText("Left message")
+                .closest("div");
+            const rightBubble = screen
+                .getByText("Right message")
+                .closest("div");
+            expect(leftBubble).toBeTruthy();
+            expect(rightBubble).toBeTruthy();
+        });
+        test("applies custom className from props", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [{ content: "Test", side: "left" }],
+                props: {
+                    className: "custom-conversation-class",
+                },
+            };
+            const { container } = render(createElement(Conversation, { component }));
+            const conversationContainer = container.querySelector(".custom-conversation-class");
+            expect(conversationContainer).toBeTruthy();
+        });
+        test("renders with chat variant (default)", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [{ content: "Chat message", side: "left" }],
+            };
+            render(createElement(Conversation, { component }));
+            expect(screen.getByText("Chat message")).toBeTruthy();
+        });
+        test("renders with messenger variant", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [{ content: "Messenger message", side: "left" }],
+                props: {
+                    variant: "messenger",
+                },
+            };
+            render(createElement(Conversation, { component }));
+            expect(screen.getByText("Messenger message")).toBeTruthy();
+        });
+    });
+    describe("Appearance: byClick", () => {
+        test("shows first bubble immediately", () => {
+            const component = {
+                type: "conversation",
+                appearance: "byClick",
+                content: [
+                    { content: "First message", side: "left" },
+                    { content: "Second message", side: "left" },
+                    { content: "Third message", side: "left" },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            // First bubble should be visible immediately
+            expect(screen.getByText("First message")).toBeTruthy();
+            // Other bubbles should not be visible yet
+            expect(screen.queryByText("Second message")).toBeNull();
+            expect(screen.queryByText("Third message")).toBeNull();
+        });
+        test("shows next bubble on click", async () => {
+            const component = {
+                type: "conversation",
+                appearance: "byClick",
+                content: [
+                    { content: "First message", side: "left" },
+                    { content: "Second message", side: "left" },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            // First bubble should be visible
+            expect(screen.getByText("First message")).toBeTruthy();
+            expect(screen.queryByText("Second message")).toBeNull();
+            // Click on the first bubble
+            const firstBubble = screen.getByText("First message");
+            firstBubble.click();
+            // Second bubble should now be visible
+            await waitFor(() => {
+                expect(screen.getByText("Second message")).toBeTruthy();
+            });
+        });
+        test("shows all bubbles sequentially with multiple clicks", async () => {
+            const component = {
+                type: "conversation",
+                appearance: "byClick",
+                content: [
+                    { content: "First", side: "left" },
+                    { content: "Second", side: "left" },
+                    { content: "Third", side: "left" },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            // First is visible
+            expect(screen.getByText("First")).toBeTruthy();
+            expect(screen.queryByText("Second")).toBeNull();
+            // Click to show second
+            screen.getByText("First").click();
+            await waitFor(() => {
+                expect(screen.getByText("Second")).toBeTruthy();
+            });
+            // Click to show third
+            screen.getByText("First").click();
+            await waitFor(() => {
+                expect(screen.getByText("Third")).toBeTruthy();
+            });
+        });
+        test("doesn't add more bubbles after all are shown", async () => {
+            const component = {
+                type: "conversation",
+                appearance: "byClick",
+                content: [
+                    { content: "First", side: "left" },
+                    { content: "Second", side: "left" },
+                ],
+            };
+            const { container } = render(createElement(Conversation, { component }));
+            // Show all bubbles
+            screen.getByText("First").click();
+            await waitFor(() => {
+                expect(screen.getByText("Second")).toBeTruthy();
+            });
+            // Count bubbles
+            const bubblesBefore = container.querySelectorAll("div").length;
+            // Click again
+            screen.getByText("First").click();
+            // Should have same number of bubbles
+            const bubblesAfter = container.querySelectorAll("div").length;
+            expect(bubblesAfter).toBe(bubblesBefore);
+        });
+        test("handles single bubble conversation", () => {
+            const component = {
+                type: "conversation",
+                appearance: "byClick",
+                content: [{ content: "Only message", side: "left" }],
+            };
+            render(createElement(Conversation, { component }));
+            expect(screen.getByText("Only message")).toBeTruthy();
+        });
+    });
+    describe("Edge Cases", () => {
+        test("handles empty conversation content", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [],
+            };
+            const { container } = render(createElement(Conversation, { component }));
+            // Should render without errors, just empty
+            expect(container.innerHTML).toBeTruthy();
+        });
+        test("handles conversation with missing who data", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [
+                    {
+                        content: "Message without who",
+                        side: "left",
+                    },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            expect(screen.getByText("Message without who")).toBeTruthy();
+            expect(screen.getByText("?")).toBeTruthy(); // Fallback avatar
+        });
+        test("handles conversation with custom bubble classNames", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [
+                    {
+                        content: "Custom styled",
+                        side: "left",
+                        props: {
+                            classNames: {
+                                base: "custom-base",
+                                content: "custom-content",
+                                avatar: "custom-avatar",
+                            },
+                        },
+                    },
+                ],
+            };
+            const { container } = render(createElement(Conversation, { component }));
+            expect(screen.getByText("Custom styled")).toBeTruthy();
+            // Check that custom classes are applied
+            const baseElement = container.querySelector(".custom-base");
+            const contentElement = container.querySelector(".custom-content");
+            const avatarElement = container.querySelector(".custom-avatar");
+            expect(baseElement).toBeTruthy();
+            expect(contentElement).toBeTruthy();
+            expect(avatarElement).toBeTruthy();
+        });
+        test("handles mixed sides in conversation", () => {
+            const component = {
+                type: "conversation",
+                appearance: "atOnce",
+                content: [
+                    { content: "Left 1", side: "left" },
+                    { content: "Right 1", side: "right" },
+                    { content: "Left 2", side: "left" },
+                    { content: "Right 2", side: "right" },
+                ],
+            };
+            render(createElement(Conversation, { component }));
+            expect(screen.getByText("Left 1")).toBeTruthy();
+            expect(screen.getByText("Right 1")).toBeTruthy();
+            expect(screen.getByText("Left 2")).toBeTruthy();
+            expect(screen.getByText("Right 2")).toBeTruthy();
+        });
+    });
+});
+//# sourceMappingURL=Conversation.test.js.map

package/dist/tests/StoryComponent/Conversation.test.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@react-text-game/ui",
-    "version": "0.2.3",
+    "version": "0.3.0",
     "description": "Themeable React UI component library for text-based games with Tailwind CSS v4, featuring story passages, interactive maps, and customizable game interfaces",
     "private": false,
     "type": "module",
@@ -13,6 +13,8 @@
         "dev": "tsc --watch & tsc-alias --watch & bun run build:css --watch",
         "build": "tsc && tsc-alias && bun run build:css",
         "build:css": "mkdir -p dist/styles && bunx @tailwindcss/cli@latest -i src/styles/index.css -o dist/styles/index.css",
+        "check-types": "tsc --noEmit",
+        "lint": "eslint .",
         "prepack": "rm -rf dist && bun run build",
         "test-pack": "npm pack --dry-run && bunx publint"
     },
@@ -26,6 +28,8 @@
         "dist"
     ],
     "dependencies": {
+        "i18next": "^25.6.0",
+        "react-i18next": "^16.1.0",
         "tailwind-merge": "^3.3.1"
     },
     "peerDependencies": {
@@ -40,10 +44,11 @@
         "@types/bun": "^1.2.23",
         "@types/react": "^19.0.10",
         "@types/react-dom": "^19.0.5",
+        "eslint": "^9.37.0",
         "tsc-alias": "^1.8.16",
         "@tailwindcss/postcss": "^4.0.0",
         "postcss": "^8.4.49",
-        "@react-text-game/core": "0.2.0"
+        "@react-text-game/core": "0.3.0"
     },
     "imports": {
         "#*": "./dist/*"
@@ -53,6 +58,10 @@
             "types": "./dist/index.d.ts",
             "import": "./dist/index.js"
         },
-        "./styles": "./dist/styles/index.css"
+        "./styles": "./dist/styles/index.css",
+        "./i18n": {
+            "types": "./dist/i18n/index.d.ts",
+            "import": "./dist/i18n/index.js"
+        }
     }
 }