@powerhousedao/vetra 5.0.0 → 5.0.1-staging.10

package/dist/document-models/vetra-package/index.d.ts

@@ -2,39 +2,9 @@
  * This is a scaffold file meant for customization.
  * Delete the file and run the code generator again to have it reset
  */
-import { type DocumentModelModule } from "document-model";
-import { reducer } from "./gen/reducer.js";
-import { documentModel } from "./gen/document-model.js";
-import type { VetraPackagePHState } from "./gen/types.js";
-declare const utils: {
-    fileExtension: string;
-    createState: import("document-model").CreateState<VetraPackagePHState>;
-    createDocument: import("document-model").CreateDocument<VetraPackagePHState>;
-    loadFromInput: import("document-model").LoadFromInput<VetraPackagePHState>;
-    saveToFileHandle: import("document-model").SaveToFileHandle;
-};
-declare const actions: {
-    setPackageName: (input: import("./gen/index.js").SetPackageNameInput) => import("./gen/index.js").SetPackageNameAction;
-    setPackageDescription: (input: import("./gen/index.js").SetPackageDescriptionInput) => import("./gen/index.js").SetPackageDescriptionAction;
-    setPackageCategory: (input: import("./gen/index.js").SetPackageCategoryInput) => import("./gen/index.js").SetPackageCategoryAction;
-    setPackageAuthor: (input: import("./gen/index.js").SetPackageAuthorInput) => import("./gen/index.js").SetPackageAuthorAction;
-    setPackageAuthorName: (input: import("./gen/index.js").SetPackageAuthorNameInput) => import("./gen/index.js").SetPackageAuthorNameAction;
-    setPackageAuthorWebsite: (input: import("./gen/index.js").SetPackageAuthorWebsiteInput) => import("./gen/index.js").SetPackageAuthorWebsiteAction;
-    addPackageKeyword: (input: import("./gen/index.js").AddPackageKeywordInput) => import("./gen/index.js").AddPackageKeywordAction;
-    removePackageKeyword: (input: import("./gen/index.js").RemovePackageKeywordInput) => import("./gen/index.js").RemovePackageKeywordAction;
-    setPackageGithubUrl: (input: import("./gen/index.js").SetPackageGithubUrlInput) => import("./gen/index.js").SetPackageGithubUrlAction;
-    setPackageNpmUrl: (input: import("./gen/index.js").SetPackageNpmUrlInput) => import("./gen/index.js").SetPackageNpmUrlAction;
-    setName: (name: string) => import("document-model").SetNameAction;
-    undo: (skip?: number, scope?: string) => import("document-model").UndoAction;
-    redo: (count?: number, scope?: string) => import("document-model").RedoAction;
-    prune: (start?: number, end?: number, scope?: string) => import("document-model").SchemaPruneAction;
-    loadState: <TState extends import("document-model").PHBaseState = import("document-model").PHBaseState>(state: TState & {
-        name: string;
-    }, operations: number) => import("document-model").LoadStateAction;
-    noop: (scope?: string) => import("document-model").NOOPAction;
-};
-export declare const module: DocumentModelModule<VetraPackagePHState>;
-export { reducer, actions, utils, documentModel };
-export * from "./gen/types.js";
-export * from "./src/utils.js";
+export * from "./gen/index.js";
+export * from "./src/index.js";
+export * from "./hooks.js";
+export { actions } from "./actions.js";
+export { utils } from "./utils.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/document-models/vetra-package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,QAAA,MAAM,KAAK;;;;;;CAAkC,CAAC;AAC9C,QAAA,MAAM,OAAO;qBAME,mDAA0B;4BAOM,0DAAiC;yBAAiN,uDAA8B;uBAAsM,qDAA4B;2BAAoM,yDAAgC;8BAAoN,4DAAmC;wBAAuN,sDAA6B;2BAAuM,yDAAgC;0BAA+M,wDAA+B;uBAA0M,qDAA4B;;eAAgwI,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CAb7lN,CAAC;AAE3D,eAAO,MAAM,MAAM,EAAE,mBAAmB,CAAC,mBAAmB,CAK3D,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAElD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/document-models/vetra-package/index.js

@@ -2,21 +2,8 @@
  * This is a scaffold file meant for customization.
  * Delete the file and run the code generator again to have it reset
  */
