@ic-reactor/cli 0.0.0-dev2 → 0.1.3

package/dist/index.js

@@ -227,539 +227,74 @@ export const clientManager = new ClientManager({
 
 // src/commands/add.ts
 import * as p2 from "@clack/prompts";
-import fs4 from "fs";
+import fs3 from "fs";
 import path3 from "path";
 import pc2 from "picocolors";
-
-// src/parsers/did.ts
-import fs3 from "fs";
-function parseDIDFile(didFilePath) {
-  if (!fs3.existsSync(didFilePath)) {
-    throw new Error(`DID file not found: ${didFilePath}`);
-  }
-  const content = fs3.readFileSync(didFilePath, "utf-8");
-  return extractMethods(content);
-}
-function extractMethods(didContent) {
-  const methods = [];
-  const cleanContent = didContent.replace(/\/\/.*$/gm, "").replace(/\/\*[\s\S]*?\*\//g, "");
-  const methodRegex = /([a-zA-Z_][a-zA-Z0-9_]*)\s*:\s*(?:func\s*)?\(([^)]*)\)\s*->\s*\(([^)]*)\)\s*(query|composite_query)?/g;
-  let match;
-  while ((match = methodRegex.exec(cleanContent)) !== null) {
-    const name = match[1];
-    const args = match[2].trim();
-    const returnType = match[3].trim();
-    const queryAnnotation = match[4];
-    const isQuery = queryAnnotation === "query" || queryAnnotation === "composite_query";
-    methods.push({
-      name,
-      type: isQuery ? "query" : "mutation",
-      hasArgs: args.length > 0 && args !== "",
-      argsDescription: args || void 0,
-      returnDescription: returnType || void 0
-    });
-  }
-  return methods;
-}
-function formatMethodForDisplay(method) {
-  const typeLabel = method.type === "query" ? "query" : "update";
-  const argsLabel = method.hasArgs ? "with args" : "no args";
-  return `${method.name} (${typeLabel}, ${argsLabel})`;
-}
-
-// src/utils/naming.ts
-function toPascalCase(str) {
-  return str.split(/[-_]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
-}
-function toCamelCase(str) {
-  const pascal = toPascalCase(str);
-  return pascal.charAt(0).toLowerCase() + pascal.slice(1);
-}
-function getHookFileName(methodName, hookType) {
-  const camelMethod = toCamelCase(methodName);
-  const pascalType = toPascalCase(hookType);
-  return `${camelMethod}${pascalType}.ts`;
-}
-function getHookExportName(methodName, hookType) {
-  const camelMethod = toCamelCase(methodName);
-  const pascalType = toPascalCase(hookType);
-  return `${camelMethod}${pascalType}`;
-}
-function getReactHookName(methodName, hookType) {
-  const pascalMethod = toPascalCase(methodName);
-  const pascalType = toPascalCase(hookType);
-  return `use${pascalMethod}${pascalType}`;
-}
-function getReactorName(canisterName) {
-  return `${toCamelCase(canisterName)}Reactor`;
-}
-function getServiceTypeName(canisterName) {
-  return `${toPascalCase(canisterName)}Service`;
-}
+import { parseDIDFile, formatMethodForDisplay } from "@ic-reactor/codegen";
 
 // src/generators/reactor.ts
+import {
+  generateReactorFile as generateReactorFileFromCodegen
+} from "@ic-reactor/codegen";
 function generateReactorFile(options) {
-  const { canisterName, canisterConfig } = options;
-  const pascalName = toPascalCase(canisterName);
-  const reactorName = getReactorName(canisterName);
-  const serviceName = getServiceTypeName(canisterName);
-  const reactorType = canisterConfig.useDisplayReactor !== false ? "DisplayReactor" : "Reactor";
-  const clientManagerPath = canisterConfig.clientManagerPath ?? "../../lib/client";
-  const declarationsPath = `./declarations/${canisterName}.did`;
-  return `/**
- * ${pascalName} Reactor
- *
- * Auto-generated by @ic-reactor/cli
- * This file provides the shared reactor instance for the ${canisterName} canister.
- *
- * You can customize this file to add global configuration.
- */
-
-import { ${reactorType}, createActorHooks, createAuthHooks } from "@ic-reactor/react"
-import { clientManager } from "${clientManagerPath}"
-import { idlFactory, type _SERVICE } from "${declarationsPath}"
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// SERVICE TYPE
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-export type ${serviceName} = _SERVICE
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// REACTOR INSTANCE
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * ${pascalName} Reactor with ${canisterConfig.useDisplayReactor !== false ? "Display" : "Candid"} type transformations.
- * ${canisterConfig.useDisplayReactor !== false ? "Automatically converts bigint \u2192 string, Principal \u2192 string, etc." : "Uses raw Candid types."}
- */
-export const ${reactorName} = new ${reactorType}<${serviceName}>({
-  clientManager,
-  idlFactory,
-  name: "${canisterName}",
-})
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// BASE HOOKS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * Base actor hooks - use these directly or import method-specific hooks.
- */
-export const {
-  useActorQuery,
-  useActorMutation,
-  useActorSuspenseQuery,
-  useActorInfiniteQuery,
-  useActorSuspenseInfiniteQuery,
-  useActorMethod,
-} = createActorHooks(${reactorName})
-
-/**
- * Auth hooks for the client manager.
- */
-export const { useAuth, useAgentState, useUserPrincipal } = createAuthHooks(clientManager)
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// RE-EXPORTS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-export { idlFactory }
-`;
+  const {
+    canisterName,
+    canisterConfig,
+    config,
+    hasDeclarations = true
+  } = options;
+  return generateReactorFileFromCodegen({
+    canisterName,
+    canisterConfig,
+    hasDeclarations,
+    globalClientManagerPath: config.clientManagerPath,
+    // CLI doesn't currently expose advanced mode per-canister, but we default to false (simple mode)
+    // If we want to support it, we'd add 'advanced' to CanisterConfig or ReactorGeneratorOptions
+    advanced: false
+  });
 }
 
 // src/generators/query.ts
+import {
+  generateQueryHook as generateQueryHookFromCodegen
+} from "@ic-reactor/codegen";
 function generateQueryHook(options) {
-  const { canisterName, method } = options;
-  const pascalMethod = toPascalCase(method.name);
-  const reactorName = getReactorName(canisterName);
-  const serviceName = getServiceTypeName(canisterName);
-  const hookExportName = getHookExportName(method.name, "query");
-  const reactHookName = getReactHookName(method.name, "query");
-  if (method.hasArgs) {
-    return `/**
- * Query Hook: ${method.name}
- *
- * Auto-generated by @ic-reactor/cli
- * This hook wraps the ${method.name} query method.
- *
- * @example
- * // With the factory (for dynamic args)
- * const query = ${hookExportName}([arg1, arg2])
- * const { data } = query.useQuery()
- *
- * // Or use the hook directly
- * const { data } = ${reactHookName}([arg1, arg2])
- */
-
-import { createQueryFactory } from "@ic-reactor/react"
-import { ${reactorName}, type ${serviceName} } from "../reactor"
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// QUERY FACTORY
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * Query factory for ${method.name}
- *
- * Creates a query instance with the provided arguments.
- * Each unique set of args gets its own cached query.
- */
-export const ${hookExportName} = createQueryFactory(${reactorName}, {
-  functionName: "${method.name}",
-  // Customize your query options:
-  // staleTime: 5 * 60 * 1000,
-  // select: (data) => data,
-})
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// CONVENIENCE HOOK
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * React hook for ${method.name}
- *
- * @param args - Arguments to pass to the canister method
- * @param options - Additional React Query options
- */
-export function ${reactHookName}(
-  args: Parameters<${serviceName}["${method.name}"]>,
-  options?: Parameters<ReturnType<typeof ${hookExportName}>["useQuery"]>[0]
-) {
-  return ${hookExportName}(args).useQuery(options)
-}
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// UTILITY FUNCTIONS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * Fetch ${method.name} directly (for loaders, server components, etc.)
- */
-export function fetch${pascalMethod}(args: Parameters<${serviceName}["${method.name}"]>) {
-  return ${hookExportName}(args).fetch()
-}
-
-/**
- * Invalidate ${method.name} query cache
- */
-export function invalidate${pascalMethod}(args: Parameters<${serviceName}["${method.name}"]>) {
-  return ${hookExportName}(args).invalidate()
-}
-
-/**
- * Get ${method.name} query key (for cache manipulation)
- */
-export function get${pascalMethod}QueryKey(args: Parameters<${serviceName}["${method.name}"]>) {
-  return ${hookExportName}(args).getQueryKey()
-}
-`;
-  } else {
-    return `/**
- * Query Hook: ${method.name}
- *
- * Auto-generated by @ic-reactor/cli
- * This hook wraps the ${method.name} query method.
- *
- * @example
- * // Use the hook
- * const { data, isLoading } = ${reactHookName}()
- *
- * // Or access the query object directly
- * const data = await ${hookExportName}.fetch()
- * ${hookExportName}.invalidate()
- */
-
-import { createQuery } from "@ic-reactor/react"
-import { ${reactorName} } from "../reactor"
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// QUERY INSTANCE
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * Query for ${method.name}
- *
- * Provides:
- * - .useQuery() - React hook
- * - .fetch() - Direct fetch (for loaders)
- * - .invalidate() - Invalidate cache
- * - .getQueryKey() - Get query key
- * - .getCacheData() - Read from cache
- */
-export const ${hookExportName} = createQuery(${reactorName}, {
-  functionName: "${method.name}",
-  // Customize your query options:
-  // staleTime: 5 * 60 * 1000,
-  // select: (data) => data,
-})
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// CONVENIENCE EXPORTS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * React hook for ${method.name}
- */
-export const ${reactHookName} = ${hookExportName}.useQuery
-
-/**
- * Fetch ${method.name} directly (for loaders, server components, etc.)
- */
-export const fetch${pascalMethod} = ${hookExportName}.fetch
-
-/**
- * Invalidate ${method.name} query cache
- */
-export const invalidate${pascalMethod} = ${hookExportName}.invalidate
-
-/**
- * Get ${method.name} query key (for cache manipulation)
- */
-export const get${pascalMethod}QueryKey = ${hookExportName}.getQueryKey
-
-/**
- * Get cached data for ${method.name}
- */
-export const get${pascalMethod}CacheData = ${hookExportName}.getCacheData
-`;
-  }
+  const { canisterName, method, type } = options;
+  return generateQueryHookFromCodegen({
+    canisterName,
+    method,
+    type
+  });
 }
 
 // src/generators/mutation.ts
+import {
+  generateMutationHook as generateMutationHookFromCodegen
+} from "@ic-reactor/codegen";
 function generateMutationHook(options) {
   const { canisterName, method } = options;
-  const pascalMethod = toPascalCase(method.name);
-  const reactorName = getReactorName(canisterName);
-  const serviceName = getServiceTypeName(canisterName);
-  const hookExportName = getHookExportName(method.name, "mutation");
-  const reactHookName = getReactHookName(method.name, "mutation");
-  return `/**
- * Mutation Hook: ${method.name}
- *
- * Auto-generated by @ic-reactor/cli
- * This hook wraps the ${method.name} update method.
- *
- * @example
- * // Use the hook in a component
- * const { mutate, isPending } = ${reactHookName}()
- *
- * // Call the mutation
- * mutate(${method.hasArgs ? "[arg1, arg2]" : "[]"})
- *
- * // Or execute directly
- * const result = await execute${pascalMethod}(${method.hasArgs ? "[arg1, arg2]" : "[]"})
- */
-
-import { createMutation } from "@ic-reactor/react"
-import { ${reactorName}, type ${serviceName} } from "../reactor"
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// MUTATION INSTANCE
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * Mutation for ${method.name}
- *
- * Provides:
- * - .useMutation() - React hook
- * - .execute() - Direct execution
- */
-export const ${hookExportName} = createMutation(${reactorName}, {
-  functionName: "${method.name}",
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-  // INVALIDATION
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-  // Uncomment and import query keys to auto-invalidate on success:
-  // invalidateQueries: [
-  //   someQuery.getQueryKey(),
-  // ],
-
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-  // SUCCESS HANDLER
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-  // onSuccess: (data, variables, context) => {
-  //   console.log("${method.name} succeeded:", data)
-  // },
-
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-  // ERROR HANDLERS
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-  // Handle canister-level errors (from Result { Err })
-  // onCanisterError: (error, variables) => {
-  //   console.error("Canister error:", error)
-  // },
-
-  // Handle all errors (network, canister, etc.)
-  // onError: (error, variables, context) => {
-  //   console.error("Error:", error)
-  // },
-})
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// CONVENIENCE EXPORTS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * React hook for ${method.name}
- *
- * @param options - Mutation options (onSuccess, onError, etc.)
- */
-export const ${reactHookName} = ${hookExportName}.useMutation
-
-/**
- * Execute ${method.name} directly (outside of React)
- *
- * @param args - Arguments to pass to the canister method
- */
-export const execute${pascalMethod} = ${hookExportName}.execute
-`;
+  return generateMutationHookFromCodegen({
+    canisterName,
+    method
+  });
 }
 
 // src/generators/infiniteQuery.ts
+import {
+  generateInfiniteQueryHook as generateInfiniteQueryHookFromCodegen
+} from "@ic-reactor/codegen";
 function generateInfiniteQueryHook(options) {
-  const { canisterName, method } = options;
-  const pascalMethod = toPascalCase(method.name);
-  const camelMethod = toCamelCase(method.name);
-  const reactorName = getReactorName(canisterName);
-  const serviceName = getServiceTypeName(canisterName);
-  return `/**
- * Infinite Query Hook: ${method.name}
- *
- * Auto-generated by @ic-reactor/cli
- * This hook wraps the ${method.name} method for infinite/paginated queries.
- *
- * \u26A0\uFE0F  CUSTOMIZATION REQUIRED:
- * You need to configure getArgs and getNextPageParam based on your API.
- *
- * @example
- * const {
- *   data,
- *   fetchNextPage,
- *   hasNextPage,
- *   isFetching,
- * } = ${camelMethod}InfiniteQuery.useInfiniteQuery()
- *
- * // Flatten all pages
- * const allItems = data?.pages.flatMap(page => page.items) ?? []
- */
-
-import { createInfiniteQuery } from "@ic-reactor/react"
-import { ${reactorName}, type ${serviceName} } from "../reactor"
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// CURSOR TYPE
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * Define your pagination cursor type here.
- * Common patterns:
- * - number (offset-based)
- * - string (cursor-based)
- * - { offset: number; limit: number }
- */
-type PageCursor = number
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// INFINITE QUERY INSTANCE
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * Infinite query for ${method.name}
- *
- * Provides:
- * - .useInfiniteQuery() - React hook with pagination
- * - .fetch() - Fetch first page
- * - .invalidate() - Invalidate all pages
- * - .getQueryKey() - Get query key
- * - .getCacheData() - Read from cache
- */
-export const ${camelMethod}InfiniteQuery = createInfiniteQuery(${reactorName}, {
-  functionName: "${method.name}",
-
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-  // PAGINATION CONFIG (CUSTOMIZE THESE)
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-
-  /**
-   * Initial page parameter (e.g., 0 for offset, null for cursor)
-   */
-  initialPageParam: 0 as PageCursor,
-
-  /**
-   * Convert page param to method arguments.
-   * Customize this based on your canister API.
-   */
-  getArgs: (pageParam: PageCursor) => {
-    // Example: offset-based pagination
-    return [{ offset: pageParam, limit: 10 }] as Parameters<${serviceName}["${method.name}"]>
-
-    // Example: cursor-based pagination
-    // return [{ cursor: pageParam, limit: 10 }] as Parameters<${serviceName}["${method.name}"]>
-  },
-
-  /**
-   * Extract next page param from the last page.
-   * Return undefined/null when there are no more pages.
-   */
-  getNextPageParam: (lastPage, allPages, lastPageParam) => {
-    // Example: offset-based - return next offset or undefined if no more
-    // const items = lastPage.items ?? []
-    // if (items.length < 10) return undefined
-    // return lastPageParam + 10
-
-    // Example: cursor-based
-    // return lastPage.nextCursor ?? undefined
-
-    // Placeholder - customize for your API
-    return undefined
-  },
-
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-  // OPTIONAL CONFIG
-  // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-
-  // Bi-directional scrolling (optional)
-  // getPreviousPageParam: (firstPage, allPages, firstPageParam) => {
-  //   return firstPageParam > 0 ? firstPageParam - 10 : undefined
-  // },
-
-  // Max pages to keep in cache (for memory management)
-  // maxPages: 10,
-
-  // How long data stays fresh
-  // staleTime: 5 * 60 * 1000,
-
-  // Transform the data
-  // select: (data) => ({
-  //   pages: data.pages,
-  //   pageParams: data.pageParams,
-  //   items: data.pages.flatMap(page => page.items),
-  // }),
-})
-
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// CONVENIENCE EXPORTS
-// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-
-/**
- * React hook for paginated ${method.name}
- */
-export const use${pascalMethod}InfiniteQuery = ${camelMethod}InfiniteQuery.useInfiniteQuery
-
-/**
- * Fetch first page of ${method.name}
- */
-export const fetch${pascalMethod}FirstPage = ${camelMethod}InfiniteQuery.fetch
-
-/**
- * Invalidate all cached pages
- */
-export const invalidate${pascalMethod}Pages = ${camelMethod}InfiniteQuery.invalidate
-`;
+  const { canisterName, method, type } = options;
+  return generateInfiniteQueryHookFromCodegen({
+    canisterName,
+    method,
+    type
+  });
 }
 
 // src/commands/add.ts
+import { getHookFileName } from "@ic-reactor/codegen";
+import { generateDeclarations } from "@ic-reactor/codegen";
 async function addCommand(options) {
   console.log();
   p2.intro(pc2.cyan("\u{1F527} Add Canister Hooks"));
@@ -954,13 +489,29 @@ ${error.message}`
   const generatedFiles = [];
   const reactorPath = path3.join(canisterOutDir, "reactor.ts");
   if (!fileExists(reactorPath)) {
+    spinner4.message("Generating TypeScript declarations...");
+    const bindgenResult = await generateDeclarations({
+      didFile: didFilePath,
+      outDir: canisterOutDir,
+      canisterName: selectedCanister
+    });
+    if (bindgenResult.success) {
+      generatedFiles.push("declarations/");
+    } else {
+      p2.log.warn(`Could not generate declarations: ${bindgenResult.error}`);
+      p2.log.info(
+        `You can manually run: npx @icp-sdk/bindgen --input ${didFilePath} --output ${canisterOutDir}/declarations`
+      );
+    }
+    spinner4.message("Generating reactor...");
     const reactorContent = generateReactorFile({
       canisterName: selectedCanister,
       canisterConfig,
       config,
-      outDir: canisterOutDir
+      outDir: canisterOutDir,
+      hasDeclarations: bindgenResult.success
     });
-    fs4.writeFileSync(reactorPath, reactorContent);
+    fs3.writeFileSync(reactorPath, reactorContent);
     generatedFiles.push("reactor.ts");
   }
   for (const { method, hookType } of methodsWithHookTypes) {
@@ -992,18 +543,42 @@ ${error.message}`
         });
         break;
     }
