@powerhousedao/network-admin 0.0.27 → 0.0.29

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

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { TextInput, Textarea, Icon, } from "@powerhousedao/document-engineering";
-import { toast, ToastContainer } from "@powerhousedao/design-system";
-import { actions } from "../../document-models/builder-profile/index.js";
-import { useCallback, useState, useEffect } from "react";
-import { useSelectedBuilderProfileDocument } from "../hooks/useBuilderProfileDocument.js";
-// Image Modal Component
-function ImageModal({ isOpen, onClose, imageUrl, imageAlt, }) {
-    const [imageLoaded, setImageLoaded] = useState(false);
-    const [imageDimensions, setImageDimensions] = useState({
-        width: 0,
-        height: 0,
-    });
-    if (!isOpen)
-        return null;
-    const handleImageLoad = (e) => {
-        const img = e.target;
-        setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
-        setImageLoaded(true);
-    };
-    // Calculate modal size based on image dimensions with padding
-    const getModalSize = () => {
-        if (!imageLoaded)
-            return { width: "auto", height: "auto" };
-        const maxWidth = Math.min(imageDimensions.width + 100, window.innerWidth * 0.8);
-        const maxHeight = Math.min(imageDimensions.height + 100, window.innerHeight * 0.8);
-        return {
-            width: `${maxWidth}px`,
-            height: `${maxHeight}px`,
-        };
-    };
-    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm", onClick: onClose, children: _jsxs("div", { className: "relative bg-gray-900 rounded-lg shadow-2xl border-2 border-gray-700", style: getModalSize(), children: [_jsx("button", { onClick: onClose, className: "absolute -top-3 -right-3 z-10 w-8 h-8 bg-gray-800 hover:bg-gray-900 rounded-full flex items-center justify-center text-white transition-all duration-200 shadow-lg", children: _jsx(Icon, { name: "ArrowLeft", size: 16 }) }), _jsx("div", { className: "w-full h-full flex items-center justify-center p-8", children: _jsx("img", { src: imageUrl, alt: imageAlt, className: `max-w-full max-h-full object-contain rounded-lg ${imageLoaded ? "opacity-100" : "opacity-0"} transition-opacity duration-200`, onClick: (e) => e.stopPropagation(), onLoad: handleImageLoad }) })] }) }));
-}
-// Image URL input component with preview
-function ImageUrlInput({ label, value, onChange, placeholder, fileSize = "200KB", }) {
-    const [imageError, setImageError] = useState(false);
-    const [isModalOpen, setIsModalOpen] = useState(false);
-    // Reset image error when value changes
-    useEffect(() => {
-        setImageError(false);
-    }, [value]);
-    const handleImageClick = () => {
-        if (value &&
-            !imageError &&
-            (value.startsWith("http://") || value.startsWith("https://"))) {
-            setIsModalOpen(true);
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: label }), _jsxs("div", { className: "border border-gray-300 rounded-lg p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: `flex-shrink-0 w-12 h-12 bg-gray-100 rounded border flex items-center justify-center overflow-hidden ${value &&
-                                                    !imageError &&
-                                                    (value.startsWith("http://") || value.startsWith("https://"))
-                                                    ? "cursor-pointer hover:opacity-80 transition-opacity duration-200"
-                                                    : ""}`, onClick: handleImageClick, children: value &&
-                                                    !imageError &&
-                                                    (value.startsWith("http://") ||
-                                                        value.startsWith("https://")) ? (_jsx("img", { src: value, alt: `${label} preview`, className: "w-full h-full object-cover", onError: () => setImageError(true), onLoad: () => setImageError(false) })) : (_jsx(Icon, { name: "Image", size: 24, className: "text-gray-400" })) }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-medium text-gray-900", children: value || placeholder || `${label.replace(":", "")}.jpg` }), _jsxs("div", { className: "text-xs text-gray-500", children: ["File Type: jpg | File Size: ", value ? fileSize : "0KB", imageError && value && (_jsx("div", { className: "text-red-500 mt-1", children: "\u26A0 Failed to load image" })), value &&
-                                                                !imageError &&
-                                                                (value.startsWith("http://") ||
-                                                                    value.startsWith("https://")) && (_jsx("div", { className: "text-blue-600 mt-1", children: "\uD83D\uDCA1 Click image to view full size" }))] })] })] }), _jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-6 h-6 rounded-full bg-gray-200 flex items-center justify-center", children: _jsx(Icon, { name: "Image", size: 16, className: "text-gray-600" }) }) })] }), _jsx("div", { className: "mt-3", children: _jsx(TextInput, { className: "w-full", defaultValue: value || "", onBlur: (e) => {
-                                        if (e.target.value !== value) {
-                                            onChange(e.target.value);
-                                        }
-                                    }, placeholder: placeholder || "Enter image URL" }) })] })] }), _jsx(ImageModal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), imageUrl: value, imageAlt: `${label} full size` })] }));
-}
-export default function Editor() {
-    // Getting dispatch from selected document
-    const [doc, dispatch] = useSelectedBuilderProfileDocument();
-    const state = doc.state.global;
-    // Handle field changes using the UPDATE_PROFILE operation
-    const handleFieldChange = useCallback((field, value) => {
-        if (!dispatch) {
-            console.error("Dispatch function not available");
-            toast(`Failed to update ${field} - no dispatch function`, {
-                type: "error",
-            });
-            return;
-        }
-        // Create the update action with current state values and the new field value
-        const updateAction = actions.updateProfile({
-            id: state?.id || null,
-            slug: field === "slug" ? value : state?.slug || null,
-            name: field === "name" ? value : state?.name || null,
-            icon: field === "icon" ? value : state?.icon || null,
-            description: field === "description" ? value : state?.description || null,
-        });
-        dispatch(updateAction);
-    }, [dispatch, state]);
-    return (_jsx("div", { className: "w-full bg-gray-50 min-h-screen", children: _jsxs("div", { className: "p-6 max-w-4xl mx-auto", children: [_jsxs("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Builder Profile" }), _jsx("p", { className: "text-gray-600", children: "Create and manage your builder profile information" })] }), _jsx("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Builder Name:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.name || "", onBlur: (e) => {
-                                            if (e.target.value !== state?.name) {
-                                                handleFieldChange("name", e.target.value);
-                                            }
-                                        }, placeholder: "Enter your name" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Profile Slug:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.slug || "", onBlur: (e) => {
-                                            if (e.target.value !== state?.slug) {
-                                                handleFieldChange("slug", e.target.value);
-                                            }
-                                        }, placeholder: "your-profile-slug" }), _jsx("p", { className: "text-xs text-gray-500 mt-1", children: "Used for your profile URL (lowercase, no spaces)" })] }), _jsx(ImageUrlInput, { label: "Profile Icon:", value: state?.icon || "", onChange: (value) => handleFieldChange("icon", value), placeholder: "BuilderIcon.jpg", fileSize: "200KB" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description:" }), _jsx(Textarea, { className: "w-full", defaultValue: state?.description || "", onBlur: (e) => {
-                                            if (e.target.value !== state?.description) {
-                                                handleFieldChange("description", e.target.value);
-                                            }
-                                        }, placeholder: "Tell us about yourself as a builder...", rows: 4 })] })] }) }), state && (state.name || state.icon || state.description) && (_jsxs("div", { className: "bg-white rounded-lg p-6 shadow-sm mt-6", children: [_jsx("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Profile Preview" }), _jsx("div", { className: "border border-gray-200 rounded-lg p-4", children: _jsxs("div", { className: "flex items-start space-x-4", children: [_jsx("div", { className: "flex-shrink-0", children: state.icon ? (_jsx("img", { src: state.icon, alt: "Profile icon", className: "w-16 h-16 rounded-full object-cover border-2 border-gray-200" })) : (_jsx("div", { className: "w-16 h-16 rounded-full bg-gray-200 flex items-center justify-center", children: _jsx(Icon, { name: "Image", size: 24, className: "text-gray-400" }) })) }), _jsxs("div", { className: "flex-1", children: [_jsx("h4", { className: "text-lg font-semibold text-gray-900", children: state.name || "Unnamed Builder" }), state.slug && (_jsxs("p", { className: "text-sm text-gray-500 mb-2", children: ["@", state.slug] })), state.description && (_jsx("p", { className: "text-gray-700", children: state.description }))] })] }) })] })), _jsx(ToastContainer, {})] }) }));
-}

package/dist/editors/builder-profile/index.d.ts

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

package/dist/editors/builder-profile/index.d.ts.map

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

package/dist/editors/builder-profile/index.js

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

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

@@ -1,3 +0,0 @@
-export declare function useBuilderProfileDocument(documentId: string | null | undefined): never[] | [BuilderProfileDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<BuilderProfileAction>];
-export declare function useSelectedBuilderProfileDocument(): never[] | [BuilderProfileDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<BuilderProfileAction>];
-//# sourceMappingURL=useBuilderProfileDocument.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useBuilderProfileDocument.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useBuilderProfileDocument.ts"],"names":[],"mappings":"AASA,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,uHAMtC;AAED,wBAAgB,iCAAiC,wHAGhD"}

package/dist/editors/hooks/useBuilderProfileDocument.js

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

package/dist/subgraphs/builder-profile/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../subgraphs/builder-profile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,qBAAa,sBAAuB,SAAQ,QAAQ;IAClD,IAAI,SAAqB;IACzB,QAAQ,EAAE,YAAY,CAAU;IAChC,SAAS,0BAAsB;IAC/B,uBAAuB,KAAM;IACvB,OAAO;IACP,YAAY;CACnB"}

package/dist/subgraphs/builder-profile/resolvers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../subgraphs/builder-profile/resolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAS3D,eAAO,MAAM,YAAY,GAAI,UAAU,QAAQ,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAkHvE,CAAC"}

package/dist/subgraphs/builder-profile/resolvers.js

@@ -1,84 +0,0 @@
-import { addFile } from "document-drive";
-import { actions, } from "../../document-models/builder-profile/index.js";
-import { setName } from "document-model";
-export const getResolvers = (subgraph) => {
-    const reactor = subgraph.reactor;
-    return {
-        Query: {
-            BuilderProfile: async () => {
-                return {
-                    getDocument: async (args) => {
-                        const { docId, driveId } = args;
-                        if (!docId) {
-                            throw new Error("Document id is required");
-                        }
-                        if (driveId) {
-                            const docIds = await reactor.getDocuments(driveId);
-                            if (!docIds.includes(docId)) {
-                                throw new Error(`Document with id ${docId} is not part of ${driveId}`);
-                            }
-                        }
-                        const doc = await reactor.getDocument(docId);
-                        return {
-                            driveId: driveId,
-                            ...doc,
-                            ...doc.header,
-                            created: doc.header.createdAtUtcIso,
-                            lastModified: doc.header.lastModifiedAtUtcIso,
-                            state: doc.state.global,
-                            stateJSON: doc.state.global,
-                            revision: doc.header?.revision?.global ?? 0,
-                        };
-                    },
-                    getDocuments: async (args) => {
-                        const { driveId } = args;
-                        const docsIds = await reactor.getDocuments(driveId);
-                        const docs = await Promise.all(docsIds.map(async (docId) => {
-                            const doc = await reactor.getDocument(docId);
-                            return {
-                                driveId: driveId,
-                                ...doc,
-                                ...doc.header,
-                                created: doc.header.createdAtUtcIso,
-                                lastModified: doc.header.lastModifiedAtUtcIso,
-                                state: doc.state.global,
-                                stateJSON: doc.state.global,
-                                revision: doc.header?.revision?.global ?? 0,
-                            };
-                        }));
-                        return docs.filter((doc) => doc.header.documentType === "powerhouse/builder-profile");
-                    },
-                };
-            },
-        },
-        Mutation: {
-            BuilderProfile_createDocument: async (_, args) => {
-                const { driveId, name } = args;
-                const document = await reactor.addDocument("powerhouse/builder-profile");
-                if (driveId) {
-                    await reactor.addAction(driveId, addFile({
-                        name,
-                        id: document.header.id,
-                        documentType: "powerhouse/builder-profile",
-                    }));
-                }
-                if (name) {
-                    await reactor.addAction(document.header.id, setName(name));
-                }
-                return document.header.id;
-            },
-            BuilderProfile_updateProfile: async (_, args) => {
-                const { docId, input } = args;
-                const doc = await reactor.getDocument(docId);
-                if (!doc) {
-                    throw new Error("Document not found");
-                }
-                const result = await reactor.addAction(docId, actions.updateProfile(input));
-                if (result.status !== "SUCCESS") {
-                    throw new Error(result.error?.message ?? "Failed to updateProfile");
-                }
-                return true;
-            },
-        },
-    };
-};

package/dist/subgraphs/builder-profile/schema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../subgraphs/builder-profile/schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,MAAM,EAAE,YA+CpB,CAAC"}

package/dist/subgraphs/builder-profile/schema.js

@@ -1,49 +0,0 @@
-import { gql } from "graphql-tag";
-export const schema = gql `
-  """
-  Subgraph definition for BuilderProfile (powerhouse/builder-profile)
-  """
-  type BuilderProfileState {
-    id: PHID
-    slug: String
-    name: String
-    icon: URL
-    description: String
-  }
-
-  """
-  Queries: BuilderProfile
-  """
-  type BuilderProfileQueries {
-    getDocument(docId: PHID!, driveId: PHID): BuilderProfile
-    getDocuments(driveId: String!): [BuilderProfile!]
-  }
-
-  type Query {
-    BuilderProfile: BuilderProfileQueries
-  }
-
-  """
-  Mutations: BuilderProfile
-  """
-  type Mutation {
-    BuilderProfile_createDocument(name: String!, driveId: String): String
-
-    BuilderProfile_updateProfile(
-      driveId: String
-      docId: PHID
-      input: BuilderProfile_UpdateProfileInput
-    ): Int
-  }
-
-  """
-  Module: Builder
-  """
-  input BuilderProfile_UpdateProfileInput {
-    id: PHID
-    slug: String
-    name: String
-    icon: URL
-    description: String
-  }
-`;