@rimori/react-client 0.4.17-next.3 → 0.4.17-next.4

package/dist/hooks/ThemeSetter.d.ts

@@ -1,5 +1,6 @@
 import { Theme } from '@rimori/client';
-export declare function useTheme(theme?: Theme): {
+export declare function useTheme(theme?: Theme, isDisabled?: boolean): {
     isDark: boolean;
     theme: Theme;
+    isDisabled: boolean;
 };

package/dist/hooks/ThemeSetter.js

@@ -1,12 +1,15 @@
-export function useTheme(theme = 'system') {
+export function useTheme(theme = 'system', isDisabled = false) {
     const isDark = theme === 'system' ? systenUsesDarkMode() : theme === 'dark';
+    if (isDisabled) {
+        return { isDark, theme, isDisabled };
+    }
     const dom = document.documentElement;
     dom.dataset.theme = isDark ? 'dark' : 'light';
     dom.style.colorScheme = isDark ? 'dark' : 'light';
     dom.classList[isDark ? 'add' : 'remove']('dark');
     const root = document.querySelector('#root');
     root.classList.add('dark:bg-gradient-to-br', 'dark:from-gray-900', 'dark:to-gray-800', 'dark:text-white', 'min-h-screen', 'bg-fixed');
-    return { isDark, theme };
+    return { isDark, theme, isDisabled };
 }
 function systenUsesDarkMode() {
     return window.matchMedia('(prefers-color-scheme: dark)').matches;

package/dist/providers/PluginProvider.d.ts

@@ -6,6 +6,12 @@ interface PluginProviderProps {
     pluginId: string;
     settings?: {
         disableContextMenu?: boolean;
+        disableThemeSetting?: boolean;
+        /**
+         * Skip the scrollbar detection that emits 'session.triggerScrollbarChange'.
+         * In federation mode, the host (FederatedPluginRenderer) handles this instead.
+         */
+        disableScrollbarDetection?: boolean;
     };
 }
 export declare const PluginProvider: React.FC<PluginProviderProps>;

package/dist/providers/PluginProvider.js

@@ -20,7 +20,7 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
     const [applicationMode, setApplicationMode] = useState(null);
     const [theme, setTheme] = useState(undefined);
     const [userInfo, setUserInfo] = useState(null);
-    useTheme(theme);
+    useTheme(theme, settings === null || settings === void 0 ? void 0 : settings.disableThemeSetting);
     // Init PostHog once per plugin iframe
     useEffect(() => {
         if (!posthog.__loaded) {
@@ -94,6 +94,8 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
     useEffect(() => {
         if (!client)
             return;
+        if (settings === null || settings === void 0 ? void 0 : settings.disableScrollbarDetection)
+            return;
         const checkScrollbar = () => {
             const hasScrollbar = document.documentElement.scrollHeight > window.innerHeight;
             client.event.emit('session.triggerScrollbarChange', { hasScrollbar });
@@ -109,7 +111,7 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
             window.removeEventListener('resize', checkScrollbar);
             resizeObserver.disconnect();
         };
-    }, [client]);
+    }, [client, settings === null || settings === void 0 ? void 0 : settings.disableScrollbarDetection]);
     if (standaloneClient instanceof StandaloneClient) {
         return (_jsx(StandaloneAuth, { onLogin: (email, password) => __awaiter(void 0, void 0, void 0, function* () {
                 if (yield standaloneClient.login(email, password))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/react-client",
-  "version": "0.4.17-next.3",
+  "version": "0.4.17-next.4",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

package/src/hooks/ThemeSetter.ts

@@ -1,8 +1,15 @@
 import { Theme } from '@rimori/client';
 
-export function useTheme(theme: Theme = 'system'): { isDark: boolean; theme: Theme } {
+export function useTheme(
+  theme: Theme = 'system',
+  isDisabled = false,
+): { isDark: boolean; theme: Theme; isDisabled: boolean } {
   const isDark = theme === 'system' ? systenUsesDarkMode() : theme === 'dark';
 
+  if (isDisabled) {
+    return { isDark, theme, isDisabled };
+  }
+
   const dom = document.documentElement;
   dom.dataset.theme = isDark ? 'dark' : 'light';
   dom.style.colorScheme = isDark ? 'dark' : 'light';
@@ -19,7 +26,7 @@ export function useTheme(theme: Theme = 'system'): { isDark: boolean; theme: The
     'bg-fixed',
   );
 
-  return { isDark, theme };
+  return { isDark, theme, isDisabled };
 }
 
 function systenUsesDarkMode(): boolean {

package/src/providers/PluginProvider.tsx

@@ -11,6 +11,12 @@ interface PluginProviderProps {
   pluginId: string;
   settings?: {
     disableContextMenu?: boolean;
+    disableThemeSetting?: boolean;
+    /**
+     * Skip the scrollbar detection that emits 'session.triggerScrollbarChange'.
+     * In federation mode, the host (FederatedPluginRenderer) handles this instead.
+     */
+    disableScrollbarDetection?: boolean;
   };
 }
 
@@ -28,7 +34,7 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
   const [theme, setTheme] = useState<Theme | undefined>(undefined);
   const [userInfo, setUserInfo] = useState<UserInfo | null>(null);
 
-  useTheme(theme);
+  useTheme(theme, settings?.disableThemeSetting);
 
   // Init PostHog once per plugin iframe
   useEffect(() => {
@@ -112,6 +118,7 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
 
   useEffect(() => {
     if (!client) return;
+    if (settings?.disableScrollbarDetection) return;
 
     const checkScrollbar = (): void => {
       const hasScrollbar = document.documentElement.scrollHeight > window.innerHeight;
@@ -133,7 +140,7 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
       window.removeEventListener('resize', checkScrollbar);
       resizeObserver.disconnect();
     };
-  }, [client]);
+  }, [client, settings?.disableScrollbarDetection]);
 
   if (standaloneClient instanceof StandaloneClient) {
     return (