@gradio/client 2.0.0-dev.0 → 2.0.0-dev.2

package/dist/index.js

@@ -1,14 +1,3 @@
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var _currentLine;
 const HOST_URL = `host`;
 const SSE_URL = `queue/data`;
 const SSE_DATA_URL = `queue/join`;
@@ -99,24 +88,23 @@ async function resolve_config(endpoint) {
   throw new Error(CONFIG_ERROR_MSG);
 }
 async function handleConfigResponse(response, endpoint, authorized) {
-  var _a, _b;
-  if ((response == null ? void 0 : response.status) === 401 && !authorized) {
+  if (response?.status === 401 && !authorized) {
     const error_data = await response.json();
-    const auth_message = (_a = error_data == null ? void 0 : error_data.detail) == null ? void 0 : _a.auth_message;
+    const auth_message = error_data?.detail?.auth_message;
     throw new Error(auth_message || MISSING_CREDENTIALS_MSG);
-  } else if ((response == null ? void 0 : response.status) === 401 && authorized) {
+  } else if (response?.status === 401 && authorized) {
     throw new Error(INVALID_CREDENTIALS_MSG);
   }
-  if ((response == null ? void 0 : response.status) === 200) {
+  if (response?.status === 200) {
     let config = await response.json();
     config.root = endpoint;
-    (_b = config.dependencies) == null ? void 0 : _b.forEach((dep, i) => {
+    config.dependencies?.forEach((dep, i) => {
       if (dep.id === void 0) {
         dep.id = i;
       }
     });
     return config;
-  } else if ((response == null ? void 0 : response.status) === 401) {
+  } else if (response?.status === 401) {
     throw new Error(UNAUTHORIZED_MSG);
   }
   throw new Error(CONFIG_ERROR_MSG);
@@ -143,8 +131,8 @@ async function resolve_cookies() {
 }
 async function get_cookie_header(http_protocol, host, auth, _fetch, token) {
   const formData = new FormData();
-  formData.append("username", auth == null ? void 0 : auth[0]);
-  formData.append("password", auth == null ? void 0 : auth[1]);
+  formData.append("username", auth?.[0]);
+  formData.append("password", auth?.[1]);
   let headers = {};
   if (token) {
     headers.Authorization = `Bearer ${token}`;
@@ -247,17 +235,13 @@ function transform_api_info(api_info, config, api_map) {
       transformed_info[category] = {};
       Object.entries(api_info[category]).forEach(
         ([endpoint, { parameters, returns }]) => {
-          var _a, _b, _c, _d;
-          const dependencyIndex = ((_a = config.dependencies.find(
+          const dependencyIndex = config.dependencies.find(
             (dep) => dep.api_name === endpoint || dep.api_name === endpoint.replace("/", "")
-          )) == null ? void 0 : _a.id) || api_map[endpoint.replace("/", "")] || -1;
-          const dependencyTypes = dependencyIndex !== -1 ? (_b = config.dependencies.find((dep) => dep.id == dependencyIndex)) == null ? void 0 : _b.types : { generator: false, cancel: false };
-          if (dependencyIndex !== -1 && ((_d = (_c = config.dependencies.find((dep) => dep.id == dependencyIndex)) == null ? void 0 : _c.inputs) == null ? void 0 : _d.length) !== parameters.length) {
+          )?.id || api_map[endpoint.replace("/", "")] || -1;
+          const dependencyTypes = dependencyIndex !== -1 ? config.dependencies.find((dep) => dep.id == dependencyIndex)?.types : { generator: false, cancel: false };
+          if (dependencyIndex !== -1 && config.dependencies.find((dep) => dep.id == dependencyIndex)?.inputs?.length !== parameters.length) {
             const components = config.dependencies.find((dep) => dep.id == dependencyIndex).inputs.map(
-              (input) => {
-                var _a2;
-                return (_a2 = config.components.find((c) => c.id === input)) == null ? void 0 : _a2.type;
-              }
+              (input) => config.components.find((c) => c.id === input)?.type
             );
             try {
               components.forEach((comp, idx) => {
@@ -279,15 +263,15 @@ function transform_api_info(api_info, config, api_map) {
           }
           const transform_type = (data, component, serializer, signature_type) => ({
             ...data,
-            description: get_description(data == null ? void 0 : data.type, serializer),
-            type: get_type(data == null ? void 0 : data.type, component, serializer, signature_type) || ""
+            description: get_description(data?.type, serializer),
+            type: get_type(data?.type, component, serializer, signature_type) || ""
           });
           transformed_info[category][endpoint] = {
             parameters: parameters.map(
-              (p) => transform_type(p, p == null ? void 0 : p.component, p == null ? void 0 : p.serializer, "parameter")
+              (p) => transform_type(p, p?.component, p?.serializer, "parameter")
             ),
             returns: returns.map(
-              (r) => transform_type(r, r == null ? void 0 : r.component, r == null ? void 0 : r.serializer, "return")
+              (r) => transform_type(r, r?.component, r?.serializer, "return")
             ),
             type: dependencyTypes
           };
@@ -299,7 +283,7 @@ function transform_api_info(api_info, config, api_map) {
 }
 function get_type(type, component, serializer, signature_type) {
   if (component === "Api") return type.type;
-  switch (type == null ? void 0 : type.type) {
+  switch (type?.type) {
     case "string":
       return "string";
     case "boolean":
@@ -314,7 +298,7 @@ function get_type(type, component, serializer, signature_type) {
   } else if (component === "Image") {
     return signature_type === "parameter" ? "Blob | File | Buffer" : "string";
   } else if (serializer === "FileSerializable") {
-    if ((type == null ? void 0 : type.type) === "array") {
+    if (type?.type === "array") {
       return signature_type === "parameter" ? "(Blob | File | Buffer)[]" : `{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}[]`;
     }
     return signature_type === "parameter" ? "Blob | File | Buffer" : `{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}`;
@@ -330,7 +314,7 @@ function get_description(type, serializer) {
   } else if (serializer === "FileSerializable") {
     return "array of files or single file";
   }
-  return type == null ? void 0 : type.description;
+  return type?.description;
 }
 function handle_message(data, last_status) {
   const queue = true;
@@ -435,8 +419,8 @@ function handle_message(data, last_status) {
           type: "update",
           status: {
             queue,
-            title: data.output.title,
-            message: data.output.error,
+            title: data.output.title ?? "Error",
+            message: data.output.error ?? "An error occurred",
             visible: data.output.visible,
             duration: data.output.duration,
             stage: "error",
@@ -550,9 +534,8 @@ async function view_api() {
   }
 }
 async function upload_files(root_url, files, upload_id) {
-  var _a;
   const headers = {};
-  if ((_a = this == null ? void 0 : this.options) == null ? void 0 : _a.token) {
+  if (this?.options?.token) {
     headers.Authorization = `Bearer ${this.options.token}`;
   }
   const chunkSize = 1e3;
@@ -586,6 +569,33 @@ async function upload_files(root_url, files, upload_id) {
   }
   return { files: uploadResponses };
 }
+const si = {
+  radix: 1e3,
+  unit: ["b", "kb", "Mb", "Gb", "Tb", "Pb", "Eb", "Zb", "Yb"]
+};
+const iec = {
+  radix: 1024,
+  unit: ["b", "Kib", "Mib", "Gib", "Tib", "Pib", "Eib", "Zib", "Yib"]
+};
+const jedec = {
+  radix: 1024,
+  unit: ["b", "Kb", "Mb", "Gb", "Tb", "Pb", "Eb", "Zb", "Yb"]
+};
+const SPECS = {
+  si,
+  iec,
+  jedec
+};
+function filesize(bytes, fixed = 1, spec = "jedec") {
+  bytes = Math.abs(bytes);
+  const { radix, unit } = SPECS[spec] || SPECS.jedec;
+  let loop = 0;
+  while (bytes >= radix) {
+    bytes /= radix;
+    ++loop;
+  }
+  return `${bytes.toFixed(fixed)} ${unit[loop]}`;
+}
 async function upload(file_data, root_url, upload_id, max_file_size) {
   let files = (Array.isArray(file_data) ? file_data : [file_data]).map(
     (file_data2) => file_data2.blob
@@ -595,7 +605,7 @@ async function upload(file_data, root_url, upload_id, max_file_size) {
   );
   if (oversized_files.length) {
     throw new Error(
-      `File size exceeds the maximum allowed size of ${max_file_size} bytes: ${oversized_files.map((f) => f.name).join(", ")}`
+      `File(s) exceed the maximum allowed size of ${filesize(max_file_size || Infinity)}: ${oversized_files.map((f) => `"${f.name}"`).join(", ")}`
     );
   }
   return await Promise.all(
@@ -633,6 +643,16 @@ async function prepare_files(files, is_stream) {
   );
 }
 class FileData {
+  path;
+  url;
+  orig_name;
+  size;
+  blob;
+  is_stream;
+  mime_type;
+  alt_text;
+  b64;
+  meta = { _type: "gradio.FileData" };
   constructor({
     path,
     url,
@@ -644,16 +664,6 @@ class FileData {
     alt_text,
     b64
   }) {
-    __publicField(this, "path");
-    __publicField(this, "url");
-    __publicField(this, "orig_name");
-    __publicField(this, "size");
-    __publicField(this, "blob");
-    __publicField(this, "is_stream");
-    __publicField(this, "mime_type");
-    __publicField(this, "alt_text");
-    __publicField(this, "b64");
-    __publicField(this, "meta", { _type: "gradio.FileData" });
     this.path = path;
     this.url = url;
     this.orig_name = orig_name;
@@ -666,11 +676,11 @@ class FileData {
   }
 }
 class Command {
+  type;
+  command;
+  meta;
+  fileData;
   constructor(command, meta) {
-    __publicField(this, "type");
-    __publicField(this, "command");
-    __publicField(this, "meta");
-    __publicField(this, "fileData");
     this.type = "command";
     this.command = command;
     this.meta = meta;
@@ -698,12 +708,11 @@ async function walk_and_store_blobs(data, type = void 0, path = [], root = false
     let blob_refs = [];
     await Promise.all(
       data.map(async (_, index) => {
-        var _a;
         let new_path = path.slice();
         new_path.push(String(index));
         const array_refs = await walk_and_store_blobs(
           data[index],
-          root ? ((_a = endpoint_info == null ? void 0 : endpoint_info.parameters[index]) == null ? void 0 : _a.component) || void 0 : type,
+          root ? endpoint_info?.parameters[index]?.component || void 0 : type,
           new_path,
           false,
           endpoint_info
@@ -740,8 +749,7 @@ async function walk_and_store_blobs(data, type = void 0, path = [], root = false
   return [];
 }
 function skip_queue(id, config) {
-  var _a, _b;
-  let fn_queue = (_b = (_a = config == null ? void 0 : config.dependencies) == null ? void 0 : _a.find((dep) => dep.id == id)) == null ? void 0 : _b.queue;
+  let fn_queue = config?.dependencies?.find((dep) => dep.id == id)?.queue;
   if (fn_queue != null) {
     return !fn_queue;
   }
@@ -750,10 +758,10 @@ function skip_queue(id, config) {
 function post_message(message, origin) {
   return new Promise((res, _rej) => {
     const channel = new MessageChannel();
-    channel.port1.onmessage = ({ data }) => {
+    channel.port1.onmessage = (({ data }) => {
       channel.port1.close();
       res(data);
-    };
+    });
     window.parent.postMessage(message, origin, [channel.port2]);
   });
 }
@@ -798,7 +806,7 @@ function handle_payload(resolved_payload, dependency, components, type, with_nul
   for (let i = 0; i < deps.length; i++) {
     const input_id = deps[i];
     const component = components.find((c) => c.id === input_id);
-    if ((component == null ? void 0 : component.type) === "state") {
+    if (component?.type === "state") {
       if (with_null_state) {
         if (resolved_payload.length === deps.length) {
           const value = resolved_payload[payload_index];
@@ -839,7 +847,7 @@ async function handle_blob(endpoint, data, api_info) {
         path,
         file_url,
         type,
-        name: typeof File !== "undefined" && blob instanceof File ? blob == null ? void 0 : blob.name : void 0
+        name: typeof File !== "undefined" && blob instanceof File ? blob?.name : void 0
       };
     })
   );
@@ -854,8 +862,7 @@ async function handle_blob(endpoint, data, api_info) {
   return data;
 }
 async function process_local_file_commands(client2, data) {
-  var _a, _b;
-  const root = ((_a = client2.config) == null ? void 0 : _a.root) || ((_b = client2.config) == null ? void 0 : _b.root_url);
+  const root = client2.config?.root || client2.config?.root_url;
   if (!root) {
     throw new Error(ROOT_URL_ERROR_MSG);
   }
@@ -871,9 +878,8 @@ async function recursively_process_commands(client2, data, path = []) {
   }
 }
 async function process_single_command(client2, data, key) {
-  var _a, _b;
   let cmd_item = data[key];
-  const root = ((_a = client2.config) == null ? void 0 : _a.root) || ((_b = client2.config) == null ? void 0 : _b.root_url);
+  const root = client2.config?.root || client2.config?.root_url;
   if (!root) {
     throw new Error(ROOT_URL_ERROR_MSG);
   }
@@ -888,7 +894,9 @@ async function process_single_command(client2, data, key) {
     } else {
       throw new Error(NODEJS_FS_ERROR_MSG);
     }
-    const file = new Blob([fileBuffer], { type: "application/octet-stream" });
+    const file = new Blob([fileBuffer], {
+      type: "application/octet-stream"
+    });
     const response = await client2.upload_files(root, [file]);
     const file_url = response.files && response.files[0];
     if (file_url) {
@@ -1240,11 +1248,12 @@ function get_space_reference(url) {
   }
 }
 class TextLineStream extends TransformStream {
+  #currentLine = "";
   /** Constructs a new instance. */
   constructor(options = { allowCR: false }) {
     super({
       transform: (chars, controller) => {
-        chars = __privateGet(this, _currentLine) + chars;
+        chars = this.#currentLine + chars;
         while (true) {
           const lfIndex = chars.indexOf("\n");
           const crIndex = options.allowCR ? chars.indexOf("\r") : -1;
@@ -1259,19 +1268,17 @@ class TextLineStream extends TransformStream {
           controller.enqueue(chars.slice(0, endIndex));
           chars = chars.slice(lfIndex + 1);
         }
-        __privateSet(this, _currentLine, chars);
+        this.#currentLine = chars;
       },
       flush: (controller) => {
-        if (__privateGet(this, _currentLine) === "")
+        if (this.#currentLine === "")
           return;
-        const currentLine = options.allowCR && __privateGet(this, _currentLine).endsWith("\r") ? __privateGet(this, _currentLine).slice(0, -1) : __privateGet(this, _currentLine);
+        const currentLine = options.allowCR && this.#currentLine.endsWith("\r") ? this.#currentLine.slice(0, -1) : this.#currentLine;
         controller.enqueue(currentLine);
       }
     });
-    __privateAdd(this, _currentLine, "");
   }
 }
-_currentLine = new WeakMap();
 function stream$1(input) {
   let decoder = new TextDecoderStream();
   let split2 = new TextLineStream({ allowCR: true });
@@ -1313,19 +1320,17 @@ async function* events(res, signal) {
       continue;
     }
     let [field, value] = split(line.value) || [];
-    if (!field)
-      continue;
     if (field === "data") {
-      event || (event = {});
+      event ||= {};
       event[field] = event[field] ? event[field] + "\n" + value : value;
     } else if (field === "event") {
-      event || (event = {});
+      event ||= {};
       event[field] = value;
     } else if (field === "id") {
-      event || (event = {});
-      event[field] = +value || value;
+      event ||= {};
+      event[field] = String(+value) === value ? +value : value;
     } else if (field === "retry") {
-      event || (event = {});
+      event ||= {};
       event[field] = +value || void 0;
     }
   }
@@ -1413,7 +1418,7 @@ async function open_stream() {
 function close_stream(stream_status, abort_controller) {
   if (stream_status) {
     stream_status.open = false;
-    abort_controller == null ? void 0 : abort_controller.abort();
+    abort_controller?.abort();
   }
 }
 function apply_diff_stream(pending_diff_streams, event_id, data) {
@@ -1520,7 +1525,6 @@ function readable_stream(input, init = {}) {
   return instance;
 }
 function submit(endpoint, data = {}, event_data, trigger_id, all_events) {
-  var _a;
   try {
     let fire_event = function(event) {
       if (all_events || events_to_publish[event.type]) {
@@ -1590,13 +1594,13 @@ function submit(endpoint, data = {}, event_data, trigger_id, all_events) {
     let complete = false;
     let last_status = {};
     let url_params = typeof window !== "undefined" && typeof document !== "undefined" ? new URLSearchParams(window.location.search).toString() : "";
-    const events_to_publish = ((_a = options == null ? void 0 : options.events) == null ? void 0 : _a.reduce(
+    const events_to_publish = options?.events?.reduce(
       (acc, event) => {
         acc[event] = true;
         return acc;
       },
       {}
-    )) || {};
+    ) || {};
     async function cancel() {
       let reset_request = {};
       let cancel_request = {};
@@ -1651,405 +1655,410 @@ function submit(endpoint, data = {}, event_data, trigger_id, all_events) {
         fn_index
       });
     }
-    this.handle_blob(config.root, resolved_data, endpoint_info).then(
-      async (_payload) => {
-        var _a2;
-        let input_data = handle_payload(
-          _payload,
-          dependency,
-          config.components,
-          "input",
-          true
-        );
-        payload = {
-          data: input_data || [],
-          event_data,
+    const job = this.handle_blob(
+      config.root,
+      resolved_data,
+      endpoint_info
+    ).then(async (_payload) => {
+      let input_data = handle_payload(
+        _payload,
+        dependency,
+        config.components,
+        "input",
+        true
+      );
+      payload = {
+        data: input_data || [],
+        event_data,
+        fn_index,
+        trigger_id
+      };
+      if (skip_queue(fn_index, config)) {
+        fire_event({
+          type: "status",
+          endpoint: _endpoint,
+          stage: "pending",
+          queue: false,
           fn_index,
-          trigger_id
-        };
-        if (skip_queue(fn_index, config)) {
-          fire_event({
-            type: "status",
-            endpoint: _endpoint,
-            stage: "pending",
-            queue: false,
-            fn_index,
-            time: /* @__PURE__ */ new Date()
-          });
-          post_data2(
-            `${config.root}${api_prefix}/run${_endpoint.startsWith("/") ? _endpoint : `/${_endpoint}`}${url_params ? "?" + url_params : ""}`,
-            {
-              ...payload,
-              session_hash
-            }
-          ).then(([output, status_code]) => {
-            const data2 = output.data;
-            if (status_code == 200) {
-              fire_event({
-                type: "data",
-                endpoint: _endpoint,
-                fn_index,
-                data: handle_payload(
-                  data2,
-                  dependency,
-                  config.components,
-                  "output",
-                  options.with_null_state
-                ),
-                time: /* @__PURE__ */ new Date(),
-                event_data,
-                trigger_id
-              });
-              if (output.render_config) {
-                handle_render_config(output.render_config);
-              }
-              fire_event({
-                type: "status",
-                endpoint: _endpoint,
-                fn_index,
-                stage: "complete",
-                eta: output.average_duration,
-                queue: false,
-                time: /* @__PURE__ */ new Date()
-              });
-            } else {
-              fire_event({
-                type: "status",
-                stage: "error",
-                endpoint: _endpoint,
-                fn_index,
-                message: output.error,
-                queue: false,
-                time: /* @__PURE__ */ new Date()
-              });
+          time: /* @__PURE__ */ new Date()
+        });
+        post_data2(
+          `${config.root}${api_prefix}/run${_endpoint.startsWith("/") ? _endpoint : `/${_endpoint}`}${url_params ? "?" + url_params : ""}`,
+          {
+            ...payload,
+            session_hash
+          }
+        ).then(async ([output, status_code]) => {
+          const data2 = output.data;
+          if (status_code == 200) {
+            fire_event({
+              type: "data",
+              endpoint: _endpoint,
+              fn_index,
+              data: handle_payload(
+                data2,
+                dependency,
+                config.components,
+                "output",
+                options.with_null_state
+              ),
+              time: /* @__PURE__ */ new Date(),
+              event_data,
+              trigger_id
+            });
+            if (output.render_config) {
+              await handle_render_config(output.render_config);
             }
-          }).catch((e) => {
+            fire_event({
+              type: "status",
+              endpoint: _endpoint,
+              fn_index,
+              stage: "complete",
+              eta: output.average_duration,
+              queue: false,
+              time: /* @__PURE__ */ new Date()
+            });
+          } else {
             fire_event({
               type: "status",
               stage: "error",
-              message: e.message,
               endpoint: _endpoint,
               fn_index,
+              message: output.error,
               queue: false,
               time: /* @__PURE__ */ new Date()
             });
-          });
-        } else if (protocol == "sse") {
+          }
+        }).catch((e) => {
           fire_event({
             type: "status",
-            stage: "pending",
-            queue: true,
+            stage: "error",
+            message: e.message,
             endpoint: _endpoint,
             fn_index,
+            queue: false,
             time: /* @__PURE__ */ new Date()
           });
-          var params = new URLSearchParams({
-            fn_index: fn_index.toString(),
-            session_hash
-          }).toString();
-          let url = new URL(
-            `${config.root}${api_prefix}/${SSE_URL}?${url_params ? url_params + "&" : ""}${params}`
+        });
+      } else if (protocol == "sse") {
+        fire_event({
+          type: "status",
+          stage: "pending",
+          queue: true,
+          endpoint: _endpoint,
+          fn_index,
+          time: /* @__PURE__ */ new Date()
+        });
+        var params = new URLSearchParams({
+          fn_index: fn_index.toString(),
+          session_hash
+        }).toString();
+        let url = new URL(
+          `${config.root}${api_prefix}/${SSE_URL}?${url_params ? url_params + "&" : ""}${params}`
+        );
+        if (this.jwt) {
+          url.searchParams.set("__sign", this.jwt);
+        }
+        stream2 = this.stream(url);
+        if (!stream2) {
+          return Promise.reject(
+            new Error("Cannot connect to SSE endpoint: " + url.toString())
           );
-          if (this.jwt) {
-            url.searchParams.set("__sign", this.jwt);
-          }
-          stream2 = this.stream(url);
-          if (!stream2) {
-            return Promise.reject(
-              new Error("Cannot connect to SSE endpoint: " + url.toString())
-            );
-          }
-          stream2.onmessage = async function(event) {
-            const _data = JSON.parse(event.data);
-            const { type, status, data: data2 } = handle_message(
-              _data,
-              last_status[fn_index]
-            );
-            if (type === "update" && status && !complete) {
-              fire_event({
-                type: "status",
-                endpoint: _endpoint,
-                fn_index,
-                time: /* @__PURE__ */ new Date(),
-                ...status
-              });
-              if (status.stage === "error") {
-                stream2 == null ? void 0 : stream2.close();
-                close();
-              }
-            } else if (type === "data") {
-              let [_, status2] = await post_data2(
-                `${config.root}${api_prefix}/queue/data`,
-                {
-                  ...payload,
-                  session_hash,
-                  event_id
-                }
-              );
-              if (status2 !== 200) {
-                fire_event({
-                  type: "status",
-                  stage: "error",
-                  message: BROKEN_CONNECTION_MSG,
-                  queue: true,
-                  endpoint: _endpoint,
-                  fn_index,
-                  time: /* @__PURE__ */ new Date()
-                });
-                stream2 == null ? void 0 : stream2.close();
-                close();
-              }
-            } else if (type === "complete") {
-              complete = status;
-            } else if (type === "log") {
-              fire_event({
-                type: "log",
-                title: data2.title,
-                log: data2.log,
-                level: data2.level,
-                endpoint: _endpoint,
-                duration: data2.duration,
-                visible: data2.visible,
-                fn_index
-              });
-            } else if (type === "generating" || type === "streaming") {
-              fire_event({
-                type: "status",
-                time: /* @__PURE__ */ new Date(),
-                ...status,
-                stage: status == null ? void 0 : status.stage,
-                queue: true,
-                endpoint: _endpoint,
-                fn_index
-              });
-            }
-            if (data2) {
-              fire_event({
-                type: "data",
-                time: /* @__PURE__ */ new Date(),
-                data: handle_payload(
-                  data2.data,
-                  dependency,
-                  config.components,
-                  "output",
-                  options.with_null_state
-                ),
-                endpoint: _endpoint,
-                fn_index,
-                event_data,
-                trigger_id
-              });
-              if (complete) {
-                fire_event({
-                  type: "status",
-                  time: /* @__PURE__ */ new Date(),
-                  ...complete,
-                  stage: status == null ? void 0 : status.stage,
-                  queue: true,
-                  endpoint: _endpoint,
-                  fn_index
-                });
-                stream2 == null ? void 0 : stream2.close();
-                close();
-              }
+        }
+        stream2.onmessage = async function(event) {
+          const _data = JSON.parse(event.data);
+          const { type, status, data: data2 } = handle_message(
+            _data,
+            last_status[fn_index]
+          );
+          if (type === "update" && status && !complete) {
+            fire_event({
+              type: "status",
+              endpoint: _endpoint,
+              fn_index,
+              time: /* @__PURE__ */ new Date(),
+              ...status
+            });
+            if (status.stage === "error") {
+              stream2?.close();
+              close();
             }
-          };
-        } else if (protocol == "sse_v1" || protocol == "sse_v2" || protocol == "sse_v2.1" || protocol == "sse_v3") {
-          fire_event({
-            type: "status",
-            stage: "pending",
-            queue: true,
-            endpoint: _endpoint,
-            fn_index,
-            time: /* @__PURE__ */ new Date()
-          });
-          let hostname = "";
-          if (typeof window !== "undefined" && typeof document !== "undefined") {
-            hostname = (_a2 = window == null ? void 0 : window.location) == null ? void 0 : _a2.hostname;
-          }
-          let hfhubdev = "dev.spaces.huggingface.tech";
-          const origin = hostname.includes(".dev.") ? `https://moon-${hostname.split(".")[1]}.${hfhubdev}` : `https://huggingface.co`;
-          const is_zerogpu_iframe = typeof window !== "undefined" && typeof document !== "undefined" && window.parent != window && window.supports_zerogpu_headers;
-          const zerogpu_auth_promise = is_zerogpu_iframe ? post_message("zerogpu-headers", origin) : Promise.resolve(null);
-          const post_data_promise = zerogpu_auth_promise.then((headers) => {
-            return post_data2(
-              `${config.root}${api_prefix}/${SSE_DATA_URL}?${url_params}`,
+          } else if (type === "data") {
+            let [_, status2] = await post_data2(
+              `${config.root}${api_prefix}/queue/data`,
               {
                 ...payload,
-                session_hash
-              },
-              headers
+                session_hash,
+                event_id
+              }
             );
-          });
-          post_data_promise.then(async ([response, status]) => {
-            if (status === 503) {
-              fire_event({
-                type: "status",
-                stage: "error",
-                message: QUEUE_FULL_MSG,
-                queue: true,
-                endpoint: _endpoint,
-                fn_index,
-                time: /* @__PURE__ */ new Date()
-              });
-            } else if (status === 422) {
+            if (status2 !== 200) {
               fire_event({
                 type: "status",
                 stage: "error",
-                message: response.detail,
+                message: BROKEN_CONNECTION_MSG,
                 queue: true,
                 endpoint: _endpoint,
                 fn_index,
-                code: "validation_error",
                 time: /* @__PURE__ */ new Date()
               });
+              stream2?.close();
               close();
-            } else if (status !== 200) {
+            }
+          } else if (type === "complete") {
+            complete = status;
+          } else if (type === "log") {
+            fire_event({
+              type: "log",
+              title: data2.title,
+              log: data2.log,
+              level: data2.level,
+              endpoint: _endpoint,
+              duration: data2.duration,
+              visible: data2.visible,
+              fn_index
+            });
+          } else if (type === "generating" || type === "streaming") {
+            fire_event({
+              type: "status",
+              time: /* @__PURE__ */ new Date(),
+              ...status,
+              stage: status?.stage,
+              queue: true,
+              endpoint: _endpoint,
+              fn_index
+            });
+          }
+          if (data2) {
+            fire_event({
+              type: "data",
+              time: /* @__PURE__ */ new Date(),
+              data: handle_payload(
+                data2.data,
+                dependency,
+                config.components,
+                "output",
+                options.with_null_state
+              ),
+              endpoint: _endpoint,
+              fn_index,
+              event_data,
+              trigger_id
+            });
+            if (complete) {
               fire_event({
                 type: "status",
-                stage: "error",
-                broken: false,
-                message: response.detail,
+                time: /* @__PURE__ */ new Date(),
+                ...complete,
+                stage: status?.stage,
                 queue: true,
                 endpoint: _endpoint,
-                fn_index,
-                time: /* @__PURE__ */ new Date()
+                fn_index
               });
-            } else {
-              event_id = response.event_id;
-              event_id_final = event_id;
-              let callback = async function(_data) {
-                try {
-                  const { type, status: status2, data: data2, original_msg } = handle_message(
-                    _data,
-                    last_status[fn_index]
-                  );
-                  if (type == "heartbeat") {
-                    return;
+              stream2?.close();
+              close();
+            }
+          }
+        };
+      } else if (protocol == "sse_v1" || protocol == "sse_v2" || protocol == "sse_v2.1" || protocol == "sse_v3") {
+        fire_event({
+          type: "status",
+          stage: "pending",
+          queue: true,
+          endpoint: _endpoint,
+          fn_index,
+          time: /* @__PURE__ */ new Date()
+        });
+        let hostname = "";
+        if (typeof window !== "undefined" && typeof document !== "undefined") {
+          hostname = window?.location?.hostname;
+        }
+        let hfhubdev = "dev.spaces.huggingface.tech";
+        const origin = hostname.includes(".dev.") ? `https://moon-${hostname.split(".")[1]}.${hfhubdev}` : `https://huggingface.co`;
+        const is_zerogpu_iframe = typeof window !== "undefined" && typeof document !== "undefined" && window.parent != window && window.supports_zerogpu_headers;
+        const zerogpu_auth_promise = is_zerogpu_iframe ? post_message("zerogpu-headers", origin) : Promise.resolve(null);
+        const post_data_promise = zerogpu_auth_promise.then((headers) => {
+          return post_data2(
+            `${config.root}${api_prefix}/${SSE_DATA_URL}?${url_params}`,
+            {
+              ...payload,
+              session_hash
+            },
+            headers
+          );
+        });
+        return post_data_promise.then(async ([response, status]) => {
+          if (response.event_id) {
+            event_id_final = response.event_id;
+          }
+          if (status === 503) {
+            fire_event({
+              type: "status",
+              stage: "error",
+              message: QUEUE_FULL_MSG,
+              queue: true,
+              endpoint: _endpoint,
+              fn_index,
+              time: /* @__PURE__ */ new Date(),
+              visible: true
+            });
+          } else if (status === 422) {
+            fire_event({
+              type: "status",
+              stage: "error",
+              message: response.detail,
+              queue: true,
+              endpoint: _endpoint,
+              fn_index,
+              code: "validation_error",
+              time: /* @__PURE__ */ new Date(),
+              visible: true
+            });
+            close();
+          } else if (status !== 200) {
+            fire_event({
+              type: "status",
+              stage: "error",
+              broken: false,
+              message: response.detail,
+              queue: true,
+              endpoint: _endpoint,
+              fn_index,
+              time: /* @__PURE__ */ new Date(),
+              visible: true
+            });
+          } else {
+            event_id = response.event_id;
+            event_id_final = event_id;
+            let callback = async function(_data) {
+              try {
+                const { type, status: status2, data: data2, original_msg } = handle_message(
+                  _data,
+                  last_status[fn_index]
+                );
+                if (type == "heartbeat") {
+                  return;
+                }
+                if (type === "update" && status2 && !complete) {
+                  fire_event({
+                    type: "status",
+                    endpoint: _endpoint,
+                    fn_index,
+                    time: /* @__PURE__ */ new Date(),
+                    original_msg,
+                    ...status2
+                  });
+                } else if (type === "complete") {
+                  complete = status2;
+                } else if (type == "unexpected_error" || type == "broken_connection") {
+                  console.error("Unexpected error", status2?.message);
+                  const broken = type === "broken_connection";
+                  fire_event({
+                    type: "status",
+                    stage: "error",
+                    message: status2?.message || "An Unexpected Error Occurred!",
+                    queue: true,
+                    endpoint: _endpoint,
+                    broken,
+                    session_not_found: status2?.session_not_found,
+                    fn_index,
+                    time: /* @__PURE__ */ new Date()
+                  });
+                } else if (type === "log") {
+                  fire_event({
+                    type: "log",
+                    title: data2.title,
+                    log: data2.log,
+                    level: data2.level,
+                    endpoint: _endpoint,
+                    duration: data2.duration,
+                    visible: data2.visible,
+                    fn_index
+                  });
+                  return;
+                } else if (type === "generating" || type === "streaming") {
+                  fire_event({
+                    type: "status",
+                    time: /* @__PURE__ */ new Date(),
+                    ...status2,
+                    stage: status2?.stage,
+                    queue: true,
+                    endpoint: _endpoint,
+                    fn_index
+                  });
+                  if (data2 && dependency.connection !== "stream" && ["sse_v2", "sse_v2.1", "sse_v3"].includes(protocol)) {
+                    apply_diff_stream(pending_diff_streams, event_id, data2);
                   }
-                  if (type === "update" && status2 && !complete) {
-                    fire_event({
-                      type: "status",
-                      endpoint: _endpoint,
-                      fn_index,
-                      time: /* @__PURE__ */ new Date(),
-                      original_msg,
-                      ...status2
-                    });
-                  } else if (type === "complete") {
-                    complete = status2;
-                  } else if (type == "unexpected_error" || type == "broken_connection") {
-                    console.error("Unexpected error", status2 == null ? void 0 : status2.message);
-                    const broken = type === "broken_connection";
-                    fire_event({
-                      type: "status",
-                      stage: "error",
-                      message: (status2 == null ? void 0 : status2.message) || "An Unexpected Error Occurred!",
-                      queue: true,
-                      endpoint: _endpoint,
-                      broken,
-                      session_not_found: status2 == null ? void 0 : status2.session_not_found,
-                      fn_index,
-                      time: /* @__PURE__ */ new Date()
-                    });
-                  } else if (type === "log") {
-                    fire_event({
-                      type: "log",
-                      title: data2.title,
-                      log: data2.log,
-                      level: data2.level,
-                      endpoint: _endpoint,
-                      duration: data2.duration,
-                      visible: data2.visible,
-                      fn_index
-                    });
-                    return;
-                  } else if (type === "generating" || type === "streaming") {
+                }
+                if (data2) {
+                  fire_event({
+                    type: "data",
+                    time: /* @__PURE__ */ new Date(),
+                    data: handle_payload(
+                      data2.data,
+                      dependency,
+                      config.components,
+                      "output",
+                      options.with_null_state
+                    ),
+                    endpoint: _endpoint,
+                    fn_index
+                  });
+                  if (data2.render_config) {
+                    await handle_render_config(data2.render_config);
+                  }
+                  if (complete) {
                     fire_event({
                       type: "status",
                       time: /* @__PURE__ */ new Date(),
-                      ...status2,
-                      stage: status2 == null ? void 0 : status2.stage,
+                      ...complete,
+                      stage: status2?.stage,
                       queue: true,
                       endpoint: _endpoint,
                       fn_index
                     });
-                    if (data2 && dependency.connection !== "stream" && ["sse_v2", "sse_v2.1", "sse_v3"].includes(protocol)) {
-                      apply_diff_stream(pending_diff_streams, event_id, data2);
-                    }
-                  }
-                  if (data2) {
-                    fire_event({
-                      type: "data",
-                      time: /* @__PURE__ */ new Date(),
-                      data: handle_payload(
-                        data2.data,
-                        dependency,
-                        config.components,
-                        "output",
-                        options.with_null_state
-                      ),
-                      endpoint: _endpoint,
-                      fn_index
-                    });
-                    if (data2.render_config) {
-                      await handle_render_config(data2.render_config);
-                    }
-                    if (complete) {
-                      fire_event({
-                        type: "status",
-                        time: /* @__PURE__ */ new Date(),
-                        ...complete,
-                        stage: status2 == null ? void 0 : status2.stage,
-                        queue: true,
-                        endpoint: _endpoint,
-                        fn_index
-                      });
-                      close();
-                    }
+                    close();
                   }
-                  if ((status2 == null ? void 0 : status2.stage) === "complete" || (status2 == null ? void 0 : status2.stage) === "error") {
-                    if (event_callbacks[event_id]) {
-                      delete event_callbacks[event_id];
-                    }
-                    if (event_id in pending_diff_streams) {
-                      delete pending_diff_streams[event_id];
-                    }
+                }
+                if (status2?.stage === "complete" || status2?.stage === "error") {
+                  if (event_callbacks[event_id]) {
+                    delete event_callbacks[event_id];
                   }
-                } catch (e) {
-                  console.error("Unexpected client exception", e);
-                  fire_event({
-                    type: "status",
-                    stage: "error",
-                    message: "An Unexpected Error Occurred!",
-                    queue: true,
-                    endpoint: _endpoint,
-                    fn_index,
-                    time: /* @__PURE__ */ new Date()
-                  });
-                  if (["sse_v2", "sse_v2.1", "sse_v3"].includes(protocol)) {
-                    close_stream(stream_status, that.abort_controller);
-                    stream_status.open = false;
-                    close();
+                  if (event_id in pending_diff_streams) {
+                    delete pending_diff_streams[event_id];
                   }
                 }
-              };
-              if (event_id in pending_stream_messages) {
-                pending_stream_messages[event_id].forEach(
-                  (msg) => callback(msg)
-                );
-                delete pending_stream_messages[event_id];
-              }
-              event_callbacks[event_id] = callback;
-              unclosed_events.add(event_id);
-              if (!stream_status.open) {
-                await this.open_stream();
+              } catch (e) {
+                console.error("Unexpected client exception", e);
+                fire_event({
+                  type: "status",
+                  stage: "error",
+                  message: "An Unexpected Error Occurred!",
+                  queue: true,
+                  endpoint: _endpoint,
+                  fn_index,
+                  time: /* @__PURE__ */ new Date()
+                });
+                if (["sse_v2", "sse_v2.1", "sse_v3"].includes(protocol)) {
+                  close_stream(stream_status, that.abort_controller);
+                  stream_status.open = false;
+                  close();
+                }
               }
+            };
+            if (event_id in pending_stream_messages) {
+              pending_stream_messages[event_id].forEach((msg) => callback(msg));
+              delete pending_stream_messages[event_id];
             }
-          });
-        }
+            event_callbacks[event_id] = callback;
+            unclosed_events.add(event_id);
+            if (!stream_status.open) {
+              await this.open_stream();
+            }
+          }
+        });
       }
-    );
+    });
     let done = false;
     const values = [];
     const resolvers = [];
@@ -2062,10 +2071,27 @@ function submit(endpoint, data = {}, event_data, trigger_id, all_events) {
       },
       return: async () => {
         close();
-        return next();
+        return { value: void 0, done: true };
       },
       cancel,
-      event_id: event_id_cb
+      send_chunk: (payload2) => {
+        this.post_data(`${config.root}${api_prefix}/stream/${event_id_final}`, {
+          ...payload2,
+          session_hash: this.session_hash
+        });
+      },
+      close_stream: () => {
+        this.post_data(
+          `${config.root}${api_prefix}/stream/${event_id_final}/close`,
+          {}
+        );
+        close();
+      },
+      event_id: () => event_id_final,
+      wait_for_id: async () => {
+        await job;
+        return event_id;
+      }
     };
     return iterator;
   } catch (error) {
@@ -2102,61 +2128,28 @@ function get_endpoint_info(api_info, endpoint, api_map, config) {
   return { fn_index, endpoint_info, dependency };
 }
 class Client {
-  constructor(app_reference, options = { events: ["data"] }) {
-    __publicField(this, "app_reference");
-    __publicField(this, "options");
-    __publicField(this, "deep_link", null);
-    __publicField(this, "config");
-    __publicField(this, "api_prefix", "");
-    __publicField(this, "api_info");
-    __publicField(this, "api_map", {});
-    __publicField(this, "session_hash", Math.random().toString(36).substring(2));
-    __publicField(this, "jwt", false);
-    __publicField(this, "last_status", {});
-    __publicField(this, "cookies", null);
-    // streaming
-    __publicField(this, "stream_status", { open: false });
-    __publicField(this, "closed", false);
-    __publicField(this, "pending_stream_messages", {});
-    __publicField(this, "pending_diff_streams", {});
-    __publicField(this, "event_callbacks", {});
-    __publicField(this, "unclosed_events", /* @__PURE__ */ new Set());
-    __publicField(this, "heartbeat_event", null);
-    __publicField(this, "abort_controller", null);
-    __publicField(this, "stream_instance", null);
-    __publicField(this, "current_payload");
-    __publicField(this, "view_api");
-    __publicField(this, "upload_files");
-    __publicField(this, "upload");
-    __publicField(this, "handle_blob");
-    __publicField(this, "post_data");
-    __publicField(this, "submit");
-    __publicField(this, "predict");
-    __publicField(this, "open_stream");
-    __publicField(this, "resolve_config");
-    __publicField(this, "resolve_cookies");
-    var _a;
-    this.app_reference = app_reference;
-    this.deep_link = ((_a = options.query_params) == null ? void 0 : _a.deep_link) || null;
-    if (!options.events) {
-      options.events = ["data"];
-    }
-    this.options = options;
-    this.current_payload = {};
-    this.view_api = view_api.bind(this);
-    this.upload_files = upload_files.bind(this);
-    this.handle_blob = handle_blob.bind(this);
-    this.post_data = post_data.bind(this);
-    this.submit = submit.bind(this);
-    this.predict = predict.bind(this);
-    this.open_stream = open_stream.bind(this);
-    this.resolve_config = resolve_config.bind(this);
-    this.resolve_cookies = resolve_cookies.bind(this);
-    this.upload = upload.bind(this);
-    this.fetch = this.fetch.bind(this);
-    this.handle_space_success = this.handle_space_success.bind(this);
-    this.stream = this.stream.bind(this);
-  }
+  app_reference;
+  options;
+  deep_link = null;
+  config;
+  api_prefix = "";
+  api_info;
+  api_map = {};
+  session_hash = Math.random().toString(36).substring(2);
+  jwt = false;
+  last_status = {};
+  cookies = null;
+  // streaming
+  stream_status = { open: false };
+  closed = false;
+  pending_stream_messages = {};
+  pending_diff_streams = {};
+  event_callbacks = {};
+  unclosed_events = /* @__PURE__ */ new Set();
+  heartbeat_event = null;
+  abort_controller = null;
+  stream_instance = null;
+  current_payload;
   get_url_config(url = null) {
     if (!this.config) {
       throw new Error(CONFIG_ERROR_MSG);
@@ -2196,7 +2189,7 @@ class Client {
     };
   }
   fetch(input, init) {
-    const headers = new Headers((init == null ? void 0 : init.headers) || {});
+    const headers = new Headers(init?.headers || {});
     if (this && this.cookies) {
       headers.append("Cookie", this.cookies);
     }
@@ -2228,8 +2221,39 @@ class Client {
     });
     return this.stream_instance;
   }
+  view_api;
+  upload_files;
+  upload;
+  handle_blob;
+  post_data;
+  submit;
+  predict;
+  open_stream;
+  resolve_config;
+  resolve_cookies;
+  constructor(app_reference, options = { events: ["data"] }) {
+    this.app_reference = app_reference;
+    this.deep_link = options.query_params?.deep_link || null;
+    if (!options.events) {
+      options.events = ["data"];
+    }
+    this.options = options;
+    this.current_payload = {};
+    this.view_api = view_api.bind(this);
+    this.upload_files = upload_files.bind(this);
+    this.handle_blob = handle_blob.bind(this);
+    this.post_data = post_data.bind(this);
+    this.submit = submit.bind(this);
+    this.predict = predict.bind(this);
+    this.open_stream = open_stream.bind(this);
+    this.resolve_config = resolve_config.bind(this);
+    this.resolve_cookies = resolve_cookies.bind(this);
+    this.upload = upload.bind(this);
+    this.fetch = this.fetch.bind(this);
+    this.handle_space_success = this.handle_space_success.bind(this);
+    this.stream = this.stream.bind(this);
+  }
   async init() {
-    var _a;
     if (this.options.auth) {
       await this.resolve_cookies();
     }
@@ -2237,7 +2261,7 @@ class Client {
       ({ config }) => this._resolve_heartbeat(config)
     );
     this.api_info = await this.view_api();
-    this.api_map = map_names_to_ids(((_a = this.config) == null ? void 0 : _a.dependencies) || []);
+    this.api_map = map_names_to_ids(this.config?.dependencies || []);
   }
   async _resolve_heartbeat(_config) {
     if (_config) {
@@ -2359,7 +2383,6 @@ class Client {
     return this.prepare_return_obj();
   }
   async handle_space_success(status) {
-    var _a;
     if (!this) {
       throw new Error(CONFIG_ERROR_MSG);
     }
@@ -2368,7 +2391,7 @@ class Client {
     if (status.status === "running") {
       try {
         this.config = await this._resolve_config();
-        this.api_prefix = ((_a = this == null ? void 0 : this.config) == null ? void 0 : _a.api_prefix) || "";
+        this.api_prefix = this?.config?.api_prefix || "";
         if (!this.config) {
           throw new Error(CONFIG_ERROR_MSG);
         }
@@ -2388,7 +2411,6 @@ class Client {
     }
   }
   async component_server(component_id, fn_name, data) {
-    var _a;
     if (!this.config) {
       throw new Error(CONFIG_ERROR_MSG);
     }
@@ -2402,7 +2424,7 @@ class Client {
     let component = this.config.components.find(
       (comp) => comp.id === component_id
     );
-    if ((_a = component == null ? void 0 : component.props) == null ? void 0 : _a.root_url) {
+    if (component?.props?.root_url) {
       root_url = component.props.root_url;
     } else {
       root_url = this.config.root;