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

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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 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 (_jsx("div", { children: _jsx(SubgraphEditorForm, { subgraphName: document.state.global.name ?? "", status: document.state.global.status, onNameChange: onNameChange, onConfirm: onConfirm }) }));
+}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { Editor } from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/subgraph"],
+    config: {
+        id: "subgraph-module-editor",
+        name: "Subgraph Module Editor",
+    },
+};
+export default module;

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

@@ -0,0 +1,25 @@
+import type { FileNode } from "document-drive";
+import type React from "react";
+interface DriveExplorerProps {
+    documentModels?: FileNode[];
+    editors?: FileNode[];
+    apps?: FileNode[];
+    subgraphs?: FileNode[];
+    processors?: FileNode[];
+    codegenProcessors?: FileNode[];
+    onShareDrive?: () => void;
+    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

@@ -0,0 +1 @@
+{"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,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,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,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,CAkDtD,CAAC"}

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

@@ -0,0 +1,7 @@
+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 = ({ documentModels = [], editors = [], apps = [], subgraphs = [], processors = [], codegenProcessors = [], onShareDrive, onAddDocumentModel, onAddEditor, onAddApp, onAddSubgraph, onAddProcessor, onAddCodegenProcessor, packageDocumentId, onAddPackageDocument, onOpenPackageDocument, onOpenDocument, onDelete, }) => {
+    return (_jsxs("div", { className: "min-h-screen bg-white", children: [_jsx(DriveHeader, { onShareClick: onShareDrive }), _jsxs("div", { className: "mx-6 mt-6 bg-white", 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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+import React from "react";
+interface DriveHeaderProps {
+    onShareClick?: () => void;
+}
+export declare const DriveHeader: React.FC<DriveHeaderProps>;
+export {};
+//# sourceMappingURL=DriveHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DriveHeader.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/DriveHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuBlD,CAAC"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { InfoIcon } from "../icons/InfoIcon.js";
+import { ShareIcon } from "../icons/ShareIcon.js";
+import { VetraIcon } from "../icons/VetraIcon.js";
+export const DriveHeader = ({ onShareClick }) => {
+    return (_jsx("div", { className: "bg-white 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" }), _jsx("button", { className: "rounded-full p-1 transition-colors hover:bg-gray-100", children: _jsx(InfoIcon, { className: "text-gray-500" }) })] }), _jsxs("button", { onClick: onShareClick, className: "flex items-center gap-2 rounded-md bg-gray-100 px-4 py-2 text-gray-700 transition-colors hover:bg-gray-200", children: [_jsx(ShareIcon, {}), "Share Drive"] })] }) }));
+};

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DefaultEditorLoader } from "@powerhousedao/design-system";
+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 }) }));
+};

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useState } from "react";
+import { ChevronIcon } from "../icons/ChevronIcon.js";
+import { PlusIcon } from "../icons/PlusIcon.js";
+import { Accordion } from "./Accordion.js";
+export const ModuleAccordion = ({ title, count, onAdd, children, defaultOpen = false, className = "", headerClassName = "", }) => {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const header = (_jsxs("div", { className: `flex items-center justify-between rounded-md px-3 py-2 transition-colors hover:bg-gray-50 ${headerClassName}`, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ChevronIcon, { width: 12, height: 12, className: `text-gray-600 transition-transform duration-300 ${isOpen ? "rotate-90" : ""}` }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: title }), _jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600", children: count })] }), _jsx("button", { onClick: (e) => {
+                    e.stopPropagation();
+                    onAdd?.();
+                }, className: "rounded p-1 transition-colors hover:bg-gray-200", children: _jsx(PlusIcon, { width: 16, height: 16, className: "text-gray-600" }) })] }));
+    return (_jsx("div", { className: `mb-2 ${className}`, children: _jsx(Accordion, { isOpen: isOpen, onToggle: () => setIsOpen(!isOpen), header: header, children: _jsx("div", { className: "px-3 pb-2", children: children }) }) }));
+};

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

