@powerhousedao/builder-profile 0.0.5 → 0.0.7

package/dist/editors/builder-profile/utils/graphql-client.js

@@ -0,0 +1,180 @@
+/**
+ * GraphQL client utility for fetching remote builder profiles from Switchboard.
+ * This is used as a fallback when local drives don't have the builder profile documents.
+ */
+function getGraphQLUrl() {
+    if (typeof window === "undefined") {
+        return "http://localhost:4001/graphql";
+    }
+    if (!window.document.baseURI.includes("localhost")) {
+        return window.document.baseURI + "/graphql";
+    }
+    return "http://localhost:4001/graphql";
+}
+async function graphqlRequest(query, variables, options) {
+    try {
+        const response = await fetch(getGraphQLUrl(), {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ query, variables }),
+        });
+        if (!response.ok) {
+            if (!options?.silent) {
+                console.warn("[graphql-client] Request failed:", response.status, response.statusText);
+            }
+            return null;
+        }
+        const result = (await response.json());
+        // Return data even if there are errors - partial data might still be useful
+        // Only treat as full failure if there's no data at all
+        if (result.errors?.length && !result.data) {
+            if (!options?.silent) {
+                console.warn("[graphql-client] GraphQL errors:", result.errors);
+            }
+            return null;
+        }
+        return result.data ?? null;
+    }
+    catch (error) {
+        // Silently fail - this is a fallback mechanism
+        if (!options?.silent) {
+            console.warn("[graphql-client] Request error:", error);
+        }
+        return null;
+    }
+}
+// Query to get all available drives
+const GET_DRIVES_QUERY = `
+  query GetDrives {
+    drives
+  }
+`;
+// Query to get drive ID by slug
+const GET_DRIVE_ID_BY_SLUG_QUERY = `
+  query GetDriveIdBySlug($slug: String!) {
+    driveIdBySlug(slug: $slug)
+  }
+`;
+// Query to get builder profile documents from a drive
+const GET_BUILDER_PROFILES_QUERY = `
+  query GetBuilderProfiles($driveId: String!) {
+    BuilderProfile {
+      getDocuments(driveId: $driveId) {
+        id
+        state {
+          name
+          slug
+          icon
+        }
+      }
+    }
+  }
+`;
+// Query to get a single builder profile by ID
+const GET_BUILDER_PROFILE_QUERY = `
+  query GetBuilderProfile($docId: PHID!, $driveId: PHID) {
+    BuilderProfile {
+      getDocument(docId: $docId, driveId: $driveId) {
+        id
+        state {
+          name
+          slug
+          icon
+        }
+      }
+    }
+  }
+`;
+/**
+ * Fetches all available remote drives
+ */
+export async function fetchRemoteDrives() {
+    const data = await graphqlRequest(GET_DRIVES_QUERY);
+    return data?.drives ?? [];
+}
+/**
+ * Fetches drive ID by slug
+ */
+export async function fetchDriveIdBySlug(slug) {
+    const data = await graphqlRequest(GET_DRIVE_ID_BY_SLUG_QUERY, { slug });
+    return data?.driveIdBySlug ?? null;
+}
+/**
+ * Fetches all builder profiles from a specific drive
+ */
+export async function fetchBuilderProfilesFromDrive(driveId, options) {
+    const data = await graphqlRequest(GET_BUILDER_PROFILES_QUERY, { driveId }, options);
+    return data?.BuilderProfile?.getDocuments ?? [];
+}
+/**
+ * Fetches a single builder profile by document ID
+ */
+export async function fetchBuilderProfileById(docId, driveId) {
+    const data = await graphqlRequest(GET_BUILDER_PROFILE_QUERY, { docId, driveId });
+    return data?.BuilderProfile?.getDocument ?? null;
+}
+/**
+ * Fetches all builder profiles from all available remote drives.
+ * This aggregates profiles from multiple drives into a single list.
+ */
+export async function fetchAllRemoteBuilderProfiles() {
+    try {
+        const drives = await fetchRemoteDrives();
+        if (!drives.length) {
+            return [];
+        }
+        // Fetch profiles from all drives in parallel (silent to avoid console spam)
+        const profilePromises = drives.map((driveSlug) => fetchBuilderProfilesFromDrive(driveSlug, { silent: true }).catch(() => []));
+        const profileArrays = await Promise.all(profilePromises);
+        // Flatten and dedupe by ID
+        const profileMap = new Map();
+        for (const profiles of profileArrays) {
+            for (const profile of profiles) {
+                if (!profileMap.has(profile.id)) {
+                    profileMap.set(profile.id, profile);
+                }
+            }
+        }
+        return Array.from(profileMap.values());
+    }
+    catch {
+        return [];
+    }
+}
+/**
+ * Fetches multiple builder profiles by their IDs.
+ * Tries to find them across all available remote drives.
+ */
+export async function fetchRemoteBuilderProfilesByIds(phids) {
+    if (!phids.length) {
+        return new Map();
+    }
+    try {
+        // First, get all profiles from all drives
+        const allProfiles = await fetchAllRemoteBuilderProfiles();
+        // Filter to only the ones we need
+        const result = new Map();
+        for (const profile of allProfiles) {
+            if (phids.includes(profile.id)) {
+                result.set(profile.id, profile);
+            }
+        }
+        // For any missing profiles, try direct fetch
+        const missingPhids = phids.filter((phid) => !result.has(phid));
+        if (missingPhids.length > 0) {
+            const directFetches = missingPhids.map(async (phid) => {
+                const profile = await fetchBuilderProfileById(phid);
+                if (profile) {
+                    result.set(phid, profile);
+                }
+            });
+            await Promise.all(directFetches);
+        }
+        return result;
+    }
+    catch {
+        return new Map();
+    }
+}

