@rimori/react-client 0.4.9-next.0 → 0.4.9-next.2

package/dist/components/audio/Playbutton.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useLayoutEffect, useRef } from 'react';
 import { FaPlayCircle, FaStopCircle } from 'react-icons/fa';
 import { useRimori } from '../../providers/PluginProvider';
 import { EventBus } from '@rimori/client';
@@ -105,10 +105,14 @@ export const AudioPlayer = ({ text, voice, language, hide, playListenerEvent, in
             setIsPlaying((prev) => !prev);
         }
     };
+    const togglePlaybackRef = useRef(togglePlayback);
+    useLayoutEffect(() => {
+        togglePlaybackRef.current = togglePlayback;
+    });
     useEffect(() => {
         if (!playListenerEvent)
             return;
-        const handler = () => togglePlayback();
+        const handler = () => togglePlaybackRef.current();
         const listener = EventBus.on(playListenerEvent, handler);
         eventBusListenerRef.current = listener;
         return () => {

package/dist/hooks/I18nHooks.js

@@ -11,7 +11,9 @@ export function useTranslation() {
     useEffect(() => {
         void plugin.getTranslator().then((translator) => {
             setTranslatorInstance(translator);
-            translator.onLanguageChanged(() => setUpdateCount(updateCount + 1));
+            translator.onLanguageChanged(() => {
+                setUpdateCount((count) => count + 1);
+            });
         });
     }, [plugin]);
     const safeT = useCallback((key, options) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/react-client",
-  "version": "0.4.9-next.0",
+  "version": "0.4.9-next.2",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -23,7 +23,7 @@
     "format": "prettier --write ."
   },
   "peerDependencies": {
-    "@rimori/client": "^2.5.16",
+    "@rimori/client": "2.5.17-next.1",
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   },
@@ -34,7 +34,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.37.0",
-    "@rimori/client": "^2.5.16",
+    "@rimori/client": "2.5.17-next.1",
     "@types/react": "^18.3.21",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",

package/src/components/audio/Playbutton.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useLayoutEffect, useRef } from 'react';
 import { FaPlayCircle, FaStopCircle } from 'react-icons/fa';
 import { useRimori } from '../../providers/PluginProvider';
 import { EventBus } from '@rimori/client';
@@ -129,9 +129,14 @@ export const AudioPlayer: React.FC<AudioPlayerProps> = ({
     }
   };
 
+  const togglePlaybackRef = useRef(togglePlayback);
+  useLayoutEffect(() => {
+    togglePlaybackRef.current = togglePlayback;
+  });
+
   useEffect(() => {
     if (!playListenerEvent) return;
-    const handler = () => togglePlayback();
+    const handler = () => togglePlaybackRef.current();
     const listener = EventBus.on(playListenerEvent, handler);
     eventBusListenerRef.current = listener;
 

package/src/hooks/I18nHooks.ts

@@ -17,7 +17,9 @@ export function useTranslation(): { t: TranslatorFn; ready: boolean } {
   useEffect(() => {
     void plugin.getTranslator().then((translator) => {
       setTranslatorInstance(translator);
-      translator.onLanguageChanged(() => setUpdateCount(updateCount + 1));
+      translator.onLanguageChanged(() => {
+        setUpdateCount((count) => count + 1);
+      });
     });
   }, [plugin]);