@@ -0,0 +1,11 @@
+import type { FileNode } from "document-drive";
+import React from "react";
+interface ModuleItemProps {
+    fileNode: FileNode;
+    onClick: (file: FileNode) => void;
+    onDelete?: (file: FileNode) => void;
+    className?: string;
+}
+export declare const ModuleItem: React.FC<ModuleItemProps>;
+export {};
+//# sourceMappingURL=ModuleItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleItem.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/ModuleItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,UAAU,eAAe;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwEhD,CAAC"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, ConnectDropdownMenu, Icon, nodeOptionsMap, } from "@powerhousedao/design-system";
+import React, { useState } from "react";
+import { DOCUMENT_TYPES } from "../document-types.js";
+import { AddNewIcon } from "../icons/AddNewIcon.js";
+import { AppIcon } from "../icons/AppIcon.js";
+import { DocModelIcon } from "../icons/DocModelIcon.js";
+import { EditorIcon } from "../icons/EditorIcon.js";
+import { ProcessorIcon } from "../icons/ProcessorIcon.js";
+import { SubgraphIcon } from "../icons/SubgraphIcon.js";
+const getIconForDocumentType = (documentType) => {
+    switch (documentType) {
+        case DOCUMENT_TYPES.documentModel:
+            return DocModelIcon;
+        case DOCUMENT_TYPES.documentEditor:
+            return EditorIcon;
+        case DOCUMENT_TYPES.documentSubgraph:
+            return SubgraphIcon;
+        case DOCUMENT_TYPES.documentProcessor:
+            return ProcessorIcon;
+        case DOCUMENT_TYPES.documentApp:
+            return AppIcon;
+        case "new":
+            return AddNewIcon;
+        default:
+            return DocModelIcon;
+    }
+};
+export const ModuleItem = ({ fileNode, onClick, onDelete, className = "", }) => {
+    const IconComponent = getIconForDocumentType(fileNode.documentType);
+    const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
+    // Only show DELETE option
+    const dropdownMenuOptions = [
+        {
+            ...nodeOptionsMap.DELETE,
+            id: "DELETE",
+        },
+    ];
+    const dropdownMenuHandlers = {
+        DELETE: () => onDelete?.(fileNode),
+    };
+    function onDropdownMenuOptionClick(itemId) {
+        const handler = dropdownMenuHandlers[itemId];
+        handler();
+        setIsDropdownMenuOpen(false);
+    }
+    return (_jsxs("div", { onClick: () => onClick(fileNode), className: cn("group flex w-full cursor-pointer items-center gap-3 rounded-md bg-zinc-100 p-1 text-left transition-colors hover:bg-zinc-200", className), children: [_jsx("div", { className: "flex-shrink-0", children: _jsx(IconComponent, {}) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "truncate text-sm font-medium text-gray-900", children: fileNode.name }), _jsx("p", { className: "truncate text-xs text-gray-500", children: fileNode.documentType })] }), onDelete ? (_jsx(ConnectDropdownMenu, { items: dropdownMenuOptions, onItemClick: onDropdownMenuOptionClick, onOpenChange: setIsDropdownMenuOpen, open: isDropdownMenuOpen, menuClassName: "border-zinc-200", children: _jsx("button", { className: cn("hidden group-hover:block", isDropdownMenuOpen && "block"), onClick: (e) => {
+                        e.stopPropagation();
+                        setIsDropdownMenuOpen(true);
+                    }, children: _jsx(Icon, { className: "text-gray-600", name: "VerticalDots" }) }) })) : null] }));
+};

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