package/dist/style.css

@@ -8,6 +8,7 @@
       "Courier New", monospace;
     --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: hsl(3 82% 96%);
+    --color-red-300: hsl(6 82% 87%);
     --color-red-500: hsl(5 80% 78%);
     --color-red-600: hsl(4 81% 74%);
     --color-orange-500: hsl(33 99% 70%);
@@ -83,6 +84,7 @@
     --tracking-wider: 0.05em;
     --leading-relaxed: 1.625;
     --radius-sm: 0.25rem;
+    --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
@@ -293,6 +295,9 @@
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
   .mt-3 {
     margin-top: calc(var(--spacing) * 3);
   }
@@ -329,6 +334,9 @@
   .inline-flex {
     display: inline-flex;
   }
+  .table {
+    display: table;
+  }
   .h-2 {
     height: calc(var(--spacing) * 2);
   }
@@ -398,6 +406,9 @@
   .flex-shrink-0 {
     flex-shrink: 0;
   }
+  .border-collapse {
+    border-collapse: collapse;
+  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -414,6 +425,9 @@
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
+  .flex-col {
+    flex-direction: column;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
@@ -492,6 +506,9 @@
   .rounded-lg {
     border-radius: var(--radius-lg);
   }
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
@@ -533,6 +550,9 @@
   .border-indigo-100 {
     border-color: var(--color-indigo-100);
   }
+  .border-red-300 {
+    border-color: var(--color-red-300);
+  }
   .border-slate-100 {
     border-color: var(--color-slate-100);
   }
@@ -605,6 +625,9 @@
   .bg-purple-500 {
     background-color: var(--color-purple-500);
   }
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
@@ -796,6 +819,10 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .leading-4 {
+    --tw-leading: calc(var(--spacing) * 4);
+    line-height: calc(var(--spacing) * 4);
+  }
   .leading-relaxed {
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
@@ -863,6 +890,9 @@
   .text-red-500 {
     color: var(--color-red-500);
   }
+  .text-red-600 {
+    color: var(--color-red-600);
+  }
   .text-sky-700 {
     color: var(--color-sky-700);
   }
@@ -923,6 +953,10 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -1304,6 +1338,59 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-backdrop-blur {
   syntax: "*";
   inherits: false;
@@ -1384,6 +1471,19 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
       --tw-backdrop-blur: initial;
       --tw-backdrop-brightness: initial;
       --tw-backdrop-contrast: initial;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/builder-profile",
   "description": "Builder profile document model",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [
@@ -65,12 +65,14 @@
     "@powerhousedao/builder-tools": "latest",
     "@powerhousedao/common": "latest",
     "@powerhousedao/design-system": "latest",
-    "@powerhousedao/document-engineering": "^1.38.0",
+    "@powerhousedao/document-engineering": "^1.40.0",
+    "@uiw/react-md-editor": "^4.0.11",
     "document-model": "latest",
     "error": "^10.4.0",
     "graphql": "^16.10.0",
     "graphql-tag": "^2.12.6",
     "lucide-react": "^0.556.0",
+    "rehype-slug": "^6.0.0",
     "zod": "^3.24.2"
   },
   "devDependencies": {