@powerhousedao/vetra 6.0.0-dev.105 → 6.0.0-dev.107

package/dist/editors/subgraph-editor/components/SubgraphEditorForm.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { StatusPill } from "../../components/index.js";
-import { useDebounce } from "../../hooks/index.js";
-export const SubgraphEditorForm = ({ subgraphName: initialSubgraphName = "", status = "DRAFT", onNameChange, onConfirm, }) => {
-    const [subgraphName, setSubgraphName] = useState(initialSubgraphName);
-    const [isConfirmed, setIsConfirmed] = useState(false);
-    // Use the debounce hook for name changes
-    useDebounce(subgraphName, onNameChange, 300);
-    // Update local state when initialSubgraphName changes
-    useEffect(() => {
-        setSubgraphName(initialSubgraphName);
-    }, [initialSubgraphName]);
-    // Reset confirmation state if status changes back to DRAFT
-    useEffect(() => {
-        if (status === "DRAFT") {
-            setIsConfirmed(false);
-        }
-    }, [status]);
-    // Check if form should be read-only
-    const isReadOnly = isConfirmed || status === "CONFIRMED";
-    const handleConfirm = () => {
-        if (subgraphName.trim()) {
-            setIsConfirmed(true); // Immediate UI update
-            onConfirm?.();
-        }
-    };
-    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Subgraph Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "subgraph-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Subgraph Name" }), _jsx("input", { id: "subgraph-name", type: "text", value: subgraphName, onChange: (e) => setSubgraphName(e.target.value), disabled: isReadOnly, 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 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter subgraph name" })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !subgraphName.trim(), className: "rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:bg-gray-300", children: "Confirm" }) }))] }));
-};

package/dist/editors/subgraph-editor/config.d.ts

@@ -1,3 +0,0 @@
-import type { PHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
-export declare const editorConfig: PHDocumentEditorConfig;
-//# sourceMappingURL=config.d.ts.map

package/dist/editors/subgraph-editor/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/subgraph-editor/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,sBAE1B,CAAC"}

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

@@ -1,3 +0,0 @@
-export const editorConfig = {
-    isExternalControlsEnabled: false,
-};

package/dist/editors/subgraph-editor/editor.d.ts

@@ -1,2 +0,0 @@
-export default function Editor(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=editor.d.ts.map

package/dist/editors/subgraph-editor/editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/subgraph-editor/editor.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA2B7B"}

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

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentToolbar } from "@powerhousedao/design-system/connect";
-import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
-import { useCallback } from "react";
-import { actions } from "../../document-models/subgraph-module/index.js";
-import { useSelectedSubgraphModuleDocument } from "../hooks/useVetraDocument.js";
-import { SubgraphEditorForm } from "./components/SubgraphEditorForm.js";
-import { editorConfig } from "./config.js";
-export default function Editor() {
-    useSetPHDocumentEditorConfig(editorConfig);
-    const [document, dispatch] = useSelectedSubgraphModuleDocument();
-    const onNameChange = useCallback((name) => {
-        if (name === document.state.global.name)
-            return;
-        dispatch(actions.setSubgraphName({ name }));
-    }, [document.state.global.name, dispatch]);
-    const onConfirm = useCallback(() => {
-        dispatch(actions.setSubgraphStatus({ status: "CONFIRMED" }));
-    }, [dispatch]);
-    return (_jsxs("div", { className: "bg-gray-50 p-6", children: [_jsx(DocumentToolbar, {}), _jsx(SubgraphEditorForm, { subgraphName: document.state.global.name ?? "", status: document.state.global.status, onNameChange: onNameChange, onConfirm: onConfirm })] }));
-}

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

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

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

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

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

@@ -1,201 +0,0 @@
-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/subgraph-editor/module.d.ts

@@ -1,3 +0,0 @@
-import type { EditorModule } from "document-model";
-export declare const SubgraphEditor: EditorModule;
-//# sourceMappingURL=module.d.ts.map

package/dist/editors/subgraph-editor/module.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/subgraph-editor/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,cAAc,EAAE,YAO5B,CAAC"}

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

@@ -1,9 +0,0 @@
-import { lazy } from "react";
-export const SubgraphEditor = {
-    Component: lazy(() => import("./editor.js")),
-    documentTypes: ["powerhouse/subgraph"],
-    config: {
-        id: "subgraph-module-editor",
-        name: "Subgraph Module Editor",
-    },
-};

package/dist/editors/vetra-drive-app/DriveExplorer.d.ts

@@ -1,27 +0,0 @@
-import type { FileNode } from "document-drive";
-import type React from "react";
-interface DriveExplorerProps {
-    driveId: string;
-    driveName: string;
-    driveUrl: string;
-    documentModels?: FileNode[];
-    editors?: FileNode[];
-    apps?: FileNode[];
-    subgraphs?: FileNode[];
-    processors?: FileNode[];
-    codegenProcessors?: FileNode[];
-    onAddDocumentModel?: () => void;
-    onAddEditor?: () => void;
-    onAddApp?: () => void;
-    onAddSubgraph?: () => void;
-    onAddProcessor?: () => void;
-    onAddCodegenProcessor?: () => void;
-    packageDocumentId?: string;
-    onAddPackageDocument?: () => void;
-    onOpenPackageDocument?: () => void;
-    onOpenDocument?: (node: FileNode) => void;
-    onDelete?: (node: FileNode) => void;
-}
-export declare const DriveExplorer: React.FC<DriveExplorerProps>;
-export {};
-//# sourceMappingURL=DriveExplorer.d.ts.map

package/dist/editors/vetra-drive-app/DriveExplorer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwDtD,CAAC"}

package/dist/editors/vetra-drive-app/DriveExplorer.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DriveHeader } from "./components/DriveHeader.js";
-import { ModuleSpecificationsSection } from "./components/ModuleSpecificationsSection.js";
-import { PackageInformationSection } from "./components/PackageInformationSection.js";
-export const DriveExplorer = ({ driveId, driveName, driveUrl, documentModels = [], editors = [], apps = [], subgraphs = [], processors = [], codegenProcessors = [], onAddDocumentModel, onAddEditor, onAddApp, onAddSubgraph, onAddProcessor, onAddCodegenProcessor, packageDocumentId, onAddPackageDocument, onOpenPackageDocument, onOpenDocument, onDelete, }) => {
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(DriveHeader, { driveId: driveId, driveName: driveName, driveUrl: driveUrl }), _jsxs("div", { className: "mx-6 mt-6", children: [_jsx(PackageInformationSection, { className: "mb-6", packageDocumentId: packageDocumentId, onAddPackageDocument: onAddPackageDocument, onOpenPackageDocument: onOpenPackageDocument }), _jsx(ModuleSpecificationsSection, { documentModels: documentModels, editors: editors, apps: apps, subgraphs: subgraphs, processors: processors, codegenProcessors: codegenProcessors, onAddDocumentModel: onAddDocumentModel, onAddEditor: onAddEditor, onAddApp: onAddApp, onAddSubgraph: onAddSubgraph, onAddProcessor: onAddProcessor, onAddCodegenProcessor: onAddCodegenProcessor, onOpenDocument: onOpenDocument, onDelete: onDelete })] })] }));
-};

