@simplysm/solid 13.0.72 → 13.0.74

package/tests/components/form-control/select/Select.spec.tsx

@@ -81,6 +81,7 @@ describe("Select component", () => {
       fireEvent.click(selectItem);
 
       // Value changed
+       
       expect(value()).toBe("apple");
       // aria-expanded becomes false (close triggered)
       expect(getByRole("combobox").getAttribute("aria-expanded")).toBe("false");
@@ -150,9 +151,11 @@ describe("Select component", () => {
 
       const selectItems = document.querySelectorAll("[data-select-item]");
       fireEvent.click(selectItems[0]);
+       
       expect(value()).toEqual(["apple"]);
 
       fireEvent.click(selectItems[1]);
+       
       expect(value()).toEqual(["apple", "banana"]);
     });
 
@@ -490,6 +493,7 @@ describe("Select component", () => {
       const selectAllBtn = document.querySelector("[data-select-all]") as HTMLElement;
       fireEvent.click(selectAllBtn);
 
+       
       expect(value()).toEqual(["apple", "banana", "cherry"]);
     });
 
@@ -518,6 +522,7 @@ describe("Select component", () => {
       const deselectAllBtn = document.querySelector("[data-deselect-all]") as HTMLElement;
       fireEvent.click(deselectAllBtn);
 
+       
       expect(value()).toEqual([]);
     });
 

package/tests/components/form-control/select/SelectItem.spec.tsx

@@ -9,6 +9,7 @@ import {
 
 // Test provider
 function TestProvider(props: { children: JSX.Element; value: SelectContextValue }) {
+   
   return <SelectContext.Provider value={props.value}>{props.children}</SelectContext.Provider>;
 }
 

package/tests/components/layout/sidebar/Sidebar.spec.tsx

@@ -16,16 +16,20 @@ vi.mock("@solidjs/router", () => ({
 }));
 
 import { Sidebar, useSidebarContext } from "../../../../src";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
+import { ConfigProvider } from "../../../../src/providers/ConfigContext";
 
 // ToggleCapture helper - Extract setToggle from Context for external control
 const ToggleCapture: Component<{ onCapture: (setToggle: Setter<boolean>) => void }> = (props) => {
   const { setToggle } = useSidebarContext();
+   
   props.onCapture(setToggle);
   return null;
 };
 
 describe("Sidebar component", () => {
   beforeEach(() => {
+    localStorage.setItem("test.i18n-locale", JSON.stringify("en"));
     mockCreateMediaQuery.mockReturnValue(() => true); // Desktop mode
   });
 
@@ -36,11 +40,15 @@ describe("Sidebar component", () => {
   describe("basic rendering", () => {
     it("displays children inside sidebar", () => {
       const { getByText } = render(() => (
-        <Sidebar.Container>
-          <Sidebar>
-            <span>Sidebar content</span>
-          </Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              <Sidebar>
+                <span>Sidebar content</span>
+              </Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       expect(getByText("Sidebar content")).toBeTruthy();
@@ -48,9 +56,13 @@ describe("Sidebar component", () => {
 
     it("renders as aside element", () => {
       const { container } = render(() => (
-        <Sidebar.Container>
-          <Sidebar>Content</Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              <Sidebar>Content</Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       expect(container.querySelector("aside")).toBeTruthy();
@@ -62,9 +74,13 @@ describe("Sidebar component", () => {
       mockCreateMediaQuery.mockReturnValue(() => true); // Desktop
 
       const { container } = render(() => (
-        <Sidebar.Container>
-          <Sidebar>Content</Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              <Sidebar>Content</Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       // toggle=false (initial) → open on desktop
@@ -77,10 +93,14 @@ describe("Sidebar component", () => {
       let setToggle!: Setter<boolean>;
 
       const { container } = render(() => (
-        <Sidebar.Container>
-          <ToggleCapture onCapture={(fn) => (setToggle = fn)} />
-          <Sidebar>Content</Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              <ToggleCapture onCapture={(fn) => (setToggle = fn)} />
+              <Sidebar>Content</Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       setToggle(true); // Switch to closed
@@ -92,9 +112,13 @@ describe("Sidebar component", () => {
       mockCreateMediaQuery.mockReturnValue(() => false); // Mobile
 
       const { container } = render(() => (
-        <Sidebar.Container>
-          <Sidebar>Content</Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              <Sidebar>Content</Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       // toggle=false (initial) → closed on mobile
@@ -107,10 +131,14 @@ describe("Sidebar component", () => {
       let setToggle!: Setter<boolean>;
 
       const { container } = render(() => (
-        <Sidebar.Container>
-          <ToggleCapture onCapture={(fn) => (setToggle = fn)} />
-          <Sidebar>Content</Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              <ToggleCapture onCapture={(fn) => (setToggle = fn)} />
+              <Sidebar>Content</Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       setToggle(true); // Switch to open
@@ -124,9 +152,13 @@ describe("Sidebar component", () => {
       mockCreateMediaQuery.mockReturnValue(() => true); // Desktop
 
       const { container } = render(() => (
-        <Sidebar.Container>
-          <Sidebar>Content</Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              <Sidebar>Content</Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       // toggle=false (initial) → open on desktop
@@ -138,9 +170,13 @@ describe("Sidebar component", () => {
       mockCreateMediaQuery.mockReturnValue(() => false); // Mobile
 
       const { container } = render(() => (
-        <Sidebar.Container>
-          <Sidebar>Content</Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              <Sidebar>Content</Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       // toggle=false (initial) → closed on mobile
@@ -152,9 +188,13 @@ describe("Sidebar component", () => {
       mockCreateMediaQuery.mockReturnValue(() => false); // Mobile
 
       const { container } = render(() => (
-        <Sidebar.Container>
-          <Sidebar>Content</Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              <Sidebar>Content</Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       // toggle=false (initial) → closed on mobile
@@ -166,10 +206,14 @@ describe("Sidebar component", () => {
   describe("style merging", () => {
     it("merges custom classes", () => {
       const { container } = render(() => (
-        <Sidebar.Container>
-          {/* eslint-disable-next-line tailwindcss/no-custom-classname */}
-          <Sidebar class="my-custom-class">Content</Sidebar>
-        </Sidebar.Container>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Sidebar.Container>
+              {/* eslint-disable-next-line tailwindcss/no-custom-classname */}
+              <Sidebar class="my-custom-class">Content</Sidebar>
+            </Sidebar.Container>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       const sidebar = container.querySelector("aside");

package/tests/components/layout/sidebar/SidebarContainer.spec.tsx

@@ -22,6 +22,7 @@ import { ConfigProvider } from "../../../../src/providers/ConfigContext";
 // ToggleCapture helper - Extract setToggle from Context for external control
 const ToggleCapture: Component<{ onCapture: (setToggle: Setter<boolean>) => void }> = (props) => {
   const { setToggle } = useSidebarContext();
+   
   props.onCapture(setToggle);
   return null;
 };

package/tests/components/layout/sidebar/SidebarMenu.spec.tsx

@@ -2,6 +2,8 @@ import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
 import { render, fireEvent } from "@solidjs/testing-library";
 import { Router } from "@solidjs/router";
 import { Sidebar, type AppMenu } from "../../../../src";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
+import { ConfigProvider } from "../../../../src/providers/ConfigContext";
 
 // Mock pathname signal
 import { createSignal } from "solid-js";
@@ -27,6 +29,7 @@ const mockWindowOpen = vi.fn();
 
 describe("SidebarMenu", () => {
   beforeEach(() => {
+    localStorage.setItem("test.i18n-locale", JSON.stringify("en"));
     vi.clearAllMocks();
     setMockPathname("/"); // Initialize pathname
     vi.spyOn(window, "open").mockImplementation(mockWindowOpen);
@@ -43,14 +46,18 @@ describe("SidebarMenu", () => {
 
   const renderWithRouter = (menus: AppMenu[]) => {
     return render(() => (
-      <Router base="" root={(props) => props.children}>
-        {[
-          {
-            path: "*",
-            component: () => <Sidebar.Menu menus={menus} />,
-          },
-        ]}
-      </Router>
+      <ConfigProvider clientName="test">
+        <I18nProvider>
+          <Router base="" root={(props) => props.children}>
+            {[
+              {
+                path: "*",
+                component: () => <Sidebar.Menu menus={menus} />,
+              },
+            ]}
+          </Router>
+        </I18nProvider>
+      </ConfigProvider>
     ));
   };
 
@@ -202,15 +209,19 @@ describe("SidebarMenu", () => {
       const menus: AppMenu[] = [{ title: "Home", href: "/" }];
 
       const { container } = render(() => (
-        <Router base="" root={(props) => props.children}>
-          {[
-            {
-              path: "*",
-              // eslint-disable-next-line tailwindcss/no-custom-classname
-              component: () => <Sidebar.Menu menus={menus} class="my-custom-class" />,
-            },
-          ]}
-        </Router>
+        <ConfigProvider clientName="test">
+          <I18nProvider>
+            <Router base="" root={(props) => props.children}>
+              {[
+                {
+                  path: "*",
+                  // eslint-disable-next-line tailwindcss/no-custom-classname
+                  component: () => <Sidebar.Menu menus={menus} class="my-custom-class" />,
+                },
+              ]}
+            </Router>
+          </I18nProvider>
+        </ConfigProvider>
       ));
 
       expect(container.querySelector(".my-custom-class")).toBeTruthy();

package/tests/components/layout/topbar/TopbarActions.spec.tsx

@@ -1,9 +1,15 @@
 import { render, cleanup } from "@solidjs/testing-library";
-import { describe, it, expect, afterEach } from "vitest";
+import { describe, it, expect, afterEach, beforeEach } from "vitest";
 import { createSignal, Show } from "solid-js";
 import { Topbar, createTopbarActions } from "../../../../src";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
+import { ConfigProvider } from "../../../../src/providers/ConfigContext";
 
 describe("Topbar.Actions component", () => {
+  beforeEach(() => {
+    localStorage.setItem("test.i18n-locale", JSON.stringify("en"));
+  });
+
   afterEach(() => {
     cleanup();
   });
@@ -15,13 +21,17 @@ describe("Topbar.Actions component", () => {
     }
 
     const { getByText } = render(() => (
-      <Topbar.Container>
-        <Topbar>
-          <span>Title</span>
-          <Topbar.Actions />
-        </Topbar>
-        <PageWithActions />
-      </Topbar.Container>
+      <ConfigProvider clientName="test">
+        <I18nProvider>
+          <Topbar.Container>
+            <Topbar>
+              <span>Title</span>
+              <Topbar.Actions />
+            </Topbar>
+            <PageWithActions />
+          </Topbar.Container>
+        </I18nProvider>
+      </ConfigProvider>
     ));
 
     expect(getByText("Save")).toBeTruthy();
@@ -29,13 +39,17 @@ describe("Topbar.Actions component", () => {
 
   it("renders nothing when actions are not provided", () => {
     const { container } = render(() => (
-      <Topbar.Container>
-        <Topbar>
-          <span>Title</span>
-          <Topbar.Actions />
-        </Topbar>
-        <div>Content</div>
-      </Topbar.Container>
+      <ConfigProvider clientName="test">
+        <I18nProvider>
+          <Topbar.Container>
+            <Topbar>
+              <span>Title</span>
+              <Topbar.Actions />
+            </Topbar>
+            <div>Content</div>
+          </Topbar.Container>
+        </I18nProvider>
+      </ConfigProvider>
     ));
 
     const actionsSlot = container.querySelector("[data-topbar-actions]");
@@ -56,14 +70,18 @@ describe("Topbar.Actions component", () => {
     const [page, setPage] = createSignal<"a" | "b">("a");
 
     const { getByText, queryByText } = render(() => (
-      <Topbar.Container>
-        <Topbar>
-          <Topbar.Actions />
-        </Topbar>
-        <Show when={page() === "a"} fallback={<PageB />}>
-          <PageA />
-        </Show>
-      </Topbar.Container>
+      <ConfigProvider clientName="test">
+        <I18nProvider>
+          <Topbar.Container>
+            <Topbar>
+              <Topbar.Actions />
+            </Topbar>
+            <Show when={page() === "a"} fallback={<PageB />}>
+              <PageA />
+            </Show>
+          </Topbar.Container>
+        </I18nProvider>
+      </ConfigProvider>
     ));
 
     expect(getByText("Save")).toBeTruthy();

package/tests/components/layout/topbar/createTopbarActions.spec.tsx

@@ -6,6 +6,7 @@ import { Topbar, createTopbarActions, useTopbarActionsAccessor } from "../../../
 // Helper: Extract actions accessor from TopbarContext
 function ActionsReader(props: { onCapture: (actions: Accessor<JSX.Element | undefined>) => void }) {
   const actions = useTopbarActionsAccessor();
+   
   props.onCapture(actions);
   return null;
 }

package/tests/hooks/usePrint.spec.tsx

@@ -3,7 +3,7 @@ import { describe, it, expect, vi } from "vitest";
 import { onMount } from "solid-js";
 import { BusyProvider } from "../../src/components/feedback/busy/BusyProvider";
 import { PrintProvider } from "../../src/components/feedback/print/PrintProvider";
-import { usePrint } from "../../src/hooks/usePrint";
+import { usePrint } from "../../src/components/feedback/print/PrintContext";
 import { Print } from "../../src/components/feedback/print/Print";
 import { usePrintInstance } from "../../src/components/feedback/print/PrintInstanceContext";
 

package/tests/hooks/useRouterLink.spec.tsx

@@ -33,12 +33,14 @@ describe("useRouterLink", () => {
     onHandlerCreated?: (handler: (e: MouseEvent) => void) => void;
   }) => {
     const navigate = useRouterLink();
+     
     const handler = navigate({
       href: props.href,
       state: props.state,
       window: props.windowOptions,
     });
     props.onHandlerCreated?.(handler);
+     
 
     return (
       <button data-testid="test-button" onClick={handler}>

package/tests/hooks/useSyncConfig.spec.tsx

@@ -10,6 +10,7 @@ import {
 
 /** Helper to configure adapter within SyncStorageProvider and render children */
 function ConfigureStorage(props: { storage: StorageAdapter; children: any }) {
+   
   useSyncStorage()!.configure(() => props.storage);
   return <>{props.children}</>;
 }

package/tests/providers/ErrorLoggerProvider.spec.tsx

@@ -6,6 +6,7 @@ import { useLogger } from "../../src/hooks/useLogger";
 
 /** Helper to configure adapter within LoggerProvider and render children */
 function ConfigureLogger(props: { adapter: LogAdapter; children: any }) {
+   
   useLogger().configure(() => props.adapter);
   return <>{props.children}</>;
 }

package/tests/providers/PwaUpdateProvider.spec.tsx

@@ -1,20 +1,30 @@
-import { describe, it, expect, afterEach } from "vitest";
+import { describe, it, expect, afterEach, beforeEach } from "vitest";
 import { render, cleanup } from "@solidjs/testing-library";
 import { PwaUpdateProvider } from "../../src/providers/PwaUpdateProvider";
 import { NotificationProvider } from "../../src/components/feedback/notification/NotificationProvider";
+import { I18nProvider } from "../../src/providers/i18n/I18nContext";
+import { ConfigProvider } from "../../src/providers/ConfigContext";
 
 describe("PwaUpdateProvider", () => {
+  beforeEach(() => {
+    localStorage.setItem("test.i18n-locale", JSON.stringify("en"));
+  });
+
   afterEach(() => {
     cleanup();
   });
 
   it("renders children correctly", () => {
     const { getByText } = render(() => (
-      <NotificationProvider>
-        <PwaUpdateProvider>
-          <div>child content</div>
-        </PwaUpdateProvider>
-      </NotificationProvider>
+      <ConfigProvider clientName="test">
+        <I18nProvider>
+          <NotificationProvider>
+            <PwaUpdateProvider>
+              <div>child content</div>
+            </PwaUpdateProvider>
+          </NotificationProvider>
+        </I18nProvider>
+      </ConfigProvider>
     ));
 
     expect(getByText("child content")).toBeDefined();

package/tests/providers/ServiceClientContext.spec.tsx

@@ -1,4 +1,4 @@
-import { describe, it, expect } from "vitest";
+import { describe, it, expect, beforeEach } from "vitest";
 import { createRoot } from "solid-js";
 import { render } from "@solidjs/testing-library";
 import {
@@ -8,8 +8,13 @@ import {
 import { ServiceClientProvider } from "../../src/providers/ServiceClientProvider";
 import { NotificationProvider } from "../../src/components/feedback/notification/NotificationProvider";
 import { ConfigContext } from "../../src/providers/ConfigContext";
+import { I18nProvider } from "../../src/providers/i18n/I18nContext";
 
 describe("ServiceClientContext", () => {
+  beforeEach(() => {
+    localStorage.setItem("testApp.i18n-locale", JSON.stringify("en"));
+  });
+
   describe("useServiceClient", () => {
     it("throws error when used without Provider", () => {
       createRoot((dispose) => {
@@ -23,19 +28,25 @@ describe("ServiceClientContext", () => {
 });
 
 describe("ServiceClientProvider", () => {
+  beforeEach(() => {
+    localStorage.setItem("testApp.i18n-locale", JSON.stringify("en"));
+  });
+
   it("useServiceClient works correctly inside Provider", () => {
     let serviceClient: ServiceClientContextValue;
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          <ServiceClientProvider>
-            {(() => {
-              serviceClient = useServiceClient();
-              return null;
-            })()}
-          </ServiceClientProvider>
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            <ServiceClientProvider>
+              {(() => {
+                serviceClient = useServiceClient();
+                return null;
+              })()}
+            </ServiceClientProvider>
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -51,14 +62,16 @@ describe("ServiceClientProvider", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          <ServiceClientProvider>
-            {(() => {
-              serviceClient = useServiceClient();
-              return null;
-            })()}
-          </ServiceClientProvider>
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            <ServiceClientProvider>
+              {(() => {
+                serviceClient = useServiceClient();
+                return null;
+              })()}
+            </ServiceClientProvider>
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -72,14 +85,16 @@ describe("ServiceClientProvider", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          <ServiceClientProvider>
-            {(() => {
-              serviceClient = useServiceClient();
-              return null;
-            })()}
-          </ServiceClientProvider>
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            <ServiceClientProvider>
+              {(() => {
+                serviceClient = useServiceClient();
+                return null;
+              })()}
+            </ServiceClientProvider>
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 

package/tests/providers/i18n/I18nContext.spec.tsx

@@ -1,5 +1,5 @@
 import { render, cleanup } from "@solidjs/testing-library";
-import { useI18n, useI18nOptional, I18nProvider } from "../../../src/providers/i18n/I18nContext";
+import { useI18n, I18nProvider } from "../../../src/providers/i18n/I18nContext";
 import { ConfigProvider } from "../../../src/providers/ConfigContext";
 import { describe, it, expect, beforeEach, afterEach } from "vitest";
 
@@ -103,8 +103,7 @@ describe("I18nProvider", () => {
     expect(result).toBe("日");
   });
 
-  it("should work without provider (optional hook)", () => {
-    const i18n = useI18nOptional();
-    expect(i18n).toBeUndefined();
+  it("should throw when used without provider", () => {
+    expect(() => useI18n()).toThrow("useI18n can only be used inside I18nProvider");
   });
 });

package/tests/providers/shared-data/SharedDataProvider.spec.tsx

@@ -71,12 +71,14 @@ function ConfigureSharedData(props: {
   children: any;
 }) {
   const shared = useTestSharedData();
+   
   shared.configure(() => props.definitions);
   return <>{props.children}</>;
 }
 
 function TestConsumer(props: { onData?: (shared: any) => void }) {
   const shared = useTestSharedData();
+   
   props.onData?.(shared);
 
   return (

package/dist/hooks/usePrint.d.ts

@@ -1,3 +0,0 @@
-export { usePrint } from "../components/feedback/print/PrintContext";
-export type { PrintOptions, PrintContextValue } from "../components/feedback/print/PrintContext";
-//# sourceMappingURL=usePrint.d.ts.map

package/dist/hooks/usePrint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrint.d.ts","sourceRoot":"","sources":["..\\..\\src\\hooks\\usePrint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AACrE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC"}