@@ -0,0 +1,12 @@
+import type { FileNode } from "document-drive";
+import React from "react";
+interface ModuleListProps {
+    items: FileNode[];
+    documentType: string;
+    onAddNewSpec?: () => void;
+    onClickItem?: (node: FileNode) => void;
+    onDelete?: (node: FileNode) => void;
+}
+export declare const ModuleList: React.FC<ModuleListProps>;
+export {};
+//# sourceMappingURL=ModuleList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleList.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/ModuleList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,eAAe;IACvB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2BhD,CAAC"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { ModuleItem } from "./ModuleItem.js";
+import { NewModuleItem } from "./NewModuleItem.js";
+export const ModuleList = ({ items, documentType, onAddNewSpec = () => { }, onClickItem = () => { }, onDelete, }) => {
+    return (_jsxs("div", { className: "space-y-2", children: [items.map((item, index) => (_jsx("div", { className: "px-2 py-1 text-sm text-gray-600", children: _jsx(ModuleItem, { fileNode: item, onClick: onClickItem, onDelete: onDelete }) }, index))), _jsx("div", { className: "px-2 py-1 text-sm text-gray-600", children: _jsx(NewModuleItem, { title: "Add new specification", subtitle: documentType, onClick: onAddNewSpec }) })] }));
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleSpecificationsSection.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/ModuleSpecificationsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,gCAAgC;IACxC,cAAc,EAAE,QAAQ,EAAE,CAAC;IAC3B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,EAAE,QAAQ,EAAE,CAAC;IAC9B,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,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,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CAgCjC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { DataIntegrationsColumn } from "./DataIntegrationsColumn.js";
+import { DocumentModelsColumn } from "./DocumentModelsColumn.js";
+import { SectionAccordion } from "./SectionAccordion.js";
+import { UserExperiencesColumn } from "./UserExperiencesColumn.js";
+export const ModuleSpecificationsSection = (props) => {
+    return (_jsx(SectionAccordion, { title: "Module Specifications", defaultOpen: true, children: _jsxs("div", { className: "mt-4 grid grid-cols-1 gap-8 lg:grid-cols-3", children: [_jsx(DocumentModelsColumn, { documentModels: props.documentModels, onAddDocumentModel: props.onAddDocumentModel, onOpenDocument: props.onOpenDocument, onDelete: props.onDelete }), _jsx(UserExperiencesColumn, { editors: props.editors, apps: props.apps, onAddEditor: props.onAddEditor, onAddApp: props.onAddApp, onOpenDocument: props.onOpenDocument, onDelete: props.onDelete }), _jsx(DataIntegrationsColumn, { subgraphs: props.subgraphs, processors: props.processors, codegenProcessors: props.codegenProcessors, onAddSubgraph: props.onAddSubgraph, onAddProcessor: props.onAddProcessor, onAddCodegenProcessor: props.onAddCodegenProcessor, onOpenDocument: props.onOpenDocument, onDelete: props.onDelete })] }) }));
+};

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface NewModuleItemProps {
+    title: string;
+    subtitle: string;
+    onClick: () => void;
+    className?: string;
+}
+export declare const NewModuleItem: React.FC<NewModuleItemProps>;
+export {};
+//# sourceMappingURL=NewModuleItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewModuleItem.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/NewModuleItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoBtD,CAAC"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { AddNewIcon } from "../icons/AddNewIcon.js";
+export const NewModuleItem = ({ title, subtitle, onClick, className = "", }) => {
+    return (_jsxs("button", { onClick: onClick, className: `flex w-full items-center gap-3 rounded-md bg-zinc-100 p-1 text-left transition-colors hover:bg-zinc-200 ${className}`, children: [_jsx("div", { className: "flex-shrink-0", children: _jsx(AddNewIcon, {}) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "truncate text-sm font-medium text-gray-900", children: title }), _jsx("p", { className: "truncate text-xs text-gray-500", children: subtitle })] })] }));
+};

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface PackageInformationSectionProps {
+    className?: string;
+    packageDocumentId?: string;
+    onAddPackageDocument?: () => void;
+    onOpenPackageDocument?: () => void;
+}
+export declare const PackageInformationSection: React.FC<PackageInformationSectionProps>;
+export {};
+//# sourceMappingURL=PackageInformationSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PackageInformationSection.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/PackageInformationSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,8BAA8B;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CA8C/B,CAAC"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import React from "react";
+import { EditorContainer } from "./EditorContainer.js";
+import { SectionAccordion } from "./SectionAccordion.js";
+export const PackageInformationSection = ({ className, packageDocumentId, onAddPackageDocument, onOpenPackageDocument, }) => {
+    const createpackageContent = (_jsx("button", { className: "my-2 h-[200px] w-full rounded-md border border-dashed border-zinc-200 bg-zinc-50", onClick: onAddPackageDocument, children: "Click to create package manifest" }));
+    const openButton = packageDocumentId && onOpenPackageDocument ? (_jsx("button", { onClick: (e) => {
+            e.stopPropagation();
+            onOpenPackageDocument();
+        }, className: "flex items-center justify-center rounded p-1 text-gray-600 transition-colors hover:bg-zinc-200 hover:text-gray-800", "aria-label": "Open package document", children: _jsx(Icon, { name: "Moved", size: 16 }) })) : undefined;
+    return (_jsx(SectionAccordion, { title: "Package Information", defaultOpen: true, className: className, actionButton: openButton, children: _jsx("div", { className: "", children: packageDocumentId ? (_jsx(EditorContainer, { documentId: packageDocumentId })) : (createpackageContent) }) }));
+};

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