package/dist/editors/vetra-drive-app/components/Accordion.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface AccordionProps {
-    isOpen: boolean;
-    onToggle: () => void;
-    header: React.ReactNode;
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const Accordion: React.FC<AccordionProps>;
-export {};
-//# sourceMappingURL=Accordion.d.ts.map

package/dist/editors/vetra-drive-app/components/Accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,cAAc;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiE9C,CAAC"}

package/dist/editors/vetra-drive-app/components/Accordion.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { useState, useRef, useEffect } from "react";
-export const Accordion = ({ isOpen, onToggle, header, children, className = "", }) => {
-    const contentRef = useRef(null);
-    const [height, setHeight] = useState("auto");
-    useEffect(() => {
-        const updateHeight = () => {
-            if (contentRef.current) {
-                if (isOpen) {
-                    // Temporarily set to auto to get the real height
-                    const scrollHeight = contentRef.current.scrollHeight;
-                    setHeight(scrollHeight);
-                }
-            }
-        };
-        updateHeight();
-        // Use ResizeObserver to detect content changes
-        const resizeObserver = new ResizeObserver(updateHeight);
-        if (contentRef.current) {
-            resizeObserver.observe(contentRef.current);
-        }
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [children, isOpen]);
-    return (_jsxs("div", { className: className, children: [_jsx("div", { onClick: onToggle, onKeyDown: (e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                        e.preventDefault();
-                        onToggle();
-                    }
-                }, role: "button", tabIndex: 0, className: "w-full cursor-pointer text-left focus:outline-none", children: header }), _jsx("div", { className: "overflow-hidden transition-all duration-300 ease-in-out", style: {
-                    maxHeight: isOpen
-                        ? height === "auto"
-                            ? "none"
-                            : `${height}px`
-                        : "0px",
-                    opacity: isOpen ? 1 : 0,
-                }, children: _jsx("div", { ref: contentRef, children: children }) })] }));
-};

package/dist/editors/vetra-drive-app/components/DataIntegrationsColumn.d.ts

@@ -1,15 +0,0 @@
-import type { FileNode } from "document-drive";
-import React from "react";
-interface DataIntegrationsColumnProps {
-    subgraphs: FileNode[];
-    processors: FileNode[];
-    codegenProcessors: FileNode[];
-    onAddSubgraph?: () => void;
-    onAddProcessor?: () => void;
-    onAddCodegenProcessor?: () => void;
-    onOpenDocument?: (node: FileNode) => void;
-    onDelete?: (node: FileNode) => void;
-}
-export declare const DataIntegrationsColumn: React.FC<DataIntegrationsColumnProps>;
-export {};
-//# sourceMappingURL=DataIntegrationsColumn.d.ts.map

package/dist/editors/vetra-drive-app/components/DataIntegrationsColumn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataIntegrationsColumn.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/DataIntegrationsColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,2BAA2B;IACnC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,EAAE,QAAQ,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAmExE,CAAC"}

package/dist/editors/vetra-drive-app/components/DataIntegrationsColumn.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { DOCUMENT_TYPES } from "../document-types.js";
-import { ModuleAccordion } from "./ModuleAccordion.js";
-import { ModuleList } from "./ModuleList.js";
-export const DataIntegrationsColumn = ({ subgraphs, processors, codegenProcessors, onAddSubgraph, onAddProcessor, onAddCodegenProcessor, onOpenDocument, onDelete, }) => {
-    return (_jsxs("div", { children: [_jsx("h3", { className: "mb-4 text-sm font-normal text-gray-700", children: "3. Data Integrations" }), _jsxs("div", { className: "rounded-md border border-zinc-200 bg-zinc-50", children: [_jsx(ModuleAccordion, { title: "Subgraphs", count: subgraphs.length, onAdd: onAddSubgraph || (() => console.log("Add subgraph clicked")), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: subgraphs, documentType: DOCUMENT_TYPES.documentSubgraph, onAddNewSpec: onAddSubgraph, onClickItem: onOpenDocument, onDelete: onDelete }) }), _jsx(ModuleAccordion, { title: "Processors", count: processors.length, onAdd: onAddProcessor || (() => console.log("Add processor clicked")), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: processors, documentType: DOCUMENT_TYPES.documentProcessor, onAddNewSpec: onAddProcessor, onClickItem: onOpenDocument, onDelete: onDelete }) }), _jsx(ModuleAccordion, { title: "Codegen Processor", count: codegenProcessors.length, onAdd: onAddCodegenProcessor ||
-                            (() => console.log("Add codegen processor clicked")), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: codegenProcessors, documentType: DOCUMENT_TYPES.documentCodegenProcessor, onAddNewSpec: onAddCodegenProcessor, onClickItem: onOpenDocument, onDelete: onDelete }) })] })] }));
-};

