@howone/sdk 0.3.10 → 0.3.11

package/dist/index.js

@@ -289,12 +289,14 @@ __export(index_exports, {
   ThemeToggle: () => ThemeToggle,
   aiWorkflow: () => aiWorkflow,
   canAccessArtifact: () => canAccessArtifact,
+  createAIClient: () => createAIClient,
   createAIWorkflowClient: () => createAIWorkflowClient,
   createAIWorkflowClientAxios: () => createAIWorkflowClientAxios,
   createArtifactsClient: () => createArtifactsClient,
   createClient: () => createClient,
   createSSEClient: () => createSSEClient,
   createSSERequest: () => createSSERequest,
+  createUploadClient: () => createUploadClient,
   elementSelector: () => elementSelector,
   executeSSEWorkflow: () => executeSSEWorkflow,
   getCodeStatus: () => getCodeStatus,
@@ -2029,18 +2031,30 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-shrink-0 mt-0.5 relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `w-7 h-7 backdrop-blur-sm rounded-full flex items-center justify-center ${theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "bg-white/10" : "bg-black/5"}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_react12.Icon,
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-shrink-0 flex-grow-0 mt-0.5 relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
       {
-        icon: iconConfig.icon,
-        width: 16,
-        height: 16,
-        className: iconConfig.color,
+        className: "backdrop-blur-sm rounded-full flex items-center justify-center overflow-hidden flex-shrink-0 flex-grow-0",
         style: {
-          color: themeConfig.gradientColor
-        }
+          backgroundColor: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)",
+          width: "28px",
+          height: "28px"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_react12.Icon,
+          {
+            icon: iconConfig.icon,
+            width: 16,
+            height: 16,
+            className: `flex-shrink-0`,
+            style: {
+              color: themeConfig.gradientColor,
+              display: "block"
+            }
+          }
+        ) })
       }
-    ) }) }),
+    ) }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1 flex-1 relative z-10", children: [
       title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "div",
@@ -2489,6 +2503,154 @@ function createArtifactsClient(req) {
   };
 }
 
+// src/services/upload-client.ts
+function createUploadClient(req, projectId) {
+  const uploadUrl = projectId ? `/entities/apps/${projectId}/files` : "/files";
+  return {
+    /**
+     * 上传单个文件
+     * 
+     * @example
+     * ```typescript
+     * const { url } = await client.upload.file(imageFile)
+     * console.log('文件地址:', url)
+     * ```
+     */
+    async file(file, options) {
+      const formData = new FormData();
+      if (typeof file === "string") {
+        if (file.startsWith("data:")) {
+          const response2 = await fetch(file);
+          const blob = await response2.blob();
+          formData.append("file", blob, "upload.bin");
+        } else {
+          formData.append("fileUrl", file);
+        }
+      } else if (file instanceof File) {
+        formData.append("file", file, file.name);
+      } else {
+        formData.append("file", file, "upload.bin");
+      }
+      if (options?.metadata) {
+        formData.append("metadata", JSON.stringify(options.metadata));
+      }
+      const response = await req.post({
+        url: uploadUrl,
+        data: formData,
+        signal: options?.signal
+      });
+      return {
+        url: response.url || response.storageUrl,
+        thumbnailUrl: response.thumbnailUrl,
+        id: response.id,
+        size: response.size,
+        mimeType: response.mimeType || response.contentType
+      };
+    },
+    /**
+     * 上传图片（快捷方法，专为 AI 设计）
+     * 
+     * @example
+     * ```typescript
+     * const { url } = await client.upload.image(imageFile)
+     * ```
+     */
+    async image(file) {
+      const result = await this.file(file);
+      return { url: result.url };
+    },
+    /**
+     * 批量上传文件
+     * 
+     * @example
+     * ```typescript
+     * const result = await client.upload.batch({
+     *   files: [file1, file2, file3],
+     *   concurrent: 3,
+     *   onProgress: (completed, total) => {
+     *     console.log(`${completed}/${total}`)
+     *   }
+     * })
+     * ```
+     */
+    async batch(options) {
+      const { files, concurrent = 3, onProgress, onFileComplete, signal } = options;
+      const success = [];
+      const failed = [];
+      let completed = 0;
+      for (let i = 0; i < files.length; i += concurrent) {
+        if (signal?.aborted) break;
+        const batch = files.slice(i, Math.min(i + concurrent, files.length));
+        const promises = batch.map(async (file, batchIndex) => {
+          const globalIndex = i + batchIndex;
+          try {
+            const result = await this.file(file, { signal });
+            success.push(result);
+            if (onFileComplete) {
+              onFileComplete(result, globalIndex);
+            }
+          } catch (error) {
+            const errorMsg = error instanceof Error ? error.message : String(error);
+            failed.push({ index: globalIndex, error: errorMsg });
+            if (onFileComplete) {
+              onFileComplete(
+                error instanceof Error ? error : new Error(errorMsg),
+                globalIndex
+              );
+            }
+          } finally {
+            completed++;
+            if (onProgress) {
+              onProgress(completed, files.length);
+            }
+          }
+        });
+        await Promise.all(promises);
+      }
+      return {
+        success,
+        failed,
+        total: files.length
+      };
+    }
+  };
+}
+
+// src/services/ai-client.ts
+function createAIClient(req, projectId) {
+  const generateImageUrl = projectId ? `/entities/apps/${projectId}/generate-image` : "/generate-image";
+  return {
+    /**
+     * 生成/修改图片
+     * 
+     * @example
+     * ```typescript
+     * const result = await client.ai.generateImage({
+     *   imageUrl: 'https://example.com/image.jpg',
+     *   description: '把天空改成蓝色'
+     * })
+     * console.log('新图片:', result.imageUrl)
+     * ```
+     */
+    async generateImage(options) {
+      const { imageUrl, description, signal } = options;
+      const response = await req.post({
+        url: generateImageUrl,
+        data: {
+          imageUrl,
+          description
+        },
+        signal
+      });
+      return {
+        imageUrl: response.imageUrl || response.url,
+        taskId: response.taskId || response.id,
+        metadata: response.metadata
+      };
+    }
+  };
+}
+
 // src/services/sse-executor.ts
 init_config();
 async function executeSSEWorkflow(request, options = {}) {
@@ -3562,6 +3724,41 @@ function createClient(opts) {
     workflowExecutor: workflowExecutorFactory,
     // artifact helpers using artifacts-client
     artifacts: createArtifactsClient(biz),
+    /**
+     * 文件上传模块（独立，不依赖 artifact）
+     * 
+     * @example
+     * ```typescript
+     * // 最简单的用法
+     * const { url } = await client.upload.file(imageFile)
+     * console.log('文件地址:', url)
+     * 
+     * // AI 友好版本（只返回 url）
+     * const { url } = await client.upload.image(imageFile)
+     * 
+     * // 批量上传
+     * const result = await client.upload.batch({
+     *   files: [file1, file2, file3],
+     *   concurrent: 3,
+     *   onProgress: (completed, total) => console.log(`${completed}/${total}`)
+     * })
+     * ```
+     */
+    upload: createUploadClient(bizWrapped, opts?.projectId),
+    /**
+     * AI 功能模块
+     * 
+     * @example
+     * ```typescript
+     * // 图片生成/修改
+     * const result = await client.ai.generateImage({
+     *   imageUrl: 'https://example.com/image.jpg',
+     *   description: '把天空改成蓝色'
+     * })
+     * console.log('新图片:', result.imageUrl)
+     * ```
+     */
+    ai: createAIClient(bizWrapped, opts?.projectId),
     me: async () => {
       try {
         let availableToken = getCachedOrGlobalToken();
@@ -4066,12 +4263,14 @@ var elementSelector = {
   ThemeToggle,
   aiWorkflow,
   canAccessArtifact,
+  createAIClient,
   createAIWorkflowClient,
   createAIWorkflowClientAxios,
   createArtifactsClient,
   createClient,
   createSSEClient,
   createSSERequest,
+  createUploadClient,
   elementSelector,
   executeSSEWorkflow,
   getCodeStatus,