@powerhousedao/vetra-builder-package 0.0.31 → 0.0.33

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

@@ -1,195 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSelectedDocument } from "@powerhousedao/reactor-browser";
-import { useCallback, useState } from "react";
-import { actions, } from "../../document-models/builder-account/index.js";
-import { Form, StringField, UrlField, Button } from "@powerhousedao/document-engineering";
-export default function Editor(props) {
-    const [document, dispatch] = useSelectedDocument();
-    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 [newPackageVetraDrive, setNewPackageVetraDrive] = 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 [editingPackageVetraDrive, setEditingPackageVetraDrive] = 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,
-                vetraDriveUrl: newPackageVetraDrive.trim() || null,
-                spaceId: selectedSpaceForPackage,
-                author: {
-                    name: profile.name,
-                    website: profile.socials.website || null,
-                },
-            }));
-            setNewPackageName("");
-            setNewPackageDescription("");
-            setNewPackageCategory("");
-            setNewPackageGithub("");
-            setNewPackageNpm("");
-            setNewPackageVetraDrive("");
-            setSelectedSpaceForPackage("");
-            setIsAddingPackage(false);
-        }
-    }, [newPackageName, newPackageDescription, newPackageCategory, newPackageGithub, newPackageNpm, newPackageVetraDrive, 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 || "");
-                setEditingPackageVetraDrive(pkg.vetraDriveUrl || "");
-                break;
-            }
-        }
-    }, [spaces]);
-    const handleSavePackageEdit = useCallback(() => {
-        if (editingPackageId && editingPackageName.trim()) {
-            // 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, dispatch]);
-    const handleCancelPackageEdit = useCallback(() => {
-        setEditingPackageId(null);
-        setEditingPackageName("");
-        setEditingPackageDescription("");
-        setEditingPackageCategory("");
-        setEditingPackageGithub("");
-        setEditingPackageNpm("");
-        setEditingPackageVetraDrive("");
-    }, []);
-    // 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: "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" }), _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/editors/builder-account-editor/index.d.ts

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

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

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

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

@@ -1,3 +0,0 @@
-import type { RenownProfileAction, RenownProfileDocument } from "../../document-models/renown-profile/index.js";
-export declare function useRenownProfileDocument(documentId: string | null | undefined): never[] | [RenownProfileDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<RenownProfileAction>];
-export declare function useSelectedRenownProfileDocument(): never[] | [RenownProfileDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<RenownProfileAction>];

package/dist/editors/hooks/useRenownProfileDocument.js

@@ -1,8 +0,0 @@
-import { useDocumentOfType, useSelectedDocumentId, } from "@powerhousedao/reactor-browser";
-export function useRenownProfileDocument(documentId) {
-    return useDocumentOfType(documentId, "powerhouse/renown-profile");
-}
-export function useSelectedRenownProfileDocument() {
-    const selectedDocumentId = useSelectedDocumentId();
-    return useRenownProfileDocument(selectedDocumentId);
-}

package/dist/editors/renown-profile-editor/editor.d.ts

@@ -1,3 +0,0 @@
-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/renown-profile-editor/editor.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSelectedDocument } from "@powerhousedao/reactor-browser";
-import { useCallback, useState } from "react";
-import { actions, } from "../../document-models/renown-profile/index.js";
-import { Form, StringField, UrlField, Button } from "@powerhousedao/document-engineering";
-export default function Editor(props) {
-    const [document, dispatch] = useSelectedDocument();
-    if (!document) {
-        return _jsx("div", { children: "Loading..." });
-    }
-    const typedDocument = document;
-    // Local form state
-    const [isEditingProfile, setIsEditingProfile] = useState(false);
-    const { state: { global } } = typedDocument;
-    const { username, ethAddress, userImage } = global;
-    // Profile handlers
-    const handleSetUsername = useCallback((newUsername) => {
-        if (newUsername.trim() && newUsername !== username) {
-            dispatch(actions.setUsername({ username: newUsername.trim() }));
-        }
-    }, [username, dispatch]);
-    const handleSetEthAddress = useCallback((address) => {
-        if (address.trim() && address !== ethAddress) {
-            dispatch(actions.setEthAddress({ ethAddress: address.trim() }));
-        }
-    }, [ethAddress, dispatch]);
-    const handleSetUserImage = useCallback((imageUrl) => {
-        if (imageUrl !== userImage) {
-            dispatch(actions.setUserImage({ userImage: imageUrl.trim() || null }));
-        }
-    }, [userImage, 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-5xl 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: userImage ? (_jsx("img", { className: "w-16 h-16 rounded-full object-cover border-2 border-blue-500", src: userImage, alt: username || "User" })) : (_jsx("div", { className: "w-16 h-16 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center", children: _jsx("svg", { className: "w-8 h-8 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-3xl font-bold text-gray-900", children: username || "Renown Profile" }), _jsx("p", { className: "text-sm text-gray-500 font-mono", children: ethAddress || "No Ethereum address set" })] })] }), _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-5xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: _jsxs("div", { className: "grid grid-cols-1 gap-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 renown 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: "username", label: "Username", value: username || "", onChange: (e) => handleSetUsername(e.target.value), placeholder: "Enter your username", description: "Your display name on the platform" }), _jsx(StringField, { name: "ethAddress", label: "Ethereum Address", value: ethAddress || "", onChange: (e) => handleSetEthAddress(e.target.value), placeholder: "0x...", description: "Your Ethereum wallet address" }), _jsx(UrlField, { name: "userImage", label: "Profile Image URL", value: userImage || "", onChange: (e) => handleSetUserImage(e.target.value), placeholder: "https://example.com/avatar.png", description: "URL to your profile image" }), _jsxs("div", { className: "flex justify-end space-x-3 pt-4 border-t", children: [_jsx(Button, { color: "light", onClick: () => setIsEditingProfile(false), children: "Cancel" }), _jsx(Button, { onClick: () => setIsEditingProfile(false), children: "Save Changes" })] })] }) })) : (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Username" }), _jsx("div", { className: "flex items-center", children: _jsx("p", { className: "text-base text-gray-900", children: username || _jsx("span", { className: "text-gray-400 italic", children: "Not set" }) }) })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ethereum Address" }), _jsx("div", { className: "flex items-center", children: _jsx("p", { className: "text-sm font-mono text-gray-900 break-all", children: ethAddress || _jsx("span", { className: "text-gray-400 italic", children: "Not set" }) }) })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Profile Image" }), userImage ? (_jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("img", { src: userImage, alt: "Profile", className: "w-20 h-20 rounded-lg object-cover border border-gray-200" }), _jsx("div", { className: "flex-1", children: _jsx("a", { href: userImage, target: "_blank", rel: "noopener noreferrer", className: "text-sm text-blue-600 hover:text-blue-800 hover:underline break-all", children: userImage }) })] })) : (_jsx("p", { className: "text-gray-400 italic", children: "No image set" }))] }), _jsx("div", { className: "pt-4 border-t", children: _jsx(Button, { onClick: () => setIsEditingProfile(true), children: "Edit Profile" }) })] })) })] }), _jsxs("div", { className: "bg-gradient-to-br from-blue-50 to-purple-50 rounded-lg shadow-sm border border-blue-100", children: [_jsx("div", { className: "px-6 py-4 border-b border-blue-100", children: _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Profile Summary" }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "flex items-center space-x-6", children: [_jsx("div", { className: "flex-shrink-0", children: userImage ? (_jsx("img", { src: userImage, alt: username || "User", className: "w-24 h-24 rounded-full object-cover border-4 border-white shadow-lg" })) : (_jsx("div", { className: "w-24 h-24 bg-gradient-to-br from-blue-400 to-purple-500 rounded-full flex items-center justify-center shadow-lg", children: _jsx("span", { className: "text-3xl text-white font-bold", children: username ? username.charAt(0).toUpperCase() : "?" }) })) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-2xl font-bold text-gray-900 mb-2", children: username || "Anonymous User" }), ethAddress && (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("svg", { className: "w-5 h-5 text-gray-500", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z" }) }), _jsx("span", { className: "text-sm font-mono text-gray-600", children: ethAddress })] })), !username && !ethAddress && (_jsx("p", { className: "text-gray-500 italic", children: "No profile information available. Click \"Edit Profile\" to get started." }))] })] }) })] })] }) })] }));
-}

package/dist/editors/renown-profile-editor/index.d.ts

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

package/dist/editors/renown-profile-editor/index.js

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

package/dist/processors/old_vetra-builder-relational-db-processor/factory.d.ts

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

package/dist/processors/old_vetra-builder-relational-db-processor/factory.js

@@ -1,22 +0,0 @@
-import { VetraBuilderRelationalDbProcessorProcessor } from "./index.js";
-export const vetraBuilderRelationalDbProcessorProcessorFactory = (module) => async (driveHeader) => {
-    // Create a namespace for the processor and the provided drive id
-    const namespace = VetraBuilderRelationalDbProcessorProcessor.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/builder-team"],
-        scope: ["global"],
-    };
-    // Create the processor
-    const processor = new VetraBuilderRelationalDbProcessorProcessor(namespace, filter, store);
-    return [
-        {
-            processor,
-            filter,
-        },
-    ];
-};

package/dist/processors/old_vetra-builder-relational-db-processor/index.d.ts

@@ -1,9 +0,0 @@
-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 VetraBuilderRelationalDbProcessorProcessor extends RelationalDbProcessor<DB> {
-    static getNamespace(driveId: string): string;
-    initAndUpgrade(): Promise<void>;
-    onStrands(strands: InternalTransmitterUpdate[]): Promise<void>;
-    onDisconnect(): Promise<void>;
-}

package/dist/processors/old_vetra-builder-relational-db-processor/index.js

@@ -1,32 +0,0 @@
-import { RelationalDbProcessor } from "document-drive/processors/relational";
-import { up } from "./migrations.js";
-export class VetraBuilderRelationalDbProcessorProcessor extends RelationalDbProcessor {
-    static getNamespace(driveId) {
-        // Default namespace: `${this.name}_${driveId.replaceAll("-", "_")}`
-        return super.getNamespace(driveId);
-    }
-    async initAndUpgrade() {
-        await up(this.relationalDb);
-    }
-    async onStrands(strands) {
-        if (strands.length === 0) {
-            return;
-        }
-        for (const strand of strands) {
-            if (strand.operations.length === 0) {
-                continue;
-            }
-            for (const operation of strand.operations) {
-                await this.relationalDb
-                    .insertInto("todo")
-                    .values({
-                    task: `${strand.documentId}-${operation.index}: ${operation.action.type}`,
-                    status: true,
-                })
-                    .onConflict((oc) => oc.column("task").doNothing())
-                    .execute();
-            }
-        }
-    }
-    async onDisconnect() { }
-}

package/dist/processors/old_vetra-builder-relational-db-processor/migrations.d.ts

@@ -1,3 +0,0 @@
-import { type IRelationalDb } from "document-drive/processors/types";
-export declare function up(db: IRelationalDb<any>): Promise<void>;
-export declare function down(db: IRelationalDb<any>): Promise<void>;

package/dist/processors/old_vetra-builder-relational-db-processor/migrations.js

@@ -1,14 +0,0 @@
-export async function up(db) {
-    // Create table
-    await db.schema
-        .createTable("todo")
-        .addColumn("task", "varchar(255)")
-        .addColumn("status", "boolean")
-        .addPrimaryKeyConstraint("todo_pkey", ["task"])
-        .ifNotExists()
-        .execute();
-}
-export async function down(db) {
-    // drop table
-    await db.schema.dropTable("todo").execute();
-}

package/dist/processors/old_vetra-builder-relational-db-processor/schema.d.ts

@@ -1,7 +0,0 @@
-export interface Todo {
-    status: boolean | null;
-    task: string;
-}
-export interface DB {
-    todo: Todo;
-}

package/dist/processors/old_vetra-builder-relational-db-processor/schema.js

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

package/dist/processors/renown-profile/factory.d.ts

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

package/dist/processors/renown-profile/factory.js

@@ -1,22 +0,0 @@
-import { RenownProfileProcessor } from "./index.js";
-export const renownProfileProcessorFactory = (module) => async (driveHeader) => {
-    // Create a namespace for the processor and the provided drive id
-    const namespace = RenownProfileProcessor.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/renown-profile"],
-        scope: ["global"],
-    };
-    // Create the processor
-    const processor = new RenownProfileProcessor(namespace, filter, store);
-    return [
-        {
-            processor,
-            filter,
-        },
-    ];
-};

package/dist/processors/renown-profile/index.d.ts

@@ -1,9 +0,0 @@
-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 RenownProfileProcessor extends RelationalDbProcessor<DB> {
-    static getNamespace(driveId: string): string;
-    initAndUpgrade(): Promise<void>;
-    onStrands(strands: InternalTransmitterUpdate[]): Promise<void>;
-    onDisconnect(): Promise<void>;
-}

package/dist/processors/renown-profile/index.js

@@ -1,81 +0,0 @@
-import { RelationalDbProcessor } from "document-drive/processors/relational";
-import { up } from "./migrations.js";
-export class RenownProfileProcessor extends RelationalDbProcessor {
-    static getNamespace(driveId) {
-        // Default namespace: `${this.name}_${driveId.replaceAll("-", "_")}`
-        return super.getNamespace(driveId);
-    }
-    async initAndUpgrade() {
-        await up(this.relationalDb);
-    }
-    async onStrands(strands) {
-        if (strands.length === 0) {
-            return;
-        }
-        for (const strand of strands) {
-            if (strand.operations.length === 0) {
-                continue;
-            }
-            const documentId = strand.documentId;
-            // Ensure the profile exists in the database
-            const existingProfile = await this.relationalDb
-                .selectFrom("renown_profile")
-                .select(["document_id"])
-                .where("document_id", "=", documentId)
-                .executeTakeFirst();
-            if (!existingProfile) {
-                // Create a new profile entry
-                await this.relationalDb
-                    .insertInto("renown_profile")
-                    .values({
-                    document_id: documentId,
-                    username: null,
-                    eth_address: null,
-                    user_image: null,
-                    created_at: new Date(),
-                    updated_at: new Date(),
-                })
-                    .execute();
-            }
-            // Process each operation
-            for (const operation of strand.operations) {
-                // Update the profile based on the operation type
-                const updateData = {
-                    updated_at: new Date(),
-                };
-                switch (operation.action.type) {
-                    case "SET_USERNAME": {
-                        const input = operation.action.input;
-                        if (input?.username) {
-                            updateData.username = input.username;
-                        }
-                        break;
-                    }
-                    case "SET_ETH_ADDRESS": {
-                        const input = operation.action.input;
-                        if (input?.ethAddress) {
-                            updateData.eth_address = input.ethAddress;
-                        }
-                        break;
-                    }
-                    case "SET_USER_IMAGE": {
-                        const input = operation.action.input;
-                        if (input?.userImage !== undefined) {
-                            updateData.user_image = input.userImage || null;
-                        }
-                        break;
-                    }
-                }
-                // Apply updates if there are any field changes
-                if (Object.keys(updateData).length > 1) {
-                    await this.relationalDb
-                        .updateTable("renown_profile")
-                        .set(updateData)
-                        .where("document_id", "=", documentId)
-                        .execute();
-                }
-            }
-        }
-    }
-    async onDisconnect() { }
-}

package/dist/processors/renown-profile/migrations.d.ts

@@ -1,3 +0,0 @@
-import { type IRelationalDb } from "document-drive/processors/types";
-export declare function up(db: IRelationalDb<any>): Promise<void>;
-export declare function down(db: IRelationalDb<any>): Promise<void>;

package/dist/processors/renown-profile/migrations.js

@@ -1,39 +0,0 @@
-export async function up(db) {
-    await down(db);
-    // Create renown_profile table
-    await db.schema
-        .createTable("renown_profile")
-        .addColumn("document_id", "varchar(255)")
-        .addColumn("username", "varchar(255)")
-        .addColumn("eth_address", "varchar(42)")
-        .addColumn("user_image", "text")
-        .addColumn("created_at", "timestamp", (col) => col.defaultTo(db.fn("now")))
-        .addColumn("updated_at", "timestamp", (col) => col.defaultTo(db.fn("now")))
-        .addPrimaryKeyConstraint("renown_profile_pkey", ["document_id"])
-        .ifNotExists()
-        .execute();
-    // Create index on username for faster lookups
-    await db.schema
-        .createIndex("idx_renown_profile_username")
-        .on("renown_profile")
-        .column("username")
-        .ifNotExists()
-        .execute();
-    // Create index on eth_address for faster lookups
-    await db.schema
-        .createIndex("idx_renown_profile_eth_address")
-        .on("renown_profile")
-        .column("eth_address")
-        .ifNotExists()
-        .execute();
-}
-export async function down(db) {
-    // Drop indexes
-    await db.schema
-        .dropIndex("idx_renown_profile_eth_address")
-        .ifExists()
-        .execute();
-    await db.schema.dropIndex("idx_renown_profile_username").ifExists().execute();
-    // Drop tables
-    await db.schema.dropTable("renown_profile").ifExists().execute();
-}

package/dist/processors/renown-profile/schema.d.ts

@@ -1,14 +0,0 @@
-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 RenownProfile {
-    created_at: Generated<Timestamp | null>;
-    document_id: string;
-    eth_address: string | null;
-    updated_at: Generated<Timestamp | null>;
-    user_image: string | null;
-    username: string | null;
-}
-export interface DB {
-    renown_profile: RenownProfile;
-}

package/dist/processors/renown-profile/schema.js

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

package/dist/processors/renown-read-model/migrations.d.ts

@@ -1,3 +0,0 @@
-import { type IRelationalDb } from "document-drive/processors/types";
-export declare function up(db: IRelationalDb<any>): Promise<void>;
-export declare function down(db: IRelationalDb<any>): Promise<void>;