@rimori/react-client 0.4.18-next.1 → 0.4.18-next.3

package/dist/components/ai/BuddyAssistant.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { Tool } from '@rimori/client';
 export interface BuddyAssistantAutoStart {
     /** Pre-written assistant message shown immediately (no AI call) */

package/dist/index.d.ts

@@ -12,3 +12,4 @@ export { VoiceRecorder } from './components/ai/EmbeddedAssistent/VoiceRecorder';
 export { MarkdownEditor } from './components/editor/MarkdownEditor';
 export type { MarkdownEditorProps, EditorLabels } from './components/editor/MarkdownEditor';
 export { extractImageUrls } from './components/editor/imageUtils';
+export { injectFederationCss } from './utils/injectFederationCss';

package/dist/index.js

@@ -10,3 +10,4 @@ export { BuddyAssistant } from './components/ai/BuddyAssistant';
 export { VoiceRecorder } from './components/ai/EmbeddedAssistent/VoiceRecorder';
 export { MarkdownEditor } from './components/editor/MarkdownEditor';
 export { extractImageUrls } from './components/editor/imageUtils';
+export { injectFederationCss } from './utils/injectFederationCss';

package/dist/utils/injectFederationCss.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Inject a plugin's Tailwind CSS into the document when a federated module loads.
+ * Inserts BEFORE existing stylesheets so rimori-main's responsive classes (e.g. md:hidden)
+ * keep higher cascade priority and are not overridden by base utility classes from the plugin.
+ *
+ * @param pluginId - Unique plugin identifier used as the <style> element id (e.g. 'rimori-plugin-translator')
+ * @param cssText - The inlined CSS string (imported via `?inline`)
+ */
+export declare function injectFederationCss(pluginId: string, cssText: string): void;

package/dist/utils/injectFederationCss.js

@@ -0,0 +1,25 @@
+/**
+ * Inject a plugin's Tailwind CSS into the document when a federated module loads.
+ * Inserts BEFORE existing stylesheets so rimori-main's responsive classes (e.g. md:hidden)
+ * keep higher cascade priority and are not overridden by base utility classes from the plugin.
+ *
+ * @param pluginId - Unique plugin identifier used as the <style> element id (e.g. 'rimori-plugin-translator')
+ * @param cssText - The inlined CSS string (imported via `?inline`)
+ */
+export function injectFederationCss(pluginId, cssText) {
+    if (typeof document === 'undefined' || !cssText)
+        return;
+    const id = `${pluginId}-css`;
+    if (document.getElementById(id))
+        return;
+    const style = document.createElement('style');
+    style.id = id;
+    style.textContent = cssText;
+    const firstStyle = document.head.querySelector('style, link[rel="stylesheet"]');
+    if (firstStyle) {
+        document.head.insertBefore(style, firstStyle);
+    }
+    else {
+        document.head.appendChild(style);
+    }
+}

package/eslint.config.js

@@ -1,53 +1,35 @@
-import js from '@eslint/js';
 import globals from 'globals';
 import reactHooks from 'eslint-plugin-react-hooks';
-import reactRefresh from 'eslint-plugin-react-refresh';
 import tseslint from 'typescript-eslint';
-import prettier from 'eslint-plugin-prettier';
 import prettierConfig from 'eslint-config-prettier';
 
 export default [
-  { ignores: ['dist', 'node_modules', 'build', '*.js'] },
-  js.configs.recommended,
-  ...tseslint.configs.recommended,
+  { ignores: ['dist', 'node_modules', 'build', '*.js', '*.cjs', 'scripts/**'] },
+  ...tseslint.configs.recommended.map((config) => ({
+    ...config,
+    files: ['src/**/*.{ts,tsx}'],
+  })),
   prettierConfig,
   {
-    files: ['**/*.{ts,tsx,js,jsx}'],
+    files: ['src/**/*.{ts,tsx}'],
     languageOptions: {
       ecmaVersion: 2020,
       globals: {
         ...globals.browser,
         ...globals.node,
-        ...globals.jest,
       },
       sourceType: 'module',
       parserOptions: {
-        projectService: true,
         tsconfigRootDir: import.meta.dirname,
       },
     },
     plugins: {
       'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-      prettier: prettier,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
-      '@typescript-eslint/no-unused-vars': 'warn',
       '@typescript-eslint/no-explicit-any': 'warn',
-      '@typescript-eslint/no-floating-promises': 'warn',
-      '@typescript-eslint/no-unsafe-argument': 'warn',
-      '@typescript-eslint/explicit-function-return-type': 'warn',
-      '@typescript-eslint/explicit-module-boundary-types': 'warn',
-      '@typescript-eslint/no-unsafe-assignment': 'warn',
-      '@typescript-eslint/no-unsafe-member-access': 'warn',
-      '@typescript-eslint/no-unsafe-call': 'warn',
-      '@typescript-eslint/no-unsafe-return': 'warn',
-      '@typescript-eslint/no-inferrable-types': 'warn',
-      '@typescript-eslint/no-non-null-assertion': 'warn',
-      '@typescript-eslint/ban-ts-comment': 'warn',
-      'prettier/prettier': 'error',
+      '@typescript-eslint/no-unused-vars': 'warn',
     },
   },
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/react-client",
-  "version": "0.4.18-next.1",
+  "version": "0.4.18-next.3",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -21,13 +21,13 @@
     "dev": "tsc -w  --preserveWatchOutput",
     "dev:watch": "tsc -w  --preserveWatchOutput",
     "css-dev": "sass --watch src/style.scss:dist/style.css",
-    "lint": "eslint . --fix",
+    "lint": "npx eslint . --fix",
     "format": "prettier --write ."
   },
   "peerDependencies": {
-    "@rimori/client": "2.5.29-next.1",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0"
+    "@rimori/client": "2.5.29-next.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "dependencies": {
     "@tiptap/core": "^2.26.1",
@@ -48,13 +48,10 @@
     "tiptap-markdown": "^0.8.10"
   },
   "devDependencies": {
-    "@eslint/js": "^9.37.0",
-    "@rimori/client": "2.5.29-next.1",
-    "@types/react": "^18.3.21",
+    "@rimori/client": "2.5.29-next.2",
+    "@types/react": "^19.0.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react-hooks": "^7.0.0",
-    "eslint-plugin-react-refresh": "^0.4.23",
     "form-data": "^4.0.2",
     "globals": "^16.4.0",
     "node-fetch": "^3.3.2",

package/src/components/ContextMenu.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react';
+import { JSX, useState, useEffect, useRef } from 'react';
 import { RimoriClient, MenuEntry } from '@rimori/client';
 
 export interface Position {

package/src/components/ai/BuddyAssistant.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useMemo, useRef } from 'react';
+import React, { JSX, useState, useEffect, useMemo, useRef } from 'react';
 import { CircleAudioAvatar } from './EmbeddedAssistent/CircleAudioAvatar';
 import { VoiceRecorder } from './EmbeddedAssistent/VoiceRecorder';
 import { MessageSender, Tool } from '@rimori/client';

package/src/index.ts

@@ -13,3 +13,4 @@ export { VoiceRecorder } from './components/ai/EmbeddedAssistent/VoiceRecorder';
 export { MarkdownEditor } from './components/editor/MarkdownEditor';
 export type { MarkdownEditorProps, EditorLabels } from './components/editor/MarkdownEditor';
 export { extractImageUrls } from './components/editor/imageUtils';
+export { injectFederationCss } from './utils/injectFederationCss';

package/src/providers/PluginProvider.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, ReactNode, useEffect, useState } from 'react';
+import React, { createContext, useContext, JSX, ReactNode, useEffect, useState } from 'react';
 import { EventBusHandler, RimoriClient, StandaloneClient } from '@rimori/client';
 import type { UserInfo } from '@rimori/client';
 import posthog from 'posthog-js';

package/src/utils/injectFederationCss.ts

@@ -0,0 +1,25 @@
+/**
+ * Inject a plugin's Tailwind CSS into the document when a federated module loads.
+ * Inserts BEFORE existing stylesheets so rimori-main's responsive classes (e.g. md:hidden)
+ * keep higher cascade priority and are not overridden by base utility classes from the plugin.
+ *
+ * @param pluginId - Unique plugin identifier used as the <style> element id (e.g. 'rimori-plugin-translator')
+ * @param cssText - The inlined CSS string (imported via `?inline`)
+ */
+export function injectFederationCss(pluginId: string, cssText: string): void {
+  if (typeof document === 'undefined' || !cssText) return;
+
+  const id = `${pluginId}-css`;
+  if (document.getElementById(id)) return;
+
+  const style = document.createElement('style');
+  style.id = id;
+  style.textContent = cssText;
+
+  const firstStyle = document.head.querySelector('style, link[rel="stylesheet"]');
+  if (firstStyle) {
+    document.head.insertBefore(style, firstStyle);
+  } else {
+    document.head.appendChild(style);
+  }
+}