@weirdfingers/boards 0.4.0 → 0.5.0

package/dist/index.mjs

@@ -205,6 +205,240 @@ function useApiConfig() {
   return context;
 }
 
+// src/config/GeneratorSelectionContext.tsx
+import { createContext as createContext3, useContext as useContext3, useState as useState2, useCallback as useCallback2, useMemo } from "react";
+
+// src/utils/schemaParser.ts
+function isArtifactReference(property) {
+  if (!property || typeof property === "boolean") {
+    return false;
+  }
+  if (property.$ref && property.$ref.includes("Artifact")) {
+    return true;
+  }
+  if (property.type === "array" && property.items && typeof property.items === "object" && !Array.isArray(property.items)) {
+    const items = property.items;
+    return !!(items.$ref && items.$ref.includes("Artifact"));
+  }
+  return false;
+}
+function getArtifactType(ref) {
+  const match = ref.match(/(Audio|Video|Image|Text)Artifact/);
+  if (match) {
+    return match[1].toLowerCase();
+  }
+  return "image";
+}
+function parseArtifactSlot(name, property, required) {
+  const title = property.title || name;
+  const description = property.description;
+  if (property.type === "array" && property.items) {
+    const items = typeof property.items === "object" && !Array.isArray(property.items) ? property.items : void 0;
+    const artifactType2 = items?.$ref ? getArtifactType(items.$ref) : "image";
+    return {
+      name: title,
+      fieldName: name,
+      artifactType: artifactType2,
+      required,
+      description,
+      isArray: true,
+      minItems: property.minItems,
+      maxItems: property.maxItems
+    };
+  }
+  const artifactType = property.$ref ? getArtifactType(property.$ref) : "image";
+  return {
+    name: title,
+    fieldName: name,
+    artifactType,
+    required,
+    description,
+    isArray: false
+  };
+}
+function isSlider(property) {
+  return (property.type === "number" || property.type === "integer") && property.minimum !== void 0 && property.maximum !== void 0;
+}
+function parseSettingsField(name, property) {
+  const title = property.title || name;
+  const description = property.description;
+  if (property.enum && Array.isArray(property.enum)) {
+    const options = property.enum.map((val) => String(val));
+    const defaultValue = property.default !== void 0 ? String(property.default) : void 0;
+    return {
+      type: "dropdown",
+      fieldName: name,
+      title,
+      description,
+      options,
+      default: defaultValue
+    };
+  }
+  if (isSlider(property)) {
+    const isInteger = property.type === "integer";
+    return {
+      type: "slider",
+      fieldName: name,
+      title,
+      description,
+      min: property.minimum,
+      max: property.maximum,
+      step: property.multipleOf,
+      default: property.default !== void 0 ? property.default : void 0,
+      isInteger
+    };
+  }
+  if (property.type === "number" || property.type === "integer") {
+    const isInteger = property.type === "integer";
+    return {
+      type: "number",
+      fieldName: name,
+      title,
+      description,
+      default: property.default !== void 0 ? property.default : void 0,
+      min: property.minimum,
+      max: property.maximum,
+      isInteger
+    };
+  }
+  if (property.type === "string") {
+    return {
+      type: "text",
+      fieldName: name,
+      title,
+      description,
+      default: property.default !== void 0 ? String(property.default) : void 0,
+      pattern: property.pattern
+    };
+  }
+  return null;
+}
+function parseGeneratorSchema(schema) {
+  const artifactSlots = [];
+  const settingsFields = [];
+  let promptField = null;
+  if (!schema.properties) {
+    return { artifactSlots, promptField, settingsFields };
+  }
+  const required = schema.required || [];
+  for (const [name, propertyDef] of Object.entries(schema.properties)) {
+    if (typeof propertyDef === "boolean") {
+      continue;
+    }
+    const property = propertyDef;
+    const isRequired = required.includes(name);
+    if (isArtifactReference(property)) {
+      const slot = parseArtifactSlot(name, property, isRequired);
+      artifactSlots.push(slot);
+      continue;
+    }
+    if (name === "prompt" && property.type === "string") {
+      promptField = {
+        fieldName: name,
+        description: property.description,
+        required: isRequired,
+        default: property.default !== void 0 ? String(property.default) : void 0
+      };
+      continue;
+    }
+    const settingsField = parseSettingsField(name, property);
+    if (settingsField) {
+      settingsFields.push(settingsField);
+    }
+  }
+  return {
+    artifactSlots,
+    promptField,
+    settingsFields
+  };
+}
+
+// src/config/GeneratorSelectionContext.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var GeneratorSelectionContext = createContext3(null);
+function GeneratorSelectionProvider({
+  children
+}) {
+  const [selectedGenerator, setSelectedGenerator] = useState2(null);
+  const [selectedArtifacts, setSelectedArtifacts] = useState2(/* @__PURE__ */ new Map());
+  const parsedSchema = useMemo(() => {
+    if (!selectedGenerator) {
+      return null;
+    }
+    try {
+      return parseGeneratorSchema(selectedGenerator.inputSchema);
+    } catch (error) {
+      console.error("Failed to parse generator schema:", error);
+      return null;
+    }
+  }, [selectedGenerator]);
+  const artifactSlots = useMemo(() => {
+    if (!parsedSchema) {
+      return [];
+    }
+    return parsedSchema.artifactSlots.map((slot) => ({
+      fieldName: slot.fieldName,
+      artifactType: slot.artifactType,
+      required: slot.required
+    }));
+  }, [parsedSchema]);
+  const canArtifactBeAdded = useCallback2((artifactType) => {
+    if (!artifactSlots.length) {
+      return false;
+    }
+    return artifactSlots.some(
+      (slot) => slot.artifactType.toLowerCase() === artifactType.toLowerCase() && !selectedArtifacts.has(slot.fieldName)
+    );
+  }, [artifactSlots, selectedArtifacts]);
+  const addArtifactToSlot = useCallback2((artifact) => {
+    if (!artifactSlots.length) {
+      return false;
+    }
+    const compatibleSlot = artifactSlots.find(
+      (slot) => slot.artifactType.toLowerCase() === artifact.artifactType.toLowerCase() && !selectedArtifacts.has(slot.fieldName)
+    );
+    if (!compatibleSlot) {
+      return false;
+    }
+    const newArtifacts = new Map(selectedArtifacts);
+    newArtifacts.set(compatibleSlot.fieldName, artifact);
+    setSelectedArtifacts(newArtifacts);
+    return true;
+  }, [artifactSlots, selectedArtifacts]);
+  const removeArtifactFromSlot = useCallback2((slotName) => {
+    const newArtifacts = new Map(selectedArtifacts);
+    newArtifacts.delete(slotName);
+    setSelectedArtifacts(newArtifacts);
+  }, [selectedArtifacts]);
+  const clearAllArtifacts = useCallback2(() => {
+    setSelectedArtifacts(/* @__PURE__ */ new Map());
+  }, []);
+  const handleSetSelectedGenerator = useCallback2((generator) => {
+    setSelectedGenerator(generator);
+    setSelectedArtifacts(/* @__PURE__ */ new Map());
+  }, []);
+  const value = {
+    selectedGenerator,
+    setSelectedGenerator: handleSetSelectedGenerator,
+    parsedSchema,
+    artifactSlots,
+    canArtifactBeAdded,
+    selectedArtifacts,
+    setSelectedArtifacts,
+    addArtifactToSlot,
+    removeArtifactFromSlot,
+    clearAllArtifacts
+  };
+  return /* @__PURE__ */ jsx3(GeneratorSelectionContext.Provider, { value, children });
+}
+function useGeneratorSelection() {
+  const context = useContext3(GeneratorSelectionContext);
+  if (!context) {
+    throw new Error("useGeneratorSelection must be used within GeneratorSelectionProvider");
+  }
+  return context;
+}
+
 // src/graphql/client.ts
 import {
   createClient,
@@ -364,7 +598,7 @@ var GET_BOARD = gql`
   ${BOARD_FRAGMENT}
   ${USER_FRAGMENT}
   ${GENERATION_FRAGMENT}
-  query GetBoard($id: UUID!) {
+  query GetBoard($id: UUID!, $limit: Int, $offset: Int) {
     board(id: $id) {
       ...BoardFragment
       owner {
@@ -384,7 +618,7 @@ var GET_BOARD = gql`
           ...UserFragment
         }
       }
