@powerhousedao/vetra-builder-package 0.0.0

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

@@ -0,0 +1,80 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import { describe, it, expect, beforeEach } from 'vitest';
+import { generateMock } from '@powerhousedao/codegen';
+import utils from '../../gen/utils.js';
+import { z, } from '../../gen/schema/index.js';
+import { reducer } from '../../gen/reducer.js';
+import * as creators from '../../gen/meta/creators.js';
+describe('Meta Operations', () => {
+    let document;
+    beforeEach(() => {
+        document = utils.createDocument();
+    });
+    it('should handle setPackageName operation', () => {
+        const input = generateMock(z.SetPackageNameInputSchema());
+        const updatedDocument = reducer(document, creators.setPackageName(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe('SET_PACKAGE_NAME');
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it('should handle setPackageDescription operation', () => {
+        const input = generateMock(z.SetPackageDescriptionInputSchema());
+        const updatedDocument = reducer(document, creators.setPackageDescription(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe('SET_PACKAGE_DESCRIPTION');
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it('should handle setPackageCategory operation', () => {
+        const input = generateMock(z.SetPackageCategoryInputSchema());
+        const updatedDocument = reducer(document, creators.setPackageCategory(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe('SET_PACKAGE_CATEGORY');
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it('should handle setPackageGithub operation', () => {
+        const input = generateMock(z.SetPackageGithubInputSchema());
+        const updatedDocument = reducer(document, creators.setPackageGithub(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe('SET_PACKAGE_GITHUB');
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it('should handle setPackageNpm operation', () => {
+        const input = generateMock(z.SetPackageNpmInputSchema());
+        const updatedDocument = reducer(document, creators.setPackageNpm(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe('SET_PACKAGE_NPM');
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it('should handle setAuthor operation', () => {
+        const input = generateMock(z.SetAuthorInputSchema());
+        const updatedDocument = reducer(document, creators.setAuthor(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe('SET_AUTHOR');
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it('should handle addKeywords operation', () => {
+        const input = generateMock(z.AddKeywordsInputSchema());
+        const updatedDocument = reducer(document, creators.addKeywords(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe('ADD_KEYWORDS');
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it('should handle removeKeywords operation', () => {
+        const input = generateMock(z.RemoveKeywordsInputSchema());
+        const updatedDocument = reducer(document, creators.removeKeywords(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe('REMOVE_KEYWORDS');
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+});

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

package/dist/editors/builder-account-editor/editor.d.ts

@@ -0,0 +1,3 @@
+import type { EditorProps } from "document-model";
+export type IProps = EditorProps;
+export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;

package/dist/editors/builder-account-editor/editor.js

@@ -0,0 +1,202 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/design-system";
+import { useDocumentById } from "@powerhousedao/reactor-browser";
+import { useCallback, useState } from "react";
+import { actions, } from "../../document-models/builder-account/index.js";
+import { Form, StringField, UrlField } from "@powerhousedao/document-engineering";
+export default function Editor(props) {
+    const { document: initialDocument } = props;
+    const [document, dispatch] = useDocumentById(initialDocument.header.id);
+    const typedDocument = document;
+    // Local form state
+    const [isEditingProfile, setIsEditingProfile] = useState(false);
+    const [isAddingSpace, setIsAddingSpace] = useState(false);
+    const [isAddingPackage, setIsAddingPackage] = useState(false);
+    const [editingSpaceId, setEditingSpaceId] = useState(null);
+    const [editingPackageId, setEditingPackageId] = useState(null);
+    // Form states
+    const [newSpaceTitle, setNewSpaceTitle] = useState("");
+    const [newSpaceDescription, setNewSpaceDescription] = useState("");
+    const [newPackageName, setNewPackageName] = useState("");
+    const [newPackageDescription, setNewPackageDescription] = useState("");
+    const [newPackageCategory, setNewPackageCategory] = useState("");
+    const [newPackageGithub, setNewPackageGithub] = useState("");
+    const [newPackageNpm, setNewPackageNpm] = useState("");
+    const [newMemberAddress, setNewMemberAddress] = useState("");
+    const [selectedSpaceForPackage, setSelectedSpaceForPackage] = useState("");
+    // Editing form states
+    const [editingSpaceTitle, setEditingSpaceTitle] = useState("");
+    const [editingSpaceDescription, setEditingSpaceDescription] = useState("");
+    const [editingPackageName, setEditingPackageName] = useState("");
+    const [editingPackageDescription, setEditingPackageDescription] = useState("");
+    const [editingPackageCategory, setEditingPackageCategory] = useState("");
+    const [editingPackageGithub, setEditingPackageGithub] = useState("");
+    const [editingPackageNpm, setEditingPackageNpm] = useState("");
+    const { state: { global } } = typedDocument;
+    const { profile, spaces, members } = global;
+    // Profile handlers
+    const handleSetProfileName = useCallback((name) => {
+        if (name.trim() && name !== profile.name) {
+            dispatch(actions.setProfileName({ name: name.trim() }));
+        }
+    }, [profile.name, dispatch]);
+    const handleSetSlug = useCallback((slug) => {
+        if (slug.trim() && slug !== profile.slug) {
+            dispatch(actions.setSlug({ slug: slug.trim() }));
+        }
+    }, [profile.slug, dispatch]);
+    const handleSetProfileDescription = useCallback((description) => {
+        if (description !== profile.description) {
+            dispatch(actions.setProfileDescription({ description: description.trim() || null }));
+        }
+    }, [profile.description, dispatch]);
+    const handleSetLogo = useCallback((logoUrl) => {
+        if (logoUrl.trim() && logoUrl !== profile.logo) {
+            dispatch(actions.setLogo({ logoUrl: logoUrl.trim() }));
+        }
+    }, [profile.logo, dispatch]);
+    const handleUpdateSocials = useCallback((socials) => {
+        dispatch(actions.updateSocials({
+            github: socials.github?.trim() || null,
+            website: socials.website?.trim() || null,
+            x: socials.x?.trim() || null,
+        }));
+    }, [dispatch]);
+    // Space handlers
+    const handleAddSpace = useCallback(() => {
+        if (newSpaceTitle.trim()) {
+            dispatch(actions.addSpace({
+                title: newSpaceTitle.trim(),
+                description: newSpaceDescription.trim() || null,
+            }));
+            setNewSpaceTitle("");
+            setNewSpaceDescription("");
+            setIsAddingSpace(false);
+        }
+    }, [newSpaceTitle, newSpaceDescription, dispatch]);
+    const handleDeleteSpace = useCallback((spaceId) => {
+        dispatch(actions.deleteSpace({ id: spaceId }));
+    }, [dispatch]);
+    const handleSetSpaceTitle = useCallback((spaceId, newTitle) => {
+        if (newTitle.trim()) {
+            dispatch(actions.setSpaceTitle({ id: spaceId, newTitle: newTitle.trim() }));
+        }
+    }, [dispatch]);
+    const handleSetSpaceDescription = useCallback((spaceId, description) => {
+        dispatch(actions.setSpaceDescription({ id: spaceId, description: description.trim() }));
+    }, [dispatch]);
+    const handleStartEditingSpace = useCallback((spaceId) => {
+        const space = spaces.find(s => s.id === spaceId);
+        if (space) {
+            setEditingSpaceId(spaceId);
+            setEditingSpaceTitle(space.title);
+            setEditingSpaceDescription(space.description || "");
+        }
+    }, [spaces]);
+    const handleSaveSpaceEdit = useCallback(() => {
+        if (editingSpaceId && editingSpaceTitle.trim()) {
+            handleSetSpaceTitle(editingSpaceId, editingSpaceTitle);
+            handleSetSpaceDescription(editingSpaceId, editingSpaceDescription);
+            setEditingSpaceId(null);
+            setEditingSpaceTitle("");
+            setEditingSpaceDescription("");
+        }
+    }, [editingSpaceId, editingSpaceTitle, editingSpaceDescription, handleSetSpaceTitle, handleSetSpaceDescription]);
+    const handleCancelSpaceEdit = useCallback(() => {
+        setEditingSpaceId(null);
+        setEditingSpaceTitle("");
+        setEditingSpaceDescription("");
+    }, []);
+    // Package handlers
+    const handleAddPackage = useCallback(() => {
+        if (newPackageName.trim() && selectedSpaceForPackage) {
+            dispatch(actions.addPackage({
+                name: newPackageName.trim(),
+                description: newPackageDescription.trim() || null,
+                category: newPackageCategory.trim() || null,
+                github: newPackageGithub.trim() || null,
+                npm: newPackageNpm.trim() || null,
+                spaceId: selectedSpaceForPackage,
+                author: {
+                    name: profile.name,
+                    website: profile.socials.website || null,
+                },
+            }));
+            setNewPackageName("");
+            setNewPackageDescription("");
+            setNewPackageCategory("");
+            setNewPackageGithub("");
+            setNewPackageNpm("");
+            setSelectedSpaceForPackage("");
+            setIsAddingPackage(false);
+        }
+    }, [newPackageName, newPackageDescription, newPackageCategory, newPackageGithub, newPackageNpm, selectedSpaceForPackage, profile, dispatch]);
+    const handleDeletePackage = useCallback((packageId) => {
+        dispatch(actions.deletePackage({ id: packageId }));
+    }, [dispatch]);
+    const handleStartEditingPackage = useCallback((packageId) => {
+        // Find the package across all spaces
+        for (const space of spaces) {
+            const pkg = space.packages.find(p => p.id === packageId);
+            if (pkg) {
+                setEditingPackageId(packageId);
+                setEditingPackageName(pkg.name);
+                setEditingPackageDescription(pkg.description || "");
+                setEditingPackageCategory(pkg.category || "");
+                setEditingPackageGithub(pkg.github || "");
+                setEditingPackageNpm(pkg.npm || "");
+                break;
+            }
+        }
+    }, [spaces]);
+    const handleSavePackageEdit = useCallback(() => {
+        if (editingPackageId && editingPackageName.trim()) {
+            // Note: We'll need to add updatePackage action to the document model
+            // For now, we'll delete and recreate the package
+            const space = spaces.find(s => s.packages.some(p => p.id === editingPackageId));
+            if (space) {
+                const originalPackage = space.packages.find(p => p.id === editingPackageId);
+                if (originalPackage) {
+                    dispatch(actions.deletePackage({ id: editingPackageId }));
+                    dispatch(actions.addPackage({
+                        name: editingPackageName.trim(),
+                        description: editingPackageDescription.trim() || null,
+                        category: editingPackageCategory.trim() || null,
+                        github: editingPackageGithub.trim() || null,
+                        npm: editingPackageNpm.trim() || null,
+                        spaceId: space.id,
+                        author: originalPackage.author,
+                    }));
+                }
+            }
+            setEditingPackageId(null);
+            setEditingPackageName("");
+            setEditingPackageDescription("");
+            setEditingPackageCategory("");
+            setEditingPackageGithub("");
+            setEditingPackageNpm("");
+        }
+    }, [editingPackageId, editingPackageName, editingPackageDescription, editingPackageCategory, editingPackageGithub, editingPackageNpm, spaces, dispatch]);
+    const handleCancelPackageEdit = useCallback(() => {
+        setEditingPackageId(null);
+        setEditingPackageName("");
+        setEditingPackageDescription("");
+        setEditingPackageCategory("");
+        setEditingPackageGithub("");
+        setEditingPackageNpm("");
+    }, []);
+    // Member handlers
+    const handleAddMember = useCallback(() => {
+        if (newMemberAddress.trim()) {
+            dispatch(actions.addMember({ ethAddress: newMemberAddress.trim() }));
+            setNewMemberAddress("");
+        }
+    }, [newMemberAddress, dispatch]);
+    const handleRemoveMember = useCallback((ethAddress) => {
+        dispatch(actions.removeMember({ ethAddress }));
+    }, [dispatch]);
+    return (_jsxs("div", { className: "html-defaults-container min-h-screen bg-gray-50", children: [_jsx("div", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "py-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("div", { className: "flex-shrink-0", children: profile.logo ? (_jsx("img", { className: "w-12 h-12 rounded-lg object-cover", src: profile.logo, alt: "Logo" })) : (_jsx("div", { className: "w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center", children: _jsx("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) })) }), _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900", children: profile.name || "Builder Account" }), _jsx("p", { className: "text-sm text-gray-500", children: profile.slug ? `@${profile.slug}` : "Manage your builder profile and packages" })] })] }), _jsx("div", { className: "flex items-center space-x-3", children: _jsx(Button, { color: "light", onClick: () => setIsEditingProfile(!isEditingProfile), children: isEditingProfile ? "Cancel" : "Edit Profile" }) })] }) }) }) }), _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-8", children: [_jsxs("div", { className: "lg:col-span-2 space-y-8", children: [_jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsxs("div", { className: "px-6 py-4 border-b border-gray-200", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Profile Information" }), _jsx("p", { className: "text-sm text-gray-500", children: "Manage your builder profile details" })] }), _jsx("div", { className: "p-6", children: isEditingProfile ? (_jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-6", children: [_jsx(StringField, { name: "profileName", label: "Profile Name", value: profile.name, onChange: (e) => handleSetProfileName(e.target.value), placeholder: "Enter your profile name", description: "Your public display name" }), _jsx(StringField, { name: "slug", label: "Slug", value: profile.slug, onChange: (e) => handleSetSlug(e.target.value), placeholder: "your-slug", description: "Unique identifier for your profile (used in URLs)" }), _jsx(StringField, { name: "description", label: "Description", value: profile.description || "", onChange: (e) => handleSetProfileDescription(e.target.value), placeholder: "Tell us about yourself and your work", description: "Brief description of your work and interests" }), _jsx(UrlField, { name: "logo", label: "Logo URL", value: profile.logo || "", onChange: (e) => handleSetLogo(e.target.value), placeholder: "https://example.com/logo.png", description: "URL to your profile logo image" }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-md font-medium text-gray-900", children: "Social Links" }), _jsx(UrlField, { name: "github", label: "GitHub", value: profile.socials.github || "", onChange: (e) => handleUpdateSocials({ ...profile.socials, github: e.target.value }), placeholder: "https://github.com/username" }), _jsx(UrlField, { name: "website", label: "Website", value: profile.socials.website || "", onChange: (e) => handleUpdateSocials({ ...profile.socials, website: e.target.value }), placeholder: "https://your-website.com" }), _jsx(UrlField, { name: "x", label: "X (Twitter)", value: profile.socials.xProfile || "", onChange: (e) => handleUpdateSocials({ ...profile.socials, x: e.target.value }), placeholder: "https://x.com/username" })] }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: () => setIsEditingProfile(false), children: "Cancel" }), _jsx(Button, { onClick: () => setIsEditingProfile(false), children: "Save Changes" })] })] }) })) : (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Name" }), _jsx("p", { className: "mt-1 text-sm text-gray-900", children: profile.name || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Slug" }), _jsx("p", { className: "mt-1 text-sm text-gray-900", children: profile.slug ? `@${profile.slug}` : "Not set" })] })] }), profile.description && (_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Description" }), _jsx("p", { className: "mt-1 text-sm text-gray-900", children: profile.description })] })), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Social Links" }), _jsxs("div", { className: "mt-2 flex space-x-4", children: [profile.socials.github && (_jsx("a", { href: profile.socials.github, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", children: "GitHub" })), profile.socials.website && (_jsx("a", { href: profile.socials.website, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", children: "Website" })), profile.socials.xProfile && (_jsx("a", { href: profile.socials.xProfile, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", children: "X (Twitter)" })), !profile.socials.github && !profile.socials.website && !profile.socials.xProfile && (_jsx("span", { className: "text-gray-500 text-sm", children: "No social links added" }))] })] })] })) })] }), _jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Spaces" }), _jsx("p", { className: "text-sm text-gray-500", children: "Organize your packages into spaces" })] }), _jsx(Button, { onClick: () => setIsAddingSpace(true), children: "Add Space" })] }) }), _jsxs("div", { className: "p-6", children: [isAddingSpace ? (_jsx("div", { className: "p-4 bg-gray-50 rounded-lg", children: _jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-4", children: [_jsx(StringField, { name: "spaceTitle", label: "Space Title", value: newSpaceTitle, onChange: (e) => setNewSpaceTitle(e.target.value), placeholder: "Enter space title" }), _jsx(StringField, { name: "spaceDescription", label: "Description (optional)", value: newSpaceDescription, onChange: (e) => setNewSpaceDescription(e.target.value), placeholder: "Enter space description" }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: () => setIsAddingSpace(false), children: "Cancel" }), _jsx(Button, { onClick: handleAddSpace, disabled: !newSpaceTitle.trim(), children: "Add Space" })] })] }) }) })) : null, _jsx("div", { className: "space-y-4", children: spaces.length > 0 ? (spaces.map((space) => (_jsxs("div", { className: "border border-gray-200 rounded-lg p-4", children: [editingSpaceId === space.id ? (_jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-4", children: [_jsx(StringField, { name: "editingSpaceTitle", label: "Space Title", value: editingSpaceTitle, onChange: (e) => setEditingSpaceTitle(e.target.value), placeholder: "Enter space title" }), _jsx(StringField, { name: "editingSpaceDescription", label: "Description (optional)", value: editingSpaceDescription, onChange: (e) => setEditingSpaceDescription(e.target.value), placeholder: "Enter space description" }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: handleCancelSpaceEdit, children: "Cancel" }), _jsx(Button, { onClick: handleSaveSpaceEdit, disabled: !editingSpaceTitle.trim(), children: "Save Changes" })] })] }) })) : (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-md font-medium text-gray-900", children: space.title }), space.description && (_jsx("p", { className: "text-sm text-gray-500 mt-1", children: space.description })), _jsxs("p", { className: "text-xs text-gray-400 mt-1", children: [space.packages.length, " package", space.packages.length !== 1 ? 's' : ''] })] }), _jsxs("div", { className: "flex space-x-2", children: [_jsx(Button, { color: "light", size: "small", onClick: () => handleStartEditingSpace(space.id), children: "Edit" }), _jsx(Button, { color: "light", size: "small", onClick: () => {
+                                                                                    setSelectedSpaceForPackage(space.id);
+                                                                                    setIsAddingPackage(true);
+                                                                                }, children: "Add Package" }), _jsx(Button, { color: "red", size: "small", onClick: () => handleDeleteSpace(space.id), children: "Delete" })] })] })), space.packages.length > 0 && (_jsx("div", { className: "mt-4 space-y-2", children: space.packages.map((pkg) => (_jsx("div", { className: "p-3 bg-gray-50 rounded border", children: editingPackageId === pkg.id ? (_jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-3", children: [_jsx(StringField, { name: "editingPackageName", label: "Package Name", value: editingPackageName, onChange: (e) => setEditingPackageName(e.target.value), placeholder: "Enter package name" }), _jsx(StringField, { name: "editingPackageDescription", label: "Description", value: editingPackageDescription, onChange: (e) => setEditingPackageDescription(e.target.value), placeholder: "Enter package description" }), _jsx(StringField, { name: "editingPackageCategory", label: "Category", value: editingPackageCategory, onChange: (e) => setEditingPackageCategory(e.target.value), placeholder: "Enter package category" }), _jsx(UrlField, { name: "editingPackageGithub", label: "GitHub URL", value: editingPackageGithub, onChange: (e) => setEditingPackageGithub(e.target.value), placeholder: "https://github.com/username/repo" }), _jsx(UrlField, { name: "editingPackageNpm", label: "NPM URL", value: editingPackageNpm, onChange: (e) => setEditingPackageNpm(e.target.value), placeholder: "https://www.npmjs.com/package/package-name" }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: handleCancelPackageEdit, children: "Cancel" }), _jsx(Button, { onClick: handleSavePackageEdit, disabled: !editingPackageName.trim(), children: "Save Changes" })] })] }) })) : (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("span", { className: "font-medium text-gray-900", children: pkg.name }), pkg.description && (_jsx("p", { className: "text-sm text-gray-500", children: pkg.description })), pkg.category && (_jsxs("p", { className: "text-xs text-gray-400", children: ["Category: ", pkg.category] }))] }), _jsxs("div", { className: "flex space-x-2", children: [_jsx(Button, { color: "light", size: "small", onClick: () => handleStartEditingPackage(pkg.id), children: "Edit" }), _jsx(Button, { color: "red", size: "small", onClick: () => handleDeletePackage(pkg.id), children: "Remove" })] })] })) }, pkg.id))) }))] }, space.id)))) : (_jsx("div", { className: "text-center py-8 text-gray-500", children: _jsx("p", { children: "No spaces created yet. Create a space to organize your packages." }) })) })] })] }), isAddingPackage && (_jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Add Package" }) }), _jsx("div", { className: "p-6", children: _jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-4", children: [_jsx(StringField, { name: "packageName", label: "Package Name", value: newPackageName, onChange: (e) => setNewPackageName(e.target.value), placeholder: "Enter package name" }), _jsx(StringField, { name: "packageDescription", label: "Description", value: newPackageDescription, onChange: (e) => setNewPackageDescription(e.target.value), placeholder: "Enter package description" }), _jsx(StringField, { name: "packageCategory", label: "Category", value: newPackageCategory, onChange: (e) => setNewPackageCategory(e.target.value), placeholder: "Enter package category" }), _jsx(UrlField, { name: "packageGithub", label: "GitHub URL", value: newPackageGithub, onChange: (e) => setNewPackageGithub(e.target.value), placeholder: "https://github.com/username/repo" }), _jsx(UrlField, { name: "packageNpm", label: "NPM URL", value: newPackageNpm, onChange: (e) => setNewPackageNpm(e.target.value), placeholder: "https://www.npmjs.com/package/package-name" }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: () => setIsAddingPackage(false), children: "Cancel" }), _jsx(Button, { onClick: handleAddPackage, disabled: !newPackageName.trim() || !selectedSpaceForPackage, children: "Add Package" })] })] }) }) })] }))] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsxs("div", { className: "px-6 py-4 border-b border-gray-200", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Team Members" }), _jsx("p", { className: "text-sm text-gray-500", children: "Manage team access" })] }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex space-x-2", children: [_jsx("input", { type: "text", value: newMemberAddress, onChange: (e) => setNewMemberAddress(e.target.value), placeholder: "0x...", className: "flex-1 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500" }), _jsx(Button, { onClick: handleAddMember, disabled: !newMemberAddress.trim(), children: "Add" })] }), _jsx("div", { className: "space-y-2", children: members.length > 0 ? (members.map((address, index) => (_jsxs("div", { className: "flex items-center justify-between p-2 bg-gray-50 rounded border", children: [_jsx("span", { className: "text-sm font-mono text-gray-700 truncate", children: address }), _jsx(Button, { color: "red", size: "small", onClick: () => handleRemoveMember(address), children: "Remove" })] }, index)))) : (_jsx("p", { className: "text-sm text-gray-500", children: "No team members added yet" })) })] }) })] }), _jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Quick Stats" }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-gray-500", children: "Spaces" }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: spaces.length })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-gray-500", children: "Total Packages" }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: spaces.reduce((total, space) => total + space.packages.length, 0) })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-gray-500", children: "Team Members" }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: members.length })] })] }) })] })] })] }) })] }));
+}

package/dist/editors/builder-account-editor/index.d.ts

@@ -0,0 +1,3 @@
+import type { EditorModule } from "document-model";
+export declare const module: EditorModule;
+export default module;

package/dist/editors/builder-account-editor/index.js

@@ -0,0 +1,12 @@
+import Editor from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/vetra/builder-account"],
+    config: {
+        id: "editor-id",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
+    },
+};
+export default module;

package/dist/editors/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+export { module as BuilderAccountEditor } from "./builder-account-editor/index.js";

package/dist/editors/index.js

@@ -0,0 +1 @@
+export { module as BuilderAccountEditor } from "./builder-account-editor/index.js";

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import type { Manifest } from "document-model";
+export declare const manifest: Manifest;
+export declare const documentModels: (import("document-model").DocumentModelModule<import("./document-models/builder-account/gen").BuilderAccountPHState> | import("document-model").DocumentModelModule<import("./document-models/vetra-package/gen").VetraPackagePHState>)[];
+export declare const editors: import("document-model").EditorModule[];

package/dist/index.js

@@ -0,0 +1,6 @@
+import manifestJson from "./powerhouse.manifest.json" with { type: "json" };
+import * as documentModelsExports from './document-models/index.js';
+import * as editorsExports from './editors/index.js';
+export const manifest = manifestJson;
+export const documentModels = Object.values(documentModelsExports);
+export const editors = Object.values(editorsExports);

package/dist/powerhouse.manifest.json

@@ -0,0 +1,29 @@
+{
+    "name": "Vetra Builder Package",
+    "description": "",
+    "category": "Engineering",
+    "publisher": {
+        "name": "Powerhouse Inc.",
+        "url": "https://www.powerhouse.inc"
+    },
+    "documentModels": [
+        {
+            "id": "powerhouse/vetra/builder-account",
+            "name": "BuilderAccount"
+        },
+        {
+            "id": "powerhouse/vetra/package",
+            "name": "VetraPackage"
+        }
+    ],
+    "editors": [],
+    "apps": [],
+    "subgraphs": [
+        {
+            "id": "vetra",
+            "name": "vetra",
+            "documentTypes": []
+        }
+    ],
+    "importScripts": []
+}

package/dist/processors/factory.d.ts

@@ -0,0 +1,7 @@
+/**
+ * This file aggregates all processor factories
+ * Auto-generated by codegen - DO NOT EDIT MANUALLY
+ */
+import { type IProcessorHostModule, type ProcessorRecord } from "document-drive/processors/types";
+import { type PHDocumentHeader } from "document-model";
+export declare const processorFactory: (module: IProcessorHostModule) => (driveHeader: PHDocumentHeader) => Promise<ProcessorRecord[]>;

package/dist/processors/factory.js

@@ -0,0 +1,22 @@
+/**
+ * This file aggregates all processor factories
+ * Auto-generated by codegen - DO NOT EDIT MANUALLY
+ */
+// Import processor factories here as they are generated
+import { vetraReadModelProcessorFactory } from "./vetra-read-model/factory.js";
+export const processorFactory = (module) => {
+    // Initialize all processor factories once with the module
+    const factories = [];
+    // Add processors here as they are generated
+    factories.push(vetraReadModelProcessorFactory(module));
+    // Return the inner function that will be called for each drive
+    return async (driveHeader) => {
+        const processors = [];
+        // Call each cached factory with the driveHeader
+        for (const factory of factories) {
+            const factoryProcessors = await factory(driveHeader);
+            processors.push(...factoryProcessors);
+        }
+        return processors;
+    };
+};

package/dist/processors/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+export { VetraReadModelProcessor } from "./vetra-read-model/index.js";

package/dist/processors/index.js

@@ -0,0 +1 @@
+export { VetraReadModelProcessor } from "./vetra-read-model/index.js";

package/dist/processors/vetra-read-model/factory.d.ts

@@ -0,0 +1,3 @@
+import { type IProcessorHostModule, type ProcessorRecord } from "document-drive/processors/types";
+import { type PHDocumentHeader } from "document-model";
+export declare const vetraReadModelProcessorFactory: (module: IProcessorHostModule) => (driveHeader: PHDocumentHeader) => Promise<ProcessorRecord[]>;

package/dist/processors/vetra-read-model/factory.js

@@ -0,0 +1,22 @@
+import { VetraReadModelProcessor } from "./index.js";
+export const vetraReadModelProcessorFactory = (module) => async (driveHeader) => {
+    // Create a namespace for the processor and the provided drive id
+    const namespace = VetraReadModelProcessor.getNamespace(driveHeader.id);
+    // Create a namespaced db for the processor
+    const store = await module.relationalDb.createNamespace(namespace);
+    // Create a filter for the processor
+    const filter = {
+        branch: ["main"],
+        documentId: ["*"],
+        documentType: ["powerhouse/vetra/builder-account"],
+        scope: ["global"],
+    };
+    // Create the processor
+    const processor = new VetraReadModelProcessor(namespace, filter, store);
+    return [
+        {
+            processor,
+            filter,
+        },
+    ];
+};

package/dist/processors/vetra-read-model/index.d.ts

@@ -0,0 +1,28 @@
+import { RelationalDbProcessor } from "document-drive/processors/relational";
+import { type InternalTransmitterUpdate } from "document-drive/server/listener/transmitter/internal";
+import { type DB } from "./schema.js";
+export declare class VetraReadModelProcessor extends RelationalDbProcessor<DB> {
+    static getNamespace(driveId: string): string;
+    initAndUpgrade(): Promise<void>;
+    onStrands(strands: InternalTransmitterUpdate[]): Promise<void>;
+    private handleOperation;
+    private handleSetLogo;
+    private handleSetProfileName;
+    private handleSetSlug;
+    private handleSetProfileDescription;
+    private handleUpdateSocials;
+    private handleAddMember;
+    private handleRemoveMember;
+    private handleAddSpace;
+    private handleDeleteSpace;
+    private handleSetSpaceTitle;
+    private handleSetSpaceDescription;
+    private handleReorderSpaces;
+    private handleAddPackage;
+    private handleSetPackageDriveId;
+    private handleUpdatePackage;
+    private handleReorderPackages;
+    private handleDeletePackage;
+    private ensureBuilderAccount;
+    onDisconnect(): Promise<void>;
+}