@rslsp1/fa-app-tools 1.3.0 → 1.3.2

package/dist/{chunk-Q4S6265R.mjs → chunk-JW5O3URT.mjs}

@@ -61,14 +61,22 @@ async function hfUploadProject(zipBase64, name, token) {
   const debugInfo = JSON.stringify({ uploadMode: fileInfo?.uploadMode, hasUploadUrl: !!fileInfo?.uploadUrl, hasVerifyUrl: !!fileInfo?.verifyUrl, headerKeys: Object.keys(fileInfo?.header || {}), verifyHeaderKeys: Object.keys(fileInfo?.verifyHeader || {}) });
   if (!fileInfo?.uploadMode) throw new Error(`HF preupload kein fileInfo: ${JSON.stringify(preData)}`);
   if (fileInfo.uploadMode === "lfs" && fileInfo.uploadUrl) {
-    const uploadRes = await fetch(fileInfo.uploadUrl, {
-      method: "PUT",
-      headers: { "Content-Type": "application/octet-stream", ...fileInfo.header || {} },
-      body: bytes
-    });
-    if (!uploadRes.ok) {
-      const uploadErr = await uploadRes.text().catch(() => "");
-      throw new Error(`HF LFS upload failed: ${uploadRes.status} \u2014 ${uploadErr.slice(0, 200)}`);
+    let uploadStatus = 0;
+    try {
+      const uploadRes = await fetch(fileInfo.uploadUrl, {
+        method: "PUT",
+        redirect: "follow",
+        headers: { "Content-Type": "application/octet-stream", ...fileInfo.header || {} },
+        body: bytes
+      });
+      uploadStatus = uploadRes.status;
+      if (!uploadRes.ok) {
+        const uploadErr = await uploadRes.text().catch(() => "");
+        throw new Error(`HF LFS upload failed: ${uploadRes.status} \u2014 ${uploadErr.slice(0, 300)}`);
+      }
+    } catch (e) {
+      if (uploadStatus === 0) throw new Error(`HF LFS upload network error (CORS/redirect?): ${e.message}`);
+      throw e;
     }
     if (fileInfo.verifyUrl) {
       const verifyRes = await fetch(fileInfo.verifyUrl, {
@@ -96,6 +104,22 @@ async function hfUploadProject(zipBase64, name, token) {
   }
   return { id: filename.replace(/\.zip$/, ""), name: filename.replace(/\.zip$/, ""), path: filename, size, isLfs: true };
 }
+async function hfUploadProjectForm(zipBase64, name, token) {
+  const filename = name.endsWith(".zip") ? name : `${name}.zip`;
+  const binary = atob(zipBase64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+  const blob = new Blob([bytes], { type: "application/zip" });
+  const { uploadFile } = await import("@huggingface/hub");
+  await uploadFile({
+    repo: { type: "dataset", name: HF_REPO },
+    credentials: { accessToken: token },
+    file: { path: filename, content: blob },
+    branch: "main",
+    commitTitle: `Upload ${filename}`
+  });
+  return { id: filename.replace(/\.zip$/, ""), name: filename.replace(/\.zip$/, ""), path: filename, size: bytes.length, isLfs: true };
+}
 async function hfDeleteProject(path, token) {
   const res = await fetch(`${HF_BASE}/api/datasets/${HF_REPO}/commit/main`, {
     method: "POST",
@@ -115,5 +139,6 @@ export {
   hfListProjects,
   hfDownloadProject,
   hfUploadProject,
+  hfUploadProjectForm,
   hfDeleteProject
 };

package/dist/{hfStateService-TIQTJTHV.mjs → hfStateService-UUDYKEMD.mjs}

@@ -5,8 +5,9 @@ import {
   hfDownloadProject,
   hfListProjects,
   hfUploadProject,
+  hfUploadProjectForm,
   setHFToken
-} from "./chunk-Q4S6265R.mjs";
+} from "./chunk-JW5O3URT.mjs";
 export {
   HF_TOKEN_KEY,
   getHFToken,
@@ -14,5 +15,6 @@ export {
   hfDownloadProject,
   hfListProjects,
   hfUploadProject,
+  hfUploadProjectForm,
   setHFToken
 };

package/dist/index.d.mts

@@ -448,6 +448,6 @@ declare function buildLoopInstruction(rounds: Array<{
 declare function autoLabel(index: number): string;
 declare function buildReferenceImageMediaIds(images: SelectedLabImage[]): string[];
 
-declare const LIB_VERSION = "1.3.0";
+declare const LIB_VERSION = "1.3.2";
 
 export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, groupGenerationsToLabItems, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, useKeyboardNavigation, useOnClickOutside };

package/dist/index.d.ts

@@ -448,6 +448,6 @@ declare function buildLoopInstruction(rounds: Array<{
 declare function autoLabel(index: number): string;
 declare function buildReferenceImageMediaIds(images: SelectedLabImage[]): string[];
 
-declare const LIB_VERSION = "1.3.0";
+declare const LIB_VERSION = "1.3.2";
 
 export { AvatarArchitectApp, type AvatarArchitectAppProps, CollapsibleCard, CompactDropdown, type ExtractedCharacter, FaToolsBadge, type FlowSdk, GLOBAL_STYLES, type Generation, HistoryPanel, InspectPanel, LIB_VERSION, LabBlend, LabCompare, type LabFrame, LabImagePicker, type LabItem, LabLoop, LabRemix, type LabServices, LabsTab, ListView, type MediaItem, MediaLibrary, PillButton, type ProjectMeta, type ProjectSettings, ProjectSyncTab, PromptTab, SectionLabel, type SelectedLabImage, type SelectedTag, SetupPanel, type SyncDiff, TagManagerPanel, type TagOption, type WorkspaceTags, autoLabel, buildBlendInstruction, buildCompareInstruction, buildFallbackPrompt, buildGenerationPrompt, buildImageGenerationOptions, buildLoopInstruction, buildPromptTabPayload, buildReferenceImageMediaIds, buildRemixInstruction, buildScanInstruction, cleanAiResponse, createFlowServices, exportProjectToZip, formatTreeToMarkdown, frameToGeneration, getFormattedTimestamp, groupGenerationsToLabItems, importProjectFromZip, injectXMPMetadata, interpretSdkError, parsePromptFile, parsePromptResponse, useKeyboardNavigation, useOnClickOutside };

package/dist/index.js

@@ -268,6 +268,7 @@ __export(hfStateService_exports, {
   hfDownloadProject: () => hfDownloadProject,
   hfListProjects: () => hfListProjects,
   hfUploadProject: () => hfUploadProject,
+  hfUploadProjectForm: () => hfUploadProjectForm,
   setHFToken: () => setHFToken
 });
 function getHFToken() {
@@ -329,14 +330,22 @@ async function hfUploadProject(zipBase64, name, token) {
   const debugInfo = JSON.stringify({ uploadMode: fileInfo?.uploadMode, hasUploadUrl: !!fileInfo?.uploadUrl, hasVerifyUrl: !!fileInfo?.verifyUrl, headerKeys: Object.keys(fileInfo?.header || {}), verifyHeaderKeys: Object.keys(fileInfo?.verifyHeader || {}) });
   if (!fileInfo?.uploadMode) throw new Error(`HF preupload kein fileInfo: ${JSON.stringify(preData)}`);
   if (fileInfo.uploadMode === "lfs" && fileInfo.uploadUrl) {
-    const uploadRes = await fetch(fileInfo.uploadUrl, {
-      method: "PUT",
-      headers: { "Content-Type": "application/octet-stream", ...fileInfo.header || {} },
-      body: bytes
-    });
-    if (!uploadRes.ok) {
-      const uploadErr = await uploadRes.text().catch(() => "");
-      throw new Error(`HF LFS upload failed: ${uploadRes.status} \u2014 ${uploadErr.slice(0, 200)}`);
+    let uploadStatus = 0;
+    try {
+      const uploadRes = await fetch(fileInfo.uploadUrl, {
+        method: "PUT",
+        redirect: "follow",
+        headers: { "Content-Type": "application/octet-stream", ...fileInfo.header || {} },
+        body: bytes
+      });
+      uploadStatus = uploadRes.status;
+      if (!uploadRes.ok) {
+        const uploadErr = await uploadRes.text().catch(() => "");
+        throw new Error(`HF LFS upload failed: ${uploadRes.status} \u2014 ${uploadErr.slice(0, 300)}`);
+      }
+    } catch (e) {
+      if (uploadStatus === 0) throw new Error(`HF LFS upload network error (CORS/redirect?): ${e.message}`);
+      throw e;
     }
     if (fileInfo.verifyUrl) {
       const verifyRes = await fetch(fileInfo.verifyUrl, {
@@ -364,6 +373,22 @@ async function hfUploadProject(zipBase64, name, token) {
   }
   return { id: filename.replace(/\.zip$/, ""), name: filename.replace(/\.zip$/, ""), path: filename, size, isLfs: true };
 }
+async function hfUploadProjectForm(zipBase64, name, token) {
+  const filename = name.endsWith(".zip") ? name : `${name}.zip`;
+  const binary = atob(zipBase64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+  const blob = new Blob([bytes], { type: "application/zip" });
+  const { uploadFile } = await import("@huggingface/hub");
+  await uploadFile({
+    repo: { type: "dataset", name: HF_REPO },
+    credentials: { accessToken: token },
+    file: { path: filename, content: blob },
+    branch: "main",
+    commitTitle: `Upload ${filename}`
+  });
+  return { id: filename.replace(/\.zip$/, ""), name: filename.replace(/\.zip$/, ""), path: filename, size: bytes.length, isLfs: true };
+}
 async function hfDeleteProject(path, token) {
   const res = await fetch(`${HF_BASE}/api/datasets/${HF_REPO}/commit/main`, {
     method: "POST",
@@ -1952,7 +1977,7 @@ var ProjectSyncTab = ({
               try {
                 const base64 = await onProjectExportBase64();
                 const name = hfSaveName.trim() || `project_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 16).replace("T", "_").replace(":", "")}`;
-                await hfUploadProject(base64, name, hfToken);
+                await hfUploadProjectForm(base64, name, hfToken);
                 setHfSaveName("");
                 await loadHfProjects(hfToken);
               } catch (e) {
@@ -4603,7 +4628,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.3.0";
+var LIB_VERSION = "1.3.2";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,

package/dist/index.mjs

@@ -6,8 +6,8 @@ import {
 import {
   hfDeleteProject,
   hfListProjects,
-  hfUploadProject
-} from "./chunk-Q4S6265R.mjs";
+  hfUploadProjectForm
+} from "./chunk-JW5O3URT.mjs";
 
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
@@ -1518,7 +1518,7 @@ var ProjectSyncTab = ({
               try {
                 const base64 = await onProjectExportBase64();
                 const name = hfSaveName.trim() || `project_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 16).replace("T", "_").replace(":", "")}`;
-                await hfUploadProject(base64, name, hfToken);
+                await hfUploadProjectForm(base64, name, hfToken);
                 setHfSaveName("");
                 await loadHfProjects(hfToken);
               } catch (e) {
@@ -1547,7 +1547,7 @@ var ProjectSyncTab = ({
           {
             onClick: async () => {
               try {
-                const { hfDownloadProject } = await import("./hfStateService-TIQTJTHV.mjs");
+                const { hfDownloadProject } = await import("./hfStateService-UUDYKEMD.mjs");
                 const file = await hfDownloadProject(p.path, hfToken);
                 onHfLoad(file);
               } catch (e) {
@@ -3507,7 +3507,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onClick: async () => {
               setIsLoadingFromHF(true);
               try {
-                const { hfListProjects: hfListProjects2, hfDownloadProject } = await import("./hfStateService-TIQTJTHV.mjs");
+                const { hfListProjects: hfListProjects2, hfDownloadProject } = await import("./hfStateService-UUDYKEMD.mjs");
                 const projects = await hfListProjects2(hfToken);
                 if (projects.length > 0) {
                   const file = await hfDownloadProject(projects[0].path, hfToken);
@@ -4165,7 +4165,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.3.0";
+var LIB_VERSION = "1.3.2";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rslsp1/fa-app-tools",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Shared tools and hooks for Fine Art flow apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -24,6 +24,7 @@
     "react": ">=18"
   },
   "dependencies": {
+    "@huggingface/hub": "^2.13.0",
     "jszip": "^3.10.1"
   },
   "devDependencies": {