@powerhousedao/vetra-builder-package 0.0.10 → 0.0.11

package/dist/document-models/builder-account/src/reducers/packages.js

@@ -58,12 +58,13 @@ export const reducer = {
     updatePackageOperation(state, action, dispatch) {
         const { id, title, description } = action.input;
         for (const space of state.spaces) {
-            let packageObject = space.packages.find((packageObject) => packageObject.id === id);
-            if (packageObject) {
-                packageObject = {
-                    ...packageObject,
-                    name: title ?? packageObject.name,
-                    description: description ?? packageObject.description ?? "",
+            const packageIndex = space.packages.findIndex((packageObject) => packageObject.id === id);
+            if (packageIndex !== -1) {
+                // Update the package in place
+                space.packages[packageIndex] = {
+                    ...space.packages[packageIndex],
+                    name: title ?? space.packages[packageIndex].name,
+                    description: description ?? space.packages[packageIndex].description ?? "",
                 };
             }
         }

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

@@ -21,6 +21,7 @@ export default function Editor(props) {
     const [newPackageCategory, setNewPackageCategory] = useState("");
     const [newPackageGithub, setNewPackageGithub] = useState("");
     const [newPackageNpm, setNewPackageNpm] = useState("");
+    const [newPackageVetraDrive, setNewPackageVetraDrive] = useState("");
     const [newMemberAddress, setNewMemberAddress] = useState("");
     const [selectedSpaceForPackage, setSelectedSpaceForPackage] = useState("");
     // Editing form states
@@ -31,6 +32,7 @@ export default function Editor(props) {
     const [editingPackageCategory, setEditingPackageCategory] = useState("");
     const [editingPackageGithub, setEditingPackageGithub] = useState("");
     const [editingPackageNpm, setEditingPackageNpm] = useState("");
+    const [editingPackageVetraDrive, setEditingPackageVetraDrive] = useState("");
     const { state: { global } } = typedDocument;
     const { profile, spaces, members } = global;
     // Profile handlers
@@ -115,6 +117,7 @@ export default function Editor(props) {
                 category: newPackageCategory.trim() || null,
                 github: newPackageGithub.trim() || null,
                 npm: newPackageNpm.trim() || null,
+                vetraDriveUrl: newPackageVetraDrive.trim() || null,
                 spaceId: selectedSpaceForPackage,
                 author: {
                     name: profile.name,
@@ -126,10 +129,11 @@ export default function Editor(props) {
             setNewPackageCategory("");
             setNewPackageGithub("");
             setNewPackageNpm("");
+            setNewPackageVetraDrive("");
             setSelectedSpaceForPackage("");
             setIsAddingPackage(false);
         }
-    }, [newPackageName, newPackageDescription, newPackageCategory, newPackageGithub, newPackageNpm, selectedSpaceForPackage, profile, dispatch]);
+    }, [newPackageName, newPackageDescription, newPackageCategory, newPackageGithub, newPackageNpm, newPackageVetraDrive, selectedSpaceForPackage, profile, dispatch]);
     const handleDeletePackage = useCallback((packageId) => {
         dispatch(actions.deletePackage({ id: packageId }));
     }, [dispatch]);
@@ -144,38 +148,28 @@ export default function Editor(props) {
                 setEditingPackageCategory(pkg.category || "");
                 setEditingPackageGithub(pkg.github || "");
                 setEditingPackageNpm(pkg.npm || "");
+                setEditingPackageVetraDrive(pkg.vetraDriveUrl || "");
                 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,
-                    }));
-                }
-            }
+            // Use the proper updatePackage action
+            dispatch(actions.updatePackage({
+                id: editingPackageId,
+                title: editingPackageName.trim(),
+                description: editingPackageDescription.trim() || null,
+            }));
             setEditingPackageId(null);
             setEditingPackageName("");
             setEditingPackageDescription("");
             setEditingPackageCategory("");
             setEditingPackageGithub("");
             setEditingPackageNpm("");
