@rslsp1/fa-app-tools 1.3.1 → 1.3.3

package/dist/{chunk-4MIV2ED3.mjs → chunk-JW5O3URT.mjs}

@@ -110,16 +110,14 @@ async function hfUploadProjectForm(zipBase64, name, token) {
   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 form = new FormData();
-  form.append("files[]", blob, filename);
-  const res = await fetch(
-    `${HF_BASE}/api/datasets/${HF_REPO}/upload/main`,
-    { method: "POST", headers: { Authorization: `Bearer ${token}` }, body: form }
-  );
-  if (!res.ok) {
-    const err = await res.text().catch(() => "");
-    throw new Error(`HF FormData upload failed: ${res.status} \u2014 ${err.slice(0, 300)}`);
-  }
+  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) {

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

@@ -7,7 +7,7 @@ import {
   hfUploadProject,
   hfUploadProjectForm,
   setHFToken
-} from "./chunk-4MIV2ED3.mjs";
+} from "./chunk-JW5O3URT.mjs";
 export {
   HF_TOKEN_KEY,
   getHFToken,

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.1";
+declare const LIB_VERSION = "1.3.3";
 
 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.1";
+declare const LIB_VERSION = "1.3.3";
 
 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

@@ -379,16 +379,14 @@ async function hfUploadProjectForm(zipBase64, name, token) {
   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 form = new FormData();
-  form.append("files[]", blob, filename);
-  const res = await fetch(
-    `${HF_BASE}/api/datasets/${HF_REPO}/upload/main`,
-    { method: "POST", headers: { Authorization: `Bearer ${token}` }, body: form }
-  );
-  if (!res.ok) {
-    const err = await res.text().catch(() => "");
-    throw new Error(`HF FormData upload failed: ${res.status} \u2014 ${err.slice(0, 300)}`);
-  }
+  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) {
@@ -3929,42 +3927,32 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         !projectLoaded && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-          "form",
-          {
-            onSubmit: (e) => {
-              e.preventDefault();
-              if (hfTokenInput.trim()) setHfToken(hfTokenInput.trim());
-            },
-            className: "flex gap-2 w-full",
-            autoComplete: "on",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { type: "text", name: "username", value: "hf-token", readOnly: true, autoComplete: "username", className: "hidden" }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                "input",
-                {
-                  type: "password",
-                  name: "password",
-                  autoComplete: "current-password",
-                  value: hfTokenInput,
-                  onChange: (e) => setHfTokenInput(e.target.value),
-                  placeholder: "HF Token (hf_\u2026)",
-                  className: "flex-1 rounded-xl px-3 text-[11px] font-mono outline-none",
-                  style: { height: 44, background: "rgba(255,255,255,0.05)", border: "1px solid rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.7)" }
-                }
-              ),
-              hfTokenInput.trim() && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                "button",
-                {
-                  type: "submit",
-                  className: "px-3 rounded-xl text-[11px] font-bold text-white",
-                  style: { background: "#f59e0b", height: 44 },
-                  children: "OK"
-                }
-              )
-            ]
-          }
-        ),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-2 w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "input",
+            {
+              type: "password",
+              value: hfTokenInput,
+              onChange: (e) => setHfTokenInput(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && hfTokenInput.trim()) setHfToken(hfTokenInput.trim());
+              },
+              placeholder: "HF Token (hf_\u2026)",
+              className: "flex-1 rounded-xl px-3 text-[11px] font-mono outline-none",
+              style: { height: 44, background: "rgba(255,255,255,0.05)", border: "1px solid rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.7)" }
+            }
+          ),
+          hfTokenInput.trim() && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setHfToken(hfTokenInput.trim()),
+              className: "px-3 rounded-xl text-[11px] font-bold text-white",
+              style: { background: "#f59e0b", height: 44 },
+              children: "OK"
+            }
+          )
+        ] }),
         hfToken && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           "button",
           {
@@ -4630,7 +4618,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.3.1";
+var LIB_VERSION = "1.3.3";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AvatarArchitectApp,

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
   hfDeleteProject,
   hfListProjects,
   hfUploadProjectForm
-} from "./chunk-4MIV2ED3.mjs";
+} from "./chunk-JW5O3URT.mjs";
 
 // src/hooks/useOnClickOutside.ts
 import { useEffect } from "react";