-      generations(limit: 10) {
+      generations(limit: $limit, offset: $offset) {
         ...GenerationFragment
       }
     }
@@ -535,19 +769,19 @@ var ArtifactType = /* @__PURE__ */ ((ArtifactType4) => {
 })(ArtifactType || {});
 
 // src/hooks/useBoards.ts
-import { useCallback as useCallback2, useMemo, useState as useState2 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo2, useState as useState3 } from "react";
 import { useQuery, useMutation } from "urql";
 function useBoards(options = {}) {
   const { limit = 50, offset = 0 } = options;
-  const [searchQuery, setSearchQuery] = useState2("");
+  const [searchQuery, setSearchQuery] = useState3("");
   const [{ data, fetching, error }, reexecuteQuery] = useQuery({
     query: GET_BOARDS,
     variables: { limit, offset }
   });
   const [, createBoardMutation] = useMutation(CREATE_BOARD);
   const [, deleteBoardMutation] = useMutation(DELETE_BOARD);
-  const boards = useMemo(() => data?.myBoards || [], [data?.myBoards]);
-  const createBoard = useCallback2(
+  const boards = useMemo2(() => data?.myBoards || [], [data?.myBoards]);
+  const createBoard = useCallback3(
     async (input) => {
       const result = await createBoardMutation({ input });
       if (result.error) {
@@ -561,7 +795,7 @@ function useBoards(options = {}) {
     },
     [createBoardMutation, reexecuteQuery]
   );
-  const deleteBoard = useCallback2(
+  const deleteBoard = useCallback3(
     async (boardId) => {
       const result = await deleteBoardMutation({ id: boardId });
       if (result.error) {
@@ -574,7 +808,7 @@ function useBoards(options = {}) {
     },
     [deleteBoardMutation, reexecuteQuery]
   );
-  const searchBoards = useCallback2(
+  const searchBoards = useCallback3(
     async (query) => {
       setSearchQuery(query);
       return new Promise((resolve) => {
@@ -589,7 +823,7 @@ function useBoards(options = {}) {
     },
     [boards]
   );
-  const refresh = useCallback2(async () => {
+  const refresh = useCallback3(async () => {
     await reexecuteQuery({ requestPolicy: "network-only" });
   }, [reexecuteQuery]);
   return {
@@ -606,13 +840,18 @@ function useBoards(options = {}) {
 }
 
 // src/hooks/useBoard.ts
-import { useCallback as useCallback3, useMemo as useMemo2 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo3 } from "react";
 import { useQuery as useQuery2, useMutation as useMutation2 } from "urql";
-function useBoard(boardId) {
+function useBoard(boardId, options) {
   const { user } = useAuth();
   const [{ data, fetching, error }, reexecuteQuery] = useQuery2({
     query: GET_BOARD,
-    variables: { id: boardId },
+    variables: {
+      id: boardId,
+      limit: options?.limit ?? 100,
+      // Default to 100 generations
+      offset: options?.offset ?? 0
+    },
     pause: !boardId,
     requestPolicy: "cache-and-network"
     // Always fetch fresh data while showing cached data
@@ -622,9 +861,9 @@ function useBoard(boardId) {
   const [, addMemberMutation] = useMutation2(ADD_BOARD_MEMBER);
   const [, updateMemberRoleMutation] = useMutation2(UPDATE_BOARD_MEMBER_ROLE);
   const [, removeMemberMutation] = useMutation2(REMOVE_BOARD_MEMBER);
-  const board = useMemo2(() => data?.board || null, [data?.board]);
-  const members = useMemo2(() => board?.members || [], [board?.members]);
-  const permissions = useMemo2(() => {
+  const board = useMemo3(() => data?.board || null, [data?.board]);
+  const members = useMemo3(() => board?.members || [], [board?.members]);
+  const permissions = useMemo3(() => {
     if (!board || !user) {
       return {
         canEdit: false,
@@ -653,7 +892,7 @@ function useBoard(boardId) {
       // Even viewers can export
     };
   }, [board, user, members]);
-  const updateBoard = useCallback3(
+  const updateBoard = useCallback4(
     async (updates) => {
       if (!boardId) {
         throw new Error("Board ID is required");
@@ -672,7 +911,7 @@ function useBoard(boardId) {
     },
     [boardId, updateBoardMutation]
   );
-  const deleteBoard = useCallback3(async () => {
+  const deleteBoard = useCallback4(async () => {
     if (!boardId) {
       throw new Error("Board ID is required");
     }
@@ -684,7 +923,7 @@ function useBoard(boardId) {
       throw new Error("Failed to delete board");
     }
   }, [boardId, deleteBoardMutation]);
-  const addMember = useCallback3(
+  const addMember = useCallback4(
     async (email, role) => {
       if (!boardId) {
         throw new Error("Board ID is required");
@@ -705,7 +944,7 @@ function useBoard(boardId) {
     },
     [boardId, addMemberMutation, reexecuteQuery]
   );
-  const removeMember = useCallback3(
+  const removeMember = useCallback4(
     async (memberId) => {
       const result = await removeMemberMutation({ id: memberId });
       if (result.error) {
@@ -718,7 +957,7 @@ function useBoard(boardId) {
     },
     [removeMemberMutation, reexecuteQuery]
   );
-  const updateMemberRole = useCallback3(
+  const updateMemberRole = useCallback4(
     async (memberId, role) => {
       const result = await updateMemberRoleMutation({
         id: memberId,
@@ -735,19 +974,19 @@ function useBoard(boardId) {
     },
     [updateMemberRoleMutation, reexecuteQuery]
   );
-  const generateShareLink = useCallback3(
+  const generateShareLink = useCallback4(
     async (_options) => {
       throw new Error("Share links not implemented yet");
     },
     []
   );
-  const revokeShareLink = useCallback3(
+  const revokeShareLink = useCallback4(
     async (_linkId) => {
       throw new Error("Share link revocation not implemented yet");
     },
     []
   );
-  const refresh = useCallback3(async () => {
+  const refresh = useCallback4(async () => {
     await reexecuteQuery({ requestPolicy: "network-only" });
   }, [reexecuteQuery]);
   return {
@@ -768,15 +1007,15 @@ function useBoard(boardId) {
 }
 
 // src/hooks/useGeneration.ts
-import { useCallback as useCallback4, useState as useState3, useEffect as useEffect2, useRef } from "react";
+import { useCallback as useCallback5, useState as useState4, useEffect as useEffect2, useRef } from "react";
 import { fetchEventSource } from "@microsoft/fetch-event-source";
 import { useMutation as useMutation3 } from "urql";
 function useGeneration() {
-  const [progress, setProgress] = useState3(null);
-  const [result, setResult] = useState3(null);
-  const [error, setError] = useState3(null);
-  const [isGenerating, setIsGenerating] = useState3(false);
-  const [history, setHistory] = useState3([]);
+  const [progress, setProgress] = useState4(null);
+  const [result, setResult] = useState4(null);
+  const [error, setError] = useState4(null);
+  const [isGenerating, setIsGenerating] = useState4(false);
+  const [history, setHistory] = useState4([]);
   const { apiUrl } = useApiConfig();
   const auth = useAuth();
   const abortControllers = useRef(/* @__PURE__ */ new Map());
@@ -791,7 +1030,7 @@ function useGeneration() {
       abortControllers.current.clear();
     };
   }, []);
-  const connectToSSE = useCallback4(
+  const connectToSSE = useCallback5(
     async (jobId) => {
       const existingController = abortControllers.current.get(jobId);
       if (existingController) {
@@ -895,7 +1134,7 @@ function useGeneration() {
     },
     [apiUrl, auth]
   );
-  const submit = useCallback4(
+  const submit = useCallback5(
     async (request) => {
       setError(null);
       setProgress(null);
@@ -947,7 +1186,7 @@ function useGeneration() {
     },
     [createGenerationMutation, connectToSSE]
   );
-  const cancel = useCallback4(
+  const cancel = useCallback5(
     async (jobId) => {
       try {
         const result2 = await cancelGenerationMutation({ id: jobId });
@@ -969,7 +1208,7 @@ function useGeneration() {
     },
     [cancelGenerationMutation]
   );
-  const retry = useCallback4(
+  const retry = useCallback5(
     async (jobId) => {
       try {
         setError(null);
@@ -992,7 +1231,7 @@ function useGeneration() {
     },
     [retryGenerationMutation, connectToSSE]
   );
-  const clearHistory = useCallback4(() => {
+  const clearHistory = useCallback5(() => {
     setHistory([]);
   }, []);
   return {
@@ -1009,7 +1248,7 @@ function useGeneration() {
 }
 
 // src/hooks/useGenerators.ts
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 import { useQuery as useQuery3 } from "urql";
 function useGenerators(options = {}) {
   const { artifactType } = options;
@@ -1017,7 +1256,7 @@ function useGenerators(options = {}) {
     query: GET_GENERATORS,
     variables: artifactType ? { artifactType } : {}
   });
-  const generators = useMemo3(() => data?.generators || [], [data?.generators]);
+  const generators = useMemo4(() => data?.generators || [], [data?.generators]);
   return {
     generators,
     loading: fetching,
@@ -1025,154 +1264,9 @@ function useGenerators(options = {}) {
   };
 }
 
-// src/utils/schemaParser.ts
-function isArtifactReference(property) {
-  if (!property || typeof property === "boolean") {
-    return false;
-  }
-  if (property.$ref && property.$ref.includes("Artifact")) {
-    return true;
-  }
-  if (property.type === "array" && property.items && typeof property.items === "object" && !Array.isArray(property.items)) {
-    const items = property.items;
-    return !!(items.$ref && items.$ref.includes("Artifact"));
-  }
-  return false;
-}
-function getArtifactType(ref) {
-  const match = ref.match(/(Audio|Video|Image|Text)Artifact/);
-  if (match) {
-    return match[1].toLowerCase();
-  }
-  return "image";
-}
-function parseArtifactSlot(name, property, required) {
-  const title = property.title || name;
-  const description = property.description;
-  if (property.type === "array" && property.items) {
-    const items = typeof property.items === "object" && !Array.isArray(property.items) ? property.items : void 0;
-    const artifactType2 = items?.$ref ? getArtifactType(items.$ref) : "image";
-    return {
-      name: title,
-      fieldName: name,
-      artifactType: artifactType2,
-      required,
-      description,
-      isArray: true,
-      minItems: property.minItems,
-      maxItems: property.maxItems
-    };
-  }
-  const artifactType = property.$ref ? getArtifactType(property.$ref) : "image";
-  return {
-    name: title,
-    fieldName: name,
-    artifactType,
-    required,
-    description,
-    isArray: false
-  };
-}
-function isSlider(property) {
-  return (property.type === "number" || property.type === "integer") && property.minimum !== void 0 && property.maximum !== void 0;
-}
-function parseSettingsField(name, property) {
-  const title = property.title || name;
-  const description = property.description;
-  if (property.enum && Array.isArray(property.enum)) {
-    const options = property.enum.map((val) => String(val));
-    const defaultValue = property.default !== void 0 ? String(property.default) : void 0;
-    return {
-      type: "dropdown",
-      fieldName: name,
-      title,
-      description,
-      options,
-      default: defaultValue
-    };
-  }
-  if (isSlider(property)) {
-    const isInteger = property.type === "integer";
-    return {
-      type: "slider",
-      fieldName: name,
-      title,
-      description,
-      min: property.minimum,
-      max: property.maximum,
-      step: property.multipleOf,
-      default: property.default !== void 0 ? property.default : void 0,
-      isInteger
-    };
-  }
-  if (property.type === "number" || property.type === "integer") {
-    const isInteger = property.type === "integer";
-    return {
-      type: "number",
-      fieldName: name,
-      title,
-      description,
-      default: property.default !== void 0 ? property.default : void 0,
-      min: property.minimum,
-      max: property.maximum,
-      isInteger
-    };
-  }
-  if (property.type === "string") {
-    return {
-      type: "text",
-      fieldName: name,
-      title,
-      description,
-      default: property.default !== void 0 ? String(property.default) : void 0,
-      pattern: property.pattern
-    };
-  }
-  return null;
-}
-function parseGeneratorSchema(schema) {
-  const artifactSlots = [];
-  const settingsFields = [];
-  let promptField = null;
-  if (!schema.properties) {
-    return { artifactSlots, promptField, settingsFields };
-  }
-  const required = schema.required || [];
-  for (const [name, propertyDef] of Object.entries(schema.properties)) {
-    if (typeof propertyDef === "boolean") {
-      continue;
-    }
-    const property = propertyDef;
-    const isRequired = required.includes(name);
-    if (isArtifactReference(property)) {
-      const slot = parseArtifactSlot(name, property, isRequired);
-      artifactSlots.push(slot);
-      continue;
-    }
-    if (name === "prompt" && property.type === "string") {
-      promptField = {
-        fieldName: name,
-        description: property.description,
-        required: isRequired,
-        default: property.default !== void 0 ? String(property.default) : void 0
-      };
-      continue;
-    }
-    const settingsField = parseSettingsField(name, property);
-    if (settingsField) {
-      settingsFields.push(settingsField);
-    }
-  }
-  return {
-    artifactSlots,
-    promptField,
-    settingsFields
-  };
-}
-
 // src/providers/BoardsProvider.tsx
 import { Provider as UrqlProvider } from "urql";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function BoardsProvider({
   children,
   apiUrl,
@@ -1195,7 +1289,7 @@ function BoardsProvider({
     },
     tenantId
   });
-  return /* @__PURE__ */ jsx3(AuthProvider, { provider: authProvider, children: /* @__PURE__ */ jsx3(ApiConfigProvider, { config: apiConfig, children: /* @__PURE__ */ jsx3(UrqlProvider, { value: client, children }) }) });
+  return /* @__PURE__ */ jsx4(AuthProvider, { provider: authProvider, children: /* @__PURE__ */ jsx4(ApiConfigProvider, { config: apiConfig, children: /* @__PURE__ */ jsx4(UrqlProvider, { value: client, children }) }) });
 }
 
 // src/index.ts
@@ -1220,6 +1314,7 @@ export {
   GET_GENERATIONS,
   GET_GENERATORS,
   GenerationStatus,
+  GeneratorSelectionProvider,
   NoAuthProvider,
   REMOVE_BOARD_MEMBER,
   RETRY_GENERATION,
@@ -1239,6 +1334,7 @@ export {
   useBoard,
   useBoards,
   useGeneration,
+  useGeneratorSelection,
   useGenerators
 };
 //# sourceMappingURL=index.mjs.map