-    fs4.writeFileSync(filePath, content);
+    fs3.writeFileSync(filePath, content);
     generatedFiles.push(path3.join("hooks", fileName));
   }
   const indexPath = path3.join(hooksOutDir, "index.ts");
-  const indexContent = generateIndexFile(methodsWithHookTypes);
-  fs4.writeFileSync(indexPath, indexContent);
+  let existingExports = [];
+  if (fs3.existsSync(indexPath)) {
+    const content = fs3.readFileSync(indexPath, "utf-8");
+    existingExports = content.split("\n").filter((line) => line.trim().startsWith("export * from")).map((line) => line.trim());
+  }
+  const newExports = methodsWithHookTypes.map(({ method, hookType }) => {
+    const fileName = getHookFileName(method.name, hookType).replace(".ts", "");
+    return `export * from "./${fileName}"`;
+  });
+  const allExports = [.../* @__PURE__ */ new Set([...existingExports, ...newExports])];
+  const indexContent = `/**
+ * Hook barrel exports
+ *
+ * Auto-generated by @ic-reactor/cli
+ */
+
+${allExports.join("\n")}
+`;
+  fs3.writeFileSync(indexPath, indexContent);
   generatedFiles.push("hooks/index.ts");
+  const existingHooks = config.generatedHooks[selectedCanister] ?? [];
+  const newHookConfigs = methodsWithHookTypes.map(({ method, hookType }) => ({
+    name: method.name,
+    type: hookType
+  }));
+  const filteredExisting = existingHooks.filter((h) => {
+    const name = typeof h === "string" ? h : h.name;
+    return !newHookConfigs.some((n) => n.name === name);
+  });
   config.generatedHooks[selectedCanister] = [
-    .../* @__PURE__ */ new Set([
-      ...config.generatedHooks[selectedCanister] ?? [],
-      ...selectedMethods.map((m) => m.name)
-    ])
+    ...filteredExisting,
+    ...newHookConfigs
   ];
   saveConfig(config, configPath);
   spinner4.stop("Hooks generated!");
