@powerhousedao/vetra-builder-package 0.0.20 → 0.0.22

package/dist/editors/builder-team-editor/components/SpacesSection.d.ts

@@ -17,6 +17,8 @@ interface SpacesSectionProps {
     onDeletePackage: (packageId: string) => void;
     onSavePackage: (packageInfo: VetraPackageInfo) => void;
     onCancelPackageEdit: () => void;
+    onReorderSpaces: (spaceIds: string[], targetIndex: number) => void;
+    onReorderPackages: (spaceId: string, packageIds: string[], targetIndex: number) => void;
 }
-export declare function SpacesSection({ spaces, editingSpaceId, editingSpaceTitle, editingSpaceDescription, editingPackageId, onAddSpace, onDeleteSpace, onStartEditingSpace, onSaveSpaceEdit, onCancelSpaceEdit, onSetEditingSpaceTitle, onSetEditingSpaceDescription, onAddPackageToSpace, onEditPackage, onDeletePackage, onSavePackage, onCancelPackageEdit, }: SpacesSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpacesSection({ spaces, editingSpaceId, editingSpaceTitle, editingSpaceDescription, editingPackageId, onAddSpace, onDeleteSpace, onStartEditingSpace, onSaveSpaceEdit, onCancelSpaceEdit, onSetEditingSpaceTitle, onSetEditingSpaceDescription, onAddPackageToSpace, onEditPackage, onDeletePackage, onSavePackage, onCancelPackageEdit, onReorderSpaces, onReorderPackages, }: SpacesSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editors/builder-team-editor/components/SpacesSection.js

@@ -1,14 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button } from "@powerhousedao/document-engineering";
 import { useState } from "react";
 import { SpaceForm } from "./SpaceForm.js";
 import { SpaceItem } from "./SpaceItem.js";
-export function SpacesSection({ spaces, editingSpaceId, editingSpaceTitle, editingSpaceDescription, editingPackageId, onAddSpace, onDeleteSpace, onStartEditingSpace, onSaveSpaceEdit, onCancelSpaceEdit, onSetEditingSpaceTitle, onSetEditingSpaceDescription, onAddPackageToSpace, onEditPackage, onDeletePackage, onSavePackage, onCancelPackageEdit, }) {
+import { SpacesTable } from "./SpacesTable.js";
+export function SpacesSection({ spaces, editingSpaceId, editingSpaceTitle, editingSpaceDescription, editingPackageId, onAddSpace, onDeleteSpace, onStartEditingSpace, onSaveSpaceEdit, onCancelSpaceEdit, onSetEditingSpaceTitle, onSetEditingSpaceDescription, onAddPackageToSpace, onEditPackage, onDeletePackage, onSavePackage, onCancelPackageEdit, onReorderSpaces, onReorderPackages, }) {
     const [isAddingSpace, setIsAddingSpace] = useState(false);
+    const [viewMode, setViewMode] = useState("table");
+    const [selectedSpaceId, setSelectedSpaceId] = useState(null);
     const handleAddSpace = (title, description) => {
         if (onAddSpace(title, description)) {
             setIsAddingSpace(false);
         }
     };
-    return (_jsxs("div", { className: "bg-white rounded-xl shadow-md border border-gray-200 overflow-hidden", children: [_jsx("div", { className: "px-6 py-5 border-b border-gray-200 bg-gray-50", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Spaces" }), _jsx("p", { className: "text-sm text-gray-600 mt-1", children: "Organize your packages into logical workspaces" })] }), _jsx(Button, { onClick: () => setIsAddingSpace(true), children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }), "Add Space"] }) })] }) }), _jsxs("div", { className: "p-6", children: [isAddingSpace && (_jsx(SpaceForm, { onSave: handleAddSpace, onCancel: () => setIsAddingSpace(false) })), _jsx("div", { className: "space-y-5", children: spaces.length > 0 ? (spaces.map((space) => (_jsx(SpaceItem, { space: space, isEditing: editingSpaceId === space.id, editingSpaceTitle: editingSpaceTitle, editingSpaceDescription: editingSpaceDescription, editingPackageId: editingPackageId, onEdit: () => onStartEditingSpace(space.id), onDelete: () => onDeleteSpace(space.id), onSaveEdit: onSaveSpaceEdit, onCancelEdit: onCancelSpaceEdit, onSetEditingTitle: onSetEditingSpaceTitle, onSetEditingDescription: onSetEditingSpaceDescription, onAddPackage: onAddPackageToSpace, onEditPackage: onEditPackage, onDeletePackage: onDeletePackage, onSavePackage: onSavePackage, onCancelPackageEdit: onCancelPackageEdit }, space.id)))) : (_jsxs("div", { className: "text-center py-12 px-4", children: [_jsx("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-gray-100 mb-4", children: _jsx("svg", { className: "w-8 h-8 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }), _jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: "No spaces yet" }), _jsx("p", { className: "text-gray-600 mb-4", children: "Create a space to organize your packages" }), _jsx(Button, { onClick: () => setIsAddingSpace(true), children: "Create your first space" })] })) })] })] }));
+    const handleEditSpace = (spaceId) => {
+        // When editing in table view, make the space visible by selecting it
+        if (viewMode === "table") {
+            setSelectedSpaceId(spaceId);
+        }
+        onStartEditingSpace(spaceId);
+    };
+    const selectedSpace = selectedSpaceId
+        ? spaces.find((s) => s.id === selectedSpaceId)
+        : null;
+    return (_jsxs("div", { className: "bg-white rounded-xl shadow-md border border-gray-200 overflow-hidden", children: [_jsx("div", { className: "px-6 py-5 border-b border-gray-200 bg-white", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Spaces" }), _jsx("p", { className: "text-sm text-gray-600 mt-1", children: "Organize your packages into logical workspaces" })] }), _jsx(Button, { onClick: () => setIsAddingSpace(true), children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }), "Add Space"] }) })] }) }), _jsx("div", { className: "px-6 py-3 border-b border-gray-200 bg-gray-50 flex justify-end", children: _jsxs("select", { value: viewMode, onChange: (e) => setViewMode(e.target.value), className: "px-3 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500", children: [_jsx("option", { value: "table", children: "Table View" }), _jsx("option", { value: "cards", children: "Cards View" })] }) }), _jsxs("div", { className: "p-6", children: [isAddingSpace && (_jsx("div", { className: "mb-6", children: _jsx(SpaceForm, { onSave: handleAddSpace, onCancel: () => setIsAddingSpace(false) }) })), spaces.length > 0 ? (_jsx(_Fragment, { children: viewMode === "table" ? (_jsx(SpacesTable, { spaces: spaces, onEdit: handleEditSpace, onDelete: onDeleteSpace, onAddPackage: onAddPackageToSpace, onViewPackages: (spaceId) => setSelectedSpaceId(spaceId), onReorder: onReorderSpaces })) : (_jsx("div", { className: "space-y-5", children: spaces.map((space) => (_jsx(SpaceItem, { space: space, isEditing: editingSpaceId === space.id, editingSpaceTitle: editingSpaceTitle, editingSpaceDescription: editingSpaceDescription, editingPackageId: editingPackageId, onEdit: () => onStartEditingSpace(space.id), onDelete: () => onDeleteSpace(space.id), onSaveEdit: onSaveSpaceEdit, onCancelEdit: onCancelSpaceEdit, onSetEditingTitle: onSetEditingSpaceTitle, onSetEditingDescription: onSetEditingSpaceDescription, onAddPackage: onAddPackageToSpace, onEditPackage: onEditPackage, onDeletePackage: onDeletePackage, onSavePackage: onSavePackage, onCancelPackageEdit: onCancelPackageEdit, onReorderPackages: (packageIds, targetIndex) => onReorderPackages(space.id, packageIds, targetIndex) }, space.id))) })) })) : (_jsxs("div", { className: "text-center py-12 px-4", children: [_jsx("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-gray-100 mb-4", children: _jsx("svg", { className: "w-8 h-8 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }), _jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: "No spaces yet" }), _jsx("p", { className: "text-gray-600 mb-4", children: "Create a space to organize your packages" }), _jsx(Button, { onClick: () => setIsAddingSpace(true), children: "Create your first space" })] })), selectedSpace && viewMode === "table" && (_jsxs("div", { className: "mt-6 p-4 bg-gray-50 rounded-lg border border-gray-200", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { children: [_jsxs("h3", { className: "text-lg font-semibold text-gray-900", children: [selectedSpace.title, " - Packages"] }), selectedSpace.description && (_jsx("p", { className: "text-sm text-gray-600 mt-1", children: selectedSpace.description }))] }), _jsx(Button, { color: "light", size: "sm", onClick: () => setSelectedSpaceId(null), children: "Close" })] }), _jsx(SpaceItem, { space: selectedSpace, isEditing: editingSpaceId === selectedSpace.id, editingSpaceTitle: editingSpaceTitle, editingSpaceDescription: editingSpaceDescription, editingPackageId: editingPackageId, onEdit: () => onStartEditingSpace(selectedSpace.id), onDelete: () => {
+                                    onDeleteSpace(selectedSpace.id);
+                                    setSelectedSpaceId(null);
+                                }, onSaveEdit: onSaveSpaceEdit, onCancelEdit: onCancelSpaceEdit, onSetEditingTitle: onSetEditingSpaceTitle, onSetEditingDescription: onSetEditingSpaceDescription, onAddPackage: onAddPackageToSpace, onEditPackage: onEditPackage, onDeletePackage: onDeletePackage, onSavePackage: onSavePackage, onCancelPackageEdit: onCancelPackageEdit, onReorderPackages: (packageIds, targetIndex) => onReorderPackages(selectedSpace.id, packageIds, targetIndex) })] }))] })] }));
 }