-import { createState, baseActions, } from "document-model";
-import { defaultBaseState } from "document-model/core";
-import { actions as VetraPackageActions } from "./gen/index.js";
-import { reducer } from "./gen/reducer.js";
-import { documentModel } from "./gen/document-model.js";
-import genUtils from "./gen/utils.js";
-import * as customUtils from "./src/utils.js";
-const utils = { ...genUtils, ...customUtils };
-const actions = { ...baseActions, ...VetraPackageActions };
-export const module = {
-    reducer,
-    actions,
-    utils,
-    documentModel: createState(defaultBaseState(), documentModel),
-};
-export { reducer, actions, utils, documentModel };
-export * from "./gen/types.js";
-export * from "./src/utils.js";
+export * from "./gen/index.js";
+export * from "./src/index.js";
+export * from "./hooks.js";
+export { actions } from "./actions.js";
+export { utils } from "./utils.js";

package/dist/document-models/vetra-package/module.d.ts

@@ -0,0 +1,5 @@
+import type { DocumentModelModule } from "document-model";
+import type { VetraPackagePHState } from "@powerhousedao/vetra/document-models/vetra-package";
+/** Document model module for the Todo List document type */
+export declare const VetraPackage: DocumentModelModule<VetraPackagePHState>;
+//# sourceMappingURL=module.d.ts.map

package/dist/document-models/vetra-package/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAQ9F,4DAA4D;AAC5D,eAAO,MAAM,YAAY,EAAE,mBAAmB,CAAC,mBAAmB,CAKjE,CAAC"}

package/dist/document-models/vetra-package/module.js

@@ -0,0 +1,10 @@
+import { createState } from "document-model";
+import { defaultBaseState } from "document-model/core";
+import { actions, documentModel, reducer, utils, } from "@powerhousedao/vetra/document-models/vetra-package";
+/** Document model module for the Todo List document type */
+export const VetraPackage = {
+    reducer,
+    actions,
+    utils,
+    documentModel: createState(defaultBaseState(), documentModel),
+};

package/dist/document-models/vetra-package/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./utils.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/document-models/vetra-package/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../document-models/vetra-package/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/document-models/vetra-package/src/index.js

@@ -0,0 +1 @@
+export * from "./utils.js";

package/dist/document-models/vetra-package/src/reducers/base-operations.d.ts

@@ -1,3 +1,3 @@
-import type { VetraPackageBaseOperationsOperations } from "../../gen/base-operations/operations.js";
-export declare const reducer: VetraPackageBaseOperationsOperations;
+import type { VetraPackageBaseOperationsOperations } from "@powerhousedao/vetra/document-models/vetra-package";
+export declare const vetraPackageBaseOperationsOperations: VetraPackageBaseOperationsOperations;
 //# sourceMappingURL=base-operations.d.ts.map

