@rimori/react-client 0.4.0-next.2 → 0.4.0-next.4

package/.github/workflows/create-release-branch.yml

@@ -0,0 +1,12 @@
+name: Create Release Branch
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '0 11 * * 1'  # Monday at 11:00 UTC
+    - cron: '0 11 * * 4'  # Thursday at 11:00 UTC
+
+jobs:
+  create-release:
+    uses: rimori-org/pipeline-templates/.github/workflows/package-create-release-branch.yml@main
+    secrets: inherit

package/.github/workflows/release.yml

@@ -0,0 +1,21 @@
+name: Publish Rimori React Client
+
+on:
+  push:
+    branches:
+      - dev
+      - main
+    paths:
+      - '**'
+      - '!.github/workflows/**'
+
+jobs:
+  pre-release:
+    if: github.ref == 'refs/heads/dev'
+    uses: rimori-org/pipeline-templates/.github/workflows/package-pre-release.yml@main
+    secrets: inherit
+
+  release:
+    if: github.ref == 'refs/heads/main'
+    uses: rimori-org/pipeline-templates/.github/workflows/package-release-on-merge.yml@main
+    secrets: inherit

package/dist/providers/PluginProvider.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { RimoriClient } from '@rimori/client';
+import type { UserInfo } from '@rimori/client';
 interface PluginProviderProps {
     children: ReactNode;
     pluginId: string;
@@ -8,5 +9,7 @@ interface PluginProviderProps {
     };
 }
 export declare const PluginProvider: React.FC<PluginProviderProps>;
-export declare const useRimori: () => RimoriClient;
+export declare const useRimori: () => RimoriClient & {
+    userInfo: UserInfo;
+};
 export {};

package/dist/providers/PluginProvider.js

@@ -18,6 +18,7 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
     const [standaloneClient, setStandaloneClient] = useState(false);
     const [applicationMode, setApplicationMode] = useState(null);
     const [theme, setTheme] = useState(null);
+    const [userInfo, setUserInfo] = useState(null);
     useTheme(theme);
     const isSidebar = applicationMode === 'sidebar';
     const isSettings = applicationMode === 'settings';
@@ -33,6 +34,8 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
         if ((!standaloneDetected && !client) || (standaloneDetected && standaloneClient === true)) {
             void RimoriClient.getInstance(pluginId).then((client) => {
                 setClient(client);
+                // Set initial userInfo
+                setUserInfo(client.plugin.getUserInfo());
                 // Get applicationMode and theme from MessageChannel query params
                 if (!standaloneDetected) {
                     const mode = client.getQueryParam('applicationMode');
@@ -44,6 +47,16 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
             });
         }
     }, [pluginId, standaloneClient, client]);
+    // Listen for RimoriInfo updates and update userInfo
+    useEffect(() => {
+        if (!client)
+            return;
+        const unsubscribe = client.plugin.onRimoriInfoUpdate((info) => {
+            console.log('[PluginProvider] Received RimoriInfo update, updating userInfo');
+            setUserInfo(info.profile);
+        });
+        return () => unsubscribe();
+    }, [client]);
     useEffect(() => {
         if (!client)
             return;
@@ -63,17 +76,19 @@ export const PluginProvider = ({ children, pluginId, settings }) => {
                     setStandaloneClient(true);
             }) }));
     }
-    if (!client) {
+    if (!client || !userInfo) {
         return '';
     }
-    return (_jsxs(PluginContext.Provider, { value: client, children: [!(settings === null || settings === void 0 ? void 0 : settings.disableContextMenu) && !isSidebar && !isSettings && _jsx(ContextMenu, { client: client }), children] }));
+    return (_jsxs(PluginContext.Provider, { value: { client, userInfo }, children: [!(settings === null || settings === void 0 ? void 0 : settings.disableContextMenu) && !isSidebar && !isSettings && _jsx(ContextMenu, { client: client }), children] }));
 };
 export const useRimori = () => {
     const context = useContext(PluginContext);
     if (context === null) {
         throw new Error('useRimori must be used within an PluginProvider');
     }
-    return context;
+    // Return client with userInfo at root level for easy access
+    // Maintains backwards compatibility - all client properties are still accessible
+    return Object.assign(context.client, { userInfo: context.userInfo });
 };
 function getUrlParam(name) {
     // First try to get from URL hash query params (for compatibility)

package/package.json

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

package/src/providers/PluginProvider.tsx

@@ -1,5 +1,6 @@
 import React, { createContext, useContext, ReactNode, useEffect, useState } from 'react';
 import { EventBusHandler, RimoriClient, StandaloneClient } from '@rimori/client';
+import type { UserInfo } from '@rimori/client';
 import ContextMenu from '../components/ContextMenu';
 import { useTheme } from '../hooks/ThemeSetter';
 
@@ -11,13 +12,19 @@ interface PluginProviderProps {
   };
 }
 