package/dist/editors/builder-team-editor/components/SpacesTable.d.ts

@@ -0,0 +1,11 @@
+import type { VetraBuilderSpace } from "../../../document-models/builder-team/index.js";
+interface SpacesTableProps {
+    spaces: VetraBuilderSpace[];
+    onEdit: (spaceId: string) => void;
+    onDelete: (spaceId: string) => void;
+    onAddPackage: (spaceId: string) => void;
+    onViewPackages: (spaceId: string) => void;
+    onReorder: (spaceIds: string[], targetIndex: number) => void;
+}
+export declare function SpacesTable({ spaces, onEdit, onDelete, onAddPackage, onViewPackages, onReorder, }: SpacesTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editors/builder-team-editor/components/SpacesTable.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ObjectSetTable } from "@powerhousedao/document-engineering";
+import { useMemo } from "react";
+export function SpacesTable({ spaces, onEdit, onDelete, onAddPackage, onViewPackages, onReorder, }) {
+    const columns = useMemo(() => [
+        {
+            field: "title",
+            title: "Space Title",
+            type: "string",
+            width: "300px",
+            renderHeader: () => _jsx("div", { className: "px-4", children: "Space Title" }),
+            renderCell: (value, context) => {
+                return (_jsx("div", { className: "cursor-pointer hover:text-blue-600 font-medium px-4", onClick: () => onViewPackages(context.row.id), children: value }));
+            },
+        },
+        {
+            field: "description",
+            title: "Description",
+            type: "string",
+            width: "400px",
+            renderHeader: () => _jsx("div", { className: "px-4", children: "Description" }),
+            renderCell: (value) => {
+                return _jsx("div", { className: "px-4", children: value });
+            },
+        },
+        {
+            field: "packages",
+            title: "Packages",
+            type: "number",
+            width: "120px",
+            align: "center",
+            renderHeader: () => _jsx("div", { className: "px-4", children: "Packages" }),
+            valueGetter: (row) => row.packages.length,
+            renderCell: (value) => {
+                const count = value;
+                return (_jsx("div", { className: "px-4", children: _jsx("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800", children: count }) }));
+            },
+        },
+    ], [onViewPackages]);
+    return (_jsx("div", { className: "w-full spaces-table", children: _jsx(ObjectSetTable, { data: spaces, columns: columns, allowRowSelection: false, showRowNumbers: false, width: "100%", minRowHeight: 60, onReorder: (rows, targetIndex) => {
+                const spaceIds = rows.map((row) => row.id);
+                onReorder(spaceIds, targetIndex);
+            }, actions: {
+                secondary: [
+                    {
+                        label: "View Packages",
+                        callback: ({ row }) => {
+                            onViewPackages(row.id);
+                        },
+                    },
+                    {
+                        label: "Edit Space",
+                        callback: ({ row }) => {
+                            onEdit(row.id);
+                        },
+                    },
+                    {
+                        label: "Add Package",
+                        callback: ({ row }) => {
+                            onAddPackage(row.id);
+                        },
+                    },
+                    {
+                        label: "Remove",
+                        callback: ({ row }) => {
+                            onDelete(row.id);
+                        },
+                    }
+                ],
+            } }) }));
+}

