@open-slide/core 1.8.0 → 1.9.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { Locale, Plural } from "./types-Bvk1pM70.js";
-import { OpenSlideConfig } from "./config-D1bANimZ.js";
+import { Locale, Plural } from "./types-AalTbxMj.js";
+import { OpenSlideConfig } from "./config-D_5nlXFU.js";
 import { CSSProperties, ComponentType, HTMLAttributes } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/app/components/image-placeholder.d.ts
 type ImagePlaceholderProps = {
@@ -18,7 +18,7 @@ declare function ImagePlaceholder({
   style,
   className,
   ...rest
-}: ImagePlaceholderProps): react_jsx_runtime0.JSX.Element;
+}: ImagePlaceholderProps): react_jsx_runtime1.JSX.Element;
 
 //#endregion
 //#region src/app/lib/design.d.ts

package/dist/index.js

@@ -1,6 +1,6 @@
-import { en } from "./en-hyGpmL1O.js";
+import { en, ja, zhCN, zhTW } from "./format-CYOb2cAQ.js";
 import { cssVarsToString, defaultDesign, designToCssVars } from "./design-cpzS8aud.js";
-import { createContext, useContext, useRef, useState } from "react";
+import { createContext, useContext, useRef, useState, useSyncExternalStore } from "react";
 import { toast } from "sonner";
 import config from "virtual:open-slide/config";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -79,11 +79,45 @@ function renamedCopy(file, taken) {
 	});
 }
 
+//#endregion
+//#region src/app/lib/locale-store.ts
+const LOCALES = {
+	en,
+	"zh-TW": zhTW,
+	"zh-CN": zhCN,
+	ja
+};
+const STORAGE_KEY = "open-slide:locale";
+const configLocale = config.locale;
+function isLocaleId(value) {
+	return value === "en" || value === "zh-TW" || value === "zh-CN" || value === "ja";
+}
+function readStored() {
+	try {
+		const stored = localStorage.getItem(STORAGE_KEY);
+		if (isLocaleId(stored)) return LOCALES[stored];
+	} catch {}
+	return configLocale ?? en;
+}
+let current = readStored();
+const listeners = new Set();
+function subscribe(listener) {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+}
+function getSnapshot() {
+	return current;
+}
+function useLocaleValue() {
+	return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+
 //#endregion
 //#region src/app/lib/use-locale.ts
-const resolved = config.locale ?? en;
 function useLocale() {
-	return resolved;
+	return useLocaleValue();
 }
 
 //#endregion

package/dist/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { Locale, Plural } from "../types-Bvk1pM70.js";
+import { Locale, Plural } from "../types-AalTbxMj.js";
 
 //#region src/locale/en.d.ts
 declare const en: Locale;