@ic-reactor/candid 3.0.7-beta.1 → 3.0.8-beta.0

package/src/display-reactor.ts

@@ -0,0 +1,332 @@
+import type {
+  BaseActor,
+  DisplayReactorParameters,
+  TransformKey,
+} from "@ic-reactor/core"
+import type {
+  CandidDisplayReactorParameters,
+  DynamicMethodOptions,
+} from "./types"
+
+import {
+  DisplayReactor,
+  didToDisplayCodec,
+  didTypeFromArray,
+} from "@ic-reactor/core"
+import { CandidAdapter } from "./adapter"
+import { IDL } from "@icp-sdk/core/candid"
+
+// ============================================================================
+// CandidDisplayReactor
+// ============================================================================
+
+/**
+ * CandidDisplayReactor combines the display transformation capabilities of
+ * DisplayReactor with dynamic Candid parsing from CandidReactor.
+ *
+ * This class provides:
+ * - **Display transformations**: Automatic type conversion between Candid and
+ *   display-friendly types (bigint ↔ string, Principal ↔ string, etc.)
+ * - **Validation**: Optional argument validation with display types
+ * - **Dynamic Candid parsing**: Initialize from Candid source or fetch from network
+ * - **Dynamic method registration**: Register methods at runtime with Candid signatures
+ *
+ * @typeParam A - The actor service type
+ *
+ * @example
+ * ```typescript
+ * import { CandidDisplayReactor } from "@ic-reactor/candid"
+ *
+ * const reactor = new CandidDisplayReactor({
+ *   clientManager,
+ *   canisterId: "ryjl3-tyaaa-aaaaa-aaaba-cai",
+ * })
+ *
+ * // Initialize from network (fetches Candid from canister)
+ * await reactor.initialize()
+ *
+ * // Or provide Candid source directly
+ * const reactor2 = new CandidDisplayReactor({
+ *   clientManager,
+ *   canisterId: "...",
+ *   candid: `service : { greet : (text) -> (text) query }`
+ * })
+ * await reactor2.initialize()
+ *
+ * // Call methods with display types (strings instead of bigint/Principal)
+ * const result = await reactor.callMethod({
+ *   functionName: "transfer",
+ *   args: [{ to: "aaaaa-aa", amount: "1000000" }] // strings!
+ * })
+ *
+ * // Add validation
+ * reactor.registerValidator("transfer", ([input]) => {
+ *   if (!input.to) {
+ *     return { success: false, issues: [{ path: ["to"], message: "Required" }] }
+ *   }
+ *   return { success: true }
+ * })
+ * ```
+ */
+export class CandidDisplayReactor<
+  A = BaseActor,
+  T extends TransformKey = "display",
+> extends DisplayReactor<A, T> {
+  public readonly transform = "display" as T
+  public adapter: CandidAdapter
+  private candidSource?: string
+
+  constructor(config: CandidDisplayReactorParameters<A>) {
+    const superConfig = { ...config }
+
+    if (!superConfig.idlFactory) {
+      superConfig.idlFactory = ({ IDL }) => IDL.Service({})
+    }
+
+    super(superConfig as DisplayReactorParameters<A>)
+
+    this.candidSource = config.candid
+
+    if (config.adapter) {
+      this.adapter = config.adapter
+    } else {
+      this.adapter = new CandidAdapter({
+        clientManager: this.clientManager,
+      })
+    }
+  }
+
+  // ══════════════════════════════════════════════════════════════════════════
+  // INITIALIZATION
+  // ══════════════════════════════════════════════════════════════════════════
+
+  /**
+   * Initializes the reactor by parsing the provided Candid string or fetching it from the network.
+   * This updates the internal service definition with the actual canister interface.
+   *
+   * After initialization, all DisplayReactor methods work with display type transformations.
+   *
+   * @example
+   * ```typescript
+   * const reactor = new CandidDisplayReactor({
+   *   clientManager,
+   *   canisterId: "ryjl3-tyaaa-aaaaa-aaaba-cai",
+   * })
+   *
+   * // Fetches Candid from the canister and initializes
+   * await reactor.initialize()
+   *
+   * // Now you can call methods with display types
+   * const balance = await reactor.callMethod({
+   *   functionName: "icrc1_balance_of",
+   *   args: [{ owner: "aaaaa-aa" }] // Principal as string!
+   * })
+   * ```
+   */
+  public async initialize(): Promise<void> {
+    let idlFactory: IDL.InterfaceFactory
+
+    if (this.candidSource) {
+      const definition = await this.adapter.parseCandidSource(this.candidSource)
+      idlFactory = definition.idlFactory
+    } else {
+      const definition = await this.adapter.getCandidDefinition(this.canisterId)
+      idlFactory = definition.idlFactory
+    }
+
+    this.service = idlFactory({ IDL })
+
+    // Re-initialize codecs after service is updated
+    this.reinitializeCodecs()
+  }
+
+  /**
+   * Re-initialize the display codecs after the service has been updated.
+   * This is called automatically after initialize() or registerMethod().
+   */
+  private reinitializeCodecs(): void {
+    const fields = this.getServiceInterface()?._fields
+    if (!fields) return
+
+    // Access the private codecs map from DisplayReactor
+    const codecs = (this as any).codecs as Map<
+      string,
+      { args: any; result: any }
+    >
+
+    for (const [methodName, funcType] of fields) {
+      // Skip if already exists
+      if (codecs.has(methodName)) continue
+
+      const argsIdlType = didTypeFromArray(funcType.argTypes)
+      const retIdlType = didTypeFromArray(funcType.retTypes)
+
+      codecs.set(methodName, {
+        args: didToDisplayCodec(argsIdlType),
+        result: didToDisplayCodec(retIdlType),
+      })
+    }
+  }
+
+  // ══════════════════════════════════════════════════════════════════════════
+  // DYNAMIC METHOD REGISTRATION
+  // ══════════════════════════════════════════════════════════════════════════
+
+  /**
+   * Register a dynamic method by its Candid signature.
+   * After registration, all DisplayReactor methods work with display type transformations.
+   *
+   * @example
+   * ```typescript
+   * // Register a method
+   * await reactor.registerMethod({
+   *   functionName: "icrc1_balance_of",
+   *   candid: "(record { owner : principal }) -> (nat) query"
+   * })
+   *
+   * // Now use with display types!
+   * const balance = await reactor.callMethod({
+   *   functionName: "icrc1_balance_of",
+   *   args: [{ owner: "aaaaa-aa" }] // Principal as string
+   * })
+   * // balance is string (not bigint) due to display transformation
+   * ```
+   */
+  public async registerMethod(options: DynamicMethodOptions): Promise<void> {
+    const { functionName, candid } = options
+
+    // Check if method already registered
+    const existing = this.service._fields.find(
+      ([name]) => name === functionName
+    )
+    if (existing) return
+
+    // Parse the Candid signature
+    const serviceSource = candid.includes("service :")
+      ? candid
+      : `service : { ${functionName} : ${candid}; }`
+
+    const { idlFactory } = await this.adapter.parseCandidSource(serviceSource)
+    const parsedService = idlFactory({ IDL })
+
+    const funcField = parsedService._fields.find(
+      ([name]) => name === functionName
+    )
+    if (!funcField) {
+      throw new Error(
+        `Method "${functionName}" not found in the provided Candid signature`
+      )
+    }
+
+    // Inject into our service
+    this.service._fields.push(funcField)
+
+    // Re-initialize codecs for the new method
+    this.reinitializeCodecs()
+  }
+
+  /**
+   * Register multiple methods at once.
+   *
+   * @example
+   * ```typescript
+   * await reactor.registerMethods([
+   *   { functionName: "icrc1_balance_of", candid: "(record { owner : principal }) -> (nat) query" },
+   *   { functionName: "icrc1_transfer", candid: "(record { to : principal; amount : nat }) -> (variant { Ok : nat; Err : text })" }
+   * ])
+   * ```
+   */
+  public async registerMethods(methods: DynamicMethodOptions[]): Promise<void> {
+    await Promise.all(methods.map((m) => this.registerMethod(m)))
+  }
+
+  /**
+   * Check if a method is registered (either from initialize or registerMethod).
+   */
+  public hasMethod(functionName: string): boolean {
+    return this.service._fields.some(([name]) => name === functionName)
+  }
+
+  /**
+   * Get all registered method names.
+   */
+  public getMethodNames(): string[] {
+    return this.service._fields.map(([name]) => name)
+  }
+
+  // ══════════════════════════════════════════════════════════════════════════
+  // DYNAMIC CALL SHORTCUTS
+  // ══════════════════════════════════════════════════════════════════════════
+
+  /**
+   * Perform a dynamic update call in one step with display type transformations.
+   * Registers the method if not already registered, then calls it.
+   *
+   * @example
+   * ```typescript
+   * const result = await reactor.callDynamic({
+   *   functionName: "transfer",
+   *   candid: "(record { to : principal; amount : nat }) -> (variant { Ok : nat; Err : text })",
+   *   args: [{ to: "aaaaa-aa", amount: "100" }] // Display types!
+   * })
+   * ```
+   */
+  public async callDynamic<T = unknown>(
+    options: DynamicMethodOptions & { args?: unknown[] }
+  ): Promise<T> {
+    await this.registerMethod(options)
+    return this.callMethod({
+      functionName: options.functionName as any,
+      args: options.args as any,
+    }) as T
+  }
+
+  /**
+   * Perform a dynamic query call in one step with display type transformations.
+   * Registers the method if not already registered, then calls it.
+   *
+   * @example
+   * ```typescript
+   * const balance = await reactor.queryDynamic({
+   *   functionName: "icrc1_balance_of",
+   *   candid: "(record { owner : principal }) -> (nat) query",
+   *   args: [{ owner: "aaaaa-aa" }] // Display types!
+   * })
+   * // balance is string (not BigInt)
+   * ```
+   */
+  public async queryDynamic<T = unknown>(
+    options: DynamicMethodOptions & { args?: unknown[] }
+  ): Promise<T> {
+    await this.registerMethod(options)
+    return this.callMethod({
+      functionName: options.functionName as any,
+      args: options.args as any,
+    }) as T
+  }
+
+  /**
+   * Fetch with dynamic Candid and TanStack Query caching.
+   * Registers the method if not already registered, then fetches with caching.
+   * Results are transformed to display types.
+   *
+   * @example
+   * ```typescript
+   * const balance = await reactor.fetchQueryDynamic({
+   *   functionName: "icrc1_balance_of",
+   *   candid: "(record { owner : principal }) -> (nat) query",
+   *   args: [{ owner: "aaaaa-aa" }]
+   * })
+   * // Subsequent calls with same args return cached result
+   * ```
+   */
+  public async fetchQueryDynamic<T = unknown>(
+    options: DynamicMethodOptions & { args?: unknown[] }
+  ): Promise<T> {
+    await this.registerMethod(options)
+    return this.fetchQuery({
+      functionName: options.functionName as any,
+      args: options.args as any,
+    }) as T
+  }
+}

package/src/index.ts

@@ -0,0 +1,7 @@
+export { CandidAdapter } from "./adapter"
+export * from "./types"
+export * from "./constants"
+export * from "./utils"
+export * from "./reactor"
+export * from "./display-reactor"
+export * from "./metadata-display-reactor"

package/src/metadata-display-reactor.ts

@@ -0,0 +1,184 @@
+import type {
+  ActorMethodReturnType,
+  BaseActor,
+  FunctionName,
+} from "@ic-reactor/core"
+import { CandidDisplayReactor } from "./display-reactor"
+import type {
+  CandidDisplayReactorParameters,
+  DynamicMethodOptions,
+} from "./types"
+import {
+  ArgumentFieldVisitor,
+  MethodArgumentsMeta,
+  ServiceArgumentsMeta,
+} from "./visitor/arguments"
+import {
+  MethodResultMeta,
+  ResolvedMethodResult,
+  ResultFieldVisitor,
+  ServiceResultMeta,
+} from "./visitor/returns"
+
+// ============================================================================
+// MetadataDisplayReactor
+// ============================================================================
+
+/**
+ * MetadataDisplayReactor combines visitor-based metadata generation
+ * for both input forms and result display.
+ *
+ * ## Architecture
+ *
+ * It extends the base Reactor and adds metadata generation capabilities.
+ * Unlike DisplayReactor, it does not use a separate codec for transformation.
+ * Instead, it uses the metadata visitor to resolve raw values into display-ready structures.
+ */
+declare module "@ic-reactor/core" {
+  interface TransformArgsRegistry<T> {
+    metadata: TransformArgsRegistry<T>["display"]
+  }
+  interface TransformReturnRegistry<T, A = BaseActor> {
+    metadata: ResolvedMethodResult<A>
+  }
+}
+
+export class MetadataDisplayReactor<A = BaseActor> extends CandidDisplayReactor<
+  A,
+  "metadata"
+> {
+  public override readonly transform = "metadata" as const
+
+  // Metadata storage
+  private argumentMeta: ServiceArgumentsMeta<A> | null = null
+  private resultMeta: ServiceResultMeta<A> | null = null
+
+  // Visitors (stateless, can be reused)
+  private static argVisitor = new ArgumentFieldVisitor()
+  private static resultVisitor = new ResultFieldVisitor()
+
+  constructor(config: CandidDisplayReactorParameters<A>) {
+    super(config)
+  }
+
+  // ══════════════════════════════════════════════════════════════════════════
+  // INITIALIZATION
+  // ══════════════════════════════════════════════════════════════════════════
+
+  /**
+   * Initializes the reactor by parsing Candid and generating all metadata.
+   */
+  public override async initialize(): Promise<void> {
+    await super.initialize()
+
+    // Generate metadata using visitors
+    this.generateMetadata()
+  }
+
+  /**
+   * Generate all metadata from the service interface using visitors.
+   */
+  private generateMetadata(): void {
+    const service = this.getServiceInterface()
+    if (!service) return
+
+    // Generate argument metadata
+    this.argumentMeta = service.accept(
+      MetadataDisplayReactor.argVisitor,
+      null as any
+    ) as ServiceArgumentsMeta<A>
+
+    // Generate result metadata
+    this.resultMeta = service.accept(
+      MetadataDisplayReactor.resultVisitor,
+      null as any
+    ) as ServiceResultMeta<A>
+  }
+
+  // ══════════════════════════════════════════════════════════════════════════
+  // METADATA ACCESS
+  // ══════════════════════════════════════════════════════════════════════════
+  /**
+   * Get argument field metadata for a method.
+   * Use this to generate input forms.
+   */
+  public getArgumentMeta<M extends FunctionName<A>>(
+    methodName: M
+  ): MethodArgumentsMeta<A, M> | undefined {
+    return this.argumentMeta?.[methodName]
+  }
+
+  /**
+   * Get result field metadata for a method.
+   * Use this to render results.
+   */
+  public getResultMeta<M extends FunctionName<A>>(
+    methodName: M
+  ): MethodResultMeta<A, M> | undefined {
+    return this.resultMeta?.[methodName]
+  }
+
+  /**
+   * Get all argument metadata.
+   */
+  public getAllArgumentMeta(): ServiceArgumentsMeta<A> | null {
+    return this.argumentMeta
+  }
+
+  /**
+   * Get all result metadata.
+   */
+  public getAllResultMeta(): ServiceResultMeta<A> | null {
+    return this.resultMeta
+  }
+
+  // ══════════════════════════════════════════════════════════════════════════
+  // DYNAMIC METHOD REGISTRATION
+  // ══════════════════════════════════════════════════════════════════════════
+  /**
+   * Register a dynamic method by its Candid signature.
+   * After registration, all DisplayReactor methods work with display type transformations.
+   */
+  public override async registerMethod(
+    options: DynamicMethodOptions
+  ): Promise<void> {
+    await super.registerMethod(options)
+
+    // Regenerate metadata
+    this.generateMetadata()
+  }
+
+  // ══════════════════════════════════════════════════════════════════════════
+  // DYNAMIC CALL SHORTCUTS
+  // ══════════════════════════════════════════════════════════════════════════
+  protected override transformResult<M extends FunctionName<A>>(
+    methodName: M,
+    result: ActorMethodReturnType<A[M]>
+  ): ResolvedMethodResult<A> {
+    // Get metadata and generate resolved result
+    const meta = this.getResultMeta(methodName)
+    if (!meta) {
+      throw new Error(`No metadata found for method "${methodName}"`)
+    }
+
+    return meta.generateMetadata(result) as ResolvedMethodResult<A>
+  }
+
+  /**
+   * Perform a dynamic call and return result with metadata.
+   */
+  public async callDynamicWithMeta<T = unknown>(
+    options: DynamicMethodOptions & { args?: unknown[] }
+  ): Promise<{ result: T; meta: MethodResultMeta<A> }> {
+    await this.registerMethod(options)
+
+    const result = (await this.callMethod({
+      functionName: options.functionName as any,
+      args: options.args as any,
+    })) as T
+
+    const meta = this.getResultMeta(options.functionName as any)!
+
+    return { result, meta }
+  }
+}