mirror of
https://github.com/alkimake/paperclip.git
synced 2026-06-18 03:30:39 +09:00
14d59da316
- Plugin loader: install/reload/remove/reinstall external adapters from npm packages or local directories - Plugin store persisted at ~/.paperclip/adapter-plugins.json - Self-healing UI parser resolution with version caching - UI: Adapter Manager page, dynamic loader, display registry with humanized names for unknown adapter types - Dev watch: exclude adapter-plugins dir from tsx watcher to prevent mid-request server restarts during reinstall - All consumer fallbacks use getAdapterLabel() for consistent display - AdapterTypeDropdown uses controlled open state for proper close behavior - Remove hermes-local from built-in UI (externalized to plugin) - Add docs for external adapters and UI parser contract
49 lines
1.7 KiB
TypeScript
49 lines
1.7 KiB
TypeScript
import { useEffect, useMemo } from "react";
|
|
import { useQuery } from "@tanstack/react-query";
|
|
import { adaptersApi } from "@/api/adapters";
|
|
import { setDisabledAdapterTypes } from "@/adapters/disabled-store";
|
|
import { syncExternalAdapters } from "@/adapters/registry";
|
|
import { queryKeys } from "@/lib/queryKeys";
|
|
|
|
/**
|
|
* Fetch adapters and keep the disabled-adapter store + UI adapter registry
|
|
* in sync with the server.
|
|
*
|
|
* - Registers external adapter types in the UI registry so they appear in
|
|
* dropdowns (done eagerly during render — idempotent, no React state).
|
|
* - Syncs the disabled-adapter store for non-React consumers (useEffect).
|
|
*
|
|
* Returns a reactive Set of disabled types for use as useMemo dependencies.
|
|
* Call this at the top of any component that renders adapter menus.
|
|
*/
|
|
export function useDisabledAdaptersSync(): Set<string> {
|
|
const { data: adapters } = useQuery({
|
|
queryKey: queryKeys.adapters.all,
|
|
queryFn: () => adaptersApi.list(),
|
|
staleTime: 5 * 60 * 1000,
|
|
});
|
|
|
|
// Eagerly register external adapter types in the UI registry so that
|
|
// consumers calling listUIAdapters() in the same render cycle see them.
|
|
// This is idempotent — already-registered types are skipped.
|
|
if (adapters) {
|
|
syncExternalAdapters(
|
|
adapters
|
|
.filter((a) => a.source === "external")
|
|
.map((a) => ({ type: a.type, label: a.label })),
|
|
);
|
|
}
|
|
|
|
// Sync the disabled set to the global store for non-React code
|
|
useEffect(() => {
|
|
if (!adapters) return;
|
|
setDisabledAdapterTypes(
|
|
adapters.filter((a) => a.disabled).map((a) => a.type),
|
|
);
|
|
}, [adapters]);
|
|
|
|
return useMemo(
|
|
() => new Set(adapters?.filter((a) => a.disabled).map((a) => a.type) ?? []),
|
|
[adapters],
|
|
);
|
|
}
|