@powerhousedao/vetra 5.0.0-staging.8 → 5.0.1-staging.2

package/dist/editors/hooks/useVetraDocument.js

@@ -0,0 +1,46 @@
+import { useDocumentOfType, useSelectedDocumentId, useSelectedDocumentOfType, useSelectedDrive, } from "@powerhousedao/reactor-browser";
+import { isFileNode } from "document-drive";
+import {} from "../../document-models/document-editor/index.js";
+const VETRA_PACKAGE_DOCUMENT_TYPE = "powerhouse/package";
+const DOCUMENT_EDITOR_DOCUMENT_TYPE = "powerhouse/document-editor";
+const SUBGRAPH_MODULE_DOCUMENT_TYPE = "powerhouse/subgraph";
+const PROCESSOR_MODULE_DOCUMENT_TYPE = "powerhouse/processor";
+export function useAppModuleDocument(documentId) {
+    return useDocumentOfType(documentId, "powerhouse/app");
+}
+export function useSelectedAppModuleDocument() {
+    const documentId = useSelectedDocumentId();
+    return useAppModuleDocument(documentId);
+}
+export function useDocumentEditorDocument(documentId) {
+    return useDocumentOfType(documentId, DOCUMENT_EDITOR_DOCUMENT_TYPE);
+}
+export function useSelectedDocumentEditorDocument() {
+    const documentId = useSelectedDocumentId();
+    return useDocumentEditorDocument(documentId);
+}
+export function useProcessorModuleDocument(documentId) {
+    return useDocumentOfType(documentId, PROCESSOR_MODULE_DOCUMENT_TYPE);
+}
+export function useSelectedProcessorModuleDocument() {
+    const documentId = useSelectedDocumentId();
+    return useProcessorModuleDocument(documentId);
+}
+export function useSubgraphModuleDocument(documentId) {
+    return useDocumentOfType(documentId, SUBGRAPH_MODULE_DOCUMENT_TYPE);
+}
+export function useSelectedSubgraphModuleDocument() {
+    const documentId = useSelectedDocumentId();
+    return useSubgraphModuleDocument(documentId);
+}
+export function useVetraPackageDocument(documentId) {
+    return useDocumentOfType(documentId, VETRA_PACKAGE_DOCUMENT_TYPE);
+}
+export function useSelectedVetraPackageDocument() {
+    return useSelectedDocumentOfType(VETRA_PACKAGE_DOCUMENT_TYPE);
+}
+export function useSelectedDriveVetraPackage() {
+    const [selectedDrive] = useSelectedDrive();
+    const documentId = selectedDrive.state.global.nodes.find((node) => isFileNode(node) && node.documentType === VETRA_PACKAGE_DOCUMENT_TYPE)?.id;
+    return useVetraPackageDocument(documentId);
+}

package/dist/editors/index.d.ts

@@ -1,7 +1,7 @@
+export { module as AppEditor } from "./app-editor/index.js";
 export { module as DocumentEditor } from "./document-editor/index.js";
+export { module as ProcessorEditor } from "./processor-editor/index.js";
+export { module as SubgraphEditor } from "./subgraph-editor/index.js";
 export { module as VetraDriveApp } from "./vetra-drive-app/index.js";
 export { module as VetraPackage } from "./vetra-package/index.js";
-export { module as SubgraphEditor } from "./subgraph-editor/index.js";
-export { module as ProcessorEditor } from "./processor-editor/index.js";
-export { module as AppEditor } from "./app-editor/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/editors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/editors/index.js

@@ -1,7 +1,6 @@
+export { module as AppEditor } from "./app-editor/index.js";
 export { module as DocumentEditor } from "./document-editor/index.js";
+export { module as ProcessorEditor } from "./processor-editor/index.js";
+export { module as SubgraphEditor } from "./subgraph-editor/index.js";
 export { module as VetraDriveApp } from "./vetra-drive-app/index.js";
 export { module as VetraPackage } from "./vetra-package/index.js";
-export { module as SubgraphEditor } from "./subgraph-editor/index.js";
-export { module as ProcessorEditor } from "./processor-editor/index.js";
-export { module as AppEditor } from "./app-editor/index.js";
-//# sourceMappingURL=index.js.map

