@rahdar / plugin-sdk

构建一个的UI Rahdar 插件。

• 打字 对于插件UI可能从Rahdar中使用的所有内容：Rahdar自己根下的路由，插槽， 导航、API客户端、权限检查和共享组件。在运行时Rahdar提供 SDK本身，所以一个插件的包永远不会包含一个副本。
• Vite预设 它将UI构建为一个模块联邦，远程使用React、Mantine和 来自拉达尔的TanStack。

// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { rahdarPlugin } from '@rahdar/plugin-sdk/vite';

export default defineConfig({ plugins: [react(), rahdarPlugin({ id: 'acme-notes' })] });

// src/feature.tsx
import { createRoute } from '@tanstack/react-router';
import { CONTRACT, clusterRoute, definePlugin, pluginPath, pluginView } from '@rahdar/plugin-sdk';

const notes = createRoute({
  getParentRoute: () => clusterRoute,
  path: pluginPath('acme-notes', 'notes'),
  component: pluginView('acme-notes', NotesView),
});

export default definePlugin({ contract: CONTRACT, id: 'acme-notes', routes: { cluster: [notes] } });

SDK的版本是构建它的Rahdar版本，它的对等依赖关系是精确的 Rahdar提供的React、Mantine和TanStack版本。根据最老的Rahdar的SDK构建 您的插件支持(rahdar.since 在 plugin.json）。

导游: https://rahdar.dev/guide/plugins.