DSH Tauri Panel

import type { ReactElement } from 'react'
import type { PanelProtocol } from 'dsh-tauri-panel/client'

const PANEL_SLOT = 'sidebar.panel.action'
const PANEL_SERVICE = 'panel.protocol'

function ProjectPanel(): ReactElement {
  return <div>项目面板内容</div>
}

export function apply(ctx): void {
  ctx.slots.inject(PANEL_SLOT, () => {
    const panel = ctx.reflect.get(PANEL_SERVICE) as PanelProtocol | undefined
    if (panel === undefined)
      return () => {}

    const { ActionItem, renderPanelContent, closePanelContent } = panel
    
    function renderProjectPanel() {
      return renderPanelContent({
        id: 'project-panel',
        render: ProjectPanel,
      })
    }

    function Action(): ReactElement {
      return (
        <ActionItem id="project-panel" onClick={renderProjectPanel} icon={<ProjectIcon />}>
          项目
        </ActionItem>
      )
    }

    return ctx.slots.register(
        {
          name: PANEL_SLOT,
          id: 'project-panel-action',
          registrant: 'my-plugin',
          inject: () => ({}),
        },
        Action
      )
  })
}

panel.closePanelContent()
sessions.open(sessionId)