@powerhousedao/vetra 4.1.0-dev.86 → 4.1.0-dev.87

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/app-editor/editor.tsx"],"names":[],"mappings":"AAIA,wBAAgB,MAAM,4CAIrB"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/app-editor/editor.tsx"],"names":[],"mappings":"AAKA,wBAAgB,MAAM,4CASrB"}

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

@@ -1,8 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DocumentToolbar } from "@powerhousedao/design-system";
 import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { AppEditorForm } from "./components/AppEditorForm.js";
 import { editorConfig } from "./config.js";
 export function Editor() {
     useSetPHDocumentEditorConfig(editorConfig);
-    return _jsx(AppEditorForm, {});
+    return (_jsxs("div", { children: [_jsx(DocumentToolbar, {}), _jsx(AppEditorForm, {})] }));
 }

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

@@ -7,15 +7,28 @@ import { Editor } from "./editor.js";
 vi.mock("../hooks/useVetraDocument.js", () => ({
     useSelectedAppModuleDocument: vi.fn(),
 }));
-vi.mock("@powerhousedao/reactor-browser", () => ({
-    useDocumentTypesInSelectedDrive: vi.fn(() => [
-        "powerhouse/document-model",
-        "powerhouse/budget-statement",
-        "powerhouse/project-tracker",
-    ]),
-    useSupportedDocumentTypesInReactor: vi.fn(() => []),
-    useSetPHDocumentEditorConfig: vi.fn(),
-}));
+vi.mock("@powerhousedao/reactor-browser", async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useDocumentTypesInSelectedDrive: vi.fn(() => [
+            "powerhouse/document-model",
+            "powerhouse/budget-statement",
+            "powerhouse/project-tracker",
+        ]),
+        useSupportedDocumentTypesInReactor: vi.fn(() => []),
+        useSetPHDocumentEditorConfig: vi.fn(),
+        // These are needed by DocumentToolbar but mocked in setupTests
+        useSelectedDocument: vi.fn(() => [null, vi.fn()]),
+        useDocumentById: vi.fn(() => [null, vi.fn()]),
+        useDocumentTimeline: vi.fn(() => []),
+        useNodeParentFolderById: vi.fn(() => null),
+        setSelectedNode: vi.fn(),
+        setSelectedTimelineItem: vi.fn(),
+        showRevisionHistory: vi.fn(),
+        exportDocument: vi.fn(),
+    };
+});
 describe("AppModule Editor", () => {
     let mockDispatch;
     beforeEach(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/editor.tsx"],"names":[],"mappings":"AAWA,wBAAgB,MAAM,4CA6CrB"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/editor.tsx"],"names":[],"mappings":"AAYA,wBAAgB,MAAM,4CA8CrB"}

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

@@ -1,4 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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/document-editor/index.js";
@@ -24,5 +25,5 @@ export function Editor() {
     const onConfirm = useCallback(() => {
         dispatch(actions.setEditorStatus({ status: "CONFIRMED" }));
     }, [dispatch]);
-    return (_jsx("div", { children: _jsx(DocumentEditorForm, { status: document.state.global.status, editorName: document.state.global.name ?? "", documentTypes: document.state.global.documentTypes, onEditorNameChange: onEditorNameChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, onConfirm: onConfirm }) }));
+    return (_jsxs("div", { children: [_jsx(DocumentToolbar, {}), _jsx(DocumentEditorForm, { status: document.state.global.status, editorName: document.state.global.name ?? "", documentTypes: document.state.global.documentTypes, onEditorNameChange: onEditorNameChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, onConfirm: onConfirm })] }));
 }

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":"AAOA,wBAAgB,MAAM,4CAsDrB"}
+{"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,4 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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";
@@ -28,5 +29,5 @@ export function Editor() {
     const onRemoveDocumentType = useCallback((id) => {
         dispatch(actions.removeDocumentType({ id }));
     }, [dispatch]);
-    return (_jsx("div", { children: _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 }) }));
+    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 })] }));
 }

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

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

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

@@ -1,4 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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/subgraph-module/index.js";
@@ -16,5 +17,5 @@ export function Editor() {
     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 }) }));
+    return (_jsxs("div", { children: [_jsx(DocumentToolbar, {}), _jsx(SubgraphEditorForm, { subgraphName: document.state.global.name ?? "", status: document.state.global.status, onNameChange: onNameChange, onConfirm: onConfirm })] }));
 }

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

@@ -9,5 +9,5 @@ export const EditorContainer = (props) => {
     if (!editorModule)
         return loadingContent;
     const EditorComponent = editorModule.Component;
-    return (_jsx(Suspense, { fallback: loadingContent, children: _jsx(EditorComponent, { documentId: documentId }) }));
+    return (_jsx(Suspense, { fallback: loadingContent, children: _jsx(EditorComponent, { documentId: documentId, displayToolbar: false }) }));
 };

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