-const PluginContext = createContext<RimoriClient | null>(null);
+interface PluginContextValue {
+  client: RimoriClient;
+  userInfo: UserInfo;
+}
+
+const PluginContext = createContext<PluginContextValue | null>(null);
 
 export const PluginProvider: React.FC<PluginProviderProps> = ({ children, pluginId, settings }) => {
   const [client, setClient] = useState<RimoriClient | null>(null);
   const [standaloneClient, setStandaloneClient] = useState<StandaloneClient | boolean>(false);
   const [applicationMode, setApplicationMode] = useState<string | null>(null);
   const [theme, setTheme] = useState<string | null>(null);
+  const [userInfo, setUserInfo] = useState<UserInfo | null>(null);
 
   useTheme(theme);
 
@@ -39,6 +46,9 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
     if ((!standaloneDetected && !client) || (standaloneDetected && standaloneClient === true)) {
       void RimoriClient.getInstance(pluginId).then((client) => {
         setClient(client);
+        // Set initial userInfo
+        setUserInfo(client.plugin.getUserInfo());
+
         // Get applicationMode and theme from MessageChannel query params
         if (!standaloneDetected) {
           const mode = client.getQueryParam('applicationMode');
@@ -51,6 +61,18 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
     }
   }, [pluginId, standaloneClient, client]);
 
+  // Listen for RimoriInfo updates and update userInfo
+  useEffect(() => {
+    if (!client) return;
+
+    const unsubscribe = client.plugin.onRimoriInfoUpdate((info) => {
+      console.log('[PluginProvider] Received RimoriInfo update, updating userInfo');
+      setUserInfo(info.profile);
+    });
+
+    return (): void => unsubscribe();
+  }, [client]);
+
   useEffect(() => {
     if (!client) return;
     if (isSidebar) return; //sidebar pages should not report url changes
@@ -74,24 +96,26 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
     );
   }
 
-  if (!client) {
+  if (!client || !userInfo) {
     return '';
   }
 
   return (
-    <PluginContext.Provider value={client}>
+    <PluginContext.Provider value={{ client, userInfo }}>
       {!settings?.disableContextMenu && !isSidebar && !isSettings && <ContextMenu client={client} />}
       {children}
     </PluginContext.Provider>
   );
 };
 
-export const useRimori = () => {
+export const useRimori = (): RimoriClient & { userInfo: UserInfo } => {
   const context = useContext(PluginContext);
   if (context === null) {
     throw new Error('useRimori must be used within an PluginProvider');
   }
-  return context;
+  // Return client with userInfo at root level for easy access
+  // Maintains backwards compatibility - all client properties are still accessible
+  return Object.assign(context.client, { userInfo: context.userInfo }) as RimoriClient & { userInfo: UserInfo };
 };
 
 function getUrlParam(name: string): string | null {
@@ -193,3 +217,5 @@ function StandaloneAuth({ onLogin }: { onLogin: (user: string, password: string)
     </div>
   );
 }
+
+// test

package/tsconfig.json

@@ -4,6 +4,7 @@
     "rootDir": "src",
     "module": "ESNext",
     "target": "ES6",
+    "lib": ["ES2019", "DOM"],
     "declaration": true,
     "jsx": "react-jsx",
     "moduleResolution": "node",

package/.github/workflows/pre-release.yml

@@ -1,149 +0,0 @@
-name: Pre-Release Rimori React Client
-
-on:
-  push:
-    branches: [dev]
-    paths:
-      - '**'
-      - '!.github/workflows/**'
-
-jobs:
-  pre-release:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      id-token: write
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          fetch-depth: 0
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-          registry-url: 'https://registry.npmjs.org'
-          cache: 'yarn'
-          cache-dependency-path: yarn.lock
-
-      - name: Update npm
-        run: npm install -g npm@latest
-
-      - name: Get latest @rimori/client@next version
-        id: client-version
-        run: |
-          VERSION=$(npm view @rimori/client@next version 2>/dev/null || echo "")
-          if [ -z "$VERSION" ]; then
-            echo "⚠️  Warning: No @rimori/client@next version found. Using current dependency version."
-            VERSION=$(node -p "require('./package.json').peerDependencies['@rimori/client'] || require('./package.json').devDependencies['@rimori/client']")
-            # Remove ^ prefix if present
-            VERSION="${VERSION#^}"
-          fi
-          echo "version=$VERSION" >> $GITHUB_OUTPUT
-          echo "Using @rimori/client version: $VERSION"
-
-      - name: Update @rimori/client dependency
-        run: |
-          # Update both peerDependencies and devDependencies
-          yarn add "@rimori/client@${{ steps.client-version.outputs.version }}" --dev --exact
-          # Also update peerDependencies using node
-          node -e "const fs = require('fs'); const pkg = JSON.parse(fs.readFileSync('package.json')); if (pkg.peerDependencies && pkg.peerDependencies['@rimori/client']) { pkg.peerDependencies['@rimori/client'] = '${{ steps.client-version.outputs.version }}'; fs.writeFileSync('package.json', JSON.stringify(pkg, null, 2) + '\n'); }"
-          echo "Updated @rimori/client to ${{ steps.client-version.outputs.version }}"
-
-      - name: Install dependencies
-        run: yarn install
-
-      - name: Build react-client (TypeScript verification)
-        run: yarn build
-
-      - name: Calculate next pre-release version
-        id: version
-        run: |
-          # Read current version from package.json (may be base or pre-release)
-          CURRENT_VERSION=$(node -p "require('./package.json').version")
-
-          # Extract base version (strip any pre-release suffix)
-          # Examples: "0.3.0" -> "0.3.0", "0.3.0-next.5" -> "0.3.0"
-          if [[ "$CURRENT_VERSION" =~ ^([0-9]+\.[0-9]+\.[0-9]+) ]]; then
-            BASE_VERSION="${BASH_REMATCH[1]}"
-          else
-            BASE_VERSION="$CURRENT_VERSION"
-          fi
-
-          # Try to get latest next version from npm
-          PACKAGE_NAME="@rimori/react-client"
-          LATEST_NEXT=$(npm view ${PACKAGE_NAME}@next version 2>/dev/null || echo "none")
-
-          if [ "$LATEST_NEXT" != "none" ]; then
-            # Extract base version and pre-release number from latest next version
-            # Example: "0.3.0-next.5" -> extract "0.3.0" and "5"
-            if [[ "$LATEST_NEXT" =~ ^([0-9]+\.[0-9]+\.[0-9]+)-next\.([0-9]+)$ ]]; then
-              LATEST_BASE="${BASH_REMATCH[1]}"
-              PRERELEASE_NUM="${BASH_REMATCH[2]}"
-
-              # If base version changed, reset to 1, otherwise increment
-              if [ "$LATEST_BASE" != "$BASE_VERSION" ]; then
-                NEW_NUM=1
-              else
-                NEW_NUM=$((PRERELEASE_NUM + 1))
-              fi
-            else
-              # Fallback: if format doesn't match, start at 1
-              NEW_NUM=1
-            fi
-          else
-            # First pre-release
-            NEW_NUM=1
-          fi
-
-          NEW_VERSION="${BASE_VERSION}-next.${NEW_NUM}"
-          echo "new_version=$NEW_VERSION" >> $GITHUB_OUTPUT
-          echo "Base version: $BASE_VERSION"
-          echo "Calculated next version: $NEW_VERSION"
-
-      - name: Update package.json version
-        run: |
-          # Use node to update version directly (yarn version creates git tags)
-          node -e "const fs = require('fs'); const pkg = JSON.parse(fs.readFileSync('package.json')); pkg.version = '${{ steps.version.outputs.new_version }}'; fs.writeFileSync('package.json', JSON.stringify(pkg, null, 2) + '\n');"
-
-      - name: Publish to npm
-        run: npm publish --tag next --access public
-        # Uses OIDC token automatically (no NODE_AUTH_TOKEN needed)
-        # Requires npm 11.5.1+ and id-token: write permission (already set)
-
-      - name: Output published version
-        run: |
-          echo "✅ Published @rimori/react-client@${{ steps.version.outputs.new_version }} to npm with @next tag"
-          echo "Using @rimori/client@${{ steps.client-version.outputs.version }}"
-
-      - name: Create git tag
-        run: |
-          git config --local user.email "action@github.com"
-          git config --local user.name "GitHub Action"
-          git tag "v${{ steps.version.outputs.new_version }}" -m "Pre-release v${{ steps.version.outputs.new_version }}"
-          git push origin "v${{ steps.version.outputs.new_version }}"
-          echo "🏷️ Created and pushed tag v${{ steps.version.outputs.new_version }}"
-
-      - name: Notify Slack
-        if: always()
-        uses: slackapi/slack-github-action@v1.24.0
-        with:
-          channel-id: ${{ secrets.SLACK_CHANNEL_ID }}
-          payload: |
-            {
-              "text": "Pre-Release Pipeline Status",
-              "blocks": [
-                {
-                  "type": "section",
-                  "text": {
-                    "type": "mrkdwn",
-                    "text": "📦 *@rimori/react-client Pre-Release*\n\n*Branch:* ${{ github.ref_name }}\n*Version:* ${{ steps.version.outputs.new_version }}\n*Using @rimori/client:* ${{ steps.client-version.outputs.version }}\n*Author:* ${{ github.actor }}\n*Pipeline:* <${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}|View Run>\n\n${{ job.status == 'success' && '✅ Successfully published to npm with @next tag!' || '❌ Pipeline failed. Check the logs for details.' }}"
-                  }
-                }
-              ]
-            }
-        env:
-          SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}