package/dist/editors/processor-editor/components/ProcessorEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessorEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/processor-editor/components/ProcessorEditorForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,gBAAgB,EACnB,MAAM,oDAAoD,CAAC;AAI5D,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsLlE,CAAC"}
+{"version":3,"file":"ProcessorEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/processor-editor/components/ProcessorEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AAI3F,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqMlE,CAAC"}

package/dist/editors/processor-editor/components/ProcessorEditorForm.js

@@ -1,18 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useReactor } from "@powerhousedao/reactor-browser";
 import { useEffect, useState } from "react";
 import { StatusPill } from "../../components/index.js";
-import { useDebounce } from "../../hooks/index.js";
+import { useAvailableDocumentTypes, useDebounce } from "../../hooks/index.js";
 export const ProcessorEditorForm = ({ processorName: initialProcessorName = "", processorType: initialProcessorType = "", documentTypes: initialDocumentTypes = [], status = "DRAFT", onNameChange, onTypeChange, onAddDocumentType, onRemoveDocumentType, onConfirm, }) => {
     const [processorName, setProcessorName] = useState(initialProcessorName);
     const [processorType, setProcessorType] = useState(initialProcessorType);
     const [documentTypes, setDocumentTypes] = useState(initialDocumentTypes);
     const [selectedDocumentType, setSelectedDocumentType] = useState("");
     const [isConfirmed, setIsConfirmed] = useState(false);
-    // Get available document types from reactor
-    const reactor = useReactor();
-    const docModels = reactor?.getDocumentModelModules() ?? [];
-    const availableDocumentTypes = docModels.map((model) => model.documentModel.id);
+    // Get available document types from the hook (combines reactor and vetra drive)
+    const availableDocumentTypes = useAvailableDocumentTypes();
     // Use the debounce hook for name and type changes
     useDebounce(processorName, onNameChange, 300);
     useDebounce(processorType, onTypeChange, 300);
@@ -45,20 +42,20 @@ export const ProcessorEditorForm = ({ processorName: initialProcessorName = "",
         onRemoveDocumentType?.(id);
     };
     const canConfirm = processorName.trim() && processorType && documentTypes.length > 0;
-    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Processor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? 'confirmed' : 'draft', label: status === "CONFIRMED" ? 'Confirmed' : 'Draft' })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Processor Name" }), _jsx("input", { type: "text", value: processorName, onChange: (e) => setProcessorName(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 processor name" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Type" }), _jsxs("select", { value: processorType, onChange: (e) => setProcessorType(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" : ""}`, children: [_jsx("option", { value: "", children: "Select type..." }), _jsx("option", { value: "analytics", children: "Analytics" }), _jsx("option", { value: "relational", children: "Relational Database" })] })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && availableDocumentTypes.length > 0 && (_jsxs("select", { value: selectedDocumentType, onChange: (e) => {
+    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Processor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "processor-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Processor Name" }), _jsx("input", { id: "processor-name", type: "text", value: processorName, onChange: (e) => setProcessorName(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 processor name" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "processor-type", className: "mb-2 block text-sm font-medium text-gray-700", children: "Type" }), _jsxs("select", { id: "processor-type", value: processorType, onChange: (e) => setProcessorType(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" : ""}`, children: [_jsx("option", { value: "", children: "Select type..." }), _jsx("option", { value: "analytics", children: "Analytics" }), _jsx("option", { value: "relational", children: "Relational Database" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && availableDocumentTypes.length > 0 && (_jsxs("select", { id: "document-types", value: selectedDocumentType, onChange: (e) => {
                                     const selectedValue = e.target.value;
-                                    if (selectedValue && !documentTypes.some(dt => dt.documentType === selectedValue)) {
+                                    if (selectedValue &&
+                                        !documentTypes.some((dt) => dt.documentType === selectedValue)) {
                                         const id = Date.now().toString();
                                         const newType = {
                                             id,
-                                            documentType: selectedValue
+                                            documentType: selectedValue,
                                         };
                                         setDocumentTypes([...documentTypes, newType]);
                                         onAddDocumentType?.(id, selectedValue);
                                     }
-                                    setSelectedDocumentType('');
+                                    setSelectedDocumentType("");
                                 }, 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: "Select a document type to add" }), availableDocumentTypes
-                                        .filter(docType => !documentTypes.some(dt => dt.documentType === docType))
+                                        .filter((docType) => !documentTypes.some((dt) => dt.documentType === docType))
                                         .map((docType) => (_jsx("option", { value: docType, children: docType }, docType)))] })), _jsx("div", { className: "space-y-1", children: documentTypes.map((type) => (_jsxs("div", { className: "flex items-center py-1", children: [_jsx("span", { className: "text-sm text-gray-700", children: type.documentType }), !isReadOnly && (_jsx("button", { onClick: () => handleRemoveDocumentType(type.id), className: "ml-2 text-gray-400 hover:text-gray-600 focus:outline-none", children: "\u00D7" }))] }, type.id))) })] })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !canConfirm, 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" }) }))] }));
 };