package/dist/editors/vetra-drive-app/components/DocumentModelsColumn.d.ts

@@ -1,11 +0,0 @@
-import type { FileNode } from "document-drive";
-import React from "react";
-interface DocumentModelsColumnProps {
-    documentModels: FileNode[];
-    onAddDocumentModel?: () => void;
-    onOpenDocument?: (node: FileNode) => void;
-    onDelete?: (node: FileNode) => void;
-}
-export declare const DocumentModelsColumn: React.FC<DocumentModelsColumnProps>;
-export {};
-//# sourceMappingURL=DocumentModelsColumn.d.ts.map

package/dist/editors/vetra-drive-app/components/DocumentModelsColumn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentModelsColumn.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/DocumentModelsColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,yBAAyB;IACjC,cAAc,EAAE,QAAQ,EAAE,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiCpE,CAAC"}

package/dist/editors/vetra-drive-app/components/DocumentModelsColumn.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { DOCUMENT_TYPES } from "../document-types.js";
-import { ModuleAccordion } from "./ModuleAccordion.js";
-import { ModuleList } from "./ModuleList.js";
-export const DocumentModelsColumn = ({ documentModels, onAddDocumentModel, onOpenDocument, onDelete, }) => {
-    return (_jsxs("div", { children: [_jsx("h3", { className: "mb-4 text-sm font-normal text-gray-700", children: "1. Document Models" }), _jsx("div", { className: "rounded-md border border-zinc-200 bg-zinc-50", children: _jsx(ModuleAccordion, { title: "Document Models", count: documentModels.length, onAdd: onAddDocumentModel ||
-                        (() => console.log("Add document model clicked")), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: documentModels, documentType: DOCUMENT_TYPES.documentModel, onAddNewSpec: onAddDocumentModel, onClickItem: onOpenDocument, onDelete: onDelete }) }) })] }));
-};