@@ -1547,7 +1547,7 @@ var ProjectSyncTab = ({
           {
             onClick: async () => {
               try {
-                const { hfDownloadProject } = await import("./hfStateService-UKEBY3QR.mjs");
+                const { hfDownloadProject } = await import("./hfStateService-UUDYKEMD.mjs");
                 const file = await hfDownloadProject(p.path, hfToken);
                 onHfLoad(file);
               } catch (e) {
@@ -3464,42 +3464,32 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
         !projectLoaded && /* @__PURE__ */ jsx20("span", { className: "text-white/20 text-[10px] text-center", children: "Baum, Bilder und Einstellungen wiederherstellen" })
       ] }),
       /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-2 w-full max-w-[280px]", children: [
-        /* @__PURE__ */ jsxs18(
-          "form",
-          {
-            onSubmit: (e) => {
-              e.preventDefault();
-              if (hfTokenInput.trim()) setHfToken(hfTokenInput.trim());
-            },
-            className: "flex gap-2 w-full",
-            autoComplete: "on",
-            children: [
-              /* @__PURE__ */ jsx20("input", { type: "text", name: "username", value: "hf-token", readOnly: true, autoComplete: "username", className: "hidden" }),
-              /* @__PURE__ */ jsx20(
-                "input",
-                {
-                  type: "password",
-                  name: "password",
-                  autoComplete: "current-password",
-                  value: hfTokenInput,
-                  onChange: (e) => setHfTokenInput(e.target.value),
-                  placeholder: "HF Token (hf_\u2026)",
-                  className: "flex-1 rounded-xl px-3 text-[11px] font-mono outline-none",
-                  style: { height: 44, background: "rgba(255,255,255,0.05)", border: "1px solid rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.7)" }
-                }
-              ),
-              hfTokenInput.trim() && /* @__PURE__ */ jsx20(
-                "button",
-                {
-                  type: "submit",
-                  className: "px-3 rounded-xl text-[11px] font-bold text-white",
-                  style: { background: "#f59e0b", height: 44 },
-                  children: "OK"
-                }
-              )
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxs18("div", { className: "flex gap-2 w-full", children: [
+          /* @__PURE__ */ jsx20(
+            "input",
+            {
+              type: "password",
+              value: hfTokenInput,
+              onChange: (e) => setHfTokenInput(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && hfTokenInput.trim()) setHfToken(hfTokenInput.trim());
+              },
+              placeholder: "HF Token (hf_\u2026)",
+              className: "flex-1 rounded-xl px-3 text-[11px] font-mono outline-none",
+              style: { height: 44, background: "rgba(255,255,255,0.05)", border: "1px solid rgba(255,255,255,0.1)", color: "rgba(255,255,255,0.7)" }
+            }
+          ),
+          hfTokenInput.trim() && /* @__PURE__ */ jsx20(
+            "button",
+            {
+              type: "button",
+              onClick: () => setHfToken(hfTokenInput.trim()),
+              className: "px-3 rounded-xl text-[11px] font-bold text-white",
+              style: { background: "#f59e0b", height: 44 },
+              children: "OK"
+            }
+          )
+        ] }),
         hfToken && /* @__PURE__ */ jsxs18(
           "button",
           {
@@ -3507,7 +3497,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
             onClick: async () => {
               setIsLoadingFromHF(true);
               try {
-                const { hfListProjects: hfListProjects2, hfDownloadProject } = await import("./hfStateService-UKEBY3QR.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 +4155,7 @@ function AvatarArchitectApp({ onGenerateImage, onGeneratePrompt, onDownload, onS
 }
 
 // src/index.ts
-var LIB_VERSION = "1.3.1";
+var LIB_VERSION = "1.3.3";
 export {
   AvatarArchitectApp,
   CollapsibleCard,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rslsp1/fa-app-tools",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "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": {