package/dist/editors/builder-team-editor/config.d.ts

@@ -3,4 +3,5 @@ export declare const config: {
     vetraGraphqlEndpoint: string;
     renownProfileBasePath: string;
     vetraPackageBasePath: string;
+    vetraDriveBaseUrl: string;
 };

package/dist/editors/builder-team-editor/config.js

@@ -24,4 +24,5 @@ export const config = {
     vetraGraphqlEndpoint: getEnvVar("VETRA_VETRA_GRAPHQL_ENDPOINT", "https://switchboard.staging.vetra.io/graphql"),
     renownProfileBasePath: getEnvVar("VETRA_RENOWN_PROFILE_BASE_PATH", "phd://renown-staging.vetra.to"),
     vetraPackageBasePath: getEnvVar("VETRA_VETRA_PACKAGE_BASE_PATH", "phd://staging.vetra.to"),
+    vetraDriveBaseUrl: getEnvVar("VETRA_DRIVE_BASE_URL", "https://switchboard.staging.vetra.io/d"),
 };

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

@@ -57,6 +57,12 @@ export function Editor(props) {
         setIsAddingPackage(false);
         setSelectedSpaceForPackage("");
     };
+    const handleReorderSpaces = (spaceIds, targetIndex) => {
+        dispatch(actions.reorderSpaces({ spaceIds, targetIndex }));
+    };
+    const handleReorderPackages = (spaceId, packageIds, targetIndex) => {
+        dispatch(actions.reorderPackages({ spaceId, packageIds, targetIndex }));
+    };
     return (_jsxs("div", { className: "html-defaults-container min-h-screen bg-gray-50", children: [_jsx(Header, { profile: profile, isEditingProfile: isEditingProfile, onToggleEdit: () => setIsEditingProfile(!isEditingProfile) }), _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: [_jsx(ProfileSection, { profile: profile, isEditing: isEditingProfile, onSetProfileName: profileHandlers.handleSetProfileName, onSetSlug: profileHandlers.handleSetSlug, onSetDescription: profileHandlers.handleSetProfileDescription, onSetLogo: profileHandlers.handleSetLogo, onUpdateSocials: profileHandlers.handleUpdateSocials, onClose: () => setIsEditingProfile(false) }), _jsx(SpacesSection, { spaces: spaces, editingSpaceId: spaceHandlers.editingSpaceId, editingSpaceTitle: spaceHandlers.editingSpaceTitle, editingSpaceDescription: spaceHandlers.editingSpaceDescription, editingPackageId: packageHandlers.editingPackageId, onAddSpace: spaceHandlers.handleAddSpace, onDeleteSpace: spaceHandlers.handleDeleteSpace, onStartEditingSpace: spaceHandlers.handleStartEditingSpace, onSaveSpaceEdit: spaceHandlers.handleSaveSpaceEdit, onCancelSpaceEdit: spaceHandlers.handleCancelSpaceEdit, onSetEditingSpaceTitle: spaceHandlers.setEditingSpaceTitle, onSetEditingSpaceDescription: spaceHandlers.setEditingSpaceDescription, onAddPackageToSpace: handleAddPackageToSpace, onEditPackage: packageHandlers.handleStartEditingPackage, onDeletePackage: packageHandlers.handleDeletePackage, onSavePackage: (packageInfo) => {
                                         // Update the package with info
                                         dispatch(actions.updatePackageInfo({
@@ -69,5 +75,5 @@ export function Editor(props) {
                                             vetraDriveUrl: packageInfo.vetraDriveUrl,
                                         }));
                                         packageHandlers.handleCancelPackageEdit();
-                                    }, onCancelPackageEdit: packageHandlers.handleCancelPackageEdit }), isAddingPackage && (_jsx(PackageForm, { spaceId: selectedSpaceForPackage, onSave: handleSavePackage, onCancel: handleCancelAddPackage }))] }), _jsxs("div", { className: "space-y-6", children: [_jsx(MembersSection, { members: members, onAddMember: memberHandlers.handleAddMember, onRemoveMember: memberHandlers.handleRemoveMember }), _jsx(QuickStats, { spaces: spaces, members: members })] })] }) })] }));
+                                    }, onCancelPackageEdit: packageHandlers.handleCancelPackageEdit, onReorderSpaces: handleReorderSpaces, onReorderPackages: handleReorderPackages }), isAddingPackage && (_jsx(PackageForm, { spaceId: selectedSpaceForPackage, onSave: handleSavePackage, onCancel: handleCancelAddPackage }))] }), _jsxs("div", { className: "space-y-6", children: [_jsx(MembersSection, { members: members, onAddMember: memberHandlers.handleAddMember, onRemoveMember: memberHandlers.handleRemoveMember }), _jsx(QuickStats, { spaces: spaces, members: members })] })] }) })] }));
 }

