mirror of
https://github.com/davila7/claude-code-templates.git
synced 2026-09-19 01:30:23 +08:00
0281438fc6
* feat: add Function Hooks component type (experimental) with 10 hooks and blog Introduce "function-hooks" as a new first-class component type based on the Anthropic proposal in anthropics/claude-code#91870 (TypeScript hooks as Koa-style middleware on a $ engine interface). The feature is not shipped; every API name is provisional and the section is labelled experimental everywhere. - 10 function hooks under cli-tool/components/function-hooks/ (security, productivity, observability, ui, integrations, enterprise), each as a .md doc page plus the installable .ts/.tsx hooks-module - CLI: --function-hook installs the module as a local plugin under .claude/plugins/<name>/ (plugin.json, hooks/hooks.json with modules) and prints the experimental warning - Catalog generator: scan function-hooks and emit dashboard artifacts - Dashboard: type wiring, /function-hooks page with experimental banner linking to the issue, Events/Module cards on the detail page, sitemap, cart, webmcp; track-download now accepts loop/function-hook - Blog: "Claude Code Function Hooks (Experimental)" article with cover - Docs: CLAUDE.md and cli-tool rule Claude-Session: https://claude.ai/code/session_01YBoJbmNMcRCexuKpH9mQtW * fix: store function hooks as hooks.json + module, install as skills-dir plugin Function hooks are not markdown docs. Per the proposal's architecture doc, a function hook is a plugin's hooks/hooks.json with a "modules" key naming a .ts/.tsx hooks-module beside it. Align the catalog and the CLI with that: - Components are now {name}.json (hooks.json + catalog description) plus the {name}.ts/.tsx module it names, mirroring how shell hooks store .json + .py/.sh. The .md docs are removed. - Generator reads the named module into the per-component content file (module, moduleSource); the detail page renders the JSON and the module with the experimental notice. - CLI --function-hook downloads hooks.json and every module it names, strips description, and writes the plugin to .claude/skills/{name}/, which Claude Code auto-loads as {name}@skills-dir per the plugins reference (no --plugin-dir needed). - Docs and blog updated to the same install path. Claude-Session: https://claude.ai/code/session_01YBoJbmNMcRCexuKpH9mQtW * fix(function-hooks): address review findings - CartSidebar: add --loop and --function-hook to TYPE_FLAGS so stack commands install them - SendToRepoModal: export loops and function hooks (plugin layout with hooks.json + module) - CLI: validate function hook identifier and hooks-module file names before building URLs/paths - block-destructive-commands: rm rule now catches split flags, --recursive, quoted/trailing-slash targets, --no-preserve-root - admin-capability-lockdown: shellPolicy deny|guardrail|allow; default withholds Bash, guardrail is labelled bypassable - regenerate catalog Claude-Session: https://claude.ai/code/session_01WsWgpvgeJgRMoLiYDcRXMU
55 lines
1.9 KiB
TypeScript
55 lines
1.9 KiB
TypeScript
/**
|
|
* webfetch-cache — Function Hook (EXPERIMENTAL)
|
|
*
|
|
* Short-circuits repeated WebFetch calls for the same URL + prompt within a
|
|
* session. Placement: "instead" on a cache hit, "after" on a miss (awaits the
|
|
* real fetch, stores the result, returns it).
|
|
*
|
|
* Function hooks are an Anthropic proposal under community review:
|
|
* https://github.com/anthropics/claude-code/issues/91870
|
|
* Every API name below is provisional.
|
|
*/
|
|
|
|
type Engine = any;
|
|
type Next = ((e: any) => Promise<any>) & { event: string; origin: string; signal: AbortSignal };
|
|
|
|
interface Entry { result: any; storedAt: number }
|
|
|
|
// Module state lives for the session. A persistent store would be added to $
|
|
// through an engine.create hook (design doc §4.1) once the "files" primitive
|
|
// is documented; a Map keeps this example honest about what is known today.
|
|
const cache = new Map<string, Entry>();
|
|
|
|
function keyFor(e: any): string {
|
|
return `${e.url ?? ""}\n${e.prompt ?? ""}`;
|
|
}
|
|
|
|
export function register(on: any, options: Record<string, any> = {}) {
|
|
const ttlMs: number = (options.ttlSeconds ?? 900) * 1000;
|
|
const maxEntries: number = options.maxEntries ?? 200;
|
|
|
|
on("tool.call", { tool: "WebFetch" }, async ($: Engine, e: any, next: Next) => {
|
|
if (!e.url) return next(e);
|
|
const key = keyFor(e);
|
|
const now = Date.now();
|
|
|
|
const hit = cache.get(key);
|
|
if (hit && now - hit.storedAt < ttlMs) {
|
|
$.ui.log(`[webfetch-cache] hit for ${e.url} (${Math.round((now - hit.storedAt) / 1000)}s old)`);
|
|
return hit.result; // nothing below this hook runs: no network call
|
|
}
|
|
|
|
const result = await next(e);
|
|
|
|
// Do not cache a denial or an empty result.
|
|
if (result && !result.deny) {
|
|
if (cache.size >= maxEntries) {
|
|
const oldest = cache.keys().next().value;
|
|
if (oldest !== undefined) cache.delete(oldest);
|
|
}
|
|
cache.set(key, { result, storedAt: now });
|
|
}
|
|
return result;
|
|
});
|
|
}
|