@@ -1,2 +1,5 @@
-export declare function Editor(): import("react/jsx-runtime").JSX.Element;
+export type EditorProps = {
+    displayToolbar?: boolean;
+};
+export declare function Editor(props: EditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/vetra-package/editor.tsx"],"names":[],"mappings":"AAOA,wBAAgB,MAAM,4CAyGrB"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/vetra-package/editor.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,WAAW,GAAG;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA2GxC"}

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

@@ -1,11 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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/vetra-package/index.js";
 import { useSelectedDriveVetraPackage } from "../hooks/useVetraDocument.js";
 import { MetaForm } from "./components/MetaForm.js";
 import { editorConfig } from "./config.js";
-export function Editor() {
+export function Editor(props) {
+    const { displayToolbar = true } = props;
     useSetPHDocumentEditorConfig(editorConfig);
     const [document, dispatch] = useSelectedDriveVetraPackage();
     const onNameChange = useCallback((name) => {
@@ -63,5 +65,5 @@ export function Editor() {
     const onRemoveKeyword = useCallback((id) => {
         dispatch(actions.removePackageKeyword({ id }));
     }, []);
-    return (_jsx("div", { children: _jsx(MetaForm, { name: document.state.global.name ?? "", description: document.state.global.description ?? "", category: document.state.global.category ?? "", publisher: document.state.global.author.name ?? "", publisherUrl: document.state.global.author.website ?? "", githubRepository: document.state.global.githubUrl ?? "", npmPackage: document.state.global.npmUrl ?? "", keywords: document.state.global.keywords, onNameChange: onNameChange, onDescriptionChange: onDescriptionChange, onCategoryChange: onCategoryChange, onPublisherChange: onPublisherChange, onPublisherUrlChange: onPublisherUrlChange, onGithubRepositoryChange: onGithubRepositoryChange, onNpmPackageChange: onNpmPackageChange, onAddKeyword: onAddKeyword, onRemoveKeyword: onRemoveKeyword }) }));
+    return (_jsxs("div", { children: [displayToolbar && _jsx(DocumentToolbar, {}), _jsx(MetaForm, { name: document.state.global.name ?? "", description: document.state.global.description ?? "", category: document.state.global.category ?? "", publisher: document.state.global.author.name ?? "", publisherUrl: document.state.global.author.website ?? "", githubRepository: document.state.global.githubUrl ?? "", npmPackage: document.state.global.npmUrl ?? "", keywords: document.state.global.keywords, onNameChange: onNameChange, onDescriptionChange: onDescriptionChange, onCategoryChange: onCategoryChange, onPublisherChange: onPublisherChange, onPublisherUrlChange: onPublisherUrlChange, onGithubRepositoryChange: onGithubRepositoryChange, onNpmPackageChange: onNpmPackageChange, onAddKeyword: onAddKeyword, onRemoveKeyword: onRemoveKeyword })] }));
 }

package/dist/editors/vetra-package/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/vetra-package/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,MAAM,EAAE,YAOpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/vetra-package/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,WAAW,CAO5C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/setupTests.js

@@ -1 +1,45 @@
 import "@testing-library/jest-dom";
+import { vi } from "vitest";
+vi.mock("@powerhousedao/reactor-browser", () => ({
+    // Mock hooks
+    useSelectedDocument: vi.fn(() => [null, vi.fn()]),
+    useSetPHDocumentEditorConfig: vi.fn(),
+    useSetPHDriveEditorConfig: vi.fn(),
+    useDocumentById: vi.fn(() => [null, vi.fn()]),
+    useDocumentTimeline: vi.fn(() => []),
+    useNodeParentFolderById: vi.fn(() => null),
+    useSelectedNode: vi.fn(() => null),
+    useSelectedDrive: vi.fn(() => null),
+    useSelectedDocumentId: vi.fn(() => null),
+    useAllDocuments: vi.fn(() => []),
+    useDrives: vi.fn(() => []),
+    useFolderById: vi.fn(() => null),
+    useNodeById: vi.fn(() => null),
+    usePHModal: vi.fn(() => null),
+    useReactor: vi.fn(() => null),
+    useNodeActions: vi.fn(() => ({
+        addDocument: vi.fn(),
+        addFolder: vi.fn(),
+        deleteNode: vi.fn(),
+        renameNode: vi.fn(),
+    })),
+    // Mock action functions
+    setSelectedNode: vi.fn(),
+    setSelectedTimelineItem: vi.fn(),
+    showRevisionHistory: vi.fn(),
+    exportDocument: vi.fn(),
+    setSelectedDrive: vi.fn(),
+    showPHModal: vi.fn(),
+    closePHModal: vi.fn(),
+    addFolder: vi.fn(() => Promise.resolve()),
+    addDocument: vi.fn(() => Promise.resolve()),
+    deleteNode: vi.fn(() => Promise.resolve()),
+    exportFile: vi.fn(() => Promise.resolve()),
+    setAllDocuments: vi.fn(),
+    setDrives: vi.fn(),
+    setVetraPackages: vi.fn(),
+    // Mock config setters
+    setPHDocumentEditorConfig: vi.fn(),
+    setPHDriveEditorConfig: vi.fn(),
+    setPHGlobalConfig: vi.fn(),
+}));