package/dist/editors/vetra-drive-app/components/DriveHeader.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface DriveHeaderProps {
-    driveId: string;
-    driveName: string;
-    driveUrl: string;
-}
-export declare const DriveHeader: React.FC<DriveHeaderProps>;
-export {};
-//# sourceMappingURL=DriveHeader.d.ts.map

package/dist/editors/vetra-drive-app/components/DriveHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DriveHeader.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/DriveHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAQpE,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgIlD,CAAC"}

package/dist/editors/vetra-drive-app/components/DriveHeader.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useMemo, useRef, useState } from "react";
-import { DriveInfoItem } from "./DriveInfoItem.js";
-import { ShareMenuItem } from "./ShareMenuItem.js";
-import { InfoIcon } from "../icons/InfoIcon.js";
-import { ExternalLinkIcon } from "../icons/ExternalLinkIcon.js";
-import { ShareIcon } from "../icons/ShareIcon.js";
-import { VetraIcon } from "../icons/VetraIcon.js";
-export const DriveHeader = ({ driveId, driveName, driveUrl, }) => {
-    const [isInfoMenuOpen, setIsInfoMenuOpen] = useState(false);
-    const [isShareMenuOpen, setIsShareMenuOpen] = useState(false);
-    const infoMenuRef = useRef(null);
-    const shareMenuRef = useRef(null);
-    const toggleInfoMenu = () => {
-        setIsInfoMenuOpen((prev) => !prev);
-        setIsShareMenuOpen(false);
-    };
-    const toggleShareMenu = () => {
-        setIsShareMenuOpen((prev) => !prev);
-        setIsInfoMenuOpen(false);
-    };
-    useEffect(() => {
-        if (!isInfoMenuOpen && !isShareMenuOpen)
-            return;
-        const handleClickOutside = (event) => {
-            if (infoMenuRef.current &&
-                !infoMenuRef.current.contains(event.target)) {
-                setIsInfoMenuOpen(false);
-            }
-            if (shareMenuRef.current &&
-                !shareMenuRef.current.contains(event.target)) {
-                setIsShareMenuOpen(false);
-            }
-        };
-        const handleKeyDown = (event) => {
-            if (event.key === "Escape") {
-                setIsInfoMenuOpen(false);
-                setIsShareMenuOpen(false);
-            }
-        };
-        document.addEventListener("mousedown", handleClickOutside);
-        document.addEventListener("keydown", handleKeyDown);
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-            document.removeEventListener("keydown", handleKeyDown);
-        };
-    }, [isInfoMenuOpen, isShareMenuOpen]);
-    const shareUrl = useMemo(() => {
-        if (!driveUrl)
-            return "";
-        try {
-            new URL(driveUrl);
-            return `${window.location.origin}/?driveUrl=${encodeURIComponent(driveUrl)}`;
-        }
-        catch {
-            return "";
-        }
-    }, [driveUrl]);
-    return (_jsx("div", { className: "bg-gray-50 px-6 py-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(VetraIcon, { width: 20, height: 20 }), _jsx("h1", { className: "text-lg font-semibold text-gray-900", children: "Vetra Studio Drive" }), _jsxs("div", { className: "relative", ref: infoMenuRef, children: [_jsx("button", { "aria-label": "Drive information", "aria-expanded": isInfoMenuOpen, className: "rounded-full p-1 transition-colors hover:bg-gray-100", onClick: toggleInfoMenu, children: _jsx(InfoIcon, { className: "text-gray-500" }) }), isInfoMenuOpen && (_jsxs("div", { role: "menu", className: "absolute left-0 top-full z-10 mt-2 flex flex-col items-start gap-2 rounded-lg bg-white p-3 shadow-lg", children: [_jsx(DriveInfoItem, { label: "Name", value: driveName }), _jsx(DriveInfoItem, { label: "Drive ID", value: driveId })] }))] }), driveUrl && (_jsxs("div", { className: "relative", ref: shareMenuRef, children: [_jsx("button", { "aria-label": "Share drive", "aria-expanded": isShareMenuOpen, className: "rounded-full p-1 transition-colors hover:bg-gray-100", onClick: toggleShareMenu, children: _jsx(ShareIcon, { width: 16, height: 16, stroke: "#343839" }) }), isShareMenuOpen && (_jsxs("div", { role: "menu", className: "absolute left-0 top-full z-10 mt-2 flex w-max flex-col gap-4 rounded-lg bg-white p-4 shadow-lg", children: [_jsx(ShareMenuItem, { label: "Copy the Drive URL", url: driveUrl }), _jsx(ShareMenuItem, { label: "Share this Drive directly in Connect", url: shareUrl })] }))] }))] }), _jsxs("a", { href: "https://academy.vetra.io/", target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 text-sm text-gray-900 underline transition-colors hover:text-gray-700", children: [_jsx(ExternalLinkIcon, { fill: "#111827" }), "Vetra Academy"] })] }) }));
-};

package/dist/editors/vetra-drive-app/components/DriveInfoItem.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface DriveInfoItemProps {
-    label: string;
-    value: string;
-}
-export declare const DriveInfoItem: React.FC<DriveInfoItemProps>;
-export {};
-//# sourceMappingURL=DriveInfoItem.d.ts.map

package/dist/editors/vetra-drive-app/components/DriveInfoItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DriveInfoItem.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/DriveInfoItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAC"}

package/dist/editors/vetra-drive-app/components/DriveInfoItem.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { usePHToast } from "@powerhousedao/reactor-browser";
-import { LinkIcon } from "../icons/LinkIcon.js";
-export const DriveInfoItem = ({ label, value, }) => {
-    const toast = usePHToast();
-    const handleCopy = () => {
-        if (!navigator.clipboard) {
-            toast?.("Clipboard not available", { type: "error" });
-            return;
-        }
-        navigator.clipboard
-            .writeText(value)
-            .then(() => {
-            toast?.("Copied to clipboard", { type: "connect-success" });
-        })
-            .catch(() => {
-            toast?.("Failed to copy to clipboard", { type: "error" });
-        });
-    };
-    return (_jsxs("button", { "aria-label": `Copy ${label}`, className: "flex h-8 items-center gap-1 whitespace-nowrap rounded-lg bg-slate-50 pl-1 pr-2 text-xs text-stone-300", onClick: handleCopy, children: [_jsx(LinkIcon, { width: 14, height: 14 }), label, _jsx("span", { className: "text-gray-900", children: value })] }));
-};

package/dist/editors/vetra-drive-app/components/EditorContainer.d.ts

@@ -1,5 +0,0 @@
-export interface EditorContainerProps {
-    documentId: string;
-}
-export declare const EditorContainer: React.FC<EditorContainerProps>;
-//# sourceMappingURL=EditorContainer.d.ts.map

package/dist/editors/vetra-drive-app/components/EditorContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorContainer.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/EditorContainer.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoB1D,CAAC"}

package/dist/editors/vetra-drive-app/components/EditorContainer.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DefaultEditorLoader } from "@powerhousedao/design-system/connect";
-import { useEditorModuleById } from "@powerhousedao/reactor-browser";
-import { Suspense } from "react";
-export const EditorContainer = (props) => {
-    const { documentId } = props;
-    const editorModule = useEditorModuleById("vetra-package-editor");
-    const loadingContent = (_jsx("div", { className: "flex h-full flex-1 items-center justify-center", children: _jsx(DefaultEditorLoader, {}) }));
-    if (!editorModule)
-        return loadingContent;
-    const EditorComponent = editorModule.Component;
-    return (_jsx(Suspense, { fallback: loadingContent, children: _jsx(EditorComponent, { documentId: documentId, displayToolbar: false }) }));
-};

package/dist/editors/vetra-drive-app/components/ModuleAccordion.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-interface ModuleAccordionProps {
-    title: string;
-    count: number;
-    onAdd?: () => void;
-    children: React.ReactNode;
-    defaultOpen?: boolean;
-    className?: string;
-    headerClassName?: string;
-}
-export declare const ModuleAccordion: React.FC<ModuleAccordionProps>;
-export {};
-//# sourceMappingURL=ModuleAccordion.d.ts.map

package/dist/editors/vetra-drive-app/components/ModuleAccordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModuleAccordion.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/ModuleAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmD1D,CAAC"}