-//# sourceMappingURL=ProcessorEditorForm.js.map

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

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

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

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

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

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

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

@@ -1,4 +1,2 @@
-import type { EditorProps } from "document-model";
-export type IProps = EditorProps;
-export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;
+export declare function Editor(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/processor-editor/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CA+C3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/processor-editor/editor.tsx"],"names":[],"mappings":"AAQA,wBAAgB,MAAM,4CAuDrB"}

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

@@ -1,34 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useDocumentById } from "@powerhousedao/reactor-browser";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DocumentToolbar } from "@powerhousedao/design-system";
+import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { useCallback } from "react";
 import { actions } from "../../document-models/processor-module/index.js";
+import { useSelectedProcessorModuleDocument } from "../hooks/useVetraDocument.js";
 import { ProcessorEditorForm } from "./components/ProcessorEditorForm.js";
-export default function Editor(props) {
-    const { document: initialDocument } = props;
-    const [document, dispatch] = useDocumentById(initialDocument.header.id);
-    const unsafeCastOfDocument = document;
+import { editorConfig } from "./config.js";
+export function Editor() {
+    useSetPHDocumentEditorConfig(editorConfig);
+    const [document, dispatch] = useSelectedProcessorModuleDocument();
     const onConfirm = useCallback(() => {
         // Dispatch all actions at once
-        dispatch([
-            actions.setProcessorStatus({ status: "CONFIRMED" }),
-        ]);
+        dispatch([actions.setProcessorStatus({ status: "CONFIRMED" })]);
     }, [dispatch]);
     const onNameChange = useCallback((name) => {
-        if (name === unsafeCastOfDocument.state.global.name)
+        if (name === document.state.global.name)
             return;
         dispatch(actions.setProcessorName({ name }));
-    }, [unsafeCastOfDocument.state.global.name, dispatch]);
+    }, [document.state.global.name, dispatch]);
     const onTypeChange = useCallback((type) => {
-        if (type === unsafeCastOfDocument.state.global.type)
+        if (type === document.state.global.type)
             return;
         dispatch(actions.setProcessorType({ type }));
-    }, [unsafeCastOfDocument.state.global.type, dispatch]);
+    }, [document.state.global.type, dispatch]);
     const onAddDocumentType = useCallback((id, documentType) => {
         dispatch(actions.addDocumentType({ id, documentType }));
     }, [dispatch]);
     const onRemoveDocumentType = useCallback((id) => {
         dispatch(actions.removeDocumentType({ id }));
     }, [dispatch]);
-    return (_jsx("div", { children: _jsx(ProcessorEditorForm, { onNameChange: onNameChange, onTypeChange: onTypeChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, status: unsafeCastOfDocument.state.global.status, processorName: unsafeCastOfDocument.state.global.name ?? "", processorType: unsafeCastOfDocument.state.global.type ?? "", documentTypes: unsafeCastOfDocument.state.global.documentTypes ?? [], onConfirm: onConfirm }) }));
+    return (_jsxs("div", { children: [_jsx(DocumentToolbar, {}), _jsx(ProcessorEditorForm, { onNameChange: onNameChange, onTypeChange: onTypeChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, status: document.state.global.status, processorName: document.state.global.name ?? "", processorType: document.state.global.type ?? "", documentTypes: document.state.global.documentTypes ?? [], onConfirm: onConfirm })] }));
 }
-//# sourceMappingURL=editor.js.map

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

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

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

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