@rslsp1/fa-app-tools 1.2.4 → 1.2.5

package/dist/chunk-UFXDXENC.mjs

@@ -0,0 +1,218 @@
+// src/lib/project.ts
+import JSZip from "jszip";
+
+// src/lib/metadata.ts
+var crcTable = (() => {
+  let c;
+  const table = new Uint32Array(256);
+  for (let n = 0; n < 256; n++) {
+    c = n;
+    for (let k = 0; k < 8; k++) {
+      c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
+    }
+    table[n] = c;
+  }
+  return table;
+})();
+function calculateCRC(bytes) {
+  let crc = 4294967295;
+  for (let i = 0; i < bytes.length; i++) {
+    crc = crcTable[(crc ^ bytes[i]) & 255] ^ crc >>> 8;
+  }
+  return (crc ^ 4294967295) >>> 0;
+}
+function indexOfBytes(buffer, search, start = 0) {
+  for (let i = start; i <= buffer.length - search.length; i++) {
+    let found = true;
+    for (let j = 0; j < search.length; j++) {
+      if (buffer[i + j] !== search[j]) {
+        found = false;
+        break;
+      }
+    }
+    if (found) return i;
+  }
+  return -1;
+}
+function createXMPPacket(prompt, seed, model, id, tags = [], hierarchy) {
+  const sanitize = (str) => (str || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+  const escPrompt = sanitize(prompt);
+  const escModel = sanitize(model || "AI Model");
+  const escHierarchy = sanitize(hierarchy || "");
+  const timestamp = (/* @__PURE__ */ new Date()).toISOString();
+  const allTags = [.../* @__PURE__ */ new Set([...tags, "Avatar Architect", escModel])];
+  const rdfTags = allTags.map((t) => `<rdf:li>${sanitize(t)}</rdf:li>`).join("");
+  const BOM = "\uFEFF";
+  return `<?xpacket begin="${BOM}" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c140">
+ <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+  <rdf:Description rdf:about=""
+    xmlns:xmp="http://ns.adobe.com/xap/1.0/"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/"
+    xmlns:ai="http://ns.flow.creative/ai/1.0/">
+   <dc:format>image/png</dc:format>
+   <dc:description><rdf:Alt><rdf:li xml:lang="x-default">${escPrompt}</rdf:li></rdf:Alt></dc:description>
+   <dc:subject><rdf:Bag>${rdfTags}</rdf:Bag></dc:subject>
+   <photoshop:Instructions>Seed: ${seed} | Model: ${escModel}</photoshop:Instructions>
+   <xmp:CreateDate>${timestamp}</xmp:CreateDate>
+   <ai:prompt>${escPrompt}</ai:prompt>
+   <ai:seed>${seed ?? "0"}</ai:seed>
+   <ai:model>${escModel}</ai:model>
+   <ai:hierarchy>${escHierarchy}</ai:hierarchy>
+  </rdf:Description>
+ </rdf:RDF>
+</x:xmpmeta>${" ".repeat(1024)}<?xpacket end="w"?>`;
+}
+function bytesToBase64(bytes) {
+  let binary = "";
+  const len = bytes.byteLength;
+  for (let i = 0; i < len; i++) binary += String.fromCharCode(bytes[i]);
+  return btoa(binary);
+}
+function base64ToBytes(base64) {
+  const clean = base64.includes(",") ? base64.split(",")[1] : base64.trim();
+  try {
+    const binary = atob(clean);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+    return bytes;
+  } catch (e) {
+    return new Uint8Array(0);
+  }
+}
+function injectXMPMetadata(base64, prompt, seed, model, id, tags = [], hierarchy) {
+  try {
+    const bytes = base64ToBytes(base64);
+    if (bytes.length < 8 || bytes[0] !== 137 || bytes[1] !== 80) {
+      console.warn("Metadaten-Injektion \xFCbersprungen: Datei ist kein PNG.");
+      return base64;
+    }
+    const xmpData = createXMPPacket(prompt, seed, model, id, tags, hierarchy);
+    const encoder = new TextEncoder();
+    const keyword = encoder.encode("XML:com.adobe.xmp");
+    const textBytes = encoder.encode(xmpData);
+    const chunkData = new Uint8Array(keyword.length + 5 + textBytes.length);
+    chunkData.set(keyword, 0);
+    chunkData.set(textBytes, keyword.length + 5);
+    const type = encoder.encode("iTXt");
+    const crcInput = new Uint8Array(type.length + chunkData.length);
+    crcInput.set(type, 0);
+    crcInput.set(chunkData, type.length);
+    const crc = calculateCRC(crcInput);
+    const fullChunk = new Uint8Array(4 + 4 + chunkData.length + 4);
+    const view = new DataView(fullChunk.buffer);
+    view.setUint32(0, chunkData.length);
+    fullChunk.set(type, 4);
+    fullChunk.set(chunkData, 8);
+    view.setUint32(8 + chunkData.length, crc);
+    const IDAT = encoder.encode("IDAT");
+    const idatPos = indexOfBytes(bytes, IDAT);
+    const insertPos = idatPos !== -1 ? idatPos - 4 : 8;
+    const result = new Uint8Array(bytes.length + fullChunk.length);
+    result.set(bytes.slice(0, insertPos), 0);
+    result.set(fullChunk, insertPos);
+    result.set(bytes.slice(insertPos), insertPos + fullChunk.length);
+    return bytesToBase64(result);
+  } catch (e) {
+    console.error("Fehler beim Einbetten der Metadaten:", e);
+    return base64;
+  }
+}
+
+// src/lib/project.ts
+function generateMarkdownReport(nodes, history) {
+  let md = "# Avatar Architect - Projekt Report\n\n";
+  md += `Exportiert: ${(/* @__PURE__ */ new Date()).toLocaleString()}
+
+`;
+  md += "## Hierarchie\n";
+  nodes.forEach((n) => {
+    md += `- **${n.data?.label || "Unbenannt"}**
+`;
+  });
+  md += "\n## Historie der Generationen\n";
+  history.forEach((h, i) => {
+    md += `### ${i + 1}. Generation (${h.model || "AI"})
+`;
+    md += `- **Zeitstempel**: ${new Date(h.timestamp).toLocaleString()}
+`;
+    md += `- **Seed**: ${h.seed}
+`;
+    md += `- **Prompt**:
+> ${h.prompt}
+
+`;
+  });
+  return md;
+}
+async function exportProjectToZip(nodes, edges, history, galleryItems, settings, workspaceTags, recentLabItemIds) {
+  const zip = new JSZip();
+  const projectData = {
+    nodes,
+    edges,
+    history: history.map((h) => ({ ...h, base64: void 0 })),
+    galleryItems: galleryItems.map((g) => ({ ...g, base64: void 0 })),
+    settings,
+    workspaceTags: workspaceTags || null,
+    recentLabItemIds: recentLabItemIds || [],
+    version: "1.3.0"
+  };
+  zip.file("project.json", JSON.stringify(projectData, null, 2));
+  zip.file("projekt_bericht.md", generateMarkdownReport(nodes, history));
+  const imgFolder = zip.folder("images");
+  if (imgFolder) {
+    const allItems = [...history, ...galleryItems];
+    for (const item of allItems) {
+      if (item.base64) {
+        try {
+          const cleanB64 = item.base64.includes(",") ? item.base64.split(",")[1] : item.base64;
+          const withMeta = injectXMPMetadata(cleanB64, item.prompt || "", item.seed, item.model, item.id, item.tags || []);
+          imgFolder.file(`${item.id}.png`, withMeta, { base64: true });
+        } catch (e) {
+          console.error("Fehler beim Packen eines Bildes:", e);
+        }
+      }
+    }
+  }
+  const blob = await zip.generateAsync({ type: "blob", compression: "STORE" });
+  return blobToBase64(blob);
+}
+async function blobToBase64(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      const result = reader.result;
+      resolve({ base64: result.split(",")[1] });
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
+async function importProjectFromZip(file) {
+  const zip = await JSZip.loadAsync(file);
+  const jsonStr = await zip.file("project.json")?.async("string");
+  if (!jsonStr) throw new Error("Keine project.json gefunden.");
+  const data = JSON.parse(jsonStr);
+  const imgFolder = zip.folder("images");
+  if (imgFolder) {
+    const loadImgs = async (items) => {
+      if (!items) return [];
+      return Promise.all(items.map(async (h) => {
+        const imgFile = zip.file(`images/${h.id}.png`);
+        if (!imgFile) return h;
+        const b64 = await imgFile.async("base64");
+        return { ...h, base64: `data:image/png;base64,${b64}` };
+      }));
+    };
+    data.history = await loadImgs(data.history || []);
+    data.galleryItems = await loadImgs(data.galleryItems || []);
+  }
+  return data;
+}
+
+export {
+  injectXMPMetadata,
+  exportProjectToZip,
+  importProjectFromZip
+};

package/dist/chunk-UZE44WOR.mjs

@@ -0,0 +1,99 @@
+// src/lib/hfStateService.ts
+var HF_BASE = "https://huggingface.co";
+var HF_REPO = "RolandSch/fa-app-state";
+var HF_TOKEN_KEY = "hf-token";
+function getHFToken() {
+  try {
+    return localStorage.getItem(HF_TOKEN_KEY);
+  } catch {
+    return null;
+  }
+}
+function setHFToken(token) {
+  try {
+    localStorage.setItem(HF_TOKEN_KEY, token);
+  } catch {
+  }
+}
+async function hfListProjects(token) {
+  const res = await fetch(`${HF_BASE}/api/datasets/${HF_REPO}/tree/main`, {
+    headers: { Authorization: `Bearer ${token}` }
+  });
+  if (!res.ok) throw new Error(`HF list failed: ${res.status} ${res.statusText}`);
+  const files = await res.json();
+  return files.filter((f) => f.type === "file" && f.path.endsWith(".zip")).map((f) => ({
+    id: f.path.replace(/\.zip$/, ""),
+    name: f.path.replace(/\.zip$/, ""),
+    path: f.path,
+    size: f.size,
+    isLfs: !!f.lfs
+  }));
+}
+async function hfDownloadProject(path, token) {
+  const res = await fetch(
+    `${HF_BASE}/datasets/${HF_REPO}/resolve/main/${path}?download=true`,
+    { headers: { Authorization: `Bearer ${token}` } }
+  );
+  if (!res.ok) throw new Error(`HF download failed: ${res.status} ${res.statusText}`);
+  const blob = await res.blob();
+  return new File([blob], path, { type: "application/zip" });
+}
+async function hfUploadProject(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 hashBuffer = await crypto.subtle.digest("SHA-256", bytes);
+  const oid = Array.from(new Uint8Array(hashBuffer)).map((b) => b.toString(16).padStart(2, "0")).join("");
+  const size = bytes.length;
+  const preRes = await fetch(`${HF_BASE}/api/datasets/${HF_REPO}/preupload/main`, {
+    method: "POST",
+    headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" },
+    body: JSON.stringify({ files: [{ path: filename, sample: btoa(String.fromCharCode(...bytes.slice(0, 128))) }] })
+  });
+  if (!preRes.ok) throw new Error(`HF preupload failed: ${preRes.status} ${preRes.statusText}`);
+  const preData = await preRes.json();
+  const fileInfo = preData.files?.[0];
+  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) throw new Error(`HF LFS upload failed: ${uploadRes.status}`);
+  }
+  const commitRes = await fetch(`${HF_BASE}/api/datasets/${HF_REPO}/commit/main`, {
+    method: "POST",
+    headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/x-ndjson" },
+    body: [
+      JSON.stringify({ key: "header", value: { summary: `Upload ${filename}`, description: "" } }),
+      JSON.stringify({ key: "lfsFile", value: { path: filename, algo: "sha256", oid, size } })
+    ].join("\n")
+  });
+  if (!commitRes.ok) {
+    const err = await commitRes.text();
+    throw new Error(`HF commit failed: ${commitRes.status} \u2014 ${err}`);
+  }
+  return { id: filename.replace(/\.zip$/, ""), name: filename.replace(/\.zip$/, ""), path: filename, size, isLfs: true };
+}
+async function hfDeleteProject(path, token) {
+  const res = await fetch(`${HF_BASE}/api/datasets/${HF_REPO}/commit/main`, {
+    method: "POST",
+    headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/x-ndjson" },
+    body: [
+      JSON.stringify({ key: "header", value: { summary: `Delete ${path}`, description: "" } }),
+      JSON.stringify({ key: "deletedFile", value: { path } })
+    ].join("\n")
+  });
+  if (!res.ok) throw new Error(`HF delete failed: ${res.status} ${res.statusText}`);
+}
+
+export {
+  HF_TOKEN_KEY,
+  getHFToken,
+  setHFToken,
+  hfListProjects,
+  hfDownloadProject,
+  hfUploadProject,
+  hfDeleteProject
+};

