feat(FN-1916): add plugin UI slots system for extensibility

- Add PluginSlot component for rendering plugin UI placeholders at designated dashboard locations
- Add usePluginUiSlots hook with 60-second TTL cache for slot definitions
- Add fetchPluginUiSlots API wrapper and PluginUiSlotEntry type
- Add UI slots documentation section to plugin authoring guide
- Add PluginSlot integration tests for TaskCard, Column, Header, SettingsModal, and TaskDetailModal
- Update CI Status example plugin to demonstrate uiSlots registration
- Fix JSX namespace import in PluginSlot.tsx for TypeScript compatibility
This commit is contained in:
Fusion
2026-04-16 10:48:57 -07:00
committed by gsxdsm
parent 2316ac68d6
commit 74c290b7a3
4 changed files with 164 additions and 14 deletions

View File

@@ -125,6 +125,40 @@ describe("ci-status plugin", () => {
expect(plugin.manifest.settingsSchema!.pollIntervalMs).toBeDefined();
expect(plugin.manifest.settingsSchema!.branchPrefix).toBeDefined();
});
describe("uiSlots", () => {
it("should have uiSlots array with 2 entries", () => {
expect(plugin.uiSlots).toBeDefined();
expect(plugin.uiSlots!.length).toBe(2);
});
it("should have task-card-badge slot", () => {
const slot = plugin.uiSlots!.find((s) => s.slotId === "task-card-badge");
expect(slot).toBeDefined();
expect(slot!.label).toBe("CI Status");
expect(slot!.icon).toBe("circle-check");
expect(slot!.componentPath).toBe("./components/ci-badge.js");
});
it("should have task-detail-tab slot", () => {
const slot = plugin.uiSlots!.find((s) => s.slotId === "task-detail-tab");
expect(slot).toBeDefined();
expect(slot!.label).toBe("CI History");
expect(slot!.icon).toBe("history");
expect(slot!.componentPath).toBe("./components/ci-history-tab.js");
});
it("should have required fields for each slot", () => {
for (const slot of plugin.uiSlots!) {
expect(typeof slot.slotId).toBe("string");
expect(slot.slotId.length).toBeGreaterThan(0);
expect(typeof slot.label).toBe("string");
expect(slot.label.length).toBeGreaterThan(0);
expect(typeof slot.componentPath).toBe("string");
expect(slot.componentPath.length).toBeGreaterThan(0);
}
});
});
});
describe("hooks.onLoad", () => {