File size: 2,342 Bytes
1e3b872 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
import { getResolver } from "./shared_utils.js";
// @ts-ignore
import { getPngMetadata, getWebpMetadata } from "../../scripts/pnginfo.js";
import type { SerializedGraph } from "typings/index.js";
import type { ComfyApiFormat } from "typings/comfy.js";
export async function tryToGetWorkflowDataFromEvent(
e: DragEvent,
): Promise<{ workflow: SerializedGraph | null; prompt: ComfyApiFormat | null }> {
let work;
for (const file of e.dataTransfer?.files || []) {
const data = await tryToGetWorkflowDataFromFile(file);
if (data.workflow || data.prompt) {
return data;
}
}
const validTypes = ["text/uri-list", "text/x-moz-url"];
const match = (e.dataTransfer?.types || []).find((t) => validTypes.find((v) => t === v));
if (match) {
const uri = e.dataTransfer!.getData(match)?.split("\n")?.[0];
if (uri) {
return tryToGetWorkflowDataFromFile(await (await fetch(uri)).blob());
}
}
return { workflow: null, prompt: null };
}
export async function tryToGetWorkflowDataFromFile(
file: File | Blob,
): Promise<{ workflow: SerializedGraph | null; prompt: ComfyApiFormat | null }> {
if (file.type === "image/png") {
const pngInfo = await getPngMetadata(file);
return {
workflow: JSON.parse(pngInfo?.workflow ?? "null"),
prompt: JSON.parse(pngInfo?.prompt ?? "null"),
};
}
if (file.type === "image/webp") {
const pngInfo = await getWebpMetadata(file);
// Support loading workflows from that webp custom node.
const workflow = JSON.parse(pngInfo?.workflow || pngInfo?.Workflow || "null");
const prompt = JSON.parse(pngInfo?.prompt || pngInfo?.Prompt || "null");
return { workflow, prompt };
}
if (file.type === "application/json" || (file as File).name?.endsWith(".json")) {
const resolver = getResolver<{ workflow: any; prompt: any }>();
const reader = new FileReader();
reader.onload = async () => {
const json = JSON.parse(reader.result as string);
const isApiJson = Object.values(json).every((v: any) => v.class_type);
const prompt = isApiJson ? json : null;
const workflow = !isApiJson && !json?.templates ? json : null;
return { workflow, prompt };
};
return resolver.promise;
}
return { workflow: null, prompt: null };
}
|