+            setEditingPackageVetraDrive("");
         }
-    }, [editingPackageId, editingPackageName, editingPackageDescription, editingPackageCategory, editingPackageGithub, editingPackageNpm, spaces, dispatch]);
+    }, [editingPackageId, editingPackageName, editingPackageDescription, dispatch]);
     const handleCancelPackageEdit = useCallback(() => {
         setEditingPackageId(null);
         setEditingPackageName("");
@@ -183,6 +177,7 @@ export default function Editor(props) {
         setEditingPackageCategory("");
         setEditingPackageGithub("");
         setEditingPackageNpm("");
+        setEditingPackageVetraDrive("");
     }, []);
     // Member handlers
     const handleAddMember = useCallback(() => {
@@ -197,5 +192,5 @@ export default function Editor(props) {
     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: "sm", onClick: () => handleStartEditingSpace(space.id), children: "Edit" }), _jsx(Button, { color: "light", size: "sm", onClick: () => {
                                                                                     setSelectedSpaceForPackage(space.id);
                                                                                     setIsAddingPackage(true);
-                                                                                }, children: "Add Package" }), _jsx(Button, { color: "red", size: "sm", 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: "sm", onClick: () => handleStartEditingPackage(pkg.id), children: "Edit" }), _jsx(Button, { color: "red", size: "sm", 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: "sm", 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 })] })] }) })] })] })] }) })] }));
+                                                                                }, children: "Add Package" }), _jsx(Button, { color: "red", size: "sm", 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" }), _jsx(UrlField, { name: "editingPackageVetraDrive", label: "Vetra Drive URL", value: editingPackageVetraDrive, onChange: (e) => setEditingPackageVetraDrive(e.target.value), placeholder: "https://vetra.to/drive/..." }), _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] })), pkg.vetraDriveUrl && (_jsx("p", { className: "text-xs text-blue-600", children: _jsx("a", { href: pkg.vetraDriveUrl, target: "_blank", rel: "noopener noreferrer", className: "hover:underline", children: "Vetra Drive" }) }))] }), _jsxs("div", { className: "flex space-x-2", children: [_jsx(Button, { color: "light", size: "sm", onClick: () => handleStartEditingPackage(pkg.id), children: "Edit" }), _jsx(Button, { color: "red", size: "sm", 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" }), _jsx(UrlField, { name: "packageVetraDrive", label: "Vetra Drive URL", value: newPackageVetraDrive, onChange: (e) => setNewPackageVetraDrive(e.target.value), placeholder: "https://vetra.to/drive/..." }), _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: "sm", 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/processors/vetra-read-model/builder-account-handlers.d.ts

@@ -0,0 +1,27 @@
+import type { BuilderAccountAction } from "../../document-models/builder-account/gen/actions.js";
+import type { BuilderAccountState } from "document-models/builder-account/index.js";
+import type { DB } from "./schema.js";
+import type { IRelationalDb } from "document-drive";
+export declare class BuilderAccountHandlers {
+    private db;
+    private dbHelpers;
+    constructor(db: IRelationalDb<DB>);
+    handleBuilderAccountOperation(documentId: string, action: BuilderAccountAction, state: BuilderAccountState, driveId?: string): Promise<void>;
+    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;
+}

package/dist/processors/vetra-read-model/builder-account-handlers.js

@@ -0,0 +1,249 @@
+import { toPascalCase } from "document-drive/utils/misc";
+import { DatabaseHelpers } from "./database-helpers.js";
+export class BuilderAccountHandlers {
+    db;
+    dbHelpers;
+    constructor(db) {
+        this.db = db;
+        this.dbHelpers = new DatabaseHelpers(db);
+    }
+    async handleBuilderAccountOperation(documentId, action, state, driveId) {
+        switch (action.type) {
+            // Profile operations
+            case "SET_LOGO":
+                await this.handleSetLogo(documentId, action, state);
+                break;
+            case "SET_PROFILE_NAME":
+                await this.handleSetProfileName(documentId, action, state);
+                break;
+            case "SET_SLUG":
+                await this.handleSetSlug(documentId, action, state);
+                break;
+            case "SET_PROFILE_DESCRIPTION":
+                await this.handleSetProfileDescription(documentId, action, state);
+                break;
+            case "UPDATE_SOCIALS":
+                await this.handleUpdateSocials(documentId, action, state);
+                break;
+            // Members operations
+            case "ADD_MEMBER":
+                await this.handleAddMember(documentId, action, state);
+                break;
+            case "REMOVE_MEMBER":
+                await this.handleRemoveMember(documentId, action, state);
+                break;
+            // Spaces operations
+            case "ADD_SPACE":
+                await this.handleAddSpace(documentId, action, state);
+                break;
+            case "DELETE_SPACE":
+                await this.handleDeleteSpace(documentId, action, state);
+                break;
+            case "SET_SPACE_TITLE":
+                await this.handleSetSpaceTitle(documentId, action, state);
+                break;
+            case "SET_SPACE_DESCRIPTION":
+                await this.handleSetSpaceDescription(documentId, action, state);
+                break;
+            case "REORDER_SPACES":
+                await this.handleReorderSpaces(documentId, action, state);
+                break;
+            // Packages operations
+            case "ADD_PACKAGE":
+                await this.handleAddPackage(documentId, action, state);
+                break;
+            case "SET_PACKAGE_DRIVE_ID":
+                await this.handleSetPackageDriveId(documentId, action, state);
+                break;
+            case "UPDATE_PACKAGE":
+                await this.handleUpdatePackage(documentId, action, state);
+                break;
+            case "REORDER_PACKAGES":
+                await this.handleReorderPackages(documentId, action, state);
+                break;
+            case "DELETE_PACKAGE":
+                await this.handleDeletePackage(documentId, action, state);
+                break;
+        }
+    }
+    // Profile operations
+    async handleSetLogo(documentId, action, state) {
+        await this.dbHelpers.ensureBuilderAccount(documentId);
+        await this.dbHelpers.updateBuilderAccount(documentId, {
+            profile_logo: action.input.logoUrl,
+        });
+    }
+    async handleSetProfileName(documentId, action, state) {
+        await this.dbHelpers.ensureBuilderAccount(documentId);
+        await this.dbHelpers.updateBuilderAccount(documentId, {
+            profile_name: action.input.name,
+        });
+    }
+    async handleSetSlug(documentId, action, state) {
+        await this.dbHelpers.ensureBuilderAccount(documentId);
+        await this.dbHelpers.updateBuilderAccount(documentId, {
+            profile_slug: action.input.slug,
+        });
+    }
+    async handleSetProfileDescription(documentId, action, state) {
+        await this.dbHelpers.ensureBuilderAccount(documentId);
+        await this.dbHelpers.updateBuilderAccount(documentId, {
+            profile_description: action.input.description,
+        });
+    }
+    async handleUpdateSocials(documentId, action, state) {
+        await this.dbHelpers.ensureBuilderAccount(documentId);
+        await this.dbHelpers.updateBuilderAccount(documentId, {
+            profile_socials_x: action.input.x,
+            profile_socials_github: action.input.github,
+            profile_socials_website: action.input.website,
+        });
+    }
+    // Members operations
+    async handleAddMember(documentId, action, state) {
+        await this.dbHelpers.ensureBuilderAccount(documentId);
+        if (!action.input.ethAddress)
+            return;
+        const memberExists = await this.dbHelpers.memberExists(documentId, action.input.ethAddress);
+        if (!memberExists) {
+            await this.db
+                .insertInto("builder_account_members")
+                .values({
+                id: action.input.ethAddress,
+                builder_account_id: documentId,
+                eth_address: action.input.ethAddress,
+                created_at: new Date(),
+            })
+                .execute();
+        }
+    }
+    async handleRemoveMember(documentId, action, state) {
+        if (!action.input.ethAddress)
+            return;
+        await this.db
+            .deleteFrom("builder_account_members")
+            .where("builder_account_id", "=", documentId)
+            .where("eth_address", "=", action.input.ethAddress)
+            .execute();
+    }
+    // Spaces operations
+    async handleAddSpace(documentId, action, state) {
+        await this.dbHelpers.ensureBuilderAccount(documentId);
+        const spaceId = toPascalCase(action.input.title);
+        await this.db
+            .insertInto("builder_spaces")
+            .values({
+            id: spaceId,
+            builder_account_id: documentId,
+            title: action.input.title,
+            description: action.input.description || null,
+            sort_order: 0,
+            created_at: new Date(),
+            updated_at: new Date(),
+        })
+            .onConflict((oc) => oc.column("id").doNothing())
+            .execute();
+    }
+    async handleDeleteSpace(documentId, action, state) {
+        await this.db
+            .deleteFrom("builder_spaces")
+            .where("id", "=", action.input.id)
+            .where("builder_account_id", "=", documentId)
+            .execute();
+    }
+    async handleSetSpaceTitle(documentId, action, state) {
+        await this.dbHelpers.updateBuilderSpace(action.input.id, documentId, {
+            title: action.input.newTitle,
+        });
+    }
+    async handleSetSpaceDescription(documentId, action, state) {
+        await this.dbHelpers.updateBuilderSpace(action.input.id, documentId, {
+            description: action.input.description,
+        });
+    }
+    async handleReorderSpaces(documentId, action, state) {
+        const { ids, insertAfter } = action.input;
+        for (let i = 0; i < ids.length; i++) {
+            const spaceId = ids[i];
+            const sortOrder = insertAfter !== null ? Number(insertAfter) + i + 1 : i;
+            await this.dbHelpers.updateBuilderSpace(spaceId, documentId, {
+                sort_order: sortOrder,
+            });
+        }
+    }
+    // Packages operations
+    async handleAddPackage(documentId, action, state) {
+        const packageId = action.input.spaceId + "-" + toPascalCase(action.input.name);
+        await this.db
+            .insertInto("builder_packages")
+            .values({
+            id: `${packageId}`,
+            space_id: action.input.spaceId,
+            name: action.input.name,
+            description: action.input.description || null,
+            category: action.input.category || null,
+            author_name: action.input.author?.name || "",
+            author_website: action.input.author?.website || null,
+            github_url: action.input.github || null,
+            npm_url: action.input.npm || null,
+            vetra_drive_url: action.input.vetraDriveUrl || null,
+            drive_id: null,
+            sort_order: 0,
+            created_at: new Date(),
+            updated_at: new Date(),
+        })
+            .onConflict((oc) => oc.column("id").doNothing())
+            .execute();
+        // Add keywords if provided
+        if (action.input.keywords && action.input.keywords.length > 0) {
+            for (const keyword of action.input.keywords) {
+                await this.db
+                    .insertInto("builder_package_keywords")
+                    .values({
+                    id: `${packageId}-${keyword}`,
+                    package_id: packageId,
+                    label: keyword,
+                    created_at: new Date(),
+                })
+                    .execute();
+            }
+        }
+    }
+    async handleSetPackageDriveId(documentId, action, state) {
+        await this.dbHelpers.updateBuilderPackage(action.input.packageId, {
+            drive_id: action.input.driveId,
+        });
+    }
+    async handleUpdatePackage(documentId, action, state) {
+        const updates = {};
+        if (action.input.title !== undefined) {
+            updates.name = action.input.title;
+        }
+        if (action.input.description !== undefined) {
+            updates.description = action.input.description;
+        }
+        await this.dbHelpers.updateBuilderPackage(action.input.id, updates);
+    }
+    async handleReorderPackages(documentId, action, state) {
+        const { ids, insertAfter, spaceId } = action.input;
+        for (let i = 0; i < ids.length; i++) {
+            const packageId = ids[i];
+            const sortOrder = insertAfter !== null ? Number(insertAfter) + i + 1 : i;
+            await this.db
+                .updateTable("builder_packages")
+                .set({
+                sort_order: sortOrder,
+                updated_at: new Date(),
+            })
+                .where("id", "=", packageId)
+                .where("space_id", "=", spaceId)
+                .execute();
+        }
+    }
+    async handleDeletePackage(documentId, action, state) {
+        await this.db
+            .deleteFrom("builder_packages")
+            .where("id", "=", action.input.id)
+            .execute();
+    }
+}

package/dist/processors/vetra-read-model/database-helpers.d.ts

@@ -0,0 +1,34 @@
+import type { IRelationalDb } from "document-drive";
+import type { DB } from "./schema.js";
+export declare class DatabaseHelpers {
+    private db;
+    constructor(db: IRelationalDb<DB>);
+    /**
+     * Ensures a package exists in the database, creating it if it doesn't
+     */
+    ensurePackageExists(documentId: string, driveId: string): Promise<void>;
+    /**
+     * Ensures a builder account exists in the database, creating it if it doesn't
+     */
+    ensureBuilderAccount(documentId: string): Promise<void>;
+    /**
+     * Updates a package with the provided data
+     */
+    updatePackage(documentId: string, updates: Record<string, any>): Promise<void>;
+    /**
+     * Updates a builder account with the provided data
+     */
+    updateBuilderAccount(documentId: string, updates: Record<string, any>): Promise<void>;
+    /**
+     * Updates a builder space with the provided data
+     */
+    updateBuilderSpace(spaceId: string, documentId: string, updates: Record<string, any>): Promise<void>;
+    /**
+     * Updates a builder package with the provided data
+     */
+    updateBuilderPackage(packageId: string, updates: Record<string, any>): Promise<void>;
+    /**
+     * Checks if a member already exists for a builder account
+     */
+    memberExists(documentId: string, ethAddress: string): Promise<boolean>;
+}

package/dist/processors/vetra-read-model/database-helpers.js

@@ -0,0 +1,121 @@
+export class DatabaseHelpers {
+    db;
+    constructor(db) {
+        this.db = db;
+    }
+    /**
+     * Ensures a package exists in the database, creating it if it doesn't
+     */
+    async ensurePackageExists(documentId, driveId) {
+        const existing = await this.db
+            .selectFrom("builder_packages")
+            .select("id")
+            .where("id", "=", documentId)
+            .executeTakeFirst();
+        if (!existing) {
+            await this.db
+                .insertInto("builder_packages")
+                .values({
+                id: documentId,
+                drive_id: driveId,
+                author_name: "",
+                name: "",
+                space_id: "",
+            })
+                .execute();
+        }
+    }
+    /**
+     * Ensures a builder account exists in the database, creating it if it doesn't
+     */
+    async ensureBuilderAccount(documentId) {
+        const existing = await this.db
+            .selectFrom("builder_accounts")
+            .select("id")
+            .where("id", "=", documentId)
+            .executeTakeFirst();
+        if (!existing) {
+            await this.db
+                .insertInto("builder_accounts")
+                .values({
+                id: documentId,
+                profile_name: "",
+                profile_slug: "",
+                profile_logo: null,
+                profile_description: null,
+                profile_socials_x: null,
+                profile_socials_github: null,
+                profile_socials_website: null,
+                created_at: new Date(),
+                updated_at: new Date(),
+            })
+                .onConflict((oc) => oc.column("id").doNothing())
+                .execute();
+        }
+    }
+    /**
+     * Updates a package with the provided data
+     */
+    async updatePackage(documentId, updates) {
+        await this.db
+            .updateTable("builder_packages")
+            .set({
+            ...updates,
+            updated_at: new Date(),
+        })
+            .where("id", "=", documentId)
+            .execute();
+    }
+    /**
+     * Updates a builder account with the provided data
+     */
+    async updateBuilderAccount(documentId, updates) {
+        await this.db
+            .updateTable("builder_accounts")
+            .set({
+            ...updates,
+            updated_at: new Date(),
+        })
+            .where("id", "=", documentId)
+            .execute();
+    }
+    /**
+     * Updates a builder space with the provided data
+     */
+    async updateBuilderSpace(spaceId, documentId, updates) {
+        await this.db
+            .updateTable("builder_spaces")
+            .set({
+            ...updates,
+            updated_at: new Date(),
+        })
+            .where("id", "=", spaceId)
+            .where("builder_account_id", "=", documentId)
+            .execute();
+    }
+    /**
+     * Updates a builder package with the provided data
+     */
+    async updateBuilderPackage(packageId, updates) {
+        await this.db
+            .updateTable("builder_packages")
+            .set({
+            ...updates,
+            updated_at: new Date(),
+        })
+            .where("id", "=", packageId)
+            .execute();
+    }
+    /**
+     * Checks if a member already exists for a builder account
+     */
+    async memberExists(documentId, ethAddress) {
+        const existing = await this.db
+            .selectFrom("builder_account_members")
+            .select("id")
+            .where("builder_account_id", "=", documentId)
+            .where("eth_address", "=", ethAddress)
+            .executeTakeFirst();
+        return !!existing;
+    }
+}

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

@@ -0,0 +1,20 @@
+import type { Action } from "document-model";
+import type { BuilderAccountState } from "document-models/builder-account/index.js";
+import type { DB } from "./schema.js";
+import type { IRelationalDb } from "document-drive";
+export declare class PackageHandlers {
+    private db;
+    private dbHelpers;
+    constructor(db: IRelationalDb<DB>);
+    handlePackageOperation(documentId: string, action: Action, state: BuilderAccountState, driveId?: string): Promise<void>;
+    private handleSetPackageName;
+    private handleSetPackageDescription;
+    private handleSetPackageCategory;
+    private handleSetPackageAuthor;
+    private handleSetPackageAuthorName;
+    private handleSetPackageAuthorWebsite;
+    private handleAddPackageKeyword;
+    private handleRemovePackageKeyword;
+    private handleSetPackageGithubUrl;
+    private handleSetPackageNpmUrl;
+}

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

@@ -0,0 +1,116 @@
+import { DatabaseHelpers } from "./database-helpers.js";
+export class PackageHandlers {
+    db;
+    dbHelpers;
+    constructor(db) {
+        this.db = db;
+        this.dbHelpers = new DatabaseHelpers(db);
+    }
+    async handlePackageOperation(documentId, action, state, driveId) {
+        const packageDriveId = driveId || "";
+        switch (action.type) {
+            case "SET_PACKAGE_NAME":
+                await this.handleSetPackageName(documentId, packageDriveId, action, state);
+                break;
+            case "SET_PACKAGE_DESCRIPTION":
+                await this.handleSetPackageDescription(documentId, packageDriveId, action, state);
+                break;
+            case "SET_PACKAGE_CATEGORY":
+                await this.handleSetPackageCategory(documentId, packageDriveId, action, state);
+                break;
+            case "SET_PACKAGE_AUTHOR":
+                await this.handleSetPackageAuthor(documentId, packageDriveId, action, state);
+                break;
+            case "SET_PACKAGE_AUTHOR_NAME":
+                await this.handleSetPackageAuthorName(documentId, packageDriveId, action, state);
+                break;
+            case "SET_PACKAGE_AUTHOR_WEBSITE":
+                await this.handleSetPackageAuthorWebsite(documentId, packageDriveId, action, state);
+                break;
+            case "ADD_PACKAGE_KEYWORD":
+                await this.handleAddPackageKeyword(documentId, packageDriveId, action, state);
+                break;
+            case "REMOVE_PACKAGE_KEYWORD":
+                await this.handleRemovePackageKeyword(documentId, packageDriveId, action, state);
+                break;
+            case "SET_PACKAGE_GITHUB_URL":
+                await this.handleSetPackageGithubUrl(documentId, packageDriveId, action, state);
+                break;
+            case "SET_PACKAGE_NPM_URL":
+                await this.handleSetPackageNpmUrl(documentId, packageDriveId, action, state);
+                break;
+        }
+    }
+    async handleSetPackageName(documentId, driveId, action, state) {
+        await this.dbHelpers.ensurePackageExists(documentId, driveId);
+        await this.dbHelpers.updatePackage(documentId, {
+            name: action.input.name,
+        });
+    }
+    async handleSetPackageDescription(documentId, driveId, action, state) {
+        await this.dbHelpers.ensurePackageExists(documentId, driveId);
+        await this.dbHelpers.updatePackage(documentId, {
+            description: action.input.description,
+        });
+    }
+    async handleSetPackageCategory(documentId, driveId, action, state) {
+        await this.dbHelpers.ensurePackageExists(documentId, driveId);
+        await this.dbHelpers.updatePackage(documentId, {
+            category: action.input.category,
+        });
+    }
+    async handleSetPackageAuthor(documentId, driveId, action, state) {
+        await this.dbHelpers.ensurePackageExists(documentId, driveId);
+        const input = action.input;
+        await this.dbHelpers.updatePackage(documentId, {
+            author_name: input.name,
+            author_website: input.website,
+        });
+    }
+    async handleSetPackageAuthorName(documentId, driveId, action, state) {
+        await this.dbHelpers.ensurePackageExists(documentId, driveId);
+        await this.dbHelpers.updatePackage(documentId, {
+            author_name: action.input.name,
+        });
+    }
+    async handleSetPackageAuthorWebsite(documentId, driveId, action, state) {
+        await this.dbHelpers.ensurePackageExists(documentId, driveId);
+        await this.dbHelpers.updatePackage(documentId, {
+            author_website: action.input.website,
+        });
+    }
+    async handleAddPackageKeyword(documentId, driveId, action, state) {
+        await this.dbHelpers.ensurePackageExists(documentId, driveId);
+        const input = action.input;
+        await this.db
+            .insertInto("builder_package_keywords")
+            .values({
+            id: input.id,
+            package_id: documentId,
+            label: input.label,
+            created_at: new Date(),
+        })
+            .onConflict((oc) => oc.column("id").doNothing())
+            .execute();
+    }
+    async handleRemovePackageKeyword(documentId, driveId, action, state) {
+        const input = action.input;
+        await this.db
+            .deleteFrom("builder_package_keywords")
+            .where("id", "=", input.id)
+            .where("package_id", "=", documentId)
+            .execute();
+    }
+    async handleSetPackageGithubUrl(documentId, driveId, action, state) {
+        await this.dbHelpers.ensurePackageExists(documentId, driveId);
+        await this.dbHelpers.updatePackage(documentId, {
+            github_url: action.input.url,
+        });
+    }
+    async handleSetPackageNpmUrl(documentId, driveId, action, state) {
+        await this.dbHelpers.ensurePackageExists(documentId, driveId);
+        await this.dbHelpers.updatePackage(documentId, {
+            npm_url: action.input.url,
+        });
+    }
+}

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

@@ -1,56 +1,59 @@
-export interface BuilderAccount {
+import type { ColumnType } from "kysely";
+export type Generated<T> = T extends ColumnType<infer S, infer I, infer U> ? ColumnType<S, I | undefined, U> : ColumnType<T, T | undefined, T>;
+export type Timestamp = ColumnType<Date, Date | string, Date | string>;
+export interface BuilderAccountMembers {
+    builder_account_id: string;
+    created_at: Generated<Timestamp>;
+    eth_address: string;
     id: string;
+}
+export interface BuilderAccounts {
+    created_at: Generated<Timestamp>;
+    id: string;
+    profile_description: string | null;
+    profile_logo: string | null;
     profile_name: string;
     profile_slug: string;
-    profile_logo: string | null;
-    profile_description: string | null;
-    profile_socials_x: string | null;
     profile_socials_github: string | null;
     profile_socials_website: string | null;
-    created_at: Date;
-    updated_at: Date;
-}
-export interface BuilderAccountMember {
-    id: string;
-    builder_account_id: string;
-    eth_address: string;
-    created_at: Date;
+    profile_socials_x: string | null;
+    updated_at: Generated<Timestamp>;
 }
-export interface BuilderSpace {
+export interface BuilderPackageKeywords {
+    created_at: Generated<Timestamp>;
     id: string;
-    builder_account_id: string;
-    title: string;
-    description: string | null;
-    sort_order: number;
-    created_at: Date;
-    updated_at: Date;
+    label: string;
+    package_id: string;
 }
-export interface BuilderPackage {
-    id: string;
-    space_id: string;
-    name: string;
-    description: string | null;
-    category: string | null;
+export interface BuilderPackages {
     author_name: string;
     author_website: string | null;
+    category: string | null;
+    created_at: Generated<Timestamp>;
+    description: string | null;
+    drive_id: string | null;
     github_url: string | null;
+    id: string;
+    name: string;
     npm_url: string | null;
+    sort_order: Generated<number>;
+    space_id: string;
+    updated_at: Generated<Timestamp>;
     vetra_drive_url: string | null;
-    drive_id: string | null;
-    sort_order: number;
-    created_at: Date;
-    updated_at: Date;
 }
-export interface BuilderPackageKeyword {
+export interface BuilderSpaces {
+    builder_account_id: string;
+    created_at: Generated<Timestamp>;
+    description: string | null;
     id: string;
-    package_id: string;
-    label: string;
-    created_at: Date;
+    sort_order: Generated<number>;
+    title: string;
+    updated_at: Generated<Timestamp>;
 }
 export interface DB {
-    builder_accounts: BuilderAccount;
-    builder_account_members: BuilderAccountMember;
-    builder_spaces: BuilderSpace;
-    builder_packages: BuilderPackage;
-    builder_package_keywords: BuilderPackageKeyword;
+    builder_account_members: BuilderAccountMembers;
+    builder_accounts: BuilderAccounts;
+    builder_package_keywords: BuilderPackageKeywords;
+    builder_packages: BuilderPackages;
+    builder_spaces: BuilderSpaces;
 }

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

@@ -0,0 +1,32 @@
+export interface SetPackageNameInput {
+    name: string;
+}
+export interface SetPackageDescriptionInput {
+    description: string;
+}
+export interface SetPackageCategoryInput {
+    category: string;
+}
+export interface SetPackageAuthorInput {
+    name?: string | null;
+    website?: string | null;
+}
+export interface SetPackageAuthorNameInput {
+    name: string;
+}
+export interface SetPackageAuthorWebsiteInput {
+    website: string;
+}
+export interface AddPackageKeywordInput {
+    id: string;
+    label: string;
+}
+export interface RemovePackageKeywordInput {
+    id: string;
+}
+export interface SetPackageGithubUrlInput {
+    url: string;
+}
+export interface SetPackageNpmUrlInput {
+    url: string;
+}

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

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

package/dist/style.css

@@ -528,6 +528,13 @@
       }
     }
   }
+  .hover\:underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
+    }
+  }
   .focus\:border-blue-500 {
     &:focus {
       border-color: var(--color-blue-500);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/vetra-builder-package",
   "description": "",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [