@copilotkitnext/angular 0.0.1 → 0.0.4

package/src/directives/__tests__/copilotkit-chat-config.directive.spec.ts

@@ -1,385 +0,0 @@
-import { Component } from "@angular/core";
-import { TestBed } from "@angular/core/testing";
-import { describe, it, expect, beforeEach, vi } from "vitest";
-import { CopilotKitChatConfigDirective } from "../copilotkit-chat-config.directive";
-import { CopilotChatConfigurationService } from "../../core/chat-configuration/chat-configuration.service";
-import { provideCopilotChatConfiguration } from "../../core/chat-configuration/chat-configuration.providers";
-import { By } from "@angular/platform-browser";
-
-describe("CopilotKitChatConfigDirective", () => {
-  describe("Basic Usage", () => {
-    let service: CopilotChatConfigurationService;
-
-    beforeEach(() => {
-      TestBed.configureTestingModule({
-        providers: provideCopilotChatConfiguration(),
-        imports: [CopilotKitChatConfigDirective],
-      });
-
-      service = TestBed.inject(CopilotChatConfigurationService);
-    });
-
-    it("should create directive and update service", () => {
-      @Component({
-        template: `
-          <div
-            copilotkitChatConfig
-            [labels]="labels"
-            [inputValue]="inputValue"
-          ></div>
-        `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {
-        labels = { chatInputPlaceholder: "Test placeholder" };
-        inputValue = "test value";
-      }
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      expect(service.labels().chatInputPlaceholder).toBe("Test placeholder");
-      expect(service.inputValue()).toBe("test value");
-    });
-
-    it("should support configuration object input", () => {
-      @Component({
-        template: ` <div [copilotkitChatConfig]="config"></div> `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {
-        config = {
-          labels: { chatInputPlaceholder: "Config placeholder" },
-          inputValue: "config value",
-        };
-      }
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      expect(service.labels().chatInputPlaceholder).toBe("Config placeholder");
-      expect(service.inputValue()).toBe("config value");
-    });
-
-    it("should handle missing service gracefully", () => {
-      // Create a component without providing the service
-      TestBed.resetTestingModule();
-      TestBed.configureTestingModule({
-        imports: [CopilotKitChatConfigDirective],
-      });
-
-      @Component({
-        template: ` <div copilotkitChatConfig [labels]="{}"></div> `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {}
-
-      const consoleSpy = vi.spyOn(console, "warn").mockImplementation(() => {});
-
-      expect(() => {
-        const fixture = TestBed.createComponent(TestComponent);
-        fixture.detectChanges();
-      }).not.toThrow();
-
-      expect(consoleSpy).toHaveBeenCalledWith(
-        expect.stringContaining("No CopilotChatConfigurationService found")
-      );
-
-      consoleSpy.mockRestore();
-    });
-  });
-
-  describe("Event Emissions", () => {
-    let service: CopilotChatConfigurationService;
-
-    beforeEach(() => {
-      TestBed.configureTestingModule({
-        providers: provideCopilotChatConfiguration(),
-        imports: [CopilotKitChatConfigDirective],
-      });
-
-      service = TestBed.inject(CopilotChatConfigurationService);
-    });
-
-    it("should emit submitInput event", () => {
-      let submittedValue: string | undefined;
-
-      @Component({
-        template: `
-          <div copilotkitChatConfig (submitInput)="onSubmit($event)"></div>
-        `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {
-        onSubmit(value: string) {
-          submittedValue = value;
-        }
-      }
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      const directiveEl = fixture.debugElement.query(
-        By.directive(CopilotKitChatConfigDirective)
-      );
-      const directive = directiveEl.injector.get(CopilotKitChatConfigDirective);
-
-      directive.submit("test message");
-
-      expect(submittedValue).toBe("test message");
-    });
-
-    it("should emit changeInput event", () => {
-      let changedValue: string | undefined;
-
-      @Component({
-        template: `
-          <div copilotkitChatConfig (changeInput)="onChange($event)"></div>
-        `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {
-        onChange(value: string) {
-          changedValue = value;
-        }
-      }
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      const directiveEl = fixture.debugElement.query(
-        By.directive(CopilotKitChatConfigDirective)
-      );
-      const directive = directiveEl.injector.get(CopilotKitChatConfigDirective);
-
-      directive.change("typing...");
-
-      expect(changedValue).toBe("typing...");
-    });
-  });
-
-  describe("Two-Way Binding", () => {
-    let service: CopilotChatConfigurationService;
-
-    beforeEach(() => {
-      TestBed.configureTestingModule({
-        providers: provideCopilotChatConfiguration(),
-        imports: [CopilotKitChatConfigDirective],
-      });
-
-      service = TestBed.inject(CopilotChatConfigurationService);
-    });
-
-    it("should support two-way binding for value", () => {
-      @Component({
-        template: ` <div copilotkitChatConfig [(value)]="inputText"></div> `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {
-        inputText = "initial";
-      }
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      const directiveEl = fixture.debugElement.query(
-        By.directive(CopilotKitChatConfigDirective)
-      );
-      const directive = directiveEl.injector.get(CopilotKitChatConfigDirective);
-
-      // Setting value on directive should update component
-      directive.value = "updated";
-      expect(directive.value).toBe("updated");
-
-      // Changing value through directive method
-      directive.change("changed");
-      fixture.detectChanges();
-
-      expect(directive.value).toBe("changed");
-    });
-  });
-
-  describe("Dynamic Updates", () => {
-    let service: CopilotChatConfigurationService;
-
-    beforeEach(() => {
-      TestBed.configureTestingModule({
-        providers: provideCopilotChatConfiguration(),
-        imports: [CopilotKitChatConfigDirective],
-      });
-
-      service = TestBed.inject(CopilotChatConfigurationService);
-    });
-
-    it("should update configuration when inputs change", () => {
-      @Component({
-        template: `
-          <div
-            copilotkitChatConfig
-            [labels]="labels"
-            [inputValue]="inputValue"
-          ></div>
-        `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {
-        labels = { chatInputPlaceholder: "Initial" };
-        inputValue = "initial value";
-      }
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      expect(service.labels().chatInputPlaceholder).toBe("Initial");
-
-      // Update labels
-      fixture.componentInstance.labels = { chatInputPlaceholder: "Updated" };
-      fixture.detectChanges();
-
-      expect(service.labels().chatInputPlaceholder).toBe("Updated");
-
-      // Update input value
-      fixture.componentInstance.inputValue = "updated value";
-      fixture.detectChanges();
-
-      expect(service.inputValue()).toBe("updated value");
-    });
-  });
-
-  describe("Handler Integration", () => {
-    let service: CopilotChatConfigurationService;
-
-    beforeEach(() => {
-      TestBed.configureTestingModule({
-        providers: provideCopilotChatConfiguration(),
-        imports: [CopilotKitChatConfigDirective],
-      });
-
-      service = TestBed.inject(CopilotChatConfigurationService);
-    });
-
-    it("should integrate handlers from config object", () => {
-      const submitHandler = vi.fn();
-      const changeHandler = vi.fn();
-
-      @Component({
-        template: ` <div [copilotkitChatConfig]="config"></div> `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {
-        config = {
-          onSubmitInput: submitHandler,
-          onChangeInput: changeHandler,
-        };
-      }
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      const directiveEl = fixture.debugElement.query(
-        By.directive(CopilotKitChatConfigDirective)
-      );
-      const directive = directiveEl.injector.get(CopilotKitChatConfigDirective);
-
-      // Submit should call the handler
-      directive.submit("test submit");
-      expect(submitHandler).toHaveBeenCalledWith("test submit");
-
-      // Change should call the handler
-      directive.change("test change");
-      expect(changeHandler).toHaveBeenCalledWith("test change");
-    });
-
-    it("should call both directive and service handlers", () => {
-      const directiveSubmitHandler = vi.fn();
-      const serviceSubmitHandler = vi.fn();
-
-      @Component({
-        template: `
-          <div copilotkitChatConfig (submitInput)="onSubmit($event)"></div>
-        `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {
-        onSubmit = directiveSubmitHandler;
-      }
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      // Also set a handler on the service
-      service.setSubmitHandler(serviceSubmitHandler);
-
-      const directiveEl = fixture.debugElement.query(
-        By.directive(CopilotKitChatConfigDirective)
-      );
-      const directive = directiveEl.injector.get(CopilotKitChatConfigDirective);
-
-      directive.submit("test");
-
-      // Both handlers should be called
-      expect(directiveSubmitHandler).toHaveBeenCalledWith("test");
-      // Note: The directive overrides the service handler, so it's part of the composite
-    });
-  });
-
-  describe("Public Methods", () => {
-    let service: CopilotChatConfigurationService;
-
-    beforeEach(() => {
-      TestBed.configureTestingModule({
-        providers: provideCopilotChatConfiguration(),
-        imports: [CopilotKitChatConfigDirective],
-      });
-
-      service = TestBed.inject(CopilotChatConfigurationService);
-    });
-
-    it("should expose submit method", () => {
-      @Component({
-        template: ` <div copilotkitChatConfig></div> `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {}
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      const directiveEl = fixture.debugElement.query(
-        By.directive(CopilotKitChatConfigDirective)
-      );
-      const directive = directiveEl.injector.get(CopilotKitChatConfigDirective);
-
-      expect(typeof directive.submit).toBe("function");
-    });
-
-    it("should expose change method", () => {
-      @Component({
-        template: ` <div copilotkitChatConfig></div> `,
-        standalone: true,
-        imports: [CopilotKitChatConfigDirective],
-      })
-      class TestComponent {}
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      const directiveEl = fixture.debugElement.query(
-        By.directive(CopilotKitChatConfigDirective)
-      );
-      const directive = directiveEl.injector.get(CopilotKitChatConfigDirective);
-
-      expect(typeof directive.change).toBe("function");
-    });
-  });
-});

package/src/directives/__tests__/copilotkit-config.directive.spec.ts

@@ -1,69 +0,0 @@
-import { Component } from "@angular/core";
-import { TestBed } from "@angular/core/testing";
-import { describe, it, expect, beforeEach, vi } from "vitest";
-import { CopilotKitConfigDirective } from "../copilotkit-config.directive";
-import { CopilotKitService } from "../../core/copilotkit.service";
-import { provideCopilotKit } from "../../core/copilotkit.providers";
-
-// Mock CopilotKitCore to prevent network calls
-vi.mock("@copilotkitnext/core", () => ({
-  CopilotKitCore: vi.fn().mockImplementation(() => ({
-    setRuntimeUrl: vi.fn(),
-    setHeaders: vi.fn(),
-    setProperties: vi.fn(),
-    setAgents: vi.fn(),
-    subscribe: vi.fn(() => () => {}), // Return unsubscribe function
-  })),
-}));
-
-@Component({
-  template: ` <div [copilotkitConfig]="config"></div> `,
-  standalone: true,
-  imports: [CopilotKitConfigDirective],
-})
-class TestComponent {
-  config = {
-    runtimeUrl: "https://api.test.com",
-    headers: { "X-Test": "value" },
-  };
-}
-
-describe("CopilotKitConfigDirective", () => {
-  let service: CopilotKitService;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [TestComponent, CopilotKitConfigDirective],
-      providers: [provideCopilotKit({})],
-    }).compileComponents();
-
-    service = TestBed.inject(CopilotKitService);
-  });
-
-  it("should update service when config changes", () => {
-    const setRuntimeUrlSpy = vi.spyOn(service, "setRuntimeUrl");
-    const setHeadersSpy = vi.spyOn(service, "setHeaders");
-
-    const fixture = TestBed.createComponent(TestComponent);
-    fixture.detectChanges();
-
-    expect(setRuntimeUrlSpy).toHaveBeenCalledWith("https://api.test.com");
-    expect(setHeadersSpy).toHaveBeenCalledWith({ "X-Test": "value" });
-  });
-
-  it("should handle config updates", () => {
-    const fixture = TestBed.createComponent(TestComponent);
-    fixture.detectChanges();
-
-    const setRuntimeUrlSpy = vi.spyOn(service, "setRuntimeUrl");
-
-    // Update config
-    fixture.componentInstance.config = {
-      runtimeUrl: "https://api.updated.com",
-      headers: { "X-Test": "updated" },
-    };
-    fixture.detectChanges();
-
-    expect(setRuntimeUrlSpy).toHaveBeenCalledWith("https://api.updated.com");
-  });
-});

package/src/directives/__tests__/copilotkit-frontend-tool-simple.directive.spec.ts

@@ -1,60 +0,0 @@
-import { Component } from "@angular/core";
-import { TestBed } from "@angular/core/testing";
-import { describe, it, expect, beforeEach, vi, afterEach } from "vitest";
-import { CopilotKitFrontendToolDirective } from "../copilotkit-frontend-tool.directive";
-import { CopilotKitService } from "../../core/copilotkit.service";
-import { provideCopilotKit } from "../../core/copilotkit.providers";
-import { z } from "zod";
-
-// Mock CopilotKitCore
-vi.mock("@copilotkitnext/core", () => ({
-  CopilotKitCore: vi.fn().mockImplementation(() => ({
-    addTool: vi.fn(),
-    removeTool: vi.fn(),
-    setRuntimeUrl: vi.fn(),
-    setHeaders: vi.fn(),
-    setProperties: vi.fn(),
-    setAgents: vi.fn(),
-    subscribe: vi.fn(() => () => {}),
-  })),
-}));
-
-describe("CopilotKitFrontendToolDirective - Simple", () => {
-  let service: CopilotKitService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      providers: [provideCopilotKit({})],
-    });
-    service = TestBed.inject(CopilotKitService);
-  });
-
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it.skip("should create directive instance", () => {
-    // Cannot test direct instantiation with inject()
-    expect(true).toBe(true);
-  });
-
-  it.skip("should have required inputs", () => {
-    // Cannot test direct instantiation with inject()
-    expect(true).toBe(true);
-  });
-
-  it.skip("should register tool on init", () => {
-    // Cannot test direct instantiation with inject()
-    expect(true).toBe(true);
-  });
-
-  it.skip("should unregister tool on destroy", () => {
-    // Cannot test direct instantiation with inject()
-    expect(true).toBe(true);
-  });
-
-  it.skip("should warn if name is missing", () => {
-    // Cannot test direct instantiation with inject()
-    expect(true).toBe(true);
-  });
-});

package/src/directives/__tests__/copilotkit-frontend-tool.directive.spec.ts

@@ -1,108 +0,0 @@
-import { Component } from "@angular/core";
-import { TestBed } from "@angular/core/testing";
-import { describe, it, expect, beforeEach, vi, afterEach } from "vitest";
-import { CopilotKitFrontendToolDirective } from "../copilotkit-frontend-tool.directive";
-import { CopilotKitService } from "../../core/copilotkit.service";
-import { provideCopilotKit } from "../../core/copilotkit.providers";
-import { z } from "zod";
-
-// Mock CopilotKitCore
-vi.mock("@copilotkitnext/core", () => ({
-  CopilotKitCore: vi.fn().mockImplementation(() => ({
-    addTool: vi.fn(),
-    removeTool: vi.fn(),
-    setRuntimeUrl: vi.fn(),
-    setHeaders: vi.fn(),
-    setProperties: vi.fn(),
-    setAgents: vi.fn(),
-    subscribe: vi.fn(() => () => {}),
-  })),
-}));
-
-describe("CopilotKitFrontendToolDirective", () => {
-  let service: CopilotKitService;
-  let addToolSpy: any;
-  let removeToolSpy: any;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      providers: [provideCopilotKit({})],
-    });
-
-    service = TestBed.inject(CopilotKitService);
-    addToolSpy = vi.spyOn(service.copilotkit, "addTool");
-    removeToolSpy = vi.spyOn(service.copilotkit, "removeTool");
-  });
-
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe("Basic Registration", () => {
-    it("should register tool with static values", () => {
-      @Component({
-        template: `
-          <div
-            copilotkitFrontendTool
-            name="testTool"
-            description="Test tool"
-          ></div>
-        `,
-        standalone: true,
-        imports: [CopilotKitFrontendToolDirective],
-      })
-      class TestComponent {}
-
-      const fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-
-      expect(addToolSpy).toHaveBeenCalledWith(
-        expect.objectContaining({
-          name: "testTool",
-          description: "Test tool",
-        })
-      );
-    });
-
-    it("should warn if name is missing", () => {
-      const consoleSpy = vi.spyOn(console, "warn").mockImplementation(() => {});
-
-      @Component({
-        template: `<div copilotkitFrontendTool></div>`,
-        standalone: true,
-        imports: [CopilotKitFrontendToolDirective],
-      })
-      class MissingNameComponent {}
-
-      const fixture = TestBed.createComponent(MissingNameComponent);
-      fixture.detectChanges();
-
-      expect(addToolSpy).not.toHaveBeenCalled();
-      expect(consoleSpy).toHaveBeenCalledWith(
-        'CopilotKitFrontendToolDirective: "name" is required. Please provide a name via [name]="toolName" or [copilotkitFrontendTool]="{ name: \'toolName\', ... }"'
-      );
-
-      consoleSpy.mockRestore();
-    });
-  });
-
-  describe("Cleanup", () => {
-    it("should remove tool on destroy", () => {
-      @Component({
-        template: ` <div copilotkitFrontendTool name="cleanupTool"></div> `,
-        standalone: true,
-        imports: [CopilotKitFrontendToolDirective],
-      })
-      class CleanupComponent {}
-
-      const fixture = TestBed.createComponent(CleanupComponent);
-      fixture.detectChanges();
-
-      expect(addToolSpy).toHaveBeenCalled();
-
-      fixture.destroy();
-
-      expect(removeToolSpy).toHaveBeenCalledWith("cleanupTool");
-    });
-  });
-});