package/dist/editors/builder-team-editor/hooks/usePackageHandlers.js

@@ -23,7 +23,6 @@ export function usePackageHandlers(spaces, dispatch) {
         setEditingPackageId(packageId);
     }, []);
     const handleSavePackageEdit = useCallback((packageId, name, description) => {
-        console.log("handleSavePackageEdit", packageId, name, description);
         if (packageId && name.trim()) {
             dispatch(actions.updatePackageInfo({
                 id: packageId,

package/dist/editors/builder-team-editor/services/renown-api.d.ts

@@ -0,0 +1,21 @@
+import type { RenownProfile, PHIDOption } from "../types/index.js";
+/**
+ * Search for profiles by username or ENS name
+ */
+export declare function searchProfiles(searchString: string): Promise<RenownProfile[]>;
+/**
+ * Get a single profile by document ID
+ */
+export declare function getProfile(documentId: string): Promise<RenownProfile | null>;
+/**
+ * Convert a profile to a PHID option for the PHIDField component
+ */
+export declare function profileToOption(profile: RenownProfile): PHIDOption;
+/**
+ * Search for profiles and convert to PHID options
+ */
+export declare function searchProfileOptions(searchString: string): Promise<PHIDOption[]>;
+/**
+ * Get a profile and convert to PHID option
+ */
+export declare function getProfileOption(documentId: string): Promise<PHIDOption | undefined>;

package/dist/editors/builder-team-editor/services/renown-api.js

@@ -0,0 +1,63 @@
+import { renownClient, SEARCH_PROFILES_QUERY, GET_PROFILE_QUERY } from "../utils/graphql.js";
+import { config } from "../config.js";
+import { truncateAddress } from "../utils/format.js";
+/**
+ * Search for profiles by username or ENS name
+ */
+export async function searchProfiles(searchString) {
+    const data = await renownClient.request(SEARCH_PROFILES_QUERY, {
+        input: {
+            driveId: "renown-profiles",
+            searchString,
+        },
+    });
+    return data.getProfiles;
+}
+/**
+ * Get a single profile by document ID
+ */
+export async function getProfile(documentId) {
+    try {
+        const data = await renownClient.request(GET_PROFILE_QUERY, {
+            input: {
+                id: documentId,
+                driveId: "renown-profiles",
+            },
+        });
+        return data.getProfile;
+    }
+    catch (error) {
+        console.error("Failed to fetch profile:", error);
+        return null;
+    }
+}
+/**
+ * Convert a profile to a PHID option for the PHIDField component
+ */
+export function profileToOption(profile) {
+    return {
+        id: profile.documentId,
+        title: profile.username,
+        value: profile.documentId,
+        description: truncateAddress(profile.ethAddress),
+        path: {
+            text: `${config.renownProfileBasePath}/${profile.documentId}`,
+            url: `${config.renownProfileBasePath}/${profile.documentId}`,
+        },
+        icon: "Person",
+    };
+}
+/**
+ * Search for profiles and convert to PHID options
+ */
+export async function searchProfileOptions(searchString) {
+    const profiles = await searchProfiles(searchString);
+    return profiles.map(profileToOption);
+}
+/**
+ * Get a profile and convert to PHID option
+ */
+export async function getProfileOption(documentId) {
+    const profile = await getProfile(documentId);
+    return profile ? profileToOption(profile) : undefined;
+}

package/dist/editors/builder-team-editor/services/vetra-api.d.ts

@@ -0,0 +1,31 @@
+import type { VetraPackageData, PHIDOption } from "../types/index.js";
+import type { VetraPackageInfo } from "../../../document-models/builder-team/index.js";
+/**
+ * Search for packages by name
+ */
+export declare function searchPackages(search: string): Promise<VetraPackageData[]>;
+/**
+ * Get package(s) by document ID(s)
+ */
+export declare function getPackagesByIds(documentIds: string[]): Promise<VetraPackageData[]>;
+/**
+ * Get a single package by document ID
+ */
+export declare function getPackage(documentId: string): Promise<VetraPackageData | null>;
+/**
+ * Convert a package to a PHID option for the PHIDField component
+ */
+export declare function packageToOption(pkg: VetraPackageData): PHIDOption;
+/**
+ * Search for packages and convert to PHID options
+ */
+export declare function searchPackageOptions(search: string): Promise<PHIDOption[]>;
+/**
+ * Get a package and convert to PHID option
+ */
+export declare function getPackageOption(documentId: string): Promise<PHIDOption | undefined>;
+/**
+ * Convert VetraPackageData to VetraPackageInfo
+ * Used when selecting packages in forms
+ */
+export declare function packageDataToPackageInfo(pkg: VetraPackageData, id?: string): VetraPackageInfo;

package/dist/editors/builder-team-editor/services/vetra-api.js

@@ -0,0 +1,70 @@
+import { vetraClient, SEARCH_PACKAGES_QUERY, SEARCH_PACKAGES_BY_DOCUMENT_ID_QUERY } from "../utils/graphql.js";
+import { config } from "../config.js";
+/**
+ * Search for packages by name
+ */
+export async function searchPackages(search) {
+    const data = await vetraClient.request(SEARCH_PACKAGES_QUERY, {
+        search,
+    });
+    return data.vetraPackages;
+}
+/**
+ * Get package(s) by document ID(s)
+ */
+export async function getPackagesByIds(documentIds) {
+    const data = await vetraClient.request(SEARCH_PACKAGES_BY_DOCUMENT_ID_QUERY, { documentIds });
+    return data.vetraPackages;
+}
+/**
+ * Get a single package by document ID
+ */
+export async function getPackage(documentId) {
+    const packages = await getPackagesByIds([documentId]);
+    return packages.length > 0 ? packages[0] : null;
+}
+/**
+ * Convert a package to a PHID option for the PHIDField component
+ */
+export function packageToOption(pkg) {
+    return {
+        id: pkg.documentId,
+        title: pkg.name,
+        value: pkg.documentId,
+        description: pkg.description,
+        path: {
+            text: `${config.vetraDriveBaseUrl}/${pkg.driveId}`,
+            url: `${config.vetraDriveBaseUrl}/${pkg.driveId}`,
+        },
+        icon: "PackageManager",
+    };
+}
+/**
+ * Search for packages and convert to PHID options
+ */
+export async function searchPackageOptions(search) {
+    const packages = await searchPackages(search);
+    return packages.map(packageToOption);
+}
+/**
+ * Get a package and convert to PHID option
+ */
+export async function getPackageOption(documentId) {
+    const pkg = await getPackage(documentId);
+    return pkg ? packageToOption(pkg) : undefined;
+}
+/**
+ * Convert VetraPackageData to VetraPackageInfo
+ * Used when selecting packages in forms
+ */
+export function packageDataToPackageInfo(pkg, id = "") {
+    return {
+        id,
+        phid: pkg.documentId,
+        title: pkg.name,
+        description: pkg.description,
+        github: pkg.githubUrl || null,
+        npm: pkg.npmUrl || null,
+        vetraDriveUrl: `${config.vetraDriveBaseUrl}/${pkg.driveId}`,
+    };
+}

package/dist/editors/builder-team-editor/types/index.d.ts

@@ -0,0 +1,33 @@
+export interface RenownProfile {
+    documentId: string;
+    ethAddress: string;
+    username: string;
+    userImage?: string;
+    updatedAt: string;
+}
+export interface MemberProfileData {
+    phid: string;
+    ethAddress: string;
+    name: string;
+    profileImage?: string;
+}
+export interface VetraPackageData {
+    documentId: string;
+    driveId: string;
+    name: string;
+    description: string;
+    authorName: string;
+    githubUrl: string;
+    npmUrl?: string;
+}
+export interface PHIDOption {
+    id: string;
+    title: string;
+    value: string;
+    description: string;
+    path: {
+        text: string;
+        url: string;
+    };
+    icon?: "Person" | "PackageManager";
+}

package/dist/editors/builder-team-editor/types/index.js

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

package/dist/editors/builder-team-editor/utils/format.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Truncate an Ethereum address to format: 0xabcd...xyz
+ * @param address - Full ethereum address
+ * @param prefixLength - Number of characters to show after 0x (default: 4)
+ * @param suffixLength - Number of characters to show at the end (default: 4)
+ */
+export declare function truncateAddress(address: string, prefixLength?: number, suffixLength?: number): string;

package/dist/editors/builder-team-editor/utils/format.js

@@ -0,0 +1,13 @@
+/**
+ * Truncate an Ethereum address to format: 0xabcd...xyz
+ * @param address - Full ethereum address
+ * @param prefixLength - Number of characters to show after 0x (default: 4)
+ * @param suffixLength - Number of characters to show at the end (default: 4)
+ */
+export function truncateAddress(address, prefixLength = 4, suffixLength = 4) {
+    if (!address)
+        return "";
+    if (address.length <= prefixLength + suffixLength + 2)
+        return address;
+    return `${address.slice(0, prefixLength + 2)}...${address.slice(-suffixLength)}`;
+}

package/dist/editors/builder-team-editor/utils/graphql.d.ts

@@ -0,0 +1,7 @@
+import { GraphQLClient } from "graphql-request";
+export declare const renownClient: GraphQLClient;
+export declare const vetraClient: GraphQLClient;
+export declare const SEARCH_PROFILES_QUERY = "\n  query ($input: GetProfilesInput!) {\n    getProfiles(input: $input) {\n      documentId\n      ethAddress\n      updatedAt\n      userImage\n      username\n    }\n  }\n";
+export declare const GET_PROFILE_QUERY = "\n  query ($input: GetProfileInput!) {\n    getProfile(input: $input) {\n      documentId\n      ethAddress\n      updatedAt\n      userImage\n      username\n    }\n  }\n";
+export declare const SEARCH_PACKAGES_QUERY = "\n  query SearchPackages($search: String!) {\n    vetraPackages(search: $search) {\n      authorName\n      name\n      githubUrl\n      npmUrl\n      documentId\n      driveId\n      description\n    }\n  }\n";
+export declare const SEARCH_PACKAGES_BY_DOCUMENT_ID_QUERY = "\n  query SearchPackagesByDocumentId($documentIds: [PHID!]) {\n    vetraPackages(documentId_in: $documentIds) {\n      authorName\n      name\n      githubUrl\n      npmUrl\n      documentId\n      driveId\n      description\n    }\n  }\n";

package/dist/editors/builder-team-editor/utils/graphql.js

@@ -0,0 +1,55 @@
+import { GraphQLClient } from "graphql-request";
+import { config } from "../config.js";
+// GraphQL Clients
+export const renownClient = new GraphQLClient(config.renownGraphqlEndpoint);
+export const vetraClient = new GraphQLClient(config.vetraGraphqlEndpoint);
+// Renown Profile Queries
+export const SEARCH_PROFILES_QUERY = `
+  query ($input: GetProfilesInput!) {
+    getProfiles(input: $input) {
+      documentId
+      ethAddress
+      updatedAt
+      userImage
+      username
+    }
+  }
+`;
+export const GET_PROFILE_QUERY = `
+  query ($input: GetProfileInput!) {
+    getProfile(input: $input) {
+      documentId
+      ethAddress
+      updatedAt
+      userImage
+      username
+    }
+  }
+`;
+// Vetra Package Queries
+export const SEARCH_PACKAGES_QUERY = `
+  query SearchPackages($search: String!) {
+    vetraPackages(search: $search) {
+      authorName
+      name
+      githubUrl
+      npmUrl
+      documentId
+      driveId
+      description
+    }
+  }
+`;
+export const SEARCH_PACKAGES_BY_DOCUMENT_ID_QUERY = `
+  query SearchPackagesByDocumentId($documentIds: [PHID!]) {
+    vetraPackages(documentId_in: $documentIds) {
+      authorName
+      name
+      githubUrl
+      npmUrl
+      documentId
+      driveId
+      description
+    }
+  }
+`;

package/dist/powerhouse.manifest.json

@@ -1,10 +1,10 @@
 {
-    "name": "powerhouse/vetra-builder-package",
-    "description": "",
+    "name": "Vetra Builder Package",
+    "description": "a short description",
     "category": "People & Culture",
     "publisher": {
         "name": "Powerhouse Inc.",
-        "url": "https://www.powerhouse.inc"
+        "url": "https://powerhouse.inc"
     },
     "documentModels": [
         {

package/dist/processors/vetra-builder-relational-db-processor/builder-team-handlers.d.ts

@@ -16,7 +16,9 @@ export declare class BuilderTeamHandlers {
     private handleAddSpace;
     private handleDeleteSpace;
     private handleUpdateSpaceInfo;
+    private handleReorderSpaces;
     private handleAddPackage;
     private handleUpdatePackageInfo;
+    private handleReorderPackages;
     private handleDeletePackage;
 }