@@ -1030,7 +605,7 @@ async function promptForNewCanister(projectRoot) {
     validate: (value) => {
       if (!value) return "DID file path is required";
       const fullPath = path3.resolve(projectRoot, value);
-      if (!fs4.existsSync(fullPath)) {
+      if (!fs3.existsSync(fullPath)) {
         return `File not found: ${value}`;
       }
       return void 0;
@@ -1041,31 +616,19 @@ async function promptForNewCanister(projectRoot) {
     name,
     config: {
       didFile,
-      clientManagerPath: "../../lib/client",
       useDisplayReactor: true
     }
   };
 }
-function generateIndexFile(methods) {
-  const exports = methods.map(({ method, hookType }) => {
-    const fileName = getHookFileName(method.name, hookType).replace(".ts", "");
-    return `export * from "./${fileName}"`;
-  });
-  return `/**
- * Hook barrel exports
- *
- * Auto-generated by @ic-reactor/cli
- */
-
-${exports.join("\n")}
-`;
-}
 
 // src/commands/sync.ts
 import * as p3 from "@clack/prompts";
-import fs5 from "fs";
+import fs4 from "fs";
 import path4 from "path";
 import pc3 from "picocolors";
+import { parseDIDFile as parseDIDFile2 } from "@ic-reactor/codegen";
+import { getHookFileName as getHookFileName2 } from "@ic-reactor/codegen";
+import { generateDeclarations as generateDeclarations2 } from "@ic-reactor/codegen";
 async function syncCommand(options) {
   console.log();
   p3.intro(pc3.cyan("\u{1F504} Sync Canister Hooks"));
@@ -1119,29 +682,48 @@ async function syncCommand(options) {
     const didFilePath = path4.resolve(projectRoot, canisterConfig.didFile);
     let methods;
     try {
-      methods = parseDIDFile(didFilePath);
+      methods = parseDIDFile2(didFilePath);
     } catch (error) {
       errors.push(
         `${canisterName}: Failed to parse DID file - ${error.message}`
       );
       continue;
     }
-    const currentMethodNames = methods.map((m) => m.name);
-    const removedMethods = generatedMethods.filter(
-      (name) => !currentMethodNames.includes(name)
+    const hooks = generatedMethods.map(
+      (h) => typeof h === "string" ? { name: h } : h
     );
+    const currentMethodNames = methods.map((m) => m.name);
+    const removedMethods = hooks.filter((h) => !currentMethodNames.includes(h.name)).map((h) => h.name);
     if (removedMethods.length > 0) {
       p3.log.warn(
         `${canisterName}: Methods removed from DID: ${pc3.yellow(removedMethods.join(", "))}`
       );
     }
-    const newMethods = methods.filter((m) => !generatedMethods.includes(m.name));
+    const generatedNames = hooks.map((h) => h.name);
+    const newMethods = methods.filter((m) => !generatedNames.includes(m.name));
     if (newMethods.length > 0) {
       p3.log.info(
         `${canisterName}: New methods available: ${pc3.cyan(newMethods.map((m) => m.name).join(", "))}`
       );
     }
     const canisterOutDir = path4.join(projectRoot, config.outDir, canisterName);
+    const declarationsDir = path4.join(canisterOutDir, "declarations");
+    const declarationsExist = fs4.existsSync(declarationsDir) && fs4.readdirSync(declarationsDir).some((f) => f.endsWith(".ts") || f.endsWith(".js"));
+    if (!declarationsExist) {
+      spinner4.message(`Regenerating declarations for ${canisterName}...`);
+      const bindgenResult = await generateDeclarations2({
+        didFile: didFilePath,
+        outDir: canisterOutDir,
+        canisterName
+      });
+      if (bindgenResult.success) {
+        totalUpdated++;
+      } else {
+        p3.log.warn(
+          `Could not regenerate declarations for ${canisterName}: ${bindgenResult.error}`
+        );
+      }
+    }
     const reactorPath = path4.join(canisterOutDir, "reactor.ts");
     const reactorContent = generateReactorFile({
       canisterName,
@@ -1149,41 +731,52 @@ async function syncCommand(options) {
       config,
       outDir: canisterOutDir
     });
-    fs5.writeFileSync(reactorPath, reactorContent);
+    fs4.writeFileSync(reactorPath, reactorContent);
     totalUpdated++;
     const hooksOutDir = path4.join(canisterOutDir, "hooks");
     ensureDir(hooksOutDir);
-    for (const methodName of generatedMethods) {
+    for (const hookConfig of hooks) {
+      const methodName = hookConfig.name;
       const method = methods.find((m) => m.name === methodName);
       if (!method) {
         totalSkipped++;
         continue;
       }
-      const queryFileName = getHookFileName(methodName, "query");
-      const mutationFileName = getHookFileName(methodName, "mutation");
-      const infiniteQueryFileName = getHookFileName(methodName, "infiniteQuery");
+      let hookType = hookConfig.type || method.type;
+      if (!hookConfig.type) {
+        const infiniteQueryFileName = getHookFileName2(
+          methodName,
+          "infiniteQuery"
+        );
+        if (fs4.existsSync(path4.join(hooksOutDir, infiniteQueryFileName))) {
+          hookType = "infiniteQuery";
+        }
+      }
+      const fileName = getHookFileName2(methodName, hookType);
       let content;
-      let fileName;
-      if (fs5.existsSync(path4.join(hooksOutDir, infiniteQueryFileName))) {
-        fileName = infiniteQueryFileName;
-        totalSkipped++;
-        continue;
-      } else if (method.type === "query") {
-        fileName = queryFileName;
+      if (hookType.includes("Query")) {
         content = generateQueryHook({
           canisterName,
           method,
-          config
+          config,
+          type: hookType
         });
       } else {
-        fileName = mutationFileName;
         content = generateMutationHook({
           canisterName,
           method,
           config
         });
       }
-      fs5.writeFileSync(path4.join(hooksOutDir, fileName), content);
+      const filePath = path4.join(hooksOutDir, fileName);
+      if (fs4.existsSync(filePath)) {
+        const existingContent = fs4.readFileSync(filePath, "utf-8");
+        if (existingContent !== content) {
+          totalSkipped++;
+          continue;
+        }
+      }
+      fs4.writeFileSync(filePath, content);
       totalUpdated++;
     }
   }
@@ -1208,6 +801,7 @@ Skipped: ${pc3.dim(totalSkipped.toString())} files (preserved customizations)`,
 import * as p4 from "@clack/prompts";
 import path5 from "path";
 import pc4 from "picocolors";
+import { parseDIDFile as parseDIDFile3 } from "@ic-reactor/codegen";
 async function listCommand(options) {
   console.log();
   p4.intro(pc4.cyan("\u{1F4CB} List Canister Methods"));
@@ -1257,7 +851,7 @@ async function listCommand(options) {
   }
   const didFilePath = path5.resolve(projectRoot, canisterConfig.didFile);
   try {
-    const methods = parseDIDFile(didFilePath);
+    const methods = parseDIDFile3(didFilePath);
     if (methods.length === 0) {
       p4.log.warn(`No methods found in ${pc4.yellow(didFilePath)}`);
       process.exit(0);
@@ -1316,14 +910,17 @@ ${error.message}`
 
 // src/commands/fetch.ts
 import * as p5 from "@clack/prompts";
-import fs6 from "fs";
+import fs5 from "fs";
 import path6 from "path";
 import pc5 from "picocolors";
+import { formatMethodForDisplay as formatMethodForDisplay2 } from "@ic-reactor/codegen";
+import { getHookFileName as getHookFileName3, toCamelCase } from "@ic-reactor/codegen";
 
 // src/utils/network.ts
 import { HttpAgent, Actor } from "@icp-sdk/core/agent";
 import { Principal } from "@icp-sdk/core/principal";
 import { IDL } from "@icp-sdk/core/candid";
+import { extractMethods } from "@ic-reactor/codegen";
 var IC_HOST = "https://icp-api.io";
 var LOCAL_HOST = "http://127.0.0.1:4943";
 async function fetchCandidFromCanister(options) {
@@ -1395,6 +992,7 @@ function shortenCanisterId(canisterId) {
 }
 
 // src/commands/fetch.ts
+import { generateDeclarations as generateDeclarations3 } from "@ic-reactor/codegen";
 async function fetchCommand(options) {
   console.log();
   p5.intro(pc5.cyan("\u{1F310} Fetch from Live Canister"));
@@ -1495,7 +1093,7 @@ async function fetchCommand(options) {
       message: "Select methods to generate hooks for",
       options: methods.map((method) => ({
         value: method.name,
-        label: formatMethodForDisplay(method)
+        label: formatMethodForDisplay2(method)
       })),
       required: true
     });
@@ -1591,7 +1189,6 @@ async function fetchCommand(options) {
   }
   const canisterConfig = {
     didFile: `./candid/${canisterName}.did`,
-    clientManagerPath: "../../lib/client",
     useDisplayReactor: true,
     canisterId
   };
@@ -1605,18 +1202,35 @@ async function fetchCommand(options) {
   genSpinner.start("Generating hooks...");
   const generatedFiles = [];
   const candidPath = path6.join(candidDir, `${canisterName}.did`);
-  fs6.writeFileSync(candidPath, candidSource);
+  fs5.writeFileSync(candidPath, candidSource);
   generatedFiles.push(`candid/${canisterName}.did`);
+  genSpinner.message("Generating TypeScript declarations...");
+  const bindgenResult = await generateDeclarations3({
+    didFile: candidPath,
+    outDir: canisterOutDir,
+    canisterName
+  });
+  if (bindgenResult.success) {
+    generatedFiles.push("declarations/");
+  } else {
+    p5.log.warn(`Could not generate declarations: ${bindgenResult.error}`);
+    p5.log.info(
+      `You can manually run: npx @icp-sdk/bindgen --input ${candidPath} --output ${canisterOutDir}/declarations`
+    );
+  }
+  genSpinner.message("Generating reactor...");
   const reactorPath = path6.join(canisterOutDir, "reactor.ts");
   const reactorContent = generateReactorFileForFetch({
     canisterName,
     canisterConfig,
-    canisterId
+    config,
+    canisterId,
+    hasDeclarations: bindgenResult.success
   });
-  fs6.writeFileSync(reactorPath, reactorContent);
+  fs5.writeFileSync(reactorPath, reactorContent);
   generatedFiles.push("reactor.ts");
   for (const { method, hookType } of methodsWithHookTypes) {
-    const fileName = getHookFileName(method.name, hookType);
+    const fileName = getHookFileName3(method.name, hookType);
     const filePath = path6.join(hooksOutDir, fileName);
     let content;
     switch (hookType) {
@@ -1644,12 +1258,12 @@ async function fetchCommand(options) {
         });
         break;
     }
-    fs6.writeFileSync(filePath, content);
+    fs5.writeFileSync(filePath, content);
     generatedFiles.push(path6.join("hooks", fileName));
   }
   const indexPath = path6.join(hooksOutDir, "index.ts");
-  const indexContent = generateIndexFile2(methodsWithHookTypes);
-  fs6.writeFileSync(indexPath, indexContent);
+  const indexContent = generateIndexFile(methodsWithHookTypes);
+  fs5.writeFileSync(indexPath, indexContent);
   generatedFiles.push("hooks/index.ts");
   config.generatedHooks[canisterName] = [
     .../* @__PURE__ */ new Set([
@@ -1675,13 +1289,15 @@ Methods: ${pc5.dim(selectedMethods.map((m) => m.name).join(", "))}`,
   p5.outro(pc5.green("\u2713 Done!"));
 }
 function generateReactorFileForFetch(options) {
-  const { canisterName, canisterConfig, canisterId } = options;
+  const { canisterName, canisterConfig, config, canisterId, hasDeclarations } = options;
   const pascalName = canisterName.charAt(0).toUpperCase() + canisterName.slice(1);
   const reactorName = `${canisterName}Reactor`;
   const serviceName = `${pascalName}Service`;
   const reactorType = canisterConfig.useDisplayReactor !== false ? "DisplayReactor" : "Reactor";
-  const clientManagerPath = canisterConfig.clientManagerPath ?? "../../lib/client";
-  return `/**
+  const clientManagerPath = canisterConfig.clientManagerPath ?? config.clientManagerPath ?? "../../lib/client";
+  const didFileName = path6.basename(canisterConfig.didFile);
+  if (hasDeclarations) {
+    return `/**
  * ${pascalName} Reactor
  *
  * Auto-generated by @ic-reactor/cli
@@ -1690,22 +1306,81 @@ function generateReactorFileForFetch(options) {
  * You can customize this file to add global configuration.
  */
 
-import { ${reactorType}, createActorHooks, createAuthHooks } from "@ic-reactor/react"
+import { ${reactorType}, createActorHooks } from "@ic-reactor/react"
 import { clientManager } from "${clientManagerPath}"
 
 // Import generated declarations
-// Note: You may need to run 'npx @icp-sdk/bindgen' to generate TypeScript types
-// For now, we use a generic service type
-import { idlFactory } from "./declarations/${canisterName}.did"
+import { idlFactory, type _SERVICE as ${serviceName} } from "./declarations/${didFileName}"
+
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+// REACTOR INSTANCE
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+
+/**
+ * ${pascalName} Reactor
+ *
+ * Canister ID: ${canisterId}
+ */
+export const ${reactorName} = new ${reactorType}<${serviceName}>({
+  clientManager,
+  idlFactory,
+  canisterId: "${canisterId}",
+  name: "${canisterName}",
+})
+
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+// ACTOR HOOKS
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+
+/**
+ * Actor hooks for ${canisterName} - use these directly or import method-specific hooks.
+ */
+export const {
+  useActorQuery,
+  useActorMutation,
+  useActorSuspenseQuery,
+  useActorInfiniteQuery,
+  useActorSuspenseInfiniteQuery,
+  useActorMethod,
+} = createActorHooks(${reactorName})
+
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+// RE-EXPORTS
+// \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+
+export { idlFactory }
+export type { ${serviceName} }
+`;
+  }
+  return `/**
+ * ${pascalName} Reactor
+ *
+ * Auto-generated by @ic-reactor/cli
+ * Fetched from canister: ${canisterId}
+ *
+ * You can customize this file to add global configuration.
+ */
+
+import { ${reactorType}, createActorHooks } from "@ic-reactor/react"
+import { clientManager } from "${clientManagerPath}"
 
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// SERVICE TYPE
+// DECLARATIONS
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-// TODO: Generate proper types using @icp-sdk/bindgen
-// npx @icp-sdk/bindgen --input ./candid/${canisterName}.did --output ./src/canisters/${canisterName}/declarations
+// TODO: Generate proper types by running:
+// npx @icp-sdk/bindgen --input ./candid/${canisterName}.did --output ./${canisterName}/declarations
+
+// For now, import just the IDL factory (you may need to create this manually)
+// import { idlFactory, type _SERVICE as ${serviceName} } from "./declarations/${didFileName}"
+
+// Fallback generic type - replace with generated types
 type ${serviceName} = Record<string, (...args: unknown[]) => Promise<unknown>>
 
+// You'll need to define idlFactory here or import from declarations
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const idlFactory = ({ IDL }: { IDL: any }) => IDL.Service({})
+
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 // REACTOR INSTANCE
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
@@ -1723,11 +1398,11 @@ export const ${reactorName} = new ${reactorType}<${serviceName}>({
 })
 
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// BASE HOOKS
+// ACTOR HOOKS
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
 /**
- * Base actor hooks - use these directly or import method-specific hooks.
+ * Actor hooks for ${canisterName} - use these directly or import method-specific hooks.
  */
 export const {
   useActorQuery,
@@ -1738,11 +1413,6 @@ export const {
   useActorMethod,
 } = createActorHooks(${reactorName})
 
-/**
- * Auth hooks for the client manager.
- */
-export const { useAuth, useAgentState, useUserPrincipal } = createAuthHooks(clientManager)
-
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 // RE-EXPORTS
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
@@ -1751,9 +1421,9 @@ export { idlFactory }
 export type { ${serviceName} }
 `;
 }
-function generateIndexFile2(methods) {
+function generateIndexFile(methods) {
   const exports = methods.map(({ method, hookType }) => {
-    const fileName = getHookFileName(method.name, hookType).replace(".ts", "");
+    const fileName = getHookFileName3(method.name, hookType).replace(".ts", "");
     return `export * from "./${fileName}"`;
   });
   return `/**