@open-slide/core 1.8.0 → 1.10.0

package/dist/index.d.ts

@@ -1,7 +1,9 @@
-import { Locale, Plural } from "./types-Bvk1pM70.js";
-import { OpenSlideConfig } from "./config-D1bANimZ.js";
-import { CSSProperties, ComponentType, HTMLAttributes } from "react";
+import { Locale, Plural } from "./types-D_q_ylIe.js";
+import { OpenSlideConfig } from "./config-mwmC1XI1.js";
+import { CSSProperties, ComponentType, HTMLAttributes, PropsWithChildren } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/app/components/image-placeholder.d.ts
 type ImagePlaceholderProps = {
@@ -89,4 +91,22 @@ declare const CANVAS_WIDTH = 1920;
 declare const CANVAS_HEIGHT = 1080;
 
 //#endregion
-export { CANVAS_HEIGHT, CANVAS_WIDTH, DesignFonts, DesignPalette, DesignSystem, DesignTypeScale, ImagePlaceholder, ImagePlaceholderProps, Locale, OpenSlideConfig, Page, Plural, SlideMeta, SlideModule, SlideTransition, TransitionPhase, cssVarsToString, defaultDesign, designToCssVars, useSlidePageNumber };
+//#region src/app/lib/step-context.d.ts
+type StepsProps = PropsWithChildren;
+declare function Steps({
+  children
+}: StepsProps): react_jsx_runtime3.JSX.Element;
+type StepProps = PropsWithChildren<{
+  duration?: number;
+}>;
+type InternalStepProps = StepProps & {
+  _revealed?: boolean;
+};
+declare function Step({
+  children,
+  duration,
+  _revealed
+}: InternalStepProps): react_jsx_runtime4.JSX.Element;
+
+//#endregion
+export { CANVAS_HEIGHT, CANVAS_WIDTH, DesignFonts, DesignPalette, DesignSystem, DesignTypeScale, ImagePlaceholder, ImagePlaceholderProps, Locale, OpenSlideConfig, Page, Plural, SlideMeta, SlideModule, SlideTransition, Step, StepProps, Steps, StepsProps, TransitionPhase, cssVarsToString, defaultDesign, designToCssVars, useSlidePageNumber };

package/dist/index.js

@@ -1,9 +1,9 @@
-import { en } from "./en-hyGpmL1O.js";
+import { en, ja, zhCN, zhTW } from "./format-BvBmqbNW.js";
 import { cssVarsToString, defaultDesign, designToCssVars } from "./design-cpzS8aud.js";
-import { createContext, useContext, useRef, useState } from "react";
+import { Children, cloneElement, createContext, isValidElement, useContext, useEffect, useRef, useState, useSyncExternalStore } from "react";
 import { toast } from "sonner";
 import config from "virtual:open-slide/config";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/app/lib/assets.ts
 async function listAssets(slideId) {
@@ -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
@@ -299,10 +333,10 @@ function PlaceholderIcon() {
 
 //#endregion
 //#region src/app/lib/page-context.tsx
-const GLOBAL_KEY = "__open_slide_page_context__";
-const g = globalThis;
-if (!g[GLOBAL_KEY]) g[GLOBAL_KEY] = createContext(null);
-const SlidePageContext = g[GLOBAL_KEY];
+const GLOBAL_KEY$1 = "__open_slide_page_context__";
+const g$1 = globalThis;
+if (!g$1[GLOBAL_KEY$1]) g$1[GLOBAL_KEY$1] = createContext(null);
+const SlidePageContext = g$1[GLOBAL_KEY$1];
 function useSlidePageNumber() {
 	const ctx = useContext(SlidePageContext);
 	if (!ctx) throw new Error("useSlidePageNumber must be called from a slide page rendered by @open-slide/core");
@@ -318,4 +352,80 @@ const CANVAS_WIDTH = 1920;
 const CANVAS_HEIGHT = 1080;
 
 //#endregion
-export { CANVAS_HEIGHT, CANVAS_WIDTH, ImagePlaceholder, cssVarsToString, defaultDesign, designToCssVars, useSlidePageNumber };
+//#region src/app/lib/use-prefers-reduced-motion.ts
+const QUERY = "(prefers-reduced-motion: reduce)";
+function usePrefersReducedMotion() {
+	const [reduce, setReduce] = useState(() => {
+		if (typeof window === "undefined") return false;
+		return window.matchMedia(QUERY).matches;
+	});
+	useEffect(() => {
+		const mql = window.matchMedia(QUERY);
+		const onChange = (e) => setReduce(e.matches);
+		mql.addEventListener("change", onChange);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return reduce;
+}
+
+//#endregion
+//#region src/app/lib/step-context.tsx
+const GLOBAL_KEY = "__open_slide_step_host_context__";
+const g = globalThis;
+if (!g[GLOBAL_KEY]) g[GLOBAL_KEY] = createContext(null);
+const StepHostContext = g[GLOBAL_KEY];
+function Steps({ children }) {
+	const host = useContext(StepHostContext);
+	const flat = Children.toArray(children);
+	const stepCount = flat.filter((c) => isValidElement(c) && c.type === Step).length;
+	const initial = host?.entryDirection === "forward" ? 0 : stepCount;
+	const revealedRef = useRef(initial);
+	const [revealed, setRevealed] = useState(initial);
+	useEffect(() => {
+		if (!host) return;
+		const ctrl = {
+			advance: () => {
+				if (revealedRef.current >= stepCount) return false;
+				revealedRef.current += 1;
+				setRevealed(revealedRef.current);
+				return true;
+			},
+			retreat: () => {
+				if (revealedRef.current <= 0) return false;
+				revealedRef.current -= 1;
+				setRevealed(revealedRef.current);
+				return true;
+			}
+		};
+		return host.register(ctrl);
+	}, [host, stepCount]);
+	const effectiveRevealed = host ? revealed : stepCount;
+	let stepIdx = 0;
+	return /* @__PURE__ */ jsx(Fragment, { children: flat.map((child, key) => {
+		if (isValidElement(child) && child.type === Step) {
+			const idx = stepIdx++;
+			return cloneElement(child, {
+				key: child.key ?? key,
+				_revealed: idx < effectiveRevealed
+			});
+		}
+		return child;
+	}) });
+}
+function Step({ children, duration = 180, _revealed }) {
+	const reduceMotion = usePrefersReducedMotion();
+	const revealed = _revealed ?? true;
+	const ms = reduceMotion ? 0 : duration;
+	return /* @__PURE__ */ jsx("div", {
+		"data-osd-step": revealed ? "revealed" : "pending",
+		style: {
+			opacity: revealed ? 1 : 0,
+			visibility: revealed ? "visible" : "hidden",
+			transition: `opacity ${ms}ms cubic-bezier(0, 0, 0.2, 1)`
+		},
+		children
+	});
+}
+
+//#endregion
+export { CANVAS_HEIGHT, CANVAS_WIDTH, ImagePlaceholder, Step, Steps, cssVarsToString, defaultDesign, designToCssVars, useSlidePageNumber };

package/dist/locale/index.d.ts

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