npm - @react-text-game/ui - Versions diffs - 0.3.10 → 0.3.12 - Mend

@react-text-game/ui 0.3.10 → 0.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/components/GameProvider/GameProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GameProvider.d.ts","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,UAAU,EAGb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,UAAU,EAAsB,MAAM,4BAA4B,CAAC;AAS5E,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAC9C,OAAO,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC,CAAC;AAOH,eAAO,MAAM,YAAY,GAAI,oCAI1B,iBAAiB,~~mDA4DnB~~,CAAC"}
1	+ {"version":3,"file":"GameProvider.d.ts","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,UAAU,EAGb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,UAAU,EAAsB,MAAM,4BAA4B,CAAC;AAS5E,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAC9C,OAAO,EAAE,UAAU,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC,CAAC;AAOH,eAAO,MAAM,YAAY,GAAI,oCAI1B,iBAAiB,mDA2EnB,CAAC"}

package/dist/components/GameProvider/GameProvider.js CHANGED Viewed

@@ -26,8 +26,19 @@ export const GameProvider = ({ children, options, components = {}, }) => {
         Game.init(options)
             .then(() => {
             newWidget(SYSTEM_PASSAGE_NAMES.START_MENU, components?.MainMenu?.() || _jsx(MainMenu, {}));
-            const initialPassage = options.startPassage || SYSTEM_PASSAGE_NAMES.START_MENU;
-            Game.setCurrent(initialPassage);
+            // Only set if not already set by Game.init() or registerPassage
+            if (!Game.currentPassage) {
+                const initialPassage = options.startPassage || SYSTEM_PASSAGE_NAMES.START_MENU;
+                // Check if passage exists, warn if not
+                const passage = Game.getPassageById(initialPassage);
+                if (!passage && options.startPassage) {
+                    console.warn(`[react-text-game] startPassage "${options.startPassage}" not found, falling back to START_MENU`);
+                    Game.setCurrent(SYSTEM_PASSAGE_NAMES.START_MENU);
+                }
+                else {
+                    Game.setCurrent(initialPassage);
+                }
+            }
             setIsInitialized(true);
         })
             .catch((error) => {

package/dist/components/GameProvider/GameProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GameProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACH,IAAI,EAEJ,SAAS,EACT,oBAAoB,GACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAqB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAc,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EACH,oBAAoB,EACpB,eAAe,GAClB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAO5C,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAClD,OAAO,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,UAAU,GAAG,EAAE,GACC,EAAE,EAAE;IACpB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAa,OAAO,CAAC,CAAC;IAC5E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACX,gDAAgD;QAChD,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,OAAO;QACX,CAAC;QAED,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;aACb,IAAI,CAAC,GAAG,EAAE;YACP,SAAS,CACL,oBAAoB,CAAC,UAAU,EAC/B,UAAU,EAAE,QAAQ,EAAE,EAAE,IAAI,KAAC,QAAQ,KAAG,CAC3C,CAAC;~~YACF~~,MAAM,cAAc,GAChB,OAAO,CAAC,YAAY,IAAI,oBAAoB,CAAC,UAAU,CAAC;~~YAC5D~~,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;~~YAChC~~,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACb,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC,CAAC;aACD,OAAO,CAAC,GAAG,EAAE;YACV,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QACpC,CAAC,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,eAAe,IAAI,aAAa,IAAI,eAAe,KAAK,OAAO,EAAE,CAAC;YAClE,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QACxC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,aAAa,cACV,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,YACtC,MAAC,oBAAoB,eAChB,QAAQ,EACR,OAAO,CAAC,SAAS,IAAI,CAClB,8BACI,KAAC,WAAW,IACR,OAAO,EAAE,eAAe,EACxB,UAAU,EAAE,kBAAkB,GAChC,EACF,KAAC,aAAa,IAAC,OAAO,EAAE,eAAe,GAAI,IAC5C,CACN,EACD,KAAC,oBAAoB,KAAG,IACL,GACN,GACT,CACnB,CAAC;AACN,CAAC,CAAC"}
1	+ {"version":3,"file":"GameProvider.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameProvider.tsx"],"names":[],"mappings":"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"}

package/dist/components/StoryComponent/components/Text.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;CAC5B,CAAC,CAAC;AAEH,eAAO,MAAM,IAAI,GAAI,mCAAmC,SAAS,~~4CAShE~~,CAAC"}
1	+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;CAC5B,CAAC,CAAC;AAEH,eAAO,MAAM,IAAI,GAAI,mCAAmC,SAAS,4CAkBhE,CAAC"}

package/dist/components/StoryComponent/components/Text.js CHANGED Viewed

@@ -1,4 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { twMerge } from "tailwind-merge";
-export const Text = ({ component: { props, content } }) => (_jsx("div", { className: twMerge("text-base text-justify whitespace-pre-wrap", props?.className), children: content }));
+export const Text = ({ component: { props, content } }) => {
+    const className = twMerge("text-base text-justify whitespace-pre-wrap", props?.className);
+    // HTML rendering path - browser handles parsing naturally
+    if (props?.isHTML && typeof content === "string") {
+        return (_jsx("div", { className: className, dangerouslySetInnerHTML: { __html: content } }));
+    }
+    // Default: render as ReactNode
+    return _jsx("div", { className: className, children: content });
+};
 //# sourceMappingURL=Text.js.map

package/dist/components/StoryComponent/components/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAa,EAAE,EAAE,~~CAAC~~,~~CAClE,cACI,~~SAAS,~~EAAE~~,OAAO,~~CACd~~,4CAA4C,EAC5C,KAAK,EAAE,SAAS,CACnB,~~YAEA~~,OAAO,~~GACN~~,~~CACT~~,CAAC"}
1	+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/StoryComponent/components/Text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAa,EAAE,EAAE;IACjE,MAAM,SAAS,GAAG,OAAO,CACrB,4CAA4C,EAC5C,KAAK,EAAE,SAAS,CACnB,CAAC;IAEF,0DAA0D;IAC1D,IAAI,KAAK,EAAE,MAAM,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAC/C,OAAO,CACH,cACI,SAAS,EAAE,SAAS,EACpB,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC9C,CACL,CAAC;IACN,CAAC;IAED,+BAA+B;IAC/B,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,OAAO,GAAO,CAAC;AACtD,CAAC,CAAC"}

package/dist/styles/index.css CHANGED Viewed

@@ -434,6 +434,9 @@
   .hidden {
     display: none;
   }
+  .inline {
+    display: inline;
+  }
   .inline-block {
     display: inline-block;
   }
@@ -1104,6 +1107,9 @@
   .uppercase {
     text-transform: uppercase;
   }
+  .italic {
+    font-style: italic;
+  }
   .accent-foreground {
     accent-color: var(--color-foreground);
   }

package/dist/tests/StoryComponent/Text.test.d.ts ADDED Viewed

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

package/dist/tests/StoryComponent/Text.test.d.ts.map ADDED Viewed

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

package/dist/tests/StoryComponent/Text.test.js ADDED Viewed

@@ -0,0 +1,174 @@
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, test } from "bun:test";
+import { createElement } from "react";
+import { Text } from "../../components/StoryComponent/components/Text";
+describe("Text", () => {
+    afterEach(() => {
+        cleanup();
+    });
+    describe("Default rendering", () => {
+        test("renders plain text string", () => {
+            const component = {
+                type: "text",
+                content: "Hello, world!",
+            };
+            render(createElement(Text, { component }));
+            expect(screen.getByText("Hello, world!")).toBeTruthy();
+        });
+        test("renders multi-line text with whitespace preservation", () => {
+            const component = {
+                type: "text",
+                content: "Line 1\nLine 2\nLine 3",
+            };
+            const { container } = render(createElement(Text, { component }));
+            const textDiv = container.querySelector("div");
+            expect(textDiv?.textContent).toBe("Line 1\nLine 2\nLine 3");
+            expect(textDiv?.classList.contains("whitespace-pre-wrap")).toBe(true);
+        });
+        test("renders empty string without errors", () => {
+            const component = {
+                type: "text",
+                content: "",
+            };
+            const { container } = render(createElement(Text, { component }));
+            const textDiv = container.querySelector("div");
+            expect(textDiv).toBeTruthy();
+            expect(textDiv?.textContent).toBe("");
+        });
+    });
+    describe("HTML rendering with isHTML", () => {
+        test("renders simple HTML tags when isHTML is true", () => {
+            const component = {
+                type: "text",
+                content: "<strong>Bold</strong> and <em>italic</em>",
+                props: { isHTML: true },
+            };
+            const { container } = render(createElement(Text, { component }));
+            const strong = container.querySelector("strong");
+            const em = container.querySelector("em");
+            expect(strong).toBeTruthy();
+            expect(strong?.textContent).toBe("Bold");
+            expect(em).toBeTruthy();
+            expect(em?.textContent).toBe("italic");
+        });
+        test("renders nested HTML elements", () => {
+            const component = {
+                type: "text",
+                content: "<div><p>Paragraph with <a href='#'>link</a></p></div>",
+                props: { isHTML: true },
+            };
+            const { container } = render(createElement(Text, { component }));
+            const paragraph = container.querySelector("p");
+            const link = container.querySelector("a");
+            expect(paragraph).toBeTruthy();
+            expect(link).toBeTruthy();
+            expect(link?.getAttribute("href")).toBe("#");
+        });
+        test("renders HTML with inline styles", () => {
+            const component = {
+                type: "text",
+                content: '<span style="color: red;">Red text</span>',
+                props: { isHTML: true },
+            };
+            const { container } = render(createElement(Text, { component }));
+            const span = container.querySelector("span");
+            expect(span).toBeTruthy();
+            expect(span?.style.color).toBe("red");
+        });
+        test("renders HTML with class attributes", () => {
+            const component = {
+                type: "text",
+                content: '<span class="custom-class">Styled text</span>',
+                props: { isHTML: true },
+            };
+            const { container } = render(createElement(Text, { component }));
+            const span = container.querySelector("span.custom-class");
+            expect(span).toBeTruthy();
+            expect(span?.textContent).toBe("Styled text");
+        });
+    });
+    describe("Edge cases", () => {
+        test("ignores isHTML when content is not a string (number)", () => {
+            const component = {
+                type: "text",
+                content: 42,
+                props: { isHTML: true },
+            };
+            render(createElement(Text, { component }));
+            // Should render as text, not attempt HTML parsing
+            expect(screen.getByText("42")).toBeTruthy();
+        });
+        test("renders HTML as escaped text when isHTML is false", () => {
+            const component = {
+                type: "text",
+                content: "<strong>Not bold</strong>",
+                props: { isHTML: false },
+            };
+            const { container } = render(createElement(Text, { component }));
+            // Should not have a strong element - HTML should be escaped
+            const strong = container.querySelector("strong");
+            expect(strong).toBeNull();
+            // The raw HTML string should be visible as text
+            expect(screen.getByText("<strong>Not bold</strong>")).toBeTruthy();
+        });
+        test("renders HTML as escaped text when isHTML is not provided", () => {
+            const component = {
+                type: "text",
+                content: "<em>Not italic</em>",
+            };
+            const { container } = render(createElement(Text, { component }));
+            // Should not have an em element
+            const em = container.querySelector("em");
+            expect(em).toBeNull();
+            // The raw HTML string should be visible as text
+            expect(screen.getByText("<em>Not italic</em>")).toBeTruthy();
+        });
+        test("handles malformed HTML gracefully", () => {
+            const component = {
+                type: "text",
+                content: "<div><p>Unclosed tags",
+                props: { isHTML: true },
+            };
+            // Browser should handle malformed HTML without throwing
+            const { container } = render(createElement(Text, { component }));
+            // Browser auto-closes tags, content should still render
+            expect(container.textContent).toContain("Unclosed tags");
+        });
+    });
+    describe("Styling", () => {
+        test("applies default classes", () => {
+            const component = {
+                type: "text",
+                content: "Styled text",
+            };
+            const { container } = render(createElement(Text, { component }));
+            const textDiv = container.querySelector("div");
+            expect(textDiv?.classList.contains("text-base")).toBe(true);
+            expect(textDiv?.classList.contains("text-justify")).toBe(true);
+            expect(textDiv?.classList.contains("whitespace-pre-wrap")).toBe(true);
+        });
+        test("applies custom className in default mode", () => {
+            const component = {
+                type: "text",
+                content: "Custom styled",
+                props: { className: "custom-class text-lg" },
+            };
+            const { container } = render(createElement(Text, { component }));
+            const textDiv = container.querySelector("div");
+            expect(textDiv?.classList.contains("custom-class")).toBe(true);
+            expect(textDiv?.classList.contains("text-lg")).toBe(true);
+        });
+        test("applies custom className in HTML mode", () => {
+            const component = {
+                type: "text",
+                content: "<strong>HTML content</strong>",
+                props: { isHTML: true, className: "html-custom-class" },
+            };
+            const { container } = render(createElement(Text, { component }));
+            const textDiv = container.querySelector("div");
+            expect(textDiv?.classList.contains("html-custom-class")).toBe(true);
+            expect(textDiv?.classList.contains("text-base")).toBe(true);
+        });
+    });
+});
+//# sourceMappingURL=Text.test.js.map

package/dist/tests/StoryComponent/Text.test.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@react-text-game/ui",
-    "version": "0.3.10",
+    "version": "0.3.12",
     "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",