@powerhousedao/vetra 4.1.0-dev.81 → 4.1.0-dev.83

package/dist/editors/subgraph-editor/editor.test.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { useSelectedSubgraphModuleDocument } from "../hooks/useVetraDocument.js";
+import { Editor } from "./editor.js";
+vi.mock("../hooks/useVetraDocument.js", () => ({
+    useSelectedSubgraphModuleDocument: vi.fn(),
+}));
+describe("SubgraphModule Editor", () => {
+    let mockDispatch;
+    beforeEach(() => {
+        mockDispatch = vi.fn();
+        vi.mocked(useSelectedSubgraphModuleDocument).mockReturnValue([
+            {
+                state: {
+                    global: {
+                        name: "",
+                        status: "DRAFT",
+                    },
+                },
+            },
+            mockDispatch,
+        ]);
+    });
+    describe("Core Rendering", () => {
+        it("should render all main form sections and labels", () => {
+            render(_jsx(Editor, {}));
+            expect(screen.getByText("Subgraph Configuration")).toBeInTheDocument();
+            expect(screen.getByText("Subgraph Name")).toBeInTheDocument();
+            expect(screen.getByText("Confirm")).toBeInTheDocument();
+        });
+        it("should display existing subgraph data when document has values", () => {
+            vi.mocked(useSelectedSubgraphModuleDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-subgraph",
+                            status: "DRAFT",
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            expect(screen.getByDisplayValue("test-subgraph")).toBeInTheDocument();
+        });
+    });
+    describe("Subgraph Name Input", () => {
+        it("should dispatch setSubgraphName when name changes (debounced)", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Subgraph Name");
+            await user.type(nameInput, "new-subgraph");
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_SUBGRAPH_NAME",
+                    input: { name: "new-subgraph" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should dispatch when clearing a non-empty field", async () => {
+            vi.mocked(useSelectedSubgraphModuleDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "existing-subgraph",
+                            status: "DRAFT",
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Subgraph Name");
+            await user.clear(nameInput);
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_SUBGRAPH_NAME",
+                    input: { name: "" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should NOT dispatch when typing identical value without clearing", async () => {
+            vi.mocked(useSelectedSubgraphModuleDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test",
+                            status: "DRAFT",
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Subgraph Name");
+            await user.tripleClick(nameInput);
+            await user.type(nameInput, "test");
+            await waitFor(() => {
+                expect(mockDispatch).not.toHaveBeenCalled();
+            });
+        });
+        it("should NOT dispatch when both old and new values are empty", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Subgraph Name");
+            await user.click(nameInput);
+            await user.tab();
+            await waitFor(() => {
+                expect(mockDispatch).not.toHaveBeenCalled();
+            });
+        });
+    });
+    describe("Confirm Button", () => {
+        it("should dispatch setSubgraphStatus when confirm clicked", async () => {
+            vi.mocked(useSelectedSubgraphModuleDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-subgraph",
+                            status: "DRAFT",
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.getByText("Confirm");
+            await user.click(confirmButton);
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "SET_SUBGRAPH_STATUS",
+                input: { status: "CONFIRMED" },
+            }));
+        });
+        it("should be disabled when subgraph name is empty", () => {
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.getByText("Confirm");
+            expect(confirmButton).toBeDisabled();
+        });
+        it("should be hidden when status is CONFIRMED", () => {
+            vi.mocked(useSelectedSubgraphModuleDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-subgraph",
+                            status: "CONFIRMED",
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.queryByText("Confirm");
+            expect(confirmButton).not.toBeInTheDocument();
+        });
+    });
+    describe("Read-only Mode", () => {
+        it("should disable form field when status is CONFIRMED", () => {
+            vi.mocked(useSelectedSubgraphModuleDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-subgraph",
+                            status: "CONFIRMED",
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Subgraph Name");
+            expect(nameInput).toBeDisabled();
+            // Confirm button should not be visible
+            const confirmButton = screen.queryByText("Confirm");
+            expect(confirmButton).not.toBeInTheDocument();
+        });
+        it("should enable form field when status is DRAFT", () => {
+            vi.mocked(useSelectedSubgraphModuleDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-subgraph",
+                            status: "DRAFT",
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Subgraph Name");
+            expect(nameInput).not.toBeDisabled();
+            // Confirm button should be visible
+            const confirmButton = screen.getByText("Confirm");
+            expect(confirmButton).toBeInTheDocument();
+        });
+    });
+});

package/dist/editors/vetra-package/components/MetaForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetaForm.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-package/components/MetaForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iDAAiD,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoP5C,CAAC"}
+{"version":3,"file":"MetaForm.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-package/components/MetaForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iDAAiD,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgS5C,CAAC"}

package/dist/editors/vetra-package/components/MetaForm.js

@@ -20,11 +20,11 @@ export const MetaForm = (props) => {
     useDebounce(publisherUrl, onPublisherUrlChange, 300);
     useDebounce(githubRepository, onGithubRepositoryChange, 300);
     useDebounce(npmPackage, onNpmPackageChange, 300);
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-6 bg-white p-6 lg:grid-cols-3", children: [_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Name" }), _jsx("input", { type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Description" }), _jsx("textarea", { rows: 6, value: description, onChange: (e) => setDescription(e.target.value), className: "w-full resize-none rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Category" }), _jsxs("select", { value: category, onChange: (e) => {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-6 bg-white p-6 lg:grid-cols-3", children: [_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Name" }), _jsx("input", { id: "package-name", type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-description", className: "mb-2 block text-sm font-medium text-gray-700", children: "Description" }), _jsx("textarea", { id: "package-description", rows: 6, value: description, onChange: (e) => setDescription(e.target.value), className: "w-full resize-none rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-category", className: "mb-2 block text-sm font-medium text-gray-700", children: "Category" }), _jsxs("select", { id: "package-category", value: category, onChange: (e) => {
                                     const newValue = e.target.value;
                                     setCategory(newValue);
                                     onCategoryChange?.(newValue);
-                                }, className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500", children: [_jsx("option", { value: "", children: "Not selected" }), _jsx("option", { value: "Productivity", children: "Productivity" }), _jsx("option", { value: "Governance", children: "Governance" }), _jsx("option", { value: "Project Management", children: "Project Management" }), _jsx("option", { value: "Finance", children: "Finance" }), _jsx("option", { value: "Legal", children: "Legal" }), _jsx("option", { value: "People & Culture", children: "People & Culture" }), _jsx("option", { value: "Engineering", children: "Engineering" })] })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Publisher" }), _jsx("input", { type: "text", value: publisher, onChange: (e) => setPublisher(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Publisher URL" }), _jsx("input", { type: "text", value: publisherUrl, onChange: (e) => setPublisherUrl(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Keywords" }), _jsxs("div", { className: "space-y-2", children: [_jsx("input", { type: "text", value: keywordInput, onChange: (e) => setKeywordInput(e.target.value), onKeyDown: (e) => {
+                                }, className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500", children: [_jsx("option", { value: "", children: "Not selected" }), _jsx("option", { value: "Productivity", children: "Productivity" }), _jsx("option", { value: "Governance", children: "Governance" }), _jsx("option", { value: "Project Management", children: "Project Management" }), _jsx("option", { value: "Finance", children: "Finance" }), _jsx("option", { value: "Legal", children: "Legal" }), _jsx("option", { value: "People & Culture", children: "People & Culture" }), _jsx("option", { value: "Engineering", children: "Engineering" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-publisher", className: "mb-2 block text-sm font-medium text-gray-700", children: "Publisher" }), _jsx("input", { id: "package-publisher", type: "text", value: publisher, onChange: (e) => setPublisher(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-publisher-url", className: "mb-2 block text-sm font-medium text-gray-700", children: "Publisher URL" }), _jsx("input", { id: "package-publisher-url", type: "text", value: publisherUrl, onChange: (e) => setPublisherUrl(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-keywords", className: "mb-2 block text-sm font-medium text-gray-700", children: "Keywords" }), _jsxs("div", { className: "space-y-2", children: [_jsx("input", { id: "package-keywords", type: "text", value: keywordInput, onChange: (e) => setKeywordInput(e.target.value), onKeyDown: (e) => {
                                             if (e.key === "Enter" && keywordInput.trim()) {
                                                 e.preventDefault();
                                                 const newKeyword = {
@@ -38,5 +38,5 @@ export const MetaForm = (props) => {
                                         }, placeholder: "Type a keyword and press Enter", className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" }), _jsx("div", { className: "flex min-h-[80px] flex-wrap gap-2 rounded-md border border-gray-300 p-3", children: keywords.map((keyword) => (_jsxs("span", { className: "inline-flex items-center rounded border border-blue-300 bg-blue-100 px-2 py-0.5 text-xs text-blue-800", children: [keyword.label, _jsx("button", { onClick: () => {
                                                         setKeywords(keywords.filter((k) => k.id !== keyword.id));
                                                         onRemoveKeyword?.(keyword.id);
-                                                    }, className: "ml-1 text-blue-600 hover:text-blue-800 focus:outline-none", children: "\u00D7" })] }, keyword.id))) })] })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Github Repository" }), _jsx("input", { type: "text", value: githubRepository, onChange: (e) => setGithubRepository(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "NPM-package" }), _jsx("input", { type: "text", value: npmPackage, onChange: (e) => setNpmPackage(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Version" }), _jsx("input", { type: "text", placeholder: "1.0.0-dev", readOnly: true, className: "w-full cursor-not-allowed rounded-md border border-gray-300 bg-gray-50 px-3 py-2 text-gray-500" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "License" }), _jsx("input", { type: "text", placeholder: "AGPL-3.0-only", readOnly: true, className: "w-full cursor-not-allowed rounded-md border border-gray-300 bg-gray-50 px-3 py-2 text-gray-500" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Install with:" }), _jsx("input", { type: "text", placeholder: "@powerhousedao/todo-demo-package", readOnly: true, className: "w-full cursor-not-allowed rounded-md border border-gray-300 bg-gray-50 px-3 py-2 text-gray-500" })] })] })] }));
+                                                    }, className: "ml-1 text-blue-600 hover:text-blue-800 focus:outline-none", children: "\u00D7" })] }, keyword.id))) })] })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-github", className: "mb-2 block text-sm font-medium text-gray-700", children: "Github Repository" }), _jsx("input", { id: "package-github", type: "text", value: githubRepository, onChange: (e) => setGithubRepository(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-npm", className: "mb-2 block text-sm font-medium text-gray-700", children: "NPM-package" }), _jsx("input", { id: "package-npm", type: "text", value: npmPackage, onChange: (e) => setNpmPackage(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-version", className: "mb-2 block text-sm font-medium text-gray-700", children: "Version" }), _jsx("input", { id: "package-version", type: "text", placeholder: "1.0.0-dev", readOnly: true, className: "w-full cursor-not-allowed rounded-md border border-gray-300 bg-gray-50 px-3 py-2 text-gray-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-license", className: "mb-2 block text-sm font-medium text-gray-700", children: "License" }), _jsx("input", { id: "package-license", type: "text", placeholder: "AGPL-3.0-only", readOnly: true, className: "w-full cursor-not-allowed rounded-md border border-gray-300 bg-gray-50 px-3 py-2 text-gray-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-install", className: "mb-2 block text-sm font-medium text-gray-700", children: "Install with:" }), _jsx("input", { id: "package-install", type: "text", placeholder: "@powerhousedao/todo-demo-package", readOnly: true, className: "w-full cursor-not-allowed rounded-md border border-gray-300 bg-gray-50 px-3 py-2 text-gray-500" })] })] })] }));
 };

package/dist/editors/vetra-package/editor.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=editor.test.d.ts.map

package/dist/editors/vetra-package/editor.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.test.d.ts","sourceRoot":"","sources":["../../../editors/vetra-package/editor.test.tsx"],"names":[],"mappings":""}

package/dist/editors/vetra-package/editor.test.js

@@ -0,0 +1,330 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { useSelectedDriveVetraPackage } from "../hooks/useVetraDocument.js";
+import { Editor } from "./editor.js";
+vi.mock("../hooks/useVetraDocument.js", () => ({
+    useSelectedDriveVetraPackage: vi.fn(),
+}));
+describe("VetraPackage Editor", () => {
+    let mockDispatch;
+    beforeEach(() => {
+        mockDispatch = vi.fn();
+        vi.mocked(useSelectedDriveVetraPackage).mockReturnValue([
+            {
+                state: {
+                    global: {
+                        name: null,
+                        description: null,
+                        category: null,
+                        author: {
+                            name: null,
+                            website: null,
+                        },
+                        keywords: [],
+                        githubUrl: null,
+                        npmUrl: null,
+                    },
+                },
+            },
+            mockDispatch,
+        ]);
+    });
+    describe("Core Rendering", () => {
+        it("should render all main form sections and labels", () => {
+            render(_jsx(Editor, {}));
+            expect(screen.getByText("Name")).toBeInTheDocument();
+            expect(screen.getByText("Description")).toBeInTheDocument();
+            expect(screen.getByText("Category")).toBeInTheDocument();
+            expect(screen.getByText("Publisher")).toBeInTheDocument();
+            expect(screen.getByText("Publisher URL")).toBeInTheDocument();
+            expect(screen.getByText("Keywords")).toBeInTheDocument();
+            expect(screen.getByText("Github Repository")).toBeInTheDocument();
+            expect(screen.getByText("NPM-package")).toBeInTheDocument();
+        });
+    });
+    describe("Initial Data Display", () => {
+        it("should display existing package data when document has values", () => {
+            vi.mocked(useSelectedDriveVetraPackage).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-package",
+                            description: "A test package",
+                            category: "Productivity",
+                            author: {
+                                name: "John Doe",
+                                website: "https://johndoe.com",
+                            },
+                            keywords: [
+                                { id: "kw-1", label: "react" },
+                                { id: "kw-2", label: "typescript" },
+                            ],
+                            githubUrl: "https://github.com/test/package",
+                            npmUrl: "https://npmjs.com/package/test",
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            expect(screen.getByDisplayValue("test-package")).toBeInTheDocument();
+            expect(screen.getByDisplayValue("A test package")).toBeInTheDocument();
+            expect(screen.getByDisplayValue("Productivity")).toBeInTheDocument();
+            expect(screen.getByDisplayValue("John Doe")).toBeInTheDocument();
+            expect(screen.getByDisplayValue("https://johndoe.com")).toBeInTheDocument();
+            expect(screen.getByText("react")).toBeInTheDocument();
+            expect(screen.getByText("typescript")).toBeInTheDocument();
+            expect(screen.getByDisplayValue("https://github.com/test/package")).toBeInTheDocument();
+            expect(screen.getByDisplayValue("https://npmjs.com/package/test")).toBeInTheDocument();
+        });
+    });
+    describe("Text Input Fields - Dispatch Verification", () => {
+        it("should dispatch setPackageName when name changes", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Name");
+            await user.type(nameInput, "new-package");
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_PACKAGE_NAME",
+                    input: { name: "new-package" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should dispatch setPackageDescription when description changes", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const descriptionInput = screen.getByLabelText("Description");
+            await user.type(descriptionInput, "New description");
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_PACKAGE_DESCRIPTION",
+                    input: { description: "New description" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should dispatch setPackageAuthorName when publisher changes", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const publisherInput = screen.getByLabelText("Publisher");
+            await user.type(publisherInput, "Acme Corp");
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_PACKAGE_AUTHOR_NAME",
+                    input: { name: "Acme Corp" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should dispatch setPackageAuthorWebsite when publisher URL changes", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const publisherUrlInput = screen.getByLabelText("Publisher URL");
+            await user.type(publisherUrlInput, "https://acme.com");
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_PACKAGE_AUTHOR_WEBSITE",
+                    input: { website: "https://acme.com" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should dispatch setPackageGithubUrl when Github repository changes", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const githubInput = screen.getByLabelText("Github Repository");
+            await user.type(githubInput, "https://github.com/acme/test");
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_PACKAGE_GITHUB_URL",
+                    input: { url: "https://github.com/acme/test" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should dispatch setPackageNpmUrl when NPM package changes", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const npmInput = screen.getByLabelText("NPM-package");
+            await user.type(npmInput, "https://npmjs.com/package/acme");
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_PACKAGE_NPM_URL",
+                    input: { url: "https://npmjs.com/package/acme" },
+                }));
+            }, { timeout: 500 });
+        });
+    });
+    describe("Conditional Dispatch Logic", () => {
+        it("should dispatch when clearing a non-empty field", async () => {
+            vi.mocked(useSelectedDriveVetraPackage).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "existing-package",
+                            description: null,
+                            category: null,
+                            author: { name: null, website: null },
+                            keywords: [],
+                            githubUrl: null,
+                            npmUrl: null,
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Name");
+            await user.clear(nameInput);
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_PACKAGE_NAME",
+                    input: { name: "" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should NOT dispatch when typing identical value without clearing", async () => {
+            vi.mocked(useSelectedDriveVetraPackage).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test",
+                            description: null,
+                            category: null,
+                            author: { name: null, website: null },
+                            keywords: [],
+                            githubUrl: null,
+                            npmUrl: null,
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Name");
+            // Simulate user selecting all text and typing the same value
+            await user.tripleClick(nameInput); // Select all
+            await user.type(nameInput, "test");
+            await waitFor(() => {
+                expect(mockDispatch).not.toHaveBeenCalled();
+            });
+        });
+        it("should NOT dispatch when both old and new values are empty", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Name");
+            await user.click(nameInput);
+            await user.tab(); // Focus and blur without typing
+            await waitFor(() => {
+                expect(mockDispatch).not.toHaveBeenCalled();
+            });
+        });
+    });
+    describe("Category Selection", () => {
+        it("should dispatch category change immediately (no debounce)", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const categorySelect = screen.getByLabelText("Category");
+            await user.selectOptions(categorySelect, "Productivity");
+            // Should dispatch immediately without waiting for debounce
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "SET_PACKAGE_CATEGORY",
+                input: { category: "Productivity" },
+            }));
+        });
+    });
+    describe("Debounce Behavior", () => {
+        it("should debounce text input changes (300ms delay)", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Name");
+            // Type multiple characters quickly
+            await user.type(nameInput, "test");
+            // Should not dispatch immediately
+            expect(mockDispatch).not.toHaveBeenCalled();
+            // Should dispatch after debounce delay
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_PACKAGE_NAME",
+                    input: { name: "test" },
+                }));
+            }, { timeout: 500 });
+        });
+    });
+    describe("Keywords Management", () => {
+        it("should add keyword on Enter with valid input", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const keywordInput = screen.getByPlaceholderText("Type a keyword and press Enter");
+            await user.type(keywordInput, "react{Enter}");
+            expect(screen.getByText("react")).toBeInTheDocument();
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "ADD_PACKAGE_KEYWORD",
+                input: expect.objectContaining({
+                    label: "react",
+                }),
+            }));
+        });
+        it("should NOT add empty or whitespace-only keyword", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const keywordInput = screen.getByPlaceholderText("Type a keyword and press Enter");
+            // Try to add empty keyword
+            await user.type(keywordInput, "{Enter}");
+            expect(mockDispatch).not.toHaveBeenCalled();
+            // Try to add whitespace-only keyword
+            await user.type(keywordInput, "   {Enter}");
+            expect(mockDispatch).not.toHaveBeenCalled();
+        });
+        it("should display keywords and allow removal", async () => {
+            vi.mocked(useSelectedDriveVetraPackage).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: null,
+                            description: null,
+                            category: null,
+                            author: { name: null, website: null },
+                            keywords: [
+                                { id: "kw-1", label: "react" },
+                                { id: "kw-2", label: "typescript" },
+                            ],
+                            githubUrl: null,
+                            npmUrl: null,
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            expect(screen.getByText("react")).toBeInTheDocument();
+            expect(screen.getByText("typescript")).toBeInTheDocument();
+            // Find and click the remove button for "react"
+            const reactKeyword = screen.getByText("react").closest("span");
+            const removeButton = reactKeyword?.querySelector("button");
+            if (removeButton) {
+                await user.click(removeButton);
+            }
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "REMOVE_PACKAGE_KEYWORD",
+                input: { id: "kw-1" },
+            }));
+        });
+        it("should dispatch addKeyword action with correct payload", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            // Add keyword
+            const keywordInput = screen.getByPlaceholderText("Type a keyword and press Enter");
+            await user.type(keywordInput, "testing{Enter}");
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "ADD_PACKAGE_KEYWORD",
+                input: expect.objectContaining({
+                    label: "testing",
+                    id: expect.any(String),
+                }),
+            }));
+        });
+    });
+});

package/dist/processors/codegen/__tests__/codegen-processor-e2e.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=codegen-processor-e2e.test.d.ts.map

package/dist/processors/codegen/__tests__/codegen-processor-e2e.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codegen-processor-e2e.test.d.ts","sourceRoot":"","sources":["../../../../processors/codegen/__tests__/codegen-processor-e2e.test.ts"],"names":[],"mappings":""}