@weirdfingers/boards 0.4.1 → 0.5.0

package/dist/index.js

@@ -39,6 +39,7 @@ __export(index_exports, {
   GET_GENERATIONS: () => GET_GENERATIONS,
   GET_GENERATORS: () => GET_GENERATORS,
   GenerationStatus: () => GenerationStatus,
+  GeneratorSelectionProvider: () => GeneratorSelectionProvider,
   NoAuthProvider: () => NoAuthProvider,
   REMOVE_BOARD_MEMBER: () => REMOVE_BOARD_MEMBER,
   RETRY_GENERATION: () => RETRY_GENERATION,
@@ -58,6 +59,7 @@ __export(index_exports, {
   useBoard: () => useBoard,
   useBoards: () => useBoards,
   useGeneration: () => useGeneration,
+  useGeneratorSelection: () => useGeneratorSelection,
   useGenerators: () => useGenerators
 });
 module.exports = __toCommonJS(index_exports);
@@ -269,6 +271,240 @@ function useApiConfig() {
   return context;
 }
 
+// src/config/GeneratorSelectionContext.tsx
+var import_react3 = require("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
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var GeneratorSelectionContext = (0, import_react3.createContext)(null);
+function GeneratorSelectionProvider({
+  children
+}) {
+  const [selectedGenerator, setSelectedGenerator] = (0, import_react3.useState)(null);
+  const [selectedArtifacts, setSelectedArtifacts] = (0, import_react3.useState)(/* @__PURE__ */ new Map());
+  const parsedSchema = (0, import_react3.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 = (0, import_react3.useMemo)(() => {
+    if (!parsedSchema) {
+      return [];
+    }
+    return parsedSchema.artifactSlots.map((slot) => ({
+      fieldName: slot.fieldName,
+      artifactType: slot.artifactType,
+      required: slot.required
+    }));
+  }, [parsedSchema]);
+  const canArtifactBeAdded = (0, import_react3.useCallback)((artifactType) => {
+    if (!artifactSlots.length) {
+      return false;
+    }
+    return artifactSlots.some(
+      (slot) => slot.artifactType.toLowerCase() === artifactType.toLowerCase() && !selectedArtifacts.has(slot.fieldName)
+    );
+  }, [artifactSlots, selectedArtifacts]);
+  const addArtifactToSlot = (0, import_react3.useCallback)((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 = (0, import_react3.useCallback)((slotName) => {
+    const newArtifacts = new Map(selectedArtifacts);
+    newArtifacts.delete(slotName);
+    setSelectedArtifacts(newArtifacts);
+  }, [selectedArtifacts]);
+  const clearAllArtifacts = (0, import_react3.useCallback)(() => {
+    setSelectedArtifacts(/* @__PURE__ */ new Map());
+  }, []);
+  const handleSetSelectedGenerator = (0, import_react3.useCallback)((generator) => {
+    setSelectedGenerator(generator);
+    setSelectedArtifacts(/* @__PURE__ */ new Map());
+  }, []);
+  const value = {
+    selectedGenerator,
+    setSelectedGenerator: handleSetSelectedGenerator,
+    parsedSchema,
+    artifactSlots,
+    canArtifactBeAdded,
+    selectedArtifacts,
+    setSelectedArtifacts,
+    addArtifactToSlot,
+    removeArtifactFromSlot,
+    clearAllArtifacts
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(GeneratorSelectionContext.Provider, { value, children });
+}
+function useGeneratorSelection() {
+  const context = (0, import_react3.useContext)(GeneratorSelectionContext);
+  if (!context) {
+    throw new Error("useGeneratorSelection must be used within GeneratorSelectionProvider");
+  }
+  return context;
+}
+
 // src/graphql/client.ts
 var import_urql = require("urql");
 var import_exchange_auth = require("@urql/exchange-auth");
@@ -593,19 +829,19 @@ var ArtifactType = /* @__PURE__ */ ((ArtifactType4) => {
 })(ArtifactType || {});
 
 // src/hooks/useBoards.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_urql3 = require("urql");
 function useBoards(options = {}) {
   const { limit = 50, offset = 0 } = options;
-  const [searchQuery, setSearchQuery] = (0, import_react3.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react4.useState)("");
   const [{ data, fetching, error }, reexecuteQuery] = (0, import_urql3.useQuery)({
     query: GET_BOARDS,
     variables: { limit, offset }
   });
   const [, createBoardMutation] = (0, import_urql3.useMutation)(CREATE_BOARD);
   const [, deleteBoardMutation] = (0, import_urql3.useMutation)(DELETE_BOARD);
-  const boards = (0, import_react3.useMemo)(() => data?.myBoards || [], [data?.myBoards]);
-  const createBoard = (0, import_react3.useCallback)(
+  const boards = (0, import_react4.useMemo)(() => data?.myBoards || [], [data?.myBoards]);
+  const createBoard = (0, import_react4.useCallback)(
     async (input) => {
       const result = await createBoardMutation({ input });
       if (result.error) {
@@ -619,7 +855,7 @@ function useBoards(options = {}) {
     },
     [createBoardMutation, reexecuteQuery]
   );
-  const deleteBoard = (0, import_react3.useCallback)(
+  const deleteBoard = (0, import_react4.useCallback)(
     async (boardId) => {
       const result = await deleteBoardMutation({ id: boardId });
       if (result.error) {
@@ -632,7 +868,7 @@ function useBoards(options = {}) {
     },
     [deleteBoardMutation, reexecuteQuery]
   );
-  const searchBoards = (0, import_react3.useCallback)(
+  const searchBoards = (0, import_react4.useCallback)(
     async (query) => {
       setSearchQuery(query);
       return new Promise((resolve) => {
@@ -647,7 +883,7 @@ function useBoards(options = {}) {
     },
     [boards]
   );
-  const refresh = (0, import_react3.useCallback)(async () => {
+  const refresh = (0, import_react4.useCallback)(async () => {
     await reexecuteQuery({ requestPolicy: "network-only" });
   }, [reexecuteQuery]);
   return {
@@ -664,7 +900,7 @@ function useBoards(options = {}) {
 }
 
 // src/hooks/useBoard.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_urql4 = require("urql");
 function useBoard(boardId, options) {
   const { user } = useAuth();
@@ -685,9 +921,9 @@ function useBoard(boardId, options) {
   const [, addMemberMutation] = (0, import_urql4.useMutation)(ADD_BOARD_MEMBER);
   const [, updateMemberRoleMutation] = (0, import_urql4.useMutation)(UPDATE_BOARD_MEMBER_ROLE);
   const [, removeMemberMutation] = (0, import_urql4.useMutation)(REMOVE_BOARD_MEMBER);
-  const board = (0, import_react4.useMemo)(() => data?.board || null, [data?.board]);
-  const members = (0, import_react4.useMemo)(() => board?.members || [], [board?.members]);
-  const permissions = (0, import_react4.useMemo)(() => {
+  const board = (0, import_react5.useMemo)(() => data?.board || null, [data?.board]);
+  const members = (0, import_react5.useMemo)(() => board?.members || [], [board?.members]);
+  const permissions = (0, import_react5.useMemo)(() => {
     if (!board || !user) {
       return {
         canEdit: false,
@@ -716,7 +952,7 @@ function useBoard(boardId, options) {
       // Even viewers can export
     };
   }, [board, user, members]);
-  const updateBoard = (0, import_react4.useCallback)(
+  const updateBoard = (0, import_react5.useCallback)(
     async (updates) => {
       if (!boardId) {
         throw new Error("Board ID is required");
@@ -735,7 +971,7 @@ function useBoard(boardId, options) {
     },
     [boardId, updateBoardMutation]
   );
-  const deleteBoard = (0, import_react4.useCallback)(async () => {
+  const deleteBoard = (0, import_react5.useCallback)(async () => {
     if (!boardId) {
       throw new Error("Board ID is required");
     }
@@ -747,7 +983,7 @@ function useBoard(boardId, options) {
       throw new Error("Failed to delete board");
     }
   }, [boardId, deleteBoardMutation]);
-  const addMember = (0, import_react4.useCallback)(
+  const addMember = (0, import_react5.useCallback)(
     async (email, role) => {
       if (!boardId) {
         throw new Error("Board ID is required");
@@ -768,7 +1004,7 @@ function useBoard(boardId, options) {
     },
     [boardId, addMemberMutation, reexecuteQuery]
   );
-  const removeMember = (0, import_react4.useCallback)(
+  const removeMember = (0, import_react5.useCallback)(
     async (memberId) => {
       const result = await removeMemberMutation({ id: memberId });
       if (result.error) {
@@ -781,7 +1017,7 @@ function useBoard(boardId, options) {
     },
     [removeMemberMutation, reexecuteQuery]
   );
-  const updateMemberRole = (0, import_react4.useCallback)(
+  const updateMemberRole = (0, import_react5.useCallback)(
     async (memberId, role) => {
       const result = await updateMemberRoleMutation({
         id: memberId,
@@ -798,19 +1034,19 @@ function useBoard(boardId, options) {
     },
     [updateMemberRoleMutation, reexecuteQuery]
   );
-  const generateShareLink = (0, import_react4.useCallback)(
+  const generateShareLink = (0, import_react5.useCallback)(
     async (_options) => {
       throw new Error("Share links not implemented yet");
     },
     []
   );
-  const revokeShareLink = (0, import_react4.useCallback)(
+  const revokeShareLink = (0, import_react5.useCallback)(
     async (_linkId) => {
       throw new Error("Share link revocation not implemented yet");
     },
     []
   );
-  const refresh = (0, import_react4.useCallback)(async () => {
+  const refresh = (0, import_react5.useCallback)(async () => {
     await reexecuteQuery({ requestPolicy: "network-only" });
   }, [reexecuteQuery]);
   return {
@@ -831,22 +1067,22 @@ function useBoard(boardId, options) {
 }
 
 // src/hooks/useGeneration.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_fetch_event_source = require("@microsoft/fetch-event-source");
 var import_urql5 = require("urql");
 function useGeneration() {
-  const [progress, setProgress] = (0, import_react5.useState)(null);
-  const [result, setResult] = (0, import_react5.useState)(null);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const [isGenerating, setIsGenerating] = (0, import_react5.useState)(false);
-  const [history, setHistory] = (0, import_react5.useState)([]);
+  const [progress, setProgress] = (0, import_react6.useState)(null);
+  const [result, setResult] = (0, import_react6.useState)(null);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const [isGenerating, setIsGenerating] = (0, import_react6.useState)(false);
+  const [history, setHistory] = (0, import_react6.useState)([]);
   const { apiUrl } = useApiConfig();
   const auth = useAuth();
-  const abortControllers = (0, import_react5.useRef)(/* @__PURE__ */ new Map());
+  const abortControllers = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
   const [, createGenerationMutation] = (0, import_urql5.useMutation)(CREATE_GENERATION);
   const [, cancelGenerationMutation] = (0, import_urql5.useMutation)(CANCEL_GENERATION);
   const [, retryGenerationMutation] = (0, import_urql5.useMutation)(RETRY_GENERATION);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     return () => {
       abortControllers.current.forEach((controller) => {
         controller.abort();
@@ -854,7 +1090,7 @@ function useGeneration() {
       abortControllers.current.clear();
     };
   }, []);
-  const connectToSSE = (0, import_react5.useCallback)(
+  const connectToSSE = (0, import_react6.useCallback)(
     async (jobId) => {
       const existingController = abortControllers.current.get(jobId);
       if (existingController) {
@@ -958,7 +1194,7 @@ function useGeneration() {
     },
     [apiUrl, auth]
   );
-  const submit = (0, import_react5.useCallback)(
+  const submit = (0, import_react6.useCallback)(
     async (request) => {
       setError(null);
       setProgress(null);
@@ -1010,7 +1246,7 @@ function useGeneration() {
     },
     [createGenerationMutation, connectToSSE]
   );
-  const cancel = (0, import_react5.useCallback)(
+  const cancel = (0, import_react6.useCallback)(
     async (jobId) => {
       try {
         const result2 = await cancelGenerationMutation({ id: jobId });
@@ -1032,7 +1268,7 @@ function useGeneration() {
     },
     [cancelGenerationMutation]
   );
-  const retry = (0, import_react5.useCallback)(
+  const retry = (0, import_react6.useCallback)(
     async (jobId) => {
       try {
         setError(null);
@@ -1055,7 +1291,7 @@ function useGeneration() {
     },
     [retryGenerationMutation, connectToSSE]
   );
-  const clearHistory = (0, import_react5.useCallback)(() => {
+  const clearHistory = (0, import_react6.useCallback)(() => {
     setHistory([]);
   }, []);
   return {
@@ -1072,7 +1308,7 @@ function useGeneration() {
 }
 
 // src/hooks/useGenerators.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_urql6 = require("urql");
 function useGenerators(options = {}) {
   const { artifactType } = options;
@@ -1080,7 +1316,7 @@ function useGenerators(options = {}) {
     query: GET_GENERATORS,
     variables: artifactType ? { artifactType } : {}
   });
-  const generators = (0, import_react6.useMemo)(() => data?.generators || [], [data?.generators]);
+  const generators = (0, import_react7.useMemo)(() => data?.generators || [], [data?.generators]);
   return {
     generators,
     loading: fetching,
@@ -1088,154 +1324,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
 var import_urql7 = require("urql");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function BoardsProvider({
   children,
   apiUrl,
@@ -1258,7 +1349,7 @@ function BoardsProvider({
     },
     tenantId
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AuthProvider, { provider: authProvider, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ApiConfigProvider, { config: apiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_urql7.Provider, { value: client, children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AuthProvider, { provider: authProvider, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ApiConfigProvider, { config: apiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_urql7.Provider, { value: client, children }) }) });
 }
 
 // src/index.ts
@@ -1284,6 +1375,7 @@ var VERSION = "0.1.0";
   GET_GENERATIONS,
   GET_GENERATORS,
   GenerationStatus,
+  GeneratorSelectionProvider,
   NoAuthProvider,
   REMOVE_BOARD_MEMBER,
   RETRY_GENERATION,
@@ -1303,6 +1395,7 @@ var VERSION = "0.1.0";
   useBoard,
   useBoards,
   useGeneration,
+  useGeneratorSelection,
   useGenerators
 });
 //# sourceMappingURL=index.js.map