package/dist/document-models/vetra-package/src/reducers/base-operations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-operations.d.ts","sourceRoot":"","sources":["../../../../../document-models/vetra-package/src/reducers/base-operations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAEpG,eAAO,MAAM,OAAO,EAAE,oCA4CrB,CAAC"}
+{"version":3,"file":"base-operations.d.ts","sourceRoot":"","sources":["../../../../../document-models/vetra-package/src/reducers/base-operations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,oDAAoD,CAAC;AAE/G,eAAO,MAAM,oCAAoC,EAAE,oCA6ChD,CAAC"}

package/dist/document-models/vetra-package/src/reducers/base-operations.js

@@ -1,4 +1,4 @@
-export const reducer = {
+export const vetraPackageBaseOperationsOperations = {
     setPackageNameOperation(state, action, dispatch) {
         state.name = action.input.name;
     },

package/dist/document-models/vetra-package/src/tests/base-operations.test.js

@@ -5,7 +5,7 @@
 import { beforeEach, describe, expect, it } from "vitest";
 import * as creators from "../../gen/base-operations/creators.js";
 import { reducer } from "../../gen/reducer.js";
-import utils from "../../gen/utils.js";
+import { utils } from "@powerhousedao/vetra/document-models/vetra-package";
 describe("BaseOperations Operations", () => {
     let document;
     beforeEach(() => {

package/dist/document-models/vetra-package/src/tests/document-model.test.js

@@ -2,10 +2,8 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
+import { addPackageKeyword, reducer, removePackageKeyword, setPackageAuthor, setPackageAuthorName, setPackageAuthorWebsite, setPackageCategory, setPackageDescription, setPackageGithubUrl, setPackageName, setPackageNpmUrl, utils, } from "@powerhousedao/vetra/document-models/vetra-package";
 import { describe, expect, it } from "vitest";
-import * as creators from "../../gen/base-operations/creators.js";
-import { reducer } from "../../gen/reducer.js";
-import utils from "../../gen/utils.js";
 describe("Vetra Package Document Model", () => {
     it("should have correct initial values", () => {
         const document = utils.createDocument();
@@ -19,14 +17,18 @@ describe("Vetra Package Document Model", () => {
         expect(document.state.global.keywords).toEqual([]);
         expect(document.state.global.githubUrl).toBeNull();
         expect(document.state.global.npmUrl).toBeNull();
+        expect(utils.isStateOfType(document.state)).toBe(true);
+        expect(utils.assertIsStateOfType(document.state)).toBeUndefined();
+        expect(utils.isDocumentOfType(document)).toBe(true);
+        expect(utils.assertIsDocumentOfType(document)).toBeUndefined();
     });
     it("should handle multiple operations and maintain consistency", () => {
         const document = utils.createDocument();
-        let updatedDoc = reducer(document, creators.setPackageName({ name: "test-package" }));
-        updatedDoc = reducer(updatedDoc, creators.setPackageDescription({ description: "A test package" }));
-        updatedDoc = reducer(updatedDoc, creators.setPackageCategory({ category: "utility" }));
-        updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({ id: "kw-1", label: "react" }));
-        updatedDoc = reducer(updatedDoc, creators.setPackageGithubUrl({
+        let updatedDoc = reducer(document, setPackageName({ name: "test-package" }));
+        updatedDoc = reducer(updatedDoc, setPackageDescription({ description: "A test package" }));
+        updatedDoc = reducer(updatedDoc, setPackageCategory({ category: "utility" }));
+        updatedDoc = reducer(updatedDoc, addPackageKeyword({ id: "kw-1", label: "react" }));
+        updatedDoc = reducer(updatedDoc, setPackageGithubUrl({
             url: "https://github.com/user/test-package",
         }));
         // Verify state consistency
@@ -39,25 +41,25 @@ describe("Vetra Package Document Model", () => {
     it("should handle complete workflow: set metadata, author, and keywords", () => {
         const document = utils.createDocument();
         // Step 1: Set package metadata
-        let updatedDoc = reducer(document, creators.setPackageName({ name: "awesome-lib" }));
-        updatedDoc = reducer(updatedDoc, creators.setPackageDescription({
+        let updatedDoc = reducer(document, setPackageName({ name: "awesome-lib" }));
+        updatedDoc = reducer(updatedDoc, setPackageDescription({
             description: "An awesome library for everything",
         }));
-        updatedDoc = reducer(updatedDoc, creators.setPackageCategory({ category: "library" }));
+        updatedDoc = reducer(updatedDoc, setPackageCategory({ category: "library" }));
         // Step 2: Set author information
-        updatedDoc = reducer(updatedDoc, creators.setPackageAuthor({
+        updatedDoc = reducer(updatedDoc, setPackageAuthor({
             name: "Jane Developer",
             website: "https://janedeveloper.com",
         }));
         // Step 3: Add keywords
-        updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({ id: "kw-1", label: "javascript" }));
-        updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({ id: "kw-2", label: "typescript" }));
-        updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({ id: "kw-3", label: "react" }));
+        updatedDoc = reducer(updatedDoc, addPackageKeyword({ id: "kw-1", label: "javascript" }));
+        updatedDoc = reducer(updatedDoc, addPackageKeyword({ id: "kw-2", label: "typescript" }));
+        updatedDoc = reducer(updatedDoc, addPackageKeyword({ id: "kw-3", label: "react" }));
         // Step 4: Set repository URLs
-        updatedDoc = reducer(updatedDoc, creators.setPackageGithubUrl({
+        updatedDoc = reducer(updatedDoc, setPackageGithubUrl({
             url: "https://github.com/jane/awesome-lib",
         }));
-        updatedDoc = reducer(updatedDoc, creators.setPackageNpmUrl({
+        updatedDoc = reducer(updatedDoc, setPackageNpmUrl({
             url: "https://npmjs.com/package/awesome-lib",
         }));
         // Verify final state
@@ -72,18 +74,18 @@ describe("Vetra Package Document Model", () => {
         it("should handle author updates: full then partial", () => {
             const document = utils.createDocument();
             // Set full author
-            let updatedDoc = reducer(document, creators.setPackageAuthor({
+            let updatedDoc = reducer(document, setPackageAuthor({
                 name: "John Doe",
                 website: "https://johndoe.com",
             }));
             expect(updatedDoc.state.global.author.name).toBe("John Doe");
             expect(updatedDoc.state.global.author.website).toBe("https://johndoe.com");
             // Update only name
-            updatedDoc = reducer(updatedDoc, creators.setPackageAuthorName({ name: "Jane Doe" }));
+            updatedDoc = reducer(updatedDoc, setPackageAuthorName({ name: "Jane Doe" }));
             expect(updatedDoc.state.global.author.name).toBe("Jane Doe");
             expect(updatedDoc.state.global.author.website).toBe("https://johndoe.com");
             // Update only website
-            updatedDoc = reducer(updatedDoc, creators.setPackageAuthorWebsite({
+            updatedDoc = reducer(updatedDoc, setPackageAuthorWebsite({
                 website: "https://janedoe.com",
             }));
             expect(updatedDoc.state.global.author.name).toBe("Jane Doe");
@@ -92,15 +94,15 @@ describe("Vetra Package Document Model", () => {
         it("should maintain state integrity with keyword add/remove sequences", () => {
             const document = utils.createDocument();
             // Add multiple keywords
-            let updatedDoc = reducer(document, creators.addPackageKeyword({ id: "kw-a", label: "react" }));
-            updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({ id: "kw-b", label: "vue" }));
-            updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({ id: "kw-c", label: "angular" }));
+            let updatedDoc = reducer(document, addPackageKeyword({ id: "kw-a", label: "react" }));
+            updatedDoc = reducer(updatedDoc, addPackageKeyword({ id: "kw-b", label: "vue" }));
+            updatedDoc = reducer(updatedDoc, addPackageKeyword({ id: "kw-c", label: "angular" }));
             expect(updatedDoc.state.global.keywords).toHaveLength(3);
             // Remove middle one
-            updatedDoc = reducer(updatedDoc, creators.removePackageKeyword({ id: "kw-b" }));
+            updatedDoc = reducer(updatedDoc, removePackageKeyword({ id: "kw-b" }));
             expect(updatedDoc.state.global.keywords).toHaveLength(2);
             // Add it back with new label value
-            updatedDoc = reducer(updatedDoc, creators.addPackageKeyword({ id: "kw-b", label: "svelte" }));
+            updatedDoc = reducer(updatedDoc, addPackageKeyword({ id: "kw-b", label: "svelte" }));
             expect(updatedDoc.state.global.keywords).toHaveLength(3);
             // Verify order and content
             const keywordB = updatedDoc.state.global.keywords.find((kw) => kw.id === "kw-b");

package/dist/document-models/vetra-package/utils.d.ts

@@ -0,0 +1,14 @@
+import type { VetraPackagePHState } from "./gen/types.js";
+/** Utils for the VetraPackage document model */
+export declare const utils: {
+    fileExtension: string;
+    createState: import("document-model").CreateState<VetraPackagePHState>;
+    createDocument: import("document-model").CreateDocument<VetraPackagePHState>;
+    loadFromInput: import("document-model").LoadFromInput<VetraPackagePHState>;
+    saveToFileHandle: import("document-model").SaveToFileHandle;
+    isStateOfType: import("document-model").IsStateOfType<VetraPackagePHState>;
+    assertIsStateOfType: import("document-model").AssertIsStateOfType<VetraPackagePHState>;
+    isDocumentOfType: import("document-model").IsDocumentOfType<VetraPackagePHState>;
+    assertIsDocumentOfType: import("document-model").AssertIsDocumentOfType<VetraPackagePHState>;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/document-models/vetra-package/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,gDAAgD;AAChD,eAAO,MAAM,KAAK;;;;;;;;;;CAGiC,CAAC"}

package/dist/document-models/vetra-package/utils.js

@@ -0,0 +1,7 @@
+import { utils as genUtils } from "./gen/utils.js";
+import * as customUtils from "./src/utils.js";
+/** Utils for the VetraPackage document model */
+export const utils = {
+    ...genUtils,
+    ...customUtils,
+};

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

@@ -1 +1 @@
-{"version":3,"file":"AppEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/app-editor/components/AppEditorForm.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,+CA2OzB,CAAC"}
+{"version":3,"file":"AppEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/app-editor/components/AppEditorForm.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,+CA+OzB,CAAC"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDocumentTypesInSelectedDrive, useSupportedDocumentTypesInReactor, } from "@powerhousedao/reactor-browser";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { actions } from "../../../document-models/app-module/index.js";
 import { StatusPill } from "../../components/index.js";
 import { useDebounce } from "../../hooks/index.js";
@@ -20,11 +20,12 @@ export const AppEditorForm = () => {
     const supportedDocumentTypesInReactor = useSupportedDocumentTypesInReactor();
     const [selectedDocumentTypes, setSelectedDocumentTypes] = useState(allowedDocumentTypes ?? []);
     // Use the debounce hook for name changes
-    const onNameChange = (name) => {
+    const onNameChange = useCallback((name) => {
         if (name === documentName)
             return;
+        console.log("onNameChange", name);
         dispatch(actions.setAppName({ name }));
-    };
+    }, [documentName]);
     useDebounce(appName, onNameChange, 300);
     const onConfirm = () => {
         dispatch(actions.setAppStatus({ status: "CONFIRMED" }));

package/dist/editors/app-editor/components/EditName.d.ts

@@ -0,0 +1,3 @@
+/** Displays the name of the selected AppModule document and allows editing it */
+export declare function EditAppModuleName(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=EditName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditName.d.ts","sourceRoot":"","sources":["../../../../editors/app-editor/components/EditName.tsx"],"names":[],"mappings":"AAKA,iFAAiF;AACjF,wBAAgB,iBAAiB,mDAqEhC"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { setName } from "document-model";
+import { useState } from "react";
+import { useSelectedAppModuleDocument } from "@powerhousedao/vetra/document-models/app-module";
+/** Displays the name of the selected AppModule document and allows editing it */
+export function EditAppModuleName() {
+    const [appModuleDocument, dispatch] = useSelectedAppModuleDocument();
+    const [isEditing, setIsEditing] = useState(false);
+    if (!appModuleDocument)
+        return null;
+    const appModuleDocumentName = appModuleDocument.header.name;
+    const onClickEditAppModuleName = () => {
+        setIsEditing(true);
+    };
+    const onClickCancelEditAppModuleName = () => {
+        setIsEditing(false);
+    };
+    const onSubmitSetName = (event) => {
+        event.preventDefault();
+        const form = event.currentTarget;
+        const nameInput = form.elements.namedItem("name");
+        const name = nameInput.value;
+        if (!name)
+            return;
+        dispatch(setName(name));
+        setIsEditing(false);
+    };
+    if (isEditing)
+        return (_jsxs("form", { className: "flex items-center justify-between gap-2", onSubmit: onSubmitSetName, children: [_jsx("input", { className: "p-1 text-lg font-semibold text-gray-900", type: "text", name: "name", defaultValue: appModuleDocumentName, autoFocus: true }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "submit", className: "text-sm text-gray-600", children: "Save" }), _jsx("button", { className: "text-sm text-red-800", onClick: onClickCancelEditAppModuleName, children: "Cancel" })] })] }));
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: appModuleDocumentName }), _jsx("button", { className: "text-sm text-gray-600", onClick: onClickEditAppModuleName, children: "Edit Name" })] }));
+}

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

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

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":"AAKA,wBAAgB,MAAM,4CASrB"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/app-editor/editor.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAS7B"}

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

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

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

@@ -3,7 +3,7 @@ import { render, screen, waitFor } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { useSelectedAppModuleDocument } from "../hooks/useVetraDocument.js";
-import { Editor } from "./editor.js";
+import Editor from "./editor.js";
 vi.mock("../hooks/useVetraDocument.js", () => ({
     useSelectedAppModuleDocument: vi.fn(),
 }));

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

@@ -0,0 +1,4 @@
+import type { EditorModule } from "document-model";
+/** Document editor module for the Todo List document type */
+export declare const AppEditor: EditorModule;
+//# sourceMappingURL=module.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+import { lazy } from "react";
+/** Document editor module for the Todo List document type */
+export const AppEditor = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/app"],
+    config: {
+        id: "app-editor",
+        name: "AppEditor",
+    },
+};

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

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

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":"AAYA,wBAAgB,MAAM,4CA8CrB"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/editor.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA8C7B"}

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentToolbar } from "@powerhousedao/design-system";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
 import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { useCallback } from "react";
 import { actions } from "../../document-models/document-editor/index.js";
 import { useSelectedDocumentEditorDocument } from "../hooks/useVetraDocument.js";
 import { DocumentEditorForm } from "./components/DocumentEditorForm.js";
 import { editorConfig } from "./config.js";
-export function Editor() {
+export default function Editor() {
     useSetPHDocumentEditorConfig(editorConfig);
     const [document, dispatch] = useSelectedDocumentEditorDocument();
     const onEditorNameChange = useCallback((name) => {

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

@@ -3,7 +3,7 @@ import { render, screen, waitFor } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { useSelectedDocumentEditorDocument } from "../hooks/useVetraDocument.js";
-import { Editor } from "./editor.js";
+import Editor from "./editor.js";
 vi.mock("../hooks/useVetraDocument.js", () => ({
     useSelectedDocumentEditorDocument: vi.fn(),
 }));

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

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

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

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

package/dist/editors/document-editor/{index.js → module.js}

@@ -1,10 +1,9 @@
-import { Editor } from "./editor.js";
-export const module = {
-    Component: Editor,
+import { lazy } from "react";
+export const DocumentEditor = {
+    Component: lazy(() => import("./editor.js")),
     documentTypes: ["powerhouse/document-editor"],
     config: {
         id: "document-editor-editor",
         name: "Document Editor Editor",
     },
 };
-export default module;

package/dist/editors/editors.d.ts

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

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

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

package/dist/editors/editors.js

@@ -0,0 +1,14 @@
+import { AppEditor } from "./app-editor/module.js";
+import { DocumentEditor } from "./document-editor/module.js";
+import { ProcessorEditor } from "./processor-editor/module.js";
+import { SubgraphEditor } from "./subgraph-editor/module.js";
+import { VetraDriveApp } from "./vetra-drive-app/module.js";
+import { VetraPackageEditor } from "./vetra-package/module.js";
+export const editors = [
+    AppEditor,
+    DocumentEditor,
+    ProcessorEditor,
+    SubgraphEditor,
+    VetraDriveApp,
+    VetraPackageEditor,
+];

package/dist/editors/hooks/useVetraDocument.d.ts

@@ -5,13 +5,13 @@ import type { SubgraphModuleDocument } from "../../document-models/subgraph-modu
 import type { VetraPackageDocument } from "../../document-models/vetra-package/index.js";
 export declare function useAppModuleDocument(documentId: string | undefined | null): never[] | [AppModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<AppModuleAction>];
 export declare function useSelectedAppModuleDocument(): never[] | [AppModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<AppModuleAction>];
-export declare function useDocumentEditorDocument(documentId: string | undefined | null): never[] | [DocumentEditorDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/document-editor/gen/actions.js").DocumentEditorBaseOperationsAction>];
-export declare function useSelectedDocumentEditorDocument(): never[] | [DocumentEditorDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/document-editor/gen/actions.js").DocumentEditorBaseOperationsAction>];
-export declare function useProcessorModuleDocument(documentId: string | undefined | null): never[] | [ProcessorModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/processor-module/gen/actions.js").ProcessorModuleBaseOperationsAction>];
-export declare function useSelectedProcessorModuleDocument(): never[] | [ProcessorModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/processor-module/gen/actions.js").ProcessorModuleBaseOperationsAction>];
-export declare function useSubgraphModuleDocument(documentId: string | undefined | null): never[] | [SubgraphModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/subgraph-module/gen/actions.js").SubgraphModuleBaseOperationsAction>];
-export declare function useSelectedSubgraphModuleDocument(): never[] | [SubgraphModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/subgraph-module/gen/actions.js").SubgraphModuleBaseOperationsAction>];
-export declare function useVetraPackageDocument(documentId: string | undefined | null): never[] | [VetraPackageDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/vetra-package/gen/actions.js").VetraPackageBaseOperationsAction>];
-export declare function useSelectedVetraPackageDocument(): [VetraPackageDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/vetra-package/gen/actions.js").VetraPackageBaseOperationsAction>];
-export declare function useSelectedDriveVetraPackage(): never[] | [VetraPackageDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/vetra-package/gen/actions.js").VetraPackageBaseOperationsAction>];
+export declare function useDocumentEditorDocument(documentId: string | undefined | null): never[] | [DocumentEditorDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/document-editor/index.js").DocumentEditorBaseOperationsAction>];
+export declare function useSelectedDocumentEditorDocument(): never[] | [DocumentEditorDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/document-editor/index.js").DocumentEditorBaseOperationsAction>];
+export declare function useProcessorModuleDocument(documentId: string | undefined | null): never[] | [ProcessorModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/processor-module/index.js").ProcessorModuleBaseOperationsAction>];
+export declare function useSelectedProcessorModuleDocument(): never[] | [ProcessorModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/processor-module/index.js").ProcessorModuleBaseOperationsAction>];
+export declare function useSubgraphModuleDocument(documentId: string | undefined | null): never[] | [SubgraphModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/subgraph-module/index.js").SubgraphModuleBaseOperationsAction>];
+export declare function useSelectedSubgraphModuleDocument(): never[] | [SubgraphModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/subgraph-module/index.js").SubgraphModuleBaseOperationsAction>];
+export declare function useVetraPackageDocument(documentId: string | undefined | null): never[] | [VetraPackageDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/vetra-package/index.js").VetraPackageBaseOperationsAction>];
+export declare function useSelectedVetraPackageDocument(): [VetraPackageDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/vetra-package/index.js").VetraPackageBaseOperationsAction>];
+export declare function useSelectedDriveVetraPackage(): never[] | [VetraPackageDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/vetra-package/index.js").VetraPackageBaseOperationsAction>];
 //# sourceMappingURL=useVetraDocument.d.ts.map

package/dist/editors/hooks/useVetraDocument.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVetraDocument.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useVetraDocument.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAClB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,iDAAiD,CAAC;AACzD,OAAO,KAAK,EAEV,sBAAsB,EACvB,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAEV,oBAAoB,EACrB,MAAM,8CAA8C,CAAC;AAOtD,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,6GAKzE;AAED,wBAAgB,4BAA4B,8GAG3C;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,oMAMtC;AAED,wBAAgB,iCAAiC,qMAGhD;AAED,wBAAgB,0BAA0B,CACxC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,uMAMtC;AAED,wBAAgB,kCAAkC,wMAGjD;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,oMAMtC;AAED,wBAAgB,iCAAiC,qMAGhD;AAED,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,8LAK5E;AAED,wBAAgB,+BAA+B,qLAI9C;AAED,wBAAgB,4BAA4B,+LAQ3C"}
+{"version":3,"file":"useVetraDocument.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useVetraDocument.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAClB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,iDAAiD,CAAC;AACzD,OAAO,KAAK,EAEV,sBAAsB,EACvB,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAEV,oBAAoB,EACrB,MAAM,8CAA8C,CAAC;AAOtD,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,6GAKzE;AAED,wBAAgB,4BAA4B,8GAG3C;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,8LAMtC;AAED,wBAAgB,iCAAiC,+LAGhD;AAED,wBAAgB,0BAA0B,CACxC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,iMAMtC;AAED,wBAAgB,kCAAkC,kMAGjD;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,8LAMtC;AAED,wBAAgB,iCAAiC,+LAGhD;AAED,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,wLAK5E;AAED,wBAAgB,+BAA+B,+KAI9C;AAED,wBAAgB,4BAA4B,yLAQ3C"}

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 { AppEditor } from "./app-editor/module.js";
+export { DocumentEditor } from "./document-editor/module.js";
+export { ProcessorEditor } from "./processor-editor/module.js";
+export { SubgraphEditor } from "./subgraph-editor/module.js";
+export { VetraDriveApp } from "./vetra-drive-app/module.js";
+export { VetraPackageEditor } from "./vetra-package/module.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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/editors/index.js

@@ -1,6 +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 { AppEditor } from "./app-editor/module.js";
+export { DocumentEditor } from "./document-editor/module.js";
+export { ProcessorEditor } from "./processor-editor/module.js";
+export { SubgraphEditor } from "./subgraph-editor/module.js";
+export { VetraDriveApp } from "./vetra-drive-app/module.js";
+export { VetraPackageEditor } from "./vetra-package/module.js";

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

@@ -1,2 +1,2 @@
-export declare function Editor(): import("react/jsx-runtime").JSX.Element;
+export default 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":"AAQA,wBAAgB,MAAM,4CAuDrB"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/processor-editor/editor.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAuD7B"}