package/dist/hfStateService-Y563AT2M.mjs

@@ -0,0 +1,18 @@
+import {
+  HF_TOKEN_KEY,
+  getHFToken,
+  hfDeleteProject,
+  hfDownloadProject,
+  hfListProjects,
+  hfUploadProject,
+  setHFToken
+} from "./chunk-UZE44WOR.mjs";
+export {
+  HF_TOKEN_KEY,
+  getHFToken,
+  hfDeleteProject,
+  hfDownloadProject,
+  hfListProjects,
+  hfUploadProject,
+  setHFToken
+};

package/dist/index.d.mts

@@ -356,6 +356,9 @@ interface ProjectSyncTabProps {
     onRefreshServerProjects?: () => Promise<void>;
     onComputeSyncDiff?: () => Promise<SyncDiff>;
     onExecuteSync?: (selectedLocalIds: string[]) => Promise<void>;
+    hfToken?: string;
+    onHfLoad?: (file: File) => void;
+    onProjectExportBase64?: () => Promise<string>;
 }
 declare const ProjectSyncTab: React.FC<ProjectSyncTabProps>;
 
@@ -445,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.2.4";
+declare const LIB_VERSION = "1.2.5";
 
 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

@@ -356,6 +356,9 @@ interface ProjectSyncTabProps {
     onRefreshServerProjects?: () => Promise<void>;
     onComputeSyncDiff?: () => Promise<SyncDiff>;
     onExecuteSync?: (selectedLocalIds: string[]) => Promise<void>;
+    hfToken?: string;
+    onHfLoad?: (file: File) => void;
+    onProjectExportBase64?: () => Promise<string>;
 }
 declare const ProjectSyncTab: React.FC<ProjectSyncTabProps>;
 
@@ -445,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.2.4";
+declare const LIB_VERSION = "1.2.5";
 
 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 };