@@ -0,0 +1,11 @@
+import React from "react";
+interface SectionAccordionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+    actionButton?: React.ReactNode;
+}
+export declare const SectionAccordion: React.FC<SectionAccordionProps>;
+export {};
+//# sourceMappingURL=SectionAccordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionAccordion.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/SectionAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkC5D,CAAC"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useState } from "react";
+import { ChevronIcon } from "../icons/ChevronIcon.js";
+import { Accordion } from "./Accordion.js";
+export const SectionAccordion = ({ title, children, defaultOpen = false, className = "", actionButton, }) => {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const header = (_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-zinc-200 bg-zinc-50 px-4 py-2 transition-colors hover:bg-zinc-100", children: [_jsx(ChevronIcon, { width: 16, height: 16, className: `text-gray-600 transition-transform duration-300 ${isOpen ? "rotate-90" : ""}` }), _jsx("h2", { className: "text-base font-semibold text-gray-800", children: title }), actionButton && _jsx("div", { className: "ml-auto", children: actionButton })] }));
+    return (_jsx("div", { className: className, children: _jsx(Accordion, { isOpen: isOpen, onToggle: () => setIsOpen(!isOpen), header: header, children: _jsx("div", { className: "px-4 pb-4", children: children }) }) }));
+};

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

@@ -0,0 +1,13 @@
+import type { FileNode } from "document-drive";
+import React from "react";
+interface UserExperiencesColumnProps {
+    editors: FileNode[];
+    apps: FileNode[];
+    onAddEditor?: () => void;
+    onAddApp?: () => void;
+    onOpenDocument?: (node: FileNode) => void;
+    onDelete?: (node: FileNode) => void;
+}
+export declare const UserExperiencesColumn: React.FC<UserExperiencesColumnProps>;
+export {};
+//# sourceMappingURL=UserExperiencesColumn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserExperiencesColumn.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/UserExperiencesColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,0BAA0B;IAClC,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,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,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA+CtE,CAAC"}

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

@@ -0,0 +1,8 @@
+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 UserExperiencesColumn = ({ editors, apps, onAddEditor, onAddApp, onOpenDocument, onDelete, }) => {
+    return (_jsxs("div", { children: [_jsx("h3", { className: "mb-4 text-sm font-normal text-gray-700", children: "2. User Experiences" }), _jsxs("div", { className: "rounded-md border border-zinc-200 bg-zinc-50", children: [_jsx(ModuleAccordion, { title: "Editors", count: editors.length, onAdd: onAddEditor || (() => console.log("Add editor clicked")), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: editors, documentType: DOCUMENT_TYPES.documentEditor, onAddNewSpec: onAddEditor, onClickItem: onOpenDocument, onDelete: onDelete }) }), _jsx(ModuleAccordion, { title: "Apps", count: apps.length, onAdd: onAddApp || (() => console.log("Add app clicked")), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: apps, documentType: DOCUMENT_TYPES.documentApp, onAddNewSpec: onAddApp, onClickItem: onOpenDocument, onDelete: onDelete }) })] })] }));
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,eAAO,MAAM,YAAY,EAAE,mBAU1B,CAAC"}

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

@@ -0,0 +1,11 @@
+export const editorConfig = {
+    allowedDocumentTypes: [
+        "powerhouse/document-model",
+        "powerhouse/app",
+        "powerhouse/document-editor",
+        "powerhouse/processor",
+        "powerhouse/subgraph",
+        "powerhouse/package",
+    ],
+    isDragAndDropEnabled: true,
+};

package/dist/editors/vetra-drive-app/document-types.d.ts

@@ -0,0 +1,10 @@
+export declare const DOCUMENT_TYPES: {
+    documentModel: string;
+    documentPackage: string;
+    documentEditor: string;
+    documentApp: string;
+    documentSubgraph: string;
+    documentProcessor: string;
+    documentCodegenProcessor: string;
+};
+//# sourceMappingURL=document-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"document-types.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/document-types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAC"}

package/dist/editors/vetra-drive-app/document-types.js

@@ -0,0 +1,9 @@
+export const DOCUMENT_TYPES = {
+    documentModel: "powerhouse/document-model",
+    documentPackage: "powerhouse/package",
+    documentEditor: "powerhouse/document-editor",
+    documentApp: "powerhouse/app",
+    documentSubgraph: "powerhouse/subgraph",
+    documentProcessor: "powerhouse/processor",
+    documentCodegenProcessor: "powerhouse/codegen-processor",
+};

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

@@ -0,0 +1,4 @@
+import type { EditorProps } from "document-model";
+export declare function BaseEditor(props: EditorProps): string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
+export declare function Editor(props: EditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=editor.d.ts.map