Duplicate from HighCWu/anime-colorization-with-hint

Co-authored-by: HighCWu <[email protected]>

.gitattributes

@@ -0,0 +1,35 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text
+*js.map filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,56 @@
+# Python build
+.eggs/
+gradio.egg-info
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+build/
+
+# JS build
+gradio/templates/cdn
+gradio/templates/frontend
+
+# Secrets
+.env
+
+# Gradio run artifacts
+*.db
+*.sqlite3
+gradio/launches.json
+flagged/
+gradio_cached_examples/
+
+# Tests
+.coverage
+coverage.xml
+test.txt
+**/snapshots/**/*.png
+
+# Demos
+demo/tmp.zip
+demo/files/*.avi
+demo/files/*.mp4
+demo/all_demos/demos/*
+demo/all_demos/requirements.txt
+demo/*/config.json
+
+# Etc
+.idea/*
+.DS_Store
+*.bak
+workspace.code-workspace
+*.h5
+
+# log files
+.pnpm-debug.log
+
+# Local virtualenv for devs
+.venv*
+
+# FRP
+gradio/frpc_*
+
+flagged/*
+*.js.map

README.md

@@ -0,0 +1,14 @@
+---
+title: Anime Colorization With Hint
+emoji: 🌖
+colorFrom: red
+colorTo: yellow
+sdk: gradio
+sdk_version: 3.16.0
+app_file: app.py
+pinned: false
+license: mit
+duplicated_from: HighCWu/anime-colorization-with-hint
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,135 @@
+import sys
+from typing import Dict
+sys.path.insert(0, 'gradio-modified')
+
+import gradio as gr
+import numpy as np
+
+from PIL import Image
+
+import torch
+
+if torch.cuda.is_available():
+    t = torch.cuda.get_device_properties(0).total_memory
+    r = torch.cuda.memory_reserved(0)
+    a = torch.cuda.memory_allocated(0)
+    f = t-a  # free inside reserved
+    if f < 2**32:
+        device = 'cpu'
+    else:
+        device = 'cuda'
+else:
+    device = 'cpu'
+    torch._C._jit_set_bailout_depth(0)
+
+print('Use device:', device)
+
+
+net = torch.jit.load(f'weights/pkp-v1.{device}.jit.pt')
+
+
+def resize_original(img: Image.Image):
+    if img is None:
+        return img
+    if isinstance(img, dict):
+        img = img["image"]
+    
+    guide_img = img.convert('L')
+    w, h = guide_img.size
+    scale = 256 / min(guide_img.size)
+    guide_img = guide_img.resize([int(round(s*scale)) for s in guide_img.size], Image.Resampling.LANCZOS)
+
+    guide = np.asarray(guide_img)
+    h, w = guide.shape[-2:]
+    rows = int(np.ceil(h/64))*64
+    cols = int(np.ceil(w/64))*64
+    ph_1 = (rows-h) // 2
+    ph_2 = rows-h - (rows-h) // 2
+    pw_1 = (cols-w) // 2
+    pw_2 = cols-w - (cols-w) // 2
+    guide = np.pad(guide, ((ph_1, ph_2), (pw_1, pw_2)), mode='constant', constant_values=255)
+    guide_img = Image.fromarray(guide)
+
+    return gr.Image.update(value=guide_img.convert('RGBA')), guide_img.convert('RGBA')
+
+
+def colorize(img: Dict[str, Image.Image], guide_img: Image.Image, seed: int, hint_mode: str):
+    if not isinstance(img, dict):
+        return gr.update(visible=True)
+
+    if hint_mode == "Roughly Hint":
+        hint_mode_int = 0
+    elif hint_mode == "Precisely Hint":
+        hint_mode_int = 1
+    
+    guide_img = guide_img.convert('L')
+    hint_img = img["mask"].convert('RGBA') # I modified gradio to enable it upload colorful mask
+
+    guide = torch.from_numpy(np.asarray(guide_img))[None,None].float().to(device) / 255.0 * 2 - 1
+    hint = torch.from_numpy(np.asarray(hint_img)).permute(2,0,1)[None].float().to(device) / 255.0 * 2 - 1
+    hint_alpha = (hint[:,-1:] > 0.99).float()
+    hint = hint[:,:3] * hint_alpha - 2 * (1 - hint_alpha)
+
+    np.random.seed(int(seed))
+    b, c, h, w = hint.shape
+    h //= 8
+    w //= 8
+    noises = [torch.from_numpy(np.random.randn(b, c, h, w)).float().to(device) for _ in range(16+1)]
+
+    with torch.inference_mode():
+        sample = net(noises, guide, hint,  hint_mode_int)
+        out = sample[0].cpu().numpy().transpose([1,2,0])
+        out = np.uint8(((out + 1) / 2 * 255).clip(0,255))
+    
+    return Image.fromarray(out).convert('RGB')
+
+
+with gr.Blocks() as demo:
+    gr.Markdown('''<center><h1>Anime Colorization With Hint</h1></center>
+<h2>Colorize your anime sketches with hint points.</h2>
+This is a modified version of 
+<a href="https://github.com/HighCWu/pixel-guide-diffusion-for-anime-colorization">
+HighCWu/pixel-guide-diffusion-for-anime-colorization
+</a> with hint points inputs.<br />
+''')
+    with gr.Row():
+        with gr.Column():
+            inp = gr.Image(
+                source="upload", 
+                tool="sketch", # tool="color-sketch", # color-sketch upload image mixed with the original
+                type="pil", 
+                label="Sketch", 
+                interactive=True,
+                elem_id="sketch-canvas"
+            )
+            inp_store = gr.Image(
+                type="pil", 
+                interactive=False
+            )
+            inp_store.visible = False
+        with gr.Column():
+            seed = gr.Slider(1, 2**32, step=1, label="Seed", interactive=True, randomize=True)
+            hint_mode = gr.Radio(["Roughly Hint", "Precisely Hint"], value="Roughly Hint", label="Hint Mode")
+            btn = gr.Button("Run")
+        with gr.Column():
+            output = gr.Image(type="pil", label="Output", interactive=False)
+    gr.Markdown('''
+PS: Worse than the no hint version I thought. Probably because my model is underfitting in the super-resolution part<br />
+I modified a little gradio codes for uploading the colorful hint points.
+''')
+    gr.Markdown(
+        '<center><img src="https://visitor-badge.glitch.me/badge?page_id=highcwu.anime-colorization-with-hint" alt="visitor badge"/></center>'
+    )
+    inp.upload(
+        resize_original, 
+        inp, 
+        [inp, inp_store],
+    )
+    btn.click(
+        colorize, 
+        [inp, inp_store, seed, hint_mode],
+        output
+    )
+
+if __name__ == "__main__":
+    demo.launch()

gradio-modified/gradio/.dockerignore

@@ -0,0 +1,2 @@
+templates/frontend
+templates/frontend/**/*

gradio-modified/gradio/__init__.py

@@ -0,0 +1,86 @@
+import pkgutil
+
+import gradio.components as components
+import gradio.inputs as inputs
+import gradio.outputs as outputs
+import gradio.processing_utils
+import gradio.templates
+from gradio.blocks import Blocks
+from gradio.components import (
+    HTML,
+    JSON,
+    Audio,
+    Button,
+    Carousel,
+    Chatbot,
+    Checkbox,
+    Checkboxgroup,
+    CheckboxGroup,
+    ColorPicker,
+    DataFrame,
+    Dataframe,
+    Dataset,
+    Dropdown,
+    File,
+    Gallery,
+    Highlight,
+    Highlightedtext,
+    HighlightedText,
+    Image,
+    Interpretation,
+    Json,
+    Label,
+    LinePlot,
+    Markdown,
+    Model3D,
+    Number,
+    Plot,
+    Radio,
+    ScatterPlot,
+    Slider,
+    State,
+    StatusTracker,
+    Text,
+    Textbox,
+    TimeSeries,
+    Timeseries,
+    UploadButton,
+    Variable,
+    Video,
+    component,
+)
+from gradio.exceptions import Error
+from gradio.flagging import (
+    CSVLogger,
+    FlaggingCallback,
+    HuggingFaceDatasetJSONSaver,
+    HuggingFaceDatasetSaver,
+    SimpleCSVLogger,
+)
+from gradio.helpers import Progress
+from gradio.helpers import create_examples as Examples
+from gradio.helpers import make_waveform, skip, update
+from gradio.interface import Interface, TabbedInterface, close_all
+from gradio.ipython_ext import load_ipython_extension
+from gradio.layouts import Accordion, Box, Column, Group, Row, Tab, TabItem, Tabs
+from gradio.mix import Parallel, Series
+from gradio.routes import Request, mount_gradio_app
+from gradio.templates import (
+    Files,
+    ImageMask,
+    ImagePaint,
+    List,
+    Matrix,
+    Mic,
+    Microphone,
+    Numpy,
+    Paint,
+    Pil,
+    PlayableVideo,
+    Sketchpad,
+    TextArea,
+    Webcam,
+)
+
+current_pkg_version = pkgutil.get_data(__name__, "version.txt").decode("ascii").strip()
+__version__ = current_pkg_version

gradio-modified/gradio/blocks.py

@@ -0,0 +1,1673 @@
+from __future__ import annotations
+
+import copy
+import getpass
+import inspect
+import json
+import os
+import pkgutil
+import random
+import sys
+import time
+import warnings
+import webbrowser
+from abc import abstractmethod
+from pathlib import Path
+from types import ModuleType
+from typing import TYPE_CHECKING, Any, Callable, Dict, Iterator, List, Set, Tuple, Type
+
+import anyio
+import requests
+from anyio import CapacityLimiter
+from typing_extensions import Literal
+
+from gradio import (
+    components,
+    encryptor,
+    external,
+    networking,
+    queueing,
+    routes,
+    strings,
+    utils,
+)
+from gradio.context import Context
+from gradio.deprecation import check_deprecated_parameters
+from gradio.documentation import document, set_documentation_group
+from gradio.exceptions import DuplicateBlockError, InvalidApiName
+from gradio.helpers import create_tracker, skip, special_args
+from gradio.tunneling import CURRENT_TUNNELS
+from gradio.utils import (
+    TupleNoPrint,
+    check_function_inputs_match,
+    component_or_layout_class,
+    delete_none,
+    get_cancel_function,
+    get_continuous_fn,
+)
+
+set_documentation_group("blocks")
+
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    import comet_ml
+    from fastapi.applications import FastAPI
+
+    from gradio.components import Component
+
+
+class Block:
+    def __init__(
+        self,
+        *,
+        render: bool = True,
+        elem_id: str | None = None,
+        visible: bool = True,
+        root_url: str | None = None,  # URL that is prepended to all file paths
+        _skip_init_processing: bool = False,  # Used for loading from Spaces
+        **kwargs,
+    ):
+        self._id = Context.id
+        Context.id += 1
+        self.visible = visible
+        self.elem_id = elem_id
+        self.root_url = root_url
+        self._skip_init_processing = _skip_init_processing
+        self._style = {}
+        self.parent: BlockContext | None = None
+
+        if render:
+            self.render()
+        check_deprecated_parameters(self.__class__.__name__, **kwargs)
+
+    def render(self):
+        """
+        Adds self into appropriate BlockContext
+        """
+        if Context.root_block is not None and self._id in Context.root_block.blocks:
+            raise DuplicateBlockError(
+                f"A block with id: {self._id} has already been rendered in the current Blocks."
+            )
+        if Context.block is not None:
+            Context.block.add(self)
+        if Context.root_block is not None:
+            Context.root_block.blocks[self._id] = self
+            if isinstance(self, components.TempFileManager):
+                Context.root_block.temp_file_sets.append(self.temp_files)
+        return self
+
+    def unrender(self):
+        """
+        Removes self from BlockContext if it has been rendered (otherwise does nothing).
+        Removes self from the layout and collection of blocks, but does not delete any event triggers.
+        """
+        if Context.block is not None:
+            try:
+                Context.block.children.remove(self)
+            except ValueError:
+                pass
+        if Context.root_block is not None:
+            try:
+                del Context.root_block.blocks[self._id]
+            except KeyError:
+                pass
+        return self
+
+    def get_block_name(self) -> str:
+        """
+        Gets block's class name.
+
+        If it is template component it gets the parent's class name.
+
+        @return: class name
+        """
+        return (
+            self.__class__.__base__.__name__.lower()
+            if hasattr(self, "is_template")
+            else self.__class__.__name__.lower()
+        )
+
+    def get_expected_parent(self) -> Type[BlockContext] | None:
+        return None
+
+    def set_event_trigger(
+        self,
+        event_name: str,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None,
+        outputs: Component | List[Component] | None,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        api_name: str | None = None,
+        js: str | None = None,
+        no_target: bool = False,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        cancels: List[int] | None = None,
+        every: float | None = None,
+    ) -> Dict[str, Any]:
+        """
+        Adds an event to the component's dependencies.
+        Parameters:
+            event_name: event name
+            fn: Callable function
+            inputs: input list
+            outputs: output list
+            preprocess: whether to run the preprocess methods of components
+            postprocess: whether to run the postprocess methods of components
+            scroll_to_output: whether to scroll to output of dependency on trigger
+            show_progress: whether to show progress animation while running.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components
+            no_target: if True, sets "targets" to [], used for Blocks "load" event
+            batch: whether this function takes in a batch of inputs
+            max_batch_size: the maximum batch size to send to the function
+            cancels: a list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+        Returns: None
+        """
+        # Support for singular parameter
+        if isinstance(inputs, set):
+            inputs_as_dict = True
+            inputs = sorted(inputs, key=lambda x: x._id)
+        else:
+            inputs_as_dict = False
+            if inputs is None:
+                inputs = []
+            elif not isinstance(inputs, list):
+                inputs = [inputs]
+
+        if isinstance(outputs, set):
+            outputs = sorted(outputs, key=lambda x: x._id)
+        else:
+            if outputs is None:
+                outputs = []
+            elif not isinstance(outputs, list):
+                outputs = [outputs]
+
+        if fn is not None and not cancels:
+            check_function_inputs_match(fn, inputs, inputs_as_dict)
+
+        if Context.root_block is None:
+            raise AttributeError(
+                f"{event_name}() and other events can only be called within a Blocks context."
+            )
+        if every is not None and every <= 0:
+            raise ValueError("Parameter every must be positive or None")
+        if every and batch:
+            raise ValueError(
+                f"Cannot run {event_name} event in a batch and every {every} seconds. "
+                "Either batch is True or every is non-zero but not both."
+            )
+
+        if every and fn:
+            fn = get_continuous_fn(fn, every)
+        elif every:
+            raise ValueError("Cannot set a value for `every` without a `fn`.")
+
+        Context.root_block.fns.append(
+            BlockFunction(fn, inputs, outputs, preprocess, postprocess, inputs_as_dict)
+        )
+        if api_name is not None:
+            api_name_ = utils.append_unique_suffix(
+                api_name, [dep["api_name"] for dep in Context.root_block.dependencies]
+            )
+            if not (api_name == api_name_):
+                warnings.warn(
+                    "api_name {} already exists, using {}".format(api_name, api_name_)
+                )
+                api_name = api_name_
+
+        dependency = {
+            "targets": [self._id] if not no_target else [],
+            "trigger": event_name,
+            "inputs": [block._id for block in inputs],
+            "outputs": [block._id for block in outputs],
+            "backend_fn": fn is not None,
+            "js": js,
+            "queue": False if fn is None else queue,
+            "api_name": api_name,
+            "scroll_to_output": scroll_to_output,
+            "show_progress": show_progress,
+            "every": every,
+            "batch": batch,
+            "max_batch_size": max_batch_size,
+            "cancels": cancels or [],
+        }
+        Context.root_block.dependencies.append(dependency)
+        return dependency
+
+    def get_config(self):
+        return {
+            "visible": self.visible,
+            "elem_id": self.elem_id,
+            "style": self._style,
+            "root_url": self.root_url,
+        }
+
+    @staticmethod
+    @abstractmethod
+    def update(**kwargs) -> Dict:
+        return {}
+
+    @classmethod
+    def get_specific_update(cls, generic_update: Dict[str, Any]) -> Dict:
+        del generic_update["__type__"]
+        specific_update = cls.update(**generic_update)
+        return specific_update
+
+
+class BlockContext(Block):
+    def __init__(
+        self,
+        visible: bool = True,
+        render: bool = True,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            visible: If False, this will be hidden but included in the Blocks config file (its visibility can later be updated).
+            render: If False, this will not be included in the Blocks config file at all.
+        """
+        self.children: List[Block] = []
+        super().__init__(visible=visible, render=render, **kwargs)
+
+    def __enter__(self):
+        self.parent = Context.block
+        Context.block = self
+        return self
+
+    def add(self, child: Block):
+        child.parent = self
+        self.children.append(child)
+
+    def fill_expected_parents(self):
+        children = []
+        pseudo_parent = None
+        for child in self.children:
+            expected_parent = child.get_expected_parent()
+            if not expected_parent or isinstance(self, expected_parent):
+                pseudo_parent = None
+                children.append(child)
+            else:
+                if pseudo_parent is not None and isinstance(
+                    pseudo_parent, expected_parent
+                ):
+                    pseudo_parent.children.append(child)
+                else:
+                    pseudo_parent = expected_parent(render=False)
+                    children.append(pseudo_parent)
+                    pseudo_parent.children = [child]
+                    if Context.root_block:
+                        Context.root_block.blocks[pseudo_parent._id] = pseudo_parent
+                child.parent = pseudo_parent
+        self.children = children
+
+    def __exit__(self, *args):
+        if getattr(self, "allow_expected_parents", True):
+            self.fill_expected_parents()
+        Context.block = self.parent
+
+    def postprocess(self, y):
+        """
+        Any postprocessing needed to be performed on a block context.
+        """
+        return y
+
+
+class BlockFunction:
+    def __init__(
+        self,
+        fn: Callable | None,
+        inputs: List[Component],
+        outputs: List[Component],
+        preprocess: bool,
+        postprocess: bool,
+        inputs_as_dict: bool,
+    ):
+        self.fn = fn
+        self.inputs = inputs
+        self.outputs = outputs
+        self.preprocess = preprocess
+        self.postprocess = postprocess
+        self.total_runtime = 0
+        self.total_runs = 0
+        self.inputs_as_dict = inputs_as_dict
+
+    def __str__(self):
+        return str(
+            {
+                "fn": getattr(self.fn, "__name__", "fn")
+                if self.fn is not None
+                else None,
+                "preprocess": self.preprocess,
+                "postprocess": self.postprocess,
+            }
+        )
+
+    def __repr__(self):
+        return str(self)
+
+
+class class_or_instancemethod(classmethod):
+    def __get__(self, instance, type_):
+        descr_get = super().__get__ if instance is None else self.__func__.__get__
+        return descr_get(instance, type_)
+
+
+def postprocess_update_dict(block: Block, update_dict: Dict, postprocess: bool = True):
+    """
+    Converts a dictionary of updates into a format that can be sent to the frontend.
+    E.g. {"__type__": "generic_update", "value": "2", "interactive": False}
+    Into -> {"__type__": "update", "value": 2.0, "mode": "static"}
+
+    Parameters:
+        block: The Block that is being updated with this update dictionary.
+        update_dict: The original update dictionary
+        postprocess: Whether to postprocess the "value" key of the update dictionary.
+    """
+    if update_dict.get("__type__", "") == "generic_update":
+        update_dict = block.get_specific_update(update_dict)
+    if update_dict.get("value") is components._Keywords.NO_VALUE:
+        update_dict.pop("value")
+    prediction_value = delete_none(update_dict, skip_value=True)
+    if "value" in prediction_value and postprocess:
+        assert isinstance(
+            block, components.IOComponent
+        ), f"Component {block.__class__} does not support value"
+        prediction_value["value"] = block.postprocess(prediction_value["value"])
+    return prediction_value
+
+
+def convert_component_dict_to_list(
+    outputs_ids: List[int], predictions: Dict
+) -> List | Dict:
+    """
+    Converts a dictionary of component updates into a list of updates in the order of
+    the outputs_ids and including every output component. Leaves other types of dictionaries unchanged.
+    E.g. {"textbox": "hello", "number": {"__type__": "generic_update", "value": "2"}}
+    Into -> ["hello", {"__type__": "generic_update"}, {"__type__": "generic_update", "value": "2"}]
+    """
+    keys_are_blocks = [isinstance(key, Block) for key in predictions.keys()]
+    if all(keys_are_blocks):
+        reordered_predictions = [skip() for _ in outputs_ids]
+        for component, value in predictions.items():
+            if component._id not in outputs_ids:
+                raise ValueError(
+                    f"Returned component {component} not specified as output of function."
+                )
+            output_index = outputs_ids.index(component._id)
+            reordered_predictions[output_index] = value
+        predictions = utils.resolve_singleton(reordered_predictions)
+    elif any(keys_are_blocks):
+        raise ValueError(
+            "Returned dictionary included some keys as Components. Either all keys must be Components to assign Component values, or return a List of values to assign output values in order."
+        )
+    return predictions
+
+
+@document("load")
+class Blocks(BlockContext):
+    """
+    Blocks is Gradio's low-level API that allows you to create more custom web
+    applications and demos than Interfaces (yet still entirely in Python).
+
+
+    Compared to the Interface class, Blocks offers more flexibility and control over:
+    (1) the layout of components (2) the events that
+    trigger the execution of functions (3) data flows (e.g. inputs can trigger outputs,
+    which can trigger the next level of outputs). Blocks also offers ways to group
+    together related demos such as with tabs.
+
+
+    The basic usage of Blocks is as follows: create a Blocks object, then use it as a
+    context (with the "with" statement), and then define layouts, components, or events
+    within the Blocks context. Finally, call the launch() method to launch the demo.
+
+    Example:
+        import gradio as gr
+        def update(name):
+            return f"Welcome to Gradio, {name}!"
+
+        with gr.Blocks() as demo:
+            gr.Markdown("Start typing below and then click **Run** to see the output.")
+            with gr.Row():
+                inp = gr.Textbox(placeholder="What is your name?")
+                out = gr.Textbox()
+            btn = gr.Button("Run")
+            btn.click(fn=update, inputs=inp, outputs=out)
+
+        demo.launch()
+    Demos: blocks_hello, blocks_flipper, blocks_speech_text_sentiment, generate_english_german, sound_alert
+    Guides: blocks_and_event_listeners, controlling_layout, state_in_blocks, custom_CSS_and_JS, custom_interpretations_with_blocks, using_blocks_like_functions
+    """
+
+    def __init__(
+        self,
+        theme: str = "default",
+        analytics_enabled: bool | None = None,
+        mode: str = "blocks",
+        title: str = "Gradio",
+        css: str | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            theme: which theme to use - right now, only "default" is supported.
+            analytics_enabled: whether to allow basic telemetry. If None, will use GRADIO_ANALYTICS_ENABLED environment variable or default to True.
+            mode: a human-friendly name for the kind of Blocks or Interface being created.
+            title: The tab title to display when this is opened in a browser window.
+            css: custom css or path to custom css file to apply to entire Blocks
+        """
+        # Cleanup shared parameters with Interface #TODO: is this part still necessary after Interface with Blocks?
+        self.limiter = None
+        self.save_to = None
+        self.theme = theme
+        self.encrypt = False
+        self.share = False
+        self.enable_queue = None
+        self.max_threads = 40
+        self.show_error = True
+        if css is not None and Path(css).exists():
+            with open(css) as css_file:
+                self.css = css_file.read()
+        else:
+            self.css = css
+
+        # For analytics_enabled and allow_flagging: (1) first check for
+        # parameter, (2) check for env variable, (3) default to True/"manual"
+        self.analytics_enabled = (
+            analytics_enabled
+            if analytics_enabled is not None
+            else os.getenv("GRADIO_ANALYTICS_ENABLED", "True") == "True"
+        )
+
+        super().__init__(render=False, **kwargs)
+        self.blocks: Dict[int, Block] = {}
+        self.fns: List[BlockFunction] = []
+        self.dependencies = []
+        self.mode = mode
+
+        self.is_running = False
+        self.local_url = None
+        self.share_url = None
+        self.width = None
+        self.height = None
+        self.api_open = True
+
+        self.ip_address = ""
+        self.is_space = True if os.getenv("SYSTEM") == "spaces" else False
+        self.favicon_path = None
+        self.auth = None
+        self.dev_mode = True
+        self.app_id = random.getrandbits(64)
+        self.temp_file_sets = []
+        self.title = title
+        self.show_api = True
+
+        # Only used when an Interface is loaded from a config
+        self.predict = None
+        self.input_components = None
+        self.output_components = None
+        self.__name__ = None
+        self.api_mode = None
+
+        if self.analytics_enabled:
+            self.ip_address = utils.get_local_ip_address()
+            data = {
+                "mode": self.mode,
+                "ip_address": self.ip_address,
+                "custom_css": self.css is not None,
+                "theme": self.theme,
+                "version": (pkgutil.get_data(__name__, "version.txt") or b"")
+                .decode("ascii")
+                .strip(),
+            }
+            utils.initiated_analytics(data)
+
+    @classmethod
+    def from_config(
+        cls, config: dict, fns: List[Callable], root_url: str | None = None
+    ) -> Blocks:
+        """
+        Factory method that creates a Blocks from a config and list of functions.
+
+        Parameters:
+        config: a dictionary containing the configuration of the Blocks.
+        fns: a list of functions that are used in the Blocks. Must be in the same order as the dependencies in the config.
+        root_url: an optional root url to use for the components in the Blocks. Allows serving files from an external URL.
+        """
+        config = copy.deepcopy(config)
+        components_config = config["components"]
+        original_mapping: Dict[int, Block] = {}
+
+        def get_block_instance(id: int) -> Block:
+            for block_config in components_config:
+                if block_config["id"] == id:
+                    break
+            else:
+                raise ValueError("Cannot find block with id {}".format(id))
+            cls = component_or_layout_class(block_config["type"])
+            block_config["props"].pop("type", None)
+            block_config["props"].pop("name", None)
+            style = block_config["props"].pop("style", None)
+            if block_config["props"].get("root_url") is None and root_url:
+                block_config["props"]["root_url"] = root_url + "/"
+            # Any component has already processed its initial value, so we skip that step here
+            block = cls(**block_config["props"], _skip_init_processing=True)
+            if style and isinstance(block, components.IOComponent):
+                block.style(**style)
+            return block
+
+        def iterate_over_children(children_list):
+            for child_config in children_list:
+                id = child_config["id"]
+                block = get_block_instance(id)
+
+                original_mapping[id] = block
+
+                children = child_config.get("children")
+                if children is not None:
+                    assert isinstance(
+                        block, BlockContext
+                    ), f"Invalid config, Block with id {id} has children but is not a BlockContext."
+                    with block:
+                        iterate_over_children(children)
+
+        with Blocks(theme=config["theme"], css=config["theme"]) as blocks:
+            # ID 0 should be the root Blocks component
+            original_mapping[0] = Context.root_block or blocks
+
+            iterate_over_children(config["layout"]["children"])
+
+            first_dependency = None
+
+            # add the event triggers
+            for dependency, fn in zip(config["dependencies"], fns):
+                # We used to add a "fake_event" to the config to cache examples
+                # without removing it. This was causing bugs in calling gr.Interface.load
+                # We fixed the issue by removing "fake_event" from the config in examples.py
+                # but we still need to skip these events when loading the config to support
+                # older demos
+                if dependency["trigger"] == "fake_event":
+                    continue
+                targets = dependency.pop("targets")
+                trigger = dependency.pop("trigger")
+                dependency.pop("backend_fn")
+                dependency.pop("documentation", None)
+                dependency["inputs"] = [
+                    original_mapping[i] for i in dependency["inputs"]
+                ]
+                dependency["outputs"] = [
+                    original_mapping[o] for o in dependency["outputs"]
+                ]
+                dependency.pop("status_tracker", None)
+                dependency["preprocess"] = False
+                dependency["postprocess"] = False
+
+                for target in targets:
+                    dependency = original_mapping[target].set_event_trigger(
+                        event_name=trigger, fn=fn, **dependency
+                    )
+                    if first_dependency is None:
+                        first_dependency = dependency
+
+            # Allows some use of Interface-specific methods with loaded Spaces
+            if first_dependency and Context.root_block:
+                blocks.predict = [fns[0]]
+                blocks.input_components = [
+                    Context.root_block.blocks[i] for i in first_dependency["inputs"]
+                ]
+                blocks.output_components = [
+                    Context.root_block.blocks[o] for o in first_dependency["outputs"]
+                ]
+                blocks.__name__ = "Interface"
+                blocks.api_mode = True
+
+        return blocks
+
+    def __str__(self):
+        return self.__repr__()
+
+    def __repr__(self):
+        num_backend_fns = len([d for d in self.dependencies if d["backend_fn"]])
+        repr = f"Gradio Blocks instance: {num_backend_fns} backend functions"
+        repr += "\n" + "-" * len(repr)
+        for d, dependency in enumerate(self.dependencies):
+            if dependency["backend_fn"]:
+                repr += f"\nfn_index={d}"
+                repr += "\n inputs:"
+                for input_id in dependency["inputs"]:
+                    block = self.blocks[input_id]
+                    repr += "\n |-{}".format(str(block))
+                repr += "\n outputs:"
+                for output_id in dependency["outputs"]:
+                    block = self.blocks[output_id]
+                    repr += "\n |-{}".format(str(block))
+        return repr
+
+    def render(self):
+        if Context.root_block is not None:
+            if self._id in Context.root_block.blocks:
+                raise DuplicateBlockError(
+                    f"A block with id: {self._id} has already been rendered in the current Blocks."
+                )
+            if not set(Context.root_block.blocks).isdisjoint(self.blocks):
+                raise DuplicateBlockError(
+                    "At least one block in this Blocks has already been rendered."
+                )
+
+            Context.root_block.blocks.update(self.blocks)
+            Context.root_block.fns.extend(self.fns)
+            dependency_offset = len(Context.root_block.dependencies)
+            for i, dependency in enumerate(self.dependencies):
+                api_name = dependency["api_name"]
+                if api_name is not None:
+                    api_name_ = utils.append_unique_suffix(
+                        api_name,
+                        [dep["api_name"] for dep in Context.root_block.dependencies],
+                    )
+                    if not (api_name == api_name_):
+                        warnings.warn(
+                            "api_name {} already exists, using {}".format(
+                                api_name, api_name_
+                            )
+                        )
+                        dependency["api_name"] = api_name_
+                dependency["cancels"] = [
+                    c + dependency_offset for c in dependency["cancels"]
+                ]
+                # Recreate the cancel function so that it has the latest
+                # dependency fn indices. This is necessary to properly cancel
+                # events in the backend
+                if dependency["cancels"]:
+                    updated_cancels = [
+                        Context.root_block.dependencies[i]
+                        for i in dependency["cancels"]
+                    ]
+                    new_fn = BlockFunction(
+                        get_cancel_function(updated_cancels)[0],
+                        [],
+                        [],
+                        False,
+                        True,
+                        False,
+                    )
+                    Context.root_block.fns[dependency_offset + i] = new_fn
+                Context.root_block.dependencies.append(dependency)
+            Context.root_block.temp_file_sets.extend(self.temp_file_sets)
+
+        if Context.block is not None:
+            Context.block.children.extend(self.children)
+        return self
+
+    def is_callable(self, fn_index: int = 0) -> bool:
+        """Checks if a particular Blocks function is callable (i.e. not stateful or a generator)."""
+        block_fn = self.fns[fn_index]
+        dependency = self.dependencies[fn_index]
+
+        if inspect.isasyncgenfunction(block_fn.fn):
+            return False
+        if inspect.isgeneratorfunction(block_fn.fn):
+            return False
+        for input_id in dependency["inputs"]:
+            block = self.blocks[input_id]
+            if getattr(block, "stateful", False):
+                return False
+        for output_id in dependency["outputs"]:
+            block = self.blocks[output_id]
+            if getattr(block, "stateful", False):
+                return False
+
+        return True
+
+    def __call__(self, *inputs, fn_index: int = 0, api_name: str | None = None):
+        """
+        Allows Blocks objects to be called as functions. Supply the parameters to the
+        function as positional arguments. To choose which function to call, use the
+        fn_index parameter, which must be a keyword argument.
+
+        Parameters:
+        *inputs: the parameters to pass to the function
+        fn_index: the index of the function to call (defaults to 0, which for Interfaces, is the default prediction function)
+        api_name: The api_name of the dependency to call. Will take precedence over fn_index.
+        """
+        if api_name is not None:
+            inferred_fn_index = next(
+                (
+                    i
+                    for i, d in enumerate(self.dependencies)
+                    if d.get("api_name") == api_name
+                ),
+                None,
+            )
+            if inferred_fn_index is None:
+                raise InvalidApiName(f"Cannot find a function with api_name {api_name}")
+            fn_index = inferred_fn_index
+        if not (self.is_callable(fn_index)):
+            raise ValueError(
+                "This function is not callable because it is either stateful or is a generator. Please use the .launch() method instead to create an interactive user interface."
+            )
+
+        inputs = list(inputs)
+        processed_inputs = self.serialize_data(fn_index, inputs)
+        batch = self.dependencies[fn_index]["batch"]
+        if batch:
+            processed_inputs = [[inp] for inp in processed_inputs]
+
+        outputs = utils.synchronize_async(
+            self.process_api,
+            fn_index=fn_index,
+            inputs=processed_inputs,
+            request=None,
+            state={},
+        )
+        outputs = outputs["data"]
+
+        if batch:
+            outputs = [out[0] for out in outputs]
+
+        processed_outputs = self.deserialize_data(fn_index, outputs)
+        processed_outputs = utils.resolve_singleton(processed_outputs)
+
+        return processed_outputs
+
+    async def call_function(
+        self,
+        fn_index: int,
+        processed_input: List[Any],
+        iterator: Iterator[Any] | None = None,
+        requests: routes.Request | List[routes.Request] | None = None,
+        event_id: str | None = None,
+    ):
+        """
+        Calls function with given index and preprocessed input, and measures process time.
+        Parameters:
+            fn_index: index of function to call
+            processed_input: preprocessed input to pass to function
+            iterator: iterator to use if function is a generator
+            requests: requests to pass to function
+            event_id: id of event in queue
+        """
+        block_fn = self.fns[fn_index]
+        assert block_fn.fn, f"function with index {fn_index} not defined."
+        is_generating = False
+
+        if block_fn.inputs_as_dict:
+            processed_input = [
+                {
+                    input_component: data
+                    for input_component, data in zip(block_fn.inputs, processed_input)
+                }
+            ]
+
+        if isinstance(requests, list):
+            request = requests[0]
+        else:
+            request = requests
+        processed_input, progress_index = special_args(
+            block_fn.fn,
+            processed_input,
+            request,
+        )
+        progress_tracker = (
+            processed_input[progress_index] if progress_index is not None else None
+        )
+
+        start = time.time()
+
+        if iterator is None:  # If not a generator function that has already run
+            if progress_tracker is not None and progress_index is not None:
+                progress_tracker, fn = create_tracker(
+                    self, event_id, block_fn.fn, progress_tracker.track_tqdm
+                )
+                processed_input[progress_index] = progress_tracker
+            else:
+                fn = block_fn.fn
+
+            if inspect.iscoroutinefunction(fn):
+                prediction = await fn(*processed_input)
+            else:
+                prediction = await anyio.to_thread.run_sync(
+                    fn, *processed_input, limiter=self.limiter
+                )
+        else:
+            prediction = None
+
+        if inspect.isasyncgenfunction(block_fn.fn):
+            raise ValueError("Gradio does not support async generators.")
+        if inspect.isgeneratorfunction(block_fn.fn):
+            if not self.enable_queue:
+                raise ValueError("Need to enable queue to use generators.")
+            try:
+                if iterator is None:
+                    iterator = prediction
+                prediction = await anyio.to_thread.run_sync(
+                    utils.async_iteration, iterator, limiter=self.limiter
+                )
+                is_generating = True
+            except StopAsyncIteration:
+                n_outputs = len(self.dependencies[fn_index].get("outputs"))
+                prediction = (
+                    components._Keywords.FINISHED_ITERATING
+                    if n_outputs == 1
+                    else (components._Keywords.FINISHED_ITERATING,) * n_outputs
+                )
+                iterator = None
+
+        duration = time.time() - start
+
+        return {
+            "prediction": prediction,
+            "duration": duration,
+            "is_generating": is_generating,
+            "iterator": iterator,
+        }
+
+    def serialize_data(self, fn_index: int, inputs: List[Any]) -> List[Any]:
+        dependency = self.dependencies[fn_index]
+        processed_input = []
+
+        for i, input_id in enumerate(dependency["inputs"]):
+            block = self.blocks[input_id]
+            assert isinstance(
+                block, components.IOComponent
+            ), f"{block.__class__} Component with id {input_id} not a valid input component."
+            serialized_input = block.serialize(inputs[i])
+            processed_input.append(serialized_input)
+
+        return processed_input
+
+    def deserialize_data(self, fn_index: int, outputs: List[Any]) -> List[Any]:
+        dependency = self.dependencies[fn_index]
+        predictions = []
+
+        for o, output_id in enumerate(dependency["outputs"]):
+            block = self.blocks[output_id]
+            assert isinstance(
+                block, components.IOComponent
+            ), f"{block.__class__} Component with id {output_id} not a valid output component."
+            deserialized = block.deserialize(outputs[o])
+            predictions.append(deserialized)
+
+        return predictions
+
+    def preprocess_data(self, fn_index: int, inputs: List[Any], state: Dict[int, Any]):
+        block_fn = self.fns[fn_index]
+        dependency = self.dependencies[fn_index]
+
+        if block_fn.preprocess:
+            processed_input = []
+            for i, input_id in enumerate(dependency["inputs"]):
+                block = self.blocks[input_id]
+                assert isinstance(
+                    block, components.Component
+                ), f"{block.__class__} Component with id {input_id} not a valid input component."
+                if getattr(block, "stateful", False):
+                    processed_input.append(state.get(input_id))
+                else:
+                    processed_input.append(block.preprocess(inputs[i]))
+        else:
+            processed_input = inputs
+        return processed_input
+
+    def postprocess_data(
+        self, fn_index: int, predictions: List | Dict, state: Dict[int, Any]
+    ):
+        block_fn = self.fns[fn_index]
+        dependency = self.dependencies[fn_index]
+        batch = dependency["batch"]
+
+        if type(predictions) is dict and len(predictions) > 0:
+            predictions = convert_component_dict_to_list(
+                dependency["outputs"], predictions
+            )
+
+        if len(dependency["outputs"]) == 1 and not (batch):
+            predictions = [
+                predictions,
+            ]
+
+        output = []
+        for i, output_id in enumerate(dependency["outputs"]):
+            if predictions[i] is components._Keywords.FINISHED_ITERATING:
+                output.append(None)
+                continue
+            block = self.blocks[output_id]
+            if getattr(block, "stateful", False):
+                if not utils.is_update(predictions[i]):
+                    state[output_id] = predictions[i]
+                output.append(None)
+            else:
+                prediction_value = predictions[i]
+                if utils.is_update(prediction_value):
+                    assert isinstance(prediction_value, dict)
+                    prediction_value = postprocess_update_dict(
+                        block=block,
+                        update_dict=prediction_value,
+                        postprocess=block_fn.postprocess,
+                    )
+                elif block_fn.postprocess:
+                    assert isinstance(
+                        block, components.Component
+                    ), f"{block.__class__} Component with id {output_id} not a valid output component."
+                    prediction_value = block.postprocess(prediction_value)
+                output.append(prediction_value)
+        return output
+
+    async def process_api(
+        self,
+        fn_index: int,
+        inputs: List[Any],
+        state: Dict[int, Any],
+        request: routes.Request | List[routes.Request] | None = None,
+        iterators: Dict[int, Any] | None = None,
+        event_id: str | None = None,
+    ) -> Dict[str, Any]:
+        """
+        Processes API calls from the frontend. First preprocesses the data,
+        then runs the relevant function, then postprocesses the output.
+        Parameters:
+            fn_index: Index of function to run.
+            inputs: input data received from the frontend
+            username: name of user if authentication is set up (not used)
+            state: data stored from stateful components for session (key is input block id)
+            iterators: the in-progress iterators for each generator function (key is function index)
+        Returns: None
+        """
+        block_fn = self.fns[fn_index]
+        batch = self.dependencies[fn_index]["batch"]
+
+        if batch:
+            max_batch_size = self.dependencies[fn_index]["max_batch_size"]
+            batch_sizes = [len(inp) for inp in inputs]
+            batch_size = batch_sizes[0]
+            if inspect.isasyncgenfunction(block_fn.fn) or inspect.isgeneratorfunction(
+                block_fn.fn
+            ):
+                raise ValueError("Gradio does not support generators in batch mode.")
+            if not all(x == batch_size for x in batch_sizes):
+                raise ValueError(
+                    f"All inputs to a batch function must have the same length but instead have sizes: {batch_sizes}."
+                )
+            if batch_size > max_batch_size:
+                raise ValueError(
+                    f"Batch size ({batch_size}) exceeds the max_batch_size for this function ({max_batch_size})"
+                )
+
+            inputs = [
+                self.preprocess_data(fn_index, list(i), state) for i in zip(*inputs)
+            ]
+            result = await self.call_function(
+                fn_index, list(zip(*inputs)), None, request
+            )
+            preds = result["prediction"]
+            data = [
+                self.postprocess_data(fn_index, list(o), state) for o in zip(*preds)
+            ]
+            data = list(zip(*data))
+            is_generating, iterator = None, None
+        else:
+            inputs = self.preprocess_data(fn_index, inputs, state)
+            iterator = iterators.get(fn_index, None) if iterators else None
+            result = await self.call_function(
+                fn_index, inputs, iterator, request, event_id
+            )
+            data = self.postprocess_data(fn_index, result["prediction"], state)
+            is_generating, iterator = result["is_generating"], result["iterator"]
+
+        block_fn.total_runtime += result["duration"]
+        block_fn.total_runs += 1
+
+        return {
+            "data": data,
+            "is_generating": is_generating,
+            "iterator": iterator,
+            "duration": result["duration"],
+            "average_duration": block_fn.total_runtime / block_fn.total_runs,
+        }
+
+    async def create_limiter(self):
+        self.limiter = (
+            None
+            if self.max_threads == 40
+            else CapacityLimiter(total_tokens=self.max_threads)
+        )
+
+    def get_config(self):
+        return {"type": "column"}
+
+    def get_config_file(self):
+        config = {
+            "version": routes.VERSION,
+            "mode": self.mode,
+            "dev_mode": self.dev_mode,
+            "components": [],
+            "theme": self.theme,
+            "css": self.css,
+            "title": self.title or "Gradio",
+            "is_space": self.is_space,
+            "enable_queue": getattr(self, "enable_queue", False),  # launch attributes
+            "show_error": getattr(self, "show_error", False),
+            "show_api": self.show_api,
+            "is_colab": utils.colab_check(),
+        }
+
+        def getLayout(block):
+            if not isinstance(block, BlockContext):
+                return {"id": block._id}
+            children_layout = []
+            for child in block.children:
+                children_layout.append(getLayout(child))
+            return {"id": block._id, "children": children_layout}
+
+        config["layout"] = getLayout(self)
+
+        for _id, block in self.blocks.items():
+            config["components"].append(
+                {
+                    "id": _id,
+                    "type": (block.get_block_name()),
+                    "props": utils.delete_none(block.get_config())
+                    if hasattr(block, "get_config")
+                    else {},
+                }
+            )
+        config["dependencies"] = self.dependencies
+        return config
+
+    def __enter__(self):
+        if Context.block is None:
+            Context.root_block = self
+        self.parent = Context.block
+        Context.block = self
+        return self
+
+    def __exit__(self, *args):
+        super().fill_expected_parents()
+        Context.block = self.parent
+        # Configure the load events before root_block is reset
+        self.attach_load_events()
+        if self.parent is None:
+            Context.root_block = None
+        else:
+            self.parent.children.extend(self.children)
+        self.config = self.get_config_file()
+        self.app = routes.App.create_app(self)
+
+    @class_or_instancemethod
+    def load(
+        self_or_cls,
+        fn: Callable | None = None,
+        inputs: List[Component] | None = None,
+        outputs: List[Component] | None = None,
+        api_name: str | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue=None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        every: float | None = None,
+        _js: str | None = None,
+        *,
+        name: str | None = None,
+        src: str | None = None,
+        api_key: str | None = None,
+        alias: str | None = None,
+        **kwargs,
+    ) -> Blocks | Dict[str, Any] | None:
+        """
+        For reverse compatibility reasons, this is both a class method and an instance
+        method, the two of which, confusingly, do two completely different things.
+
+
+        Class method: loads a demo from a Hugging Face Spaces repo and creates it locally and returns a block instance. Equivalent to gradio.Interface.load()
+
+
+        Instance method: adds event that runs as soon as the demo loads in the browser. Example usage below.
+        Parameters:
+            name: Class Method - the name of the model (e.g. "gpt2" or "facebook/bart-base") or space (e.g. "flax-community/spanish-gpt2"), can include the `src` as prefix (e.g. "models/facebook/bart-base")
+            src: Class Method - the source of the model: `models` or `spaces` (or leave empty if source is provided as a prefix in `name`)
+            api_key: Class Method - optional access token for loading private Hugging Face Hub models or spaces. Find your token here: https://huggingface.co/settings/tokens
+            alias: Class Method - optional string used as the name of the loaded model instead of the default name (only applies if loading a Space running Gradio 2.x)
+            fn: Instance Method - the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: Instance Method - List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: Instance Method - List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Instance Method - Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: Instance Method - If True, will scroll to output component on completion
+            show_progress: Instance Method - If True, will show progress animation while pending
+            queue: Instance Method - If True, will place the request on the queue, if the queue exists
+            batch: Instance Method - If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Instance Method - Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: Instance Method - If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: Instance Method - If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            every: Instance Method - Run this event 'every' number of seconds. Interpreted in seconds. Queue must be enabled.
+        Example:
+            import gradio as gr
+            import datetime
+            with gr.Blocks() as demo:
+                def get_time():
+                    return datetime.datetime.now().time()
+                dt = gr.Textbox(label="Current time")
+                demo.load(get_time, inputs=None, outputs=dt)
+            demo.launch()
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        if isinstance(self_or_cls, type):
+            if name is None:
+                raise ValueError(
+                    "Blocks.load() requires passing parameters as keyword arguments"
+                )
+            return external.load_blocks_from_repo(name, src, api_key, alias, **kwargs)
+        else:
+            return self_or_cls.set_event_trigger(
+                event_name="load",
+                fn=fn,
+                inputs=inputs,
+                outputs=outputs,
+                api_name=api_name,
+                preprocess=preprocess,
+                postprocess=postprocess,
+                scroll_to_output=scroll_to_output,
+                show_progress=show_progress,
+                js=_js,
+                queue=queue,
+                batch=batch,
+                max_batch_size=max_batch_size,
+                every=every,
+                no_target=True,
+            )
+
+    def clear(self):
+        """Resets the layout of the Blocks object."""
+        self.blocks = {}
+        self.fns = []
+        self.dependencies = []
+        self.children = []
+        return self
+
+    @document()
+    def queue(
+        self,
+        concurrency_count: int = 1,
+        status_update_rate: float | Literal["auto"] = "auto",
+        client_position_to_load_data: int | None = None,
+        default_enabled: bool | None = None,
+        api_open: bool = True,
+        max_size: int | None = None,
+    ):
+        """
+        You can control the rate of processed requests by creating a queue. This will allow you to set the number of requests to be processed at one time, and will let users know their position in the queue.
+        Parameters:
+            concurrency_count: Number of worker threads that will be processing requests from the queue concurrently. Increasing this number will increase the rate at which requests are processed, but will also increase the memory usage of the queue.
+            status_update_rate: If "auto", Queue will send status estimations to all clients whenever a job is finished. Otherwise Queue will send status at regular intervals set by this parameter as the number of seconds.
+            client_position_to_load_data: DEPRECATED. This parameter is deprecated and has no effect.
+            default_enabled: Deprecated and has no effect.
+            api_open: If True, the REST routes of the backend will be open, allowing requests made directly to those endpoints to skip the queue.
+            max_size: The maximum number of events the queue will store at any given moment. If the queue is full, new events will not be added and a user will receive a message saying that the queue is full. If None, the queue size will be unlimited.
+        Example:
+            demo = gr.Interface(gr.Textbox(), gr.Image(), image_generator)
+            demo.queue(concurrency_count=3)
+            demo.launch()
+        """
+        if default_enabled is not None:
+            warnings.warn(
+                "The default_enabled parameter of queue has no effect and will be removed "
+                "in a future version of gradio."
+            )
+        self.enable_queue = True
+        self.api_open = api_open
+        if client_position_to_load_data is not None:
+            warnings.warn("The client_position_to_load_data parameter is deprecated.")
+        self._queue = queueing.Queue(
+            live_updates=status_update_rate == "auto",
+            concurrency_count=concurrency_count,
+            update_intervals=status_update_rate if status_update_rate != "auto" else 1,
+            max_size=max_size,
+            blocks_dependencies=self.dependencies,
+        )
+        self.config = self.get_config_file()
+        return self
+
+    def launch(
+        self,
+        inline: bool | None = None,
+        inbrowser: bool = False,
+        share: bool | None = None,
+        debug: bool = False,
+        enable_queue: bool | None = None,
+        max_threads: int = 40,
+        auth: Callable | Tuple[str, str] | List[Tuple[str, str]] | None = None,
+        auth_message: str | None = None,
+        prevent_thread_lock: bool = False,
+        show_error: bool = False,
+        server_name: str | None = None,
+        server_port: int | None = None,
+        show_tips: bool = False,
+        height: int = 500,
+        width: int | str = "100%",
+        encrypt: bool = False,
+        favicon_path: str | None = None,
+        ssl_keyfile: str | None = None,
+        ssl_certfile: str | None = None,
+        ssl_keyfile_password: str | None = None,
+        quiet: bool = False,
+        show_api: bool = True,
+        _frontend: bool = True,
+    ) -> Tuple[FastAPI, str, str]:
+        """
+        Launches a simple web server that serves the demo. Can also be used to create a
+        public link used by anyone to access the demo from their browser by setting share=True.
+
+        Parameters:
+            inline: whether to display in the interface inline in an iframe. Defaults to True in python notebooks; False otherwise.
+            inbrowser: whether to automatically launch the interface in a new tab on the default browser.
+            share: whether to create a publicly shareable link for the interface. Creates an SSH tunnel to make your UI accessible from anywhere. If not provided, it is set to False by default every time, except when running in Google Colab. When localhost is not accessible (e.g. Google Colab), setting share=False is not supported.
+            debug: if True, blocks the main thread from running. If running in Google Colab, this is needed to print the errors in the cell output.
+            auth: If provided, username and password (or list of username-password tuples) required to access interface. Can also provide function that takes username and password and returns True if valid login.
+            auth_message: If provided, HTML message provided on login page.
+            prevent_thread_lock: If True, the interface will block the main thread while the server is running.
+            show_error: If True, any errors in the interface will be displayed in an alert modal and printed in the browser console log
+            server_port: will start gradio app on this port (if available). Can be set by environment variable GRADIO_SERVER_PORT. If None, will search for an available port starting at 7860.
+            server_name: to make app accessible on local network, set this to "0.0.0.0". Can be set by environment variable GRADIO_SERVER_NAME. If None, will use "127.0.0.1".
+            show_tips: if True, will occasionally show tips about new Gradio features
+            enable_queue: DEPRECATED (use .queue() method instead.) if True, inference requests will be served through a queue instead of with parallel threads. Required for longer inference times (> 1min) to prevent timeout. The default option in HuggingFace Spaces is True. The default option elsewhere is False.
+            max_threads: the maximum number of total threads that the Gradio app can generate in parallel. The default is inherited from the starlette library (currently 40). Applies whether the queue is enabled or not. But if queuing is enabled, this parameter is increaseed to be at least the concurrency_count of the queue.
+            width: The width in pixels of the iframe element containing the interface (used if inline=True)
+            height: The height in pixels of the iframe element containing the interface (used if inline=True)
+            encrypt: If True, flagged data will be encrypted by key provided by creator at launch
+            favicon_path: If a path to a file (.png, .gif, or .ico) is provided, it will be used as the favicon for the web page.
+            ssl_keyfile: If a path to a file is provided, will use this as the private key file to create a local server running on https.
+            ssl_certfile: If a path to a file is provided, will use this as the signed certificate for https. Needs to be provided if ssl_keyfile is provided.
+            ssl_keyfile_password: If a password is provided, will use this with the ssl certificate for https.
+            quiet: If True, suppresses most print statements.
+            show_api: If True, shows the api docs in the footer of the app. Default True. If the queue is enabled, then api_open parameter of .queue() will determine if the api docs are shown, independent of the value of show_api.
+        Returns:
+            app: FastAPI app object that is running the demo
+            local_url: Locally accessible link to the demo
+            share_url: Publicly accessible link to the demo (if share=True, otherwise None)
+        Example:
+            import gradio as gr
+            def reverse(text):
+                return text[::-1]
+            demo = gr.Interface(reverse, "text", "text")
+            demo.launch(share=True, auth=("username", "password"))
+        """
+        self.dev_mode = False
+        if (
+            auth
+            and not callable(auth)
+            and not isinstance(auth[0], tuple)
+            and not isinstance(auth[0], list)
+        ):
+            self.auth = [auth]
+        else:
+            self.auth = auth
+        self.auth_message = auth_message
+        self.show_tips = show_tips
+        self.show_error = show_error
+        self.height = height
+        self.width = width
+        self.favicon_path = favicon_path
+        self.progress_tracking = any(
+            block_fn.fn is not None and special_args(block_fn.fn)[1] is not None
+            for block_fn in self.fns
+        )
+
+        if enable_queue is not None:
+            self.enable_queue = enable_queue
+            warnings.warn(
+                "The `enable_queue` parameter has been deprecated. Please use the `.queue()` method instead.",
+                DeprecationWarning,
+            )
+
+        if self.is_space:
+            self.enable_queue = self.enable_queue is not False
+        else:
+            self.enable_queue = self.enable_queue is True
+        if self.enable_queue and not hasattr(self, "_queue"):
+            self.queue()
+        self.show_api = self.api_open if self.enable_queue else show_api
+
+        if not self.enable_queue and self.progress_tracking:
+            raise ValueError("Progress tracking requires queuing to be enabled.")
+
+        for dep in self.dependencies:
+            for i in dep["cancels"]:
+                if not self.queue_enabled_for_fn(i):
+                    raise ValueError(
+                        "In order to cancel an event, the queue for that event must be enabled! "
+                        "You may get this error by either 1) passing a function that uses the yield keyword "
+                        "into an interface without enabling the queue or 2) defining an event that cancels "
+                        "another event without enabling the queue. Both can be solved by calling .queue() "
+                        "before .launch()"
+                    )
+            if dep["batch"] and (
+                dep["queue"] is False
+                or (dep["queue"] is None and not self.enable_queue)
+            ):
+                raise ValueError("In order to use batching, the queue must be enabled.")
+
+        self.config = self.get_config_file()
+        self.encrypt = encrypt
+        self.max_threads = max(
+            self._queue.max_thread_count if self.enable_queue else 0, max_threads
+        )
+        if self.encrypt:
+            self.encryption_key = encryptor.get_key(
+                getpass.getpass("Enter key for encryption: ")
+            )
+
+        if self.is_running:
+            assert isinstance(
+                self.local_url, str
+            ), f"Invalid local_url: {self.local_url}"
+            if not (quiet):
+                print(
+                    "Rerunning server... use `close()` to stop if you need to change `launch()` parameters.\n----"
+                )
+        else:
+            server_name, server_port, local_url, app, server = networking.start_server(
+                self,
+                server_name,
+                server_port,
+                ssl_keyfile,
+                ssl_certfile,
+                ssl_keyfile_password,
+            )
+            self.server_name = server_name
+            self.local_url = local_url
+            self.server_port = server_port
+            self.server_app = app
+            self.server = server
+            self.is_running = True
+            self.is_colab = utils.colab_check()
+            self.protocol = (
+                "https"
+                if self.local_url.startswith("https") or self.is_colab
+                else "http"
+            )
+
+            if self.enable_queue:
+                self._queue.set_url(self.local_url)
+
+            # Cannot run async functions in background other than app's scope.
+            # Workaround by triggering the app endpoint
+            requests.get(f"{self.local_url}startup-events")
+
+            if self.enable_queue:
+                if self.encrypt:
+                    raise ValueError("Cannot queue with encryption enabled.")
+        utils.launch_counter()
+
+        self.share = (
+            share
+            if share is not None
+            else True
+            if self.is_colab and self.enable_queue
+            else False
+        )
+
+        # If running in a colab or not able to access localhost,
+        # a shareable link must be created.
+        if _frontend and (not networking.url_ok(self.local_url)) and (not self.share):
+            raise ValueError(
+                "When localhost is not accessible, a shareable link must be created. Please set share=True."
+            )
+
+        if self.is_colab:
+            if not quiet:
+                if debug:
+                    print(strings.en["COLAB_DEBUG_TRUE"])
+                else:
+                    print(strings.en["COLAB_DEBUG_FALSE"])
+                if not self.share:
+                    print(strings.en["COLAB_WARNING"].format(self.server_port))
+            if self.enable_queue and not self.share:
+                raise ValueError(
+                    "When using queueing in Colab, a shareable link must be created. Please set share=True."
+                )
+        else:
+            print(
+                strings.en["RUNNING_LOCALLY_SEPARATED"].format(
+                    self.protocol, self.server_name, self.server_port
+                )
+            )
+
+        if self.share:
+            if self.is_space:
+                raise RuntimeError("Share is not supported when you are in Spaces")
+            try:
+                if self.share_url is None:
+                    self.share_url = networking.setup_tunnel(
+                        self.server_name, self.server_port
+                    )
+                print(strings.en["SHARE_LINK_DISPLAY"].format(self.share_url))
+                if not (quiet):
+                    print(strings.en["SHARE_LINK_MESSAGE"])
+            except RuntimeError:
+                if self.analytics_enabled:
+                    utils.error_analytics(self.ip_address, "Not able to set up tunnel")
+                self.share_url = None
+                self.share = False
+                print(strings.en["COULD_NOT_GET_SHARE_LINK"])
+        else:
+            if not (quiet):
+                print(strings.en["PUBLIC_SHARE_TRUE"])
+            self.share_url = None
+
+        if inbrowser:
+            link = self.share_url if self.share and self.share_url else self.local_url
+            webbrowser.open(link)
+
+        # Check if running in a Python notebook in which case, display inline
+        if inline is None:
+            inline = utils.ipython_check() and (self.auth is None)
+        if inline:
+            if self.auth is not None:
+                print(
+                    "Warning: authentication is not supported inline. Please"
+                    "click the link to access the interface in a new tab."
+                )
+            try:
+                from IPython.display import HTML, Javascript, display  # type: ignore
+
+                if self.share and self.share_url:
+                    while not networking.url_ok(self.share_url):
+                        time.sleep(0.25)
+                    display(
+                        HTML(
+                            f'<div><iframe src="{self.share_url}" width="{self.width}" height="{self.height}" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>'
+                        )
+                    )
+                elif self.is_colab:
+                    # modified from /usr/local/lib/python3.7/dist-packages/google/colab/output/_util.py within Colab environment
+                    code = """(async (port, path, width, height, cache, element) => {
+                        if (!google.colab.kernel.accessAllowed && !cache) {
+                            return;
+                        }
+                        element.appendChild(document.createTextNode(''));
+                        const url = await google.colab.kernel.proxyPort(port, {cache});
+
+                        const external_link = document.createElement('div');
+                        external_link.innerHTML = `
+                            <div style="font-family: monospace; margin-bottom: 0.5rem">
+                                Running on <a href=${new URL(path, url).toString()} target="_blank">
+                                    https://localhost:${port}${path}
+                                </a>
+                            </div>
+                        `;
+                        element.appendChild(external_link);
+
+                        const iframe = document.createElement('iframe');
+                        iframe.src = new URL(path, url).toString();
+                        iframe.height = height;
+                        iframe.allow = "autoplay; camera; microphone; clipboard-read; clipboard-write;"
+                        iframe.width = width;
+                        iframe.style.border = 0;
+                        element.appendChild(iframe);
+                    })""" + "({port}, {path}, {width}, {height}, {cache}, window.element)".format(
+                        port=json.dumps(self.server_port),
+                        path=json.dumps("/"),
+                        width=json.dumps(self.width),
+                        height=json.dumps(self.height),
+                        cache=json.dumps(False),
+                    )
+
+                    display(Javascript(code))
+                else:
+                    display(
+                        HTML(
+                            f'<div><iframe src="{self.local_url}" width="{self.width}" height="{self.height}" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>'
+                        )
+                    )
+            except ImportError:
+                pass
+
+        if getattr(self, "analytics_enabled", False):
+            data = {
+                "launch_method": "browser" if inbrowser else "inline",
+                "is_google_colab": self.is_colab,
+                "is_sharing_on": self.share,
+                "share_url": self.share_url,
+                "ip_address": self.ip_address,
+                "enable_queue": self.enable_queue,
+                "show_tips": self.show_tips,
+                "server_name": server_name,
+                "server_port": server_port,
+                "is_spaces": self.is_space,
+                "mode": self.mode,
+            }
+            utils.launch_analytics(data)
+
+        utils.show_tip(self)
+
+        # Block main thread if debug==True
+        if debug or int(os.getenv("GRADIO_DEBUG", 0)) == 1:
+            self.block_thread()
+        # Block main thread if running in a script to stop script from exiting
+        is_in_interactive_mode = bool(getattr(sys, "ps1", sys.flags.interactive))
+
+        if not prevent_thread_lock and not is_in_interactive_mode:
+            self.block_thread()
+
+        return TupleNoPrint((self.server_app, self.local_url, self.share_url))
+
+    def integrate(
+        self,
+        comet_ml: comet_ml.Experiment | None = None,
+        wandb: ModuleType | None = None,
+        mlflow: ModuleType | None = None,
+    ) -> None:
+        """
+        A catch-all method for integrating with other libraries. This method should be run after launch()
+        Parameters:
+            comet_ml: If a comet_ml Experiment object is provided, will integrate with the experiment and appear on Comet dashboard
+            wandb: If the wandb module is provided, will integrate with it and appear on WandB dashboard
+            mlflow: If the mlflow module  is provided, will integrate with the experiment and appear on ML Flow dashboard
+        """
+        analytics_integration = ""
+        if comet_ml is not None:
+            analytics_integration = "CometML"
+            comet_ml.log_other("Created from", "Gradio")
+            if self.share_url is not None:
+                comet_ml.log_text("gradio: " + self.share_url)
+                comet_ml.end()
+            elif self.local_url:
+                comet_ml.log_text("gradio: " + self.local_url)
+                comet_ml.end()
+            else:
+                raise ValueError("Please run `launch()` first.")
+        if wandb is not None:
+            analytics_integration = "WandB"
+            if self.share_url is not None:
+                wandb.log(
+                    {
+                        "Gradio panel": wandb.Html(
+                            '<iframe src="'
+                            + self.share_url
+                            + '" width="'
+                            + str(self.width)
+                            + '" height="'
+                            + str(self.height)
+                            + '" frameBorder="0"></iframe>'
+                        )
+                    }
+                )
+            else:
+                print(
+                    "The WandB integration requires you to "
+                    "`launch(share=True)` first."
+                )
+        if mlflow is not None:
+            analytics_integration = "MLFlow"
+            if self.share_url is not None:
+                mlflow.log_param("Gradio Interface Share Link", self.share_url)
+            else:
+                mlflow.log_param("Gradio Interface Local Link", self.local_url)
+        if self.analytics_enabled and analytics_integration:
+            data = {"integration": analytics_integration}
+            utils.integration_analytics(data)
+
+    def close(self, verbose: bool = True) -> None:
+        """
+        Closes the Interface that was launched and frees the port.
+        """
+        try:
+            if self.enable_queue:
+                self._queue.close()
+            self.server.close()
+            self.is_running = False
+            if verbose:
+                print("Closing server running on port: {}".format(self.server_port))
+        except (AttributeError, OSError):  # can't close if not running
+            pass
+
+    def block_thread(
+        self,
+    ) -> None:
+        """Block main thread until interrupted by user."""
+        try:
+            while True:
+                time.sleep(0.1)
+        except (KeyboardInterrupt, OSError):
+            print("Keyboard interruption in main thread... closing server.")
+            self.server.close()
+            for tunnel in CURRENT_TUNNELS:
+                tunnel.kill()
+
+    def attach_load_events(self):
+        """Add a load event for every component whose initial value should be randomized."""
+        if Context.root_block:
+            for component in Context.root_block.blocks.values():
+                if (
+                    isinstance(component, components.IOComponent)
+                    and component.load_event_to_attach
+                ):
+                    load_fn, every = component.load_event_to_attach
+                    # Use set_event_trigger to avoid ambiguity between load class/instance method
+                    self.set_event_trigger(
+                        "load",
+                        load_fn,
+                        None,
+                        component,
+                        no_target=True,
+                        queue=False,
+                        every=every,
+                    )
+
+    def startup_events(self):
+        """Events that should be run when the app containing this block starts up."""
+
+        if self.enable_queue:
+            utils.run_coro_in_background(self._queue.start, (self.progress_tracking,))
+        utils.run_coro_in_background(self.create_limiter)
+
+    def queue_enabled_for_fn(self, fn_index: int):
+        if self.dependencies[fn_index]["queue"] is None:
+            return self.enable_queue
+        return self.dependencies[fn_index]["queue"]

gradio-modified/gradio/context.py

@@ -0,0 +1,14 @@
+# Defines the Context class, which is used to store the state of all Blocks that are being rendered.
+
+from __future__ import annotations
+
+from typing import TYPE_CHECKING
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from gradio.blocks import BlockContext, Blocks
+
+
+class Context:
+    root_block: Blocks | None = None  # The current root block that holds all blocks.
+    block: BlockContext | None = None  # The current block that children are added to.
+    id: int = 0  # Running id to uniquely refer to any block that gets defined

gradio-modified/gradio/data_classes.py

@@ -0,0 +1,55 @@
+"""Pydantic data models and other dataclasses. This is the only file that uses Optional[]
+typing syntax instead of | None syntax to work with pydantic"""
+
+from enum import Enum, auto
+from typing import Any, Dict, List, Optional, Union
+
+from pydantic import BaseModel
+
+
+class PredictBody(BaseModel):
+    session_hash: Optional[str]
+    event_id: Optional[str]
+    data: List[Any]
+    fn_index: Optional[int]
+    batched: Optional[
+        bool
+    ] = False  # Whether the data is a batch of samples (i.e. called from the queue if batch=True) or a single sample (i.e. called from the UI)
+    request: Optional[
+        Union[Dict, List[Dict]]
+    ] = None  # dictionary of request headers, query parameters, url, etc. (used to to pass in request for queuing)
+
+
+class ResetBody(BaseModel):
+    session_hash: str
+    fn_index: int
+
+
+class InterfaceTypes(Enum):
+    STANDARD = auto()
+    INPUT_ONLY = auto()
+    OUTPUT_ONLY = auto()
+    UNIFIED = auto()
+
+
+class Estimation(BaseModel):
+    msg: Optional[str] = "estimation"
+    rank: Optional[int] = None
+    queue_size: int
+    avg_event_process_time: Optional[float]
+    avg_event_concurrent_process_time: Optional[float]
+    rank_eta: Optional[float] = None
+    queue_eta: float
+
+
+class ProgressUnit(BaseModel):
+    index: Optional[int]
+    length: Optional[int]
+    unit: Optional[str]
+    progress: Optional[float]
+    desc: Optional[str]
+
+
+class Progress(BaseModel):
+    msg: str = "progress"
+    progress_data: List[ProgressUnit] = []

gradio-modified/gradio/deprecation.py

@@ -0,0 +1,45 @@
+import warnings
+
+
+def simple_deprecated_notice(term: str) -> str:
+    return f"`{term}` parameter is deprecated, and it has no effect"
+
+
+def use_in_launch(term: str) -> str:
+    return f"`{term}` is deprecated in `Interface()`, please use it within `launch()` instead."
+
+
+DEPRECATION_MESSAGE = {
+    "optional": simple_deprecated_notice("optional"),
+    "keep_filename": simple_deprecated_notice("keep_filename"),
+    "numeric": simple_deprecated_notice("numeric"),
+    "verbose": simple_deprecated_notice("verbose"),
+    "allow_screenshot": simple_deprecated_notice("allow_screenshot"),
+    "layout": simple_deprecated_notice("layout"),
+    "show_input": simple_deprecated_notice("show_input"),
+    "show_output": simple_deprecated_notice("show_output"),
+    "capture_session": simple_deprecated_notice("capture_session"),
+    "api_mode": simple_deprecated_notice("api_mode"),
+    "show_tips": use_in_launch("show_tips"),
+    "encrypt": use_in_launch("encrypt"),
+    "enable_queue": use_in_launch("enable_queue"),
+    "server_name": use_in_launch("server_name"),
+    "server_port": use_in_launch("server_port"),
+    "width": use_in_launch("width"),
+    "height": use_in_launch("height"),
+    "plot": "The 'plot' parameter has been deprecated. Use the new Plot component instead",
+    "type": "The 'type' parameter has been deprecated. Use the Number component instead.",
+}
+
+
+def check_deprecated_parameters(cls: str, **kwargs) -> None:
+    for key, value in DEPRECATION_MESSAGE.items():
+        if key in kwargs:
+            kwargs.pop(key)
+            # Interestingly, using DeprecationWarning causes warning to not appear.
+            warnings.warn(value)
+
+    if len(kwargs) != 0:
+        warnings.warn(
+            f"You have unused kwarg parameters in {cls}, please remove them: {kwargs}"
+        )

gradio-modified/gradio/documentation.py

@@ -0,0 +1,193 @@
+"""Contains methods that generate documentation for Gradio functions and classes."""
+
+from __future__ import annotations
+
+import inspect
+from typing import Callable, Dict, List, Tuple
+
+classes_to_document = {}
+documentation_group = None
+
+
+def set_documentation_group(m):
+    global documentation_group
+    documentation_group = m
+    if m not in classes_to_document:
+        classes_to_document[m] = []
+
+
+def document(*fns):
+    """
+    Defines the @document decorator which adds classes or functions to the Gradio
+    documentation at www.gradio.app/docs.
+
+    Usage examples:
+    - Put @document() above a class to document the class and its constructor.
+    - Put @document(fn1, fn2) above a class to also document the class methods fn1 and fn2.
+    """
+
+    def inner_doc(cls):
+        global documentation_group
+        classes_to_document[documentation_group].append((cls, fns))
+        return cls
+
+    return inner_doc
+
+
+def document_fn(fn: Callable) -> Tuple[str, List[Dict], Dict, str | None]:
+    """
+    Generates documentation for any function.
+    Parameters:
+        fn: Function to document
+    Returns:
+        description: General description of fn
+        parameters: A list of dicts for each parameter, storing data for the parameter name, annotation and doc
+        return: A dict storing data for the returned annotation and doc
+        example: Code for an example use of the fn
+    """
+    doc_str = inspect.getdoc(fn) or ""
+    doc_lines = doc_str.split("\n")
+    signature = inspect.signature(fn)
+    description, parameters, returns, examples = [], {}, [], []
+    mode = "description"
+    for line in doc_lines:
+        line = line.rstrip()
+        if line == "Parameters:":
+            mode = "parameter"
+        elif line == "Example:":
+            mode = "example"
+        elif line == "Returns:":
+            mode = "return"
+        else:
+            if mode == "description":
+                description.append(line if line.strip() else "<br>")
+                continue
+            assert (
+                line.startswith("    ") or line.strip() == ""
+            ), f"Documentation format for {fn.__name__} has format error in line: {line}"
+            line = line[4:]
+            if mode == "parameter":
+                colon_index = line.index(": ")
+                assert (
+                    colon_index > -1
+                ), f"Documentation format for {fn.__name__} has format error in line: {line}"
+                parameter = line[:colon_index]
+                parameter_doc = line[colon_index + 2 :]
+                parameters[parameter] = parameter_doc
+            elif mode == "return":
+                returns.append(line)
+            elif mode == "example":
+                examples.append(line)
+    description_doc = " ".join(description)
+    parameter_docs = []
+    for param_name, param in signature.parameters.items():
+        if param_name.startswith("_"):
+            continue
+        if param_name == "kwargs" and param_name not in parameters:
+            continue
+        parameter_doc = {
+            "name": param_name,
+            "annotation": param.annotation,
+            "doc": parameters.get(param_name),
+        }
+        if param_name in parameters:
+            del parameters[param_name]
+        if param.default != inspect.Parameter.empty:
+            default = param.default
+            if type(default) == str:
+                default = '"' + default + '"'
+            if default.__class__.__module__ != "builtins":
+                default = f"{default.__class__.__name__}()"
+            parameter_doc["default"] = default
+        elif parameter_doc["doc"] is not None and "kwargs" in parameter_doc["doc"]:
+            parameter_doc["kwargs"] = True
+        parameter_docs.append(parameter_doc)
+    assert (
+        len(parameters) == 0
+    ), f"Documentation format for {fn.__name__} documents nonexistent parameters: {''.join(parameters.keys())}"
+    if len(returns) == 0:
+        return_docs = {}
+    elif len(returns) == 1:
+        return_docs = {"annotation": signature.return_annotation, "doc": returns[0]}
+    else:
+        return_docs = {}
+        # raise ValueError("Does not support multiple returns yet.")
+    examples_doc = "\n".join(examples) if len(examples) > 0 else None
+    return description_doc, parameter_docs, return_docs, examples_doc
+
+
+def document_cls(cls):
+    doc_str = inspect.getdoc(cls)
+    if doc_str is None:
+        return "", {}, ""
+    tags = {}
+    description_lines = []
+    mode = "description"
+    for line in doc_str.split("\n"):
+        line = line.rstrip()
+        if line.endswith(":") and " " not in line:
+            mode = line[:-1].lower()
+            tags[mode] = []
+        elif line.split(" ")[0].endswith(":") and not line.startswith("    "):
+            tag = line[: line.index(":")].lower()
+            value = line[line.index(":") + 2 :]
+            tags[tag] = value
+        else:
+            if mode == "description":
+                description_lines.append(line if line.strip() else "<br>")
+            else:
+                assert (
+                    line.startswith("    ") or not line.strip()
+                ), f"Documentation format for {cls.__name__} has format error in line: {line}"
+                tags[mode].append(line[4:])
+    if "example" in tags:
+        example = "\n".join(tags["example"])
+        del tags["example"]
+    else:
+        example = None
+    for key, val in tags.items():
+        if isinstance(val, list):
+            tags[key] = "<br>".join(val)
+    description = " ".join(description_lines).replace("\n", "<br>")
+    return description, tags, example
+
+
+def generate_documentation():
+    documentation = {}
+    for mode, class_list in classes_to_document.items():
+        documentation[mode] = []
+        for cls, fns in class_list:
+            fn_to_document = cls if inspect.isfunction(cls) else cls.__init__
+            _, parameter_doc, return_doc, _ = document_fn(fn_to_document)
+            cls_description, cls_tags, cls_example = document_cls(cls)
+            cls_documentation = {
+                "class": cls,
+                "name": cls.__name__,
+                "description": cls_description,
+                "tags": cls_tags,
+                "parameters": parameter_doc,
+                "returns": return_doc,
+                "example": cls_example,
+                "fns": [],
+            }
+            for fn_name in fns:
+                fn = getattr(cls, fn_name)
+                (
+                    description_doc,
+                    parameter_docs,
+                    return_docs,
+                    examples_doc,
+                ) = document_fn(fn)
+                cls_documentation["fns"].append(
+                    {
+                        "fn": fn,
+                        "name": fn_name,
+                        "description": description_doc,
+                        "tags": {},
+                        "parameters": parameter_docs,
+                        "returns": return_docs,
+                        "example": examples_doc,
+                    }
+                )
+            documentation[mode].append(cls_documentation)
+    return documentation

gradio-modified/gradio/encryptor.py

@@ -0,0 +1,31 @@
+from Crypto import Random
+from Crypto.Cipher import AES
+from Crypto.Hash import SHA256
+
+
+def get_key(password: str) -> bytes:
+    """Generates an encryption key based on the password provided."""
+    key = SHA256.new(password.encode()).digest()
+    return key
+
+
+def encrypt(key: bytes, source: bytes) -> bytes:
+    """Encrypts source data using the provided encryption key"""
+    IV = Random.new().read(AES.block_size)  # generate IV
+    encryptor = AES.new(key, AES.MODE_CBC, IV)
+    padding = AES.block_size - len(source) % AES.block_size  # calculate needed padding
+    source += bytes([padding]) * padding  # Python 2.x: source += chr(padding) * padding
+    data = IV + encryptor.encrypt(source)  # store the IV at the beginning and encrypt
+    return data
+
+
+def decrypt(key: bytes, source: bytes) -> bytes:
+    IV = source[: AES.block_size]  # extract the IV from the beginning
+    decryptor = AES.new(key, AES.MODE_CBC, IV)
+    data = decryptor.decrypt(source[AES.block_size :])  # decrypt
+    padding = data[-1]  # pick the padding value from the end; Python 2.x: ord(data[-1])
+    if (
+        data[-padding:] != bytes([padding]) * padding
+    ):  # Python 2.x: chr(padding) * padding
+        raise ValueError("Invalid padding...")
+    return data[:-padding]  # remove the padding

gradio-modified/gradio/events.py

@@ -0,0 +1,723 @@
+"""Contains all of the events that can be triggered in a gr.Blocks() app, with the exception
+of the on-page-load event, which is defined in gr.Blocks().load()."""
+
+from __future__ import annotations
+
+import warnings
+from typing import TYPE_CHECKING, Any, Callable, Dict, List, Set
+
+from gradio.blocks import Block
+from gradio.utils import get_cancel_function
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from gradio.components import Component, StatusTracker
+
+
+def set_cancel_events(
+    block: Block, event_name: str, cancels: None | Dict[str, Any] | List[Dict[str, Any]]
+):
+    if cancels:
+        if not isinstance(cancels, list):
+            cancels = [cancels]
+        cancel_fn, fn_indices_to_cancel = get_cancel_function(cancels)
+        block.set_event_trigger(
+            event_name,
+            cancel_fn,
+            inputs=None,
+            outputs=None,
+            queue=False,
+            preprocess=False,
+            cancels=fn_indices_to_cancel,
+        )
+
+
+class EventListener(Block):
+    pass
+
+
+class Changeable(EventListener):
+    def change(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        status_tracker: StatusTracker | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the component's input value changes (e.g. when the user types in a textbox
+        or uploads an image). This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        if status_tracker:
+            warnings.warn(
+                "The 'status_tracker' parameter has been deprecated and has no effect."
+            )
+        dep = self.set_event_trigger(
+            "change",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "change", cancels)
+        return dep
+
+
+class Clickable(EventListener):
+    def click(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        status_tracker: StatusTracker | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue=None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the component (e.g. a button) is clicked.
+        This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        if status_tracker:
+            warnings.warn(
+                "The 'status_tracker' parameter has been deprecated and has no effect."
+            )
+
+        dep = self.set_event_trigger(
+            "click",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "click", cancels)
+        return dep
+
+
+class Submittable(EventListener):
+    def submit(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        status_tracker: StatusTracker | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the user presses the Enter key while the component (e.g. a textbox) is focused.
+        This method can be used when this component is in a Gradio Blocks.
+
+
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        if status_tracker:
+            warnings.warn(
+                "The 'status_tracker' parameter has been deprecated and has no effect."
+            )
+
+        dep = self.set_event_trigger(
+            "submit",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "submit", cancels)
+        return dep
+
+
+class Editable(EventListener):
+    def edit(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        status_tracker: StatusTracker | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the user edits the component (e.g. image) using the
+        built-in editor. This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        if status_tracker:
+            warnings.warn(
+                "The 'status_tracker' parameter has been deprecated and has no effect."
+            )
+
+        dep = self.set_event_trigger(
+            "edit",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "edit", cancels)
+        return dep
+
+
+class Clearable(EventListener):
+    def clear(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        status_tracker: StatusTracker | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the user clears the component (e.g. image or audio)
+        using the X button for the component. This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        if status_tracker:
+            warnings.warn(
+                "The 'status_tracker' parameter has been deprecated and has no effect."
+            )
+
+        dep = self.set_event_trigger(
+            "submit",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "submit", cancels)
+        return dep
+
+
+class Playable(EventListener):
+    def play(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        status_tracker: StatusTracker | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the user plays the component (e.g. audio or video).
+        This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        if status_tracker:
+            warnings.warn(
+                "The 'status_tracker' parameter has been deprecated and has no effect."
+            )
+
+        dep = self.set_event_trigger(
+            "play",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "play", cancels)
+        return dep
+
+    def pause(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        status_tracker: StatusTracker | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the user pauses the component (e.g. audio or video).
+        This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        if status_tracker:
+            warnings.warn(
+                "The 'status_tracker' parameter has been deprecated and has no effect."
+            )
+
+        dep = self.set_event_trigger(
+            "pause",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "pause", cancels)
+        return dep
+
+    def stop(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        status_tracker: StatusTracker | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the user stops the component (e.g. audio or video).
+        This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        if status_tracker:
+            warnings.warn(
+                "The 'status_tracker' parameter has been deprecated and has no effect."
+            )
+
+        dep = self.set_event_trigger(
+            "stop",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "stop", cancels)
+        return dep
+
+
+class Streamable(EventListener):
+    def stream(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        status_tracker: StatusTracker | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = False,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the user streams the component (e.g. a live webcam
+        component). This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        self.streaming = True
+
+        if status_tracker:
+            warnings.warn(
+                "The 'status_tracker' parameter has been deprecated and has no effect."
+            )
+
+        dep = self.set_event_trigger(
+            "stream",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "stream", cancels)
+        return dep
+
+
+class Blurrable(EventListener):
+    def blur(
+        self,
+        fn: Callable | None,
+        inputs: Component | List[Component] | Set[Component] | None = None,
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: Dict[str, Any] | List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the component's is unfocused/blurred (e.g. when the user clicks outside of a textbox). This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: Callable function
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as inputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+
+        self.set_event_trigger(
+            "blur",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "blur", cancels)
+
+
+class Uploadable(EventListener):
+    def upload(
+        self,
+        fn: Callable | None,
+        inputs: List[Component],
+        outputs: Component | List[Component] | None = None,
+        api_name: str | None = None,
+        scroll_to_output: bool = False,
+        show_progress: bool = True,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: List[Dict[str, Any]] | None = None,
+        every: float | None = None,
+        _js: str | None = None,
+    ):
+        """
+        This event is triggered when the user uploads a file into the component (e.g. when the user uploads a video into a video component). This method can be used when this component is in a Gradio Blocks.
+
+        Parameters:
+            fn: Callable function
+            inputs: List of inputs
+            outputs: List of outputs
+            api_name: Defining this parameter exposes the endpoint in the api docs
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue exists
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+        """
+        # _js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+
+        self.set_event_trigger(
+            "upload",
+            fn,
+            inputs,
+            outputs,
+            preprocess=preprocess,
+            postprocess=postprocess,
+            scroll_to_output=scroll_to_output,
+            show_progress=show_progress,
+            api_name=api_name,
+            js=_js,
+            queue=queue,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            every=every,
+        )
+        set_cancel_events(self, "upload", cancels)

gradio-modified/gradio/examples.py

@@ -0,0 +1,327 @@
+"""
+Defines helper methods useful for loading and caching Interface examples.
+"""
+from __future__ import annotations
+
+import ast
+import csv
+import os
+import warnings
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Callable, List
+
+from gradio import utils
+from gradio.components import Dataset
+from gradio.context import Context
+from gradio.documentation import document, set_documentation_group
+from gradio.flagging import CSVLogger
+
+if TYPE_CHECKING:  # Only import for type checking (to avoid circular imports).
+    from gradio.components import IOComponent
+
+CACHED_FOLDER = "gradio_cached_examples"
+LOG_FILE = "log.csv"
+
+set_documentation_group("component-helpers")
+
+
+def create_examples(
+    examples: List[Any] | List[List[Any]] | str,
+    inputs: IOComponent | List[IOComponent],
+    outputs: IOComponent | List[IOComponent] | None = None,
+    fn: Callable | None = None,
+    cache_examples: bool = False,
+    examples_per_page: int = 10,
+    _api_mode: bool = False,
+    label: str | None = None,
+    elem_id: str | None = None,
+    run_on_click: bool = False,
+    preprocess: bool = True,
+    postprocess: bool = True,
+    batch: bool = False,
+):
+    """Top-level synchronous function that creates Examples. Provided for backwards compatibility, i.e. so that gr.Examples(...) can be used to create the Examples component."""
+    examples_obj = Examples(
+        examples=examples,
+        inputs=inputs,
+        outputs=outputs,
+        fn=fn,
+        cache_examples=cache_examples,
+        examples_per_page=examples_per_page,
+        _api_mode=_api_mode,
+        label=label,
+        elem_id=elem_id,
+        run_on_click=run_on_click,
+        preprocess=preprocess,
+        postprocess=postprocess,
+        batch=batch,
+        _initiated_directly=False,
+    )
+    utils.synchronize_async(examples_obj.create)
+    return examples_obj
+
+
+@document()
+class Examples:
+    """
+    This class is a wrapper over the Dataset component and can be used to create Examples
+    for Blocks / Interfaces. Populates the Dataset component with examples and
+    assigns event listener so that clicking on an example populates the input/output
+    components. Optionally handles example caching for fast inference.
+
+    Demos: blocks_inputs, fake_gan
+    Guides: more_on_examples_and_flagging, using_hugging_face_integrations, image_classification_in_pytorch, image_classification_in_tensorflow, image_classification_with_vision_transformers, create_your_own_friends_with_a_gan
+    """
+
+    def __init__(
+        self,
+        examples: List[Any] | List[List[Any]] | str,
+        inputs: IOComponent | List[IOComponent],
+        outputs: IOComponent | List[IOComponent] | None = None,
+        fn: Callable | None = None,
+        cache_examples: bool = False,
+        examples_per_page: int = 10,
+        _api_mode: bool = False,
+        label: str | None = "Examples",
+        elem_id: str | None = None,
+        run_on_click: bool = False,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        batch: bool = False,
+        _initiated_directly: bool = True,
+    ):
+        """
+        Parameters:
+            examples: example inputs that can be clicked to populate specific components. Should be nested list, in which the outer list consists of samples and each inner list consists of an input corresponding to each input component. A string path to a directory of examples can also be provided but it should be within the directory with the python file running the gradio app. If there are multiple input components and a directory is provided, a log.csv file must be present in the directory to link corresponding inputs.
+            inputs: the component or list of components corresponding to the examples
+            outputs: optionally, provide the component or list of components corresponding to the output of the examples. Required if `cache` is True.
+            fn: optionally, provide the function to run to generate the outputs corresponding to the examples. Required if `cache` is True.
+            cache_examples: if True, caches examples for fast runtime. If True, then `fn` and `outputs` need to be provided
+            examples_per_page: how many examples to show per page.
+            label: the label to use for the examples component (by default, "Examples")
+            elem_id: an optional string that is assigned as the id of this component in the HTML DOM.
+            run_on_click: if cache_examples is False, clicking on an example does not run the function when an example is clicked. Set this to True to run the function when an example is clicked. Has no effect if cache_examples is True.
+            preprocess: if True, preprocesses the example input before running the prediction function and caching the output. Only applies if cache_examples is True.
+            postprocess: if True, postprocesses the example output after running the prediction function and before caching. Only applies if cache_examples is True.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. Used only if cache_examples is True.
+        """
+        if _initiated_directly:
+            warnings.warn(
+                "Please use gr.Examples(...) instead of gr.examples.Examples(...) to create the Examples.",
+            )
+
+        if cache_examples and (fn is None or outputs is None):
+            raise ValueError("If caching examples, `fn` and `outputs` must be provided")
+
+        if not isinstance(inputs, list):
+            inputs = [inputs]
+        if outputs and not isinstance(outputs, list):
+            outputs = [outputs]
+
+        working_directory = Path().absolute()
+
+        if examples is None:
+            raise ValueError("The parameter `examples` cannot be None")
+        elif isinstance(examples, list) and (
+            len(examples) == 0 or isinstance(examples[0], list)
+        ):
+            pass
+        elif (
+            isinstance(examples, list) and len(inputs) == 1
+        ):  # If there is only one input component, examples can be provided as a regular list instead of a list of lists
+            examples = [[e] for e in examples]
+        elif isinstance(examples, str):
+            if not Path(examples).exists():
+                raise FileNotFoundError(
+                    "Could not find examples directory: " + examples
+                )
+            working_directory = examples
+            if not (Path(examples) / LOG_FILE).exists():
+                if len(inputs) == 1:
+                    examples = [[e] for e in os.listdir(examples)]
+                else:
+                    raise FileNotFoundError(
+                        "Could not find log file (required for multiple inputs): "
+                        + LOG_FILE
+                    )
+            else:
+                with open(Path(examples) / LOG_FILE) as logs:
+                    examples = list(csv.reader(logs))
+                    examples = [
+                        examples[i][: len(inputs)] for i in range(1, len(examples))
+                    ]  # remove header and unnecessary columns
+
+        else:
+            raise ValueError(
+                "The parameter `examples` must either be a string directory or a list"
+                "(if there is only 1 input component) or (more generally), a nested "
+                "list, where each sublist represents a set of inputs."
+            )
+
+        input_has_examples = [False] * len(inputs)
+        for example in examples:
+            for idx, example_for_input in enumerate(example):
+                if not (example_for_input is None):
+                    try:
+                        input_has_examples[idx] = True
+                    except IndexError:
+                        pass  # If there are more example components than inputs, ignore. This can sometimes be intentional (e.g. loading from a log file where outputs and timestamps are also logged)
+
+        inputs_with_examples = [
+            inp for (inp, keep) in zip(inputs, input_has_examples) if keep
+        ]
+        non_none_examples = [
+            [ex for (ex, keep) in zip(example, input_has_examples) if keep]
+            for example in examples
+        ]
+
+        self.examples = examples
+        self.non_none_examples = non_none_examples
+        self.inputs = inputs
+        self.inputs_with_examples = inputs_with_examples
+        self.outputs = outputs
+        self.fn = fn
+        self.cache_examples = cache_examples
+        self._api_mode = _api_mode
+        self.preprocess = preprocess
+        self.postprocess = postprocess
+        self.batch = batch
+
+        with utils.set_directory(working_directory):
+            self.processed_examples = [
+                [
+                    component.postprocess(sample)
+                    for component, sample in zip(inputs, example)
+                ]
+                for example in examples
+            ]
+        self.non_none_processed_examples = [
+            [ex for (ex, keep) in zip(example, input_has_examples) if keep]
+            for example in self.processed_examples
+        ]
+        if cache_examples:
+            for example in self.examples:
+                if len([ex for ex in example if ex is not None]) != len(self.inputs):
+                    warnings.warn(
+                        "Examples are being cached but not all input components have "
+                        "example values. This may result in an exception being thrown by "
+                        "your function. If you do get an error while caching examples, make "
+                        "sure all of your inputs have example values for all of your examples "
+                        "or you provide default values for those particular parameters in your function."
+                    )
+                    break
+
+        with utils.set_directory(working_directory):
+            self.dataset = Dataset(
+                components=inputs_with_examples,
+                samples=non_none_examples,
+                type="index",
+                label=label,
+                samples_per_page=examples_per_page,
+                elem_id=elem_id,
+            )
+
+        self.cached_folder = Path(CACHED_FOLDER) / str(self.dataset._id)
+        self.cached_file = Path(self.cached_folder) / "log.csv"
+        self.cache_examples = cache_examples
+        self.run_on_click = run_on_click
+
+    async def create(self) -> None:
+        """Caches the examples if self.cache_examples is True and creates the Dataset
+        component to hold the examples"""
+
+        async def load_example(example_id):
+            if self.cache_examples:
+                processed_example = self.non_none_processed_examples[
+                    example_id
+                ] + await self.load_from_cache(example_id)
+            else:
+                processed_example = self.non_none_processed_examples[example_id]
+            return utils.resolve_singleton(processed_example)
+
+        if Context.root_block:
+            if self.cache_examples and self.outputs:
+                targets = self.inputs_with_examples
+            else:
+                targets = self.inputs
+            self.dataset.click(
+                load_example,
+                inputs=[self.dataset],
+                outputs=targets,  # type: ignore
+                postprocess=False,
+                queue=False,
+            )
+            if self.run_on_click and not self.cache_examples:
+                if self.fn is None:
+                    raise ValueError("Cannot run_on_click if no function is provided")
+                self.dataset.click(
+                    self.fn,
+                    inputs=self.inputs,  # type: ignore
+                    outputs=self.outputs,  # type: ignore
+                )
+
+        if self.cache_examples:
+            await self.cache()
+
+    async def cache(self) -> None:
+        """
+        Caches all of the examples so that their predictions can be shown immediately.
+        """
+        if Path(self.cached_file).exists():
+            print(
+                f"Using cache from '{Path(self.cached_folder).resolve()}' directory. If method or examples have changed since last caching, delete this folder to clear cache."
+            )
+        else:
+            if Context.root_block is None:
+                raise ValueError("Cannot cache examples if not in a Blocks context")
+
+            print(f"Caching examples at: '{Path(self.cached_file).resolve()}'")
+            cache_logger = CSVLogger()
+
+            # create a fake dependency to process the examples and get the predictions
+            dependency = Context.root_block.set_event_trigger(
+                event_name="fake_event",
+                fn=self.fn,
+                inputs=self.inputs_with_examples,  # type: ignore
+                outputs=self.outputs,  # type: ignore
+                preprocess=self.preprocess and not self._api_mode,
+                postprocess=self.postprocess and not self._api_mode,
+                batch=self.batch,
+            )
+
+            fn_index = Context.root_block.dependencies.index(dependency)
+            assert self.outputs is not None
+            cache_logger.setup(self.outputs, self.cached_folder)
+            for example_id, _ in enumerate(self.examples):
+                processed_input = self.processed_examples[example_id]
+                if self.batch:
+                    processed_input = [[value] for value in processed_input]
+                prediction = await Context.root_block.process_api(
+                    fn_index=fn_index, inputs=processed_input, request=None, state={}
+                )
+                output = prediction["data"]
+                if self.batch:
+                    output = [value[0] for value in output]
+                cache_logger.flag(output)
+            # Remove the "fake_event" to prevent bugs in loading interfaces from spaces
+            Context.root_block.dependencies.remove(dependency)
+            Context.root_block.fns.pop(fn_index)
+
+    async def load_from_cache(self, example_id: int) -> List[Any]:
+        """Loads a particular cached example for the interface.
+        Parameters:
+            example_id: The id of the example to process (zero-indexed).
+        """
+        with open(self.cached_file) as cache:
+            examples = list(csv.reader(cache))
+        example = examples[example_id + 1]  # +1 to adjust for header
+        output = []
+        assert self.outputs is not None
+        for component, value in zip(self.outputs, example):
+            try:
+                value_as_dict = ast.literal_eval(value)
+                assert utils.is_update(value_as_dict)
+                output.append(value_as_dict)
+            except (ValueError, TypeError, SyntaxError, AssertionError):
+                output.append(component.serialize(value, self.cached_folder))
+        return output

gradio-modified/gradio/exceptions.py

@@ -0,0 +1,23 @@
+class DuplicateBlockError(ValueError):
+    """Raised when a Blocks contains more than one Block with the same id"""
+
+    pass
+
+
+class TooManyRequestsError(Exception):
+    """Raised when the Hugging Face API returns a 429 status code."""
+
+    pass
+
+
+class InvalidApiName(ValueError):
+    pass
+
+
+class Error(Exception):
+    def __init__(self, message: str):
+        self.message = message
+        super().__init__(self.message)
+
+    def __str__(self):
+        return repr(self.message)

gradio-modified/gradio/external.py

@@ -0,0 +1,462 @@
+"""This module should not be used directly as its API is subject to change. Instead,
+use the `gr.Blocks.load()` or `gr.Interface.load()` functions."""
+
+from __future__ import annotations
+
+import json
+import re
+import uuid
+import warnings
+from copy import deepcopy
+from typing import TYPE_CHECKING, Callable, Dict
+
+import requests
+
+import gradio
+from gradio import components, utils
+from gradio.exceptions import TooManyRequestsError
+from gradio.external_utils import (
+    cols_to_rows,
+    encode_to_base64,
+    get_tabular_examples,
+    get_ws_fn,
+    postprocess_label,
+    rows_to_cols,
+    streamline_spaces_interface,
+    use_websocket,
+)
+from gradio.processing_utils import to_binary
+
+if TYPE_CHECKING:
+    from gradio.blocks import Blocks
+    from gradio.interface import Interface
+
+
+def load_blocks_from_repo(
+    name: str,
+    src: str | None = None,
+    api_key: str | None = None,
+    alias: str | None = None,
+    **kwargs,
+) -> Blocks:
+    """Creates and returns a Blocks instance from a Hugging Face model or Space repo."""
+    if src is None:
+        # Separate the repo type (e.g. "model") from repo name (e.g. "google/vit-base-patch16-224")
+        tokens = name.split("/")
+        assert (
+            len(tokens) > 1
+        ), "Either `src` parameter must be provided, or `name` must be formatted as {src}/{repo name}"
+        src = tokens[0]
+        name = "/".join(tokens[1:])
+
+    factory_methods: Dict[str, Callable] = {
+        # for each repo type, we have a method that returns the Interface given the model name & optionally an api_key
+        "huggingface": from_model,
+        "models": from_model,
+        "spaces": from_spaces,
+    }
+    assert src.lower() in factory_methods, "parameter: src must be one of {}".format(
+        factory_methods.keys()
+    )
+
+    blocks: gradio.Blocks = factory_methods[src](name, api_key, alias, **kwargs)
+    return blocks
+
+
+def from_model(model_name: str, api_key: str | None, alias: str | None, **kwargs):
+    model_url = "https://huggingface.co/{}".format(model_name)
+    api_url = "https://api-inference.huggingface.co/models/{}".format(model_name)
+    print("Fetching model from: {}".format(model_url))
+
+    headers = {"Authorization": f"Bearer {api_key}"} if api_key is not None else {}
+
+    # Checking if model exists, and if so, it gets the pipeline
+    response = requests.request("GET", api_url, headers=headers)
+    assert (
+        response.status_code == 200
+    ), f"Could not find model: {model_name}. If it is a private or gated model, please provide your Hugging Face access token (https://huggingface.co/settings/tokens) as the argument for the `api_key` parameter."
+    p = response.json().get("pipeline_tag")
+
+    pipelines = {
+        "audio-classification": {
+            # example model: ehcalabres/wav2vec2-lg-xlsr-en-speech-emotion-recognition
+            "inputs": components.Audio(source="upload", type="filepath", label="Input"),
+            "outputs": components.Label(label="Class"),
+            "preprocess": lambda i: to_binary,
+            "postprocess": lambda r: postprocess_label(
+                {i["label"].split(", ")[0]: i["score"] for i in r.json()}
+            ),
+        },
+        "audio-to-audio": {
+            # example model: facebook/xm_transformer_sm_all-en
+            "inputs": components.Audio(source="upload", type="filepath", label="Input"),
+            "outputs": components.Audio(label="Output"),
+            "preprocess": to_binary,
+            "postprocess": encode_to_base64,
+        },
+        "automatic-speech-recognition": {
+            # example model: facebook/wav2vec2-base-960h
+            "inputs": components.Audio(source="upload", type="filepath", label="Input"),
+            "outputs": components.Textbox(label="Output"),
+            "preprocess": to_binary,
+            "postprocess": lambda r: r.json()["text"],
+        },
+        "feature-extraction": {
+            # example model: julien-c/distilbert-feature-extraction
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Dataframe(label="Output"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r.json()[0],
+        },
+        "fill-mask": {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: postprocess_label(
+                {i["token_str"]: i["score"] for i in r.json()}
+            ),
+        },
+        "image-classification": {
+            # Example: google/vit-base-patch16-224
+            "inputs": components.Image(type="filepath", label="Input Image"),
+            "outputs": components.Label(label="Classification"),
+            "preprocess": to_binary,
+            "postprocess": lambda r: postprocess_label(
+                {i["label"].split(", ")[0]: i["score"] for i in r.json()}
+            ),
+        },
+        "question-answering": {
+            # Example: deepset/xlm-roberta-base-squad2
+            "inputs": [
+                components.Textbox(lines=7, label="Context"),
+                components.Textbox(label="Question"),
+            ],
+            "outputs": [
+                components.Textbox(label="Answer"),
+                components.Label(label="Score"),
+            ],
+            "preprocess": lambda c, q: {"inputs": {"context": c, "question": q}},
+            "postprocess": lambda r: (r.json()["answer"], {"label": r.json()["score"]}),
+        },
+        "summarization": {
+            # Example: facebook/bart-large-cnn
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Textbox(label="Summary"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r.json()[0]["summary_text"],
+        },
+        "text-classification": {
+            # Example: distilbert-base-uncased-finetuned-sst-2-english
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: postprocess_label(
+                {i["label"].split(", ")[0]: i["score"] for i in r.json()[0]}
+            ),
+        },
+        "text-generation": {
+            # Example: gpt2
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Textbox(label="Output"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r.json()[0]["generated_text"],
+        },
+        "text2text-generation": {
+            # Example: valhalla/t5-small-qa-qg-hl
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Textbox(label="Generated Text"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r.json()[0]["generated_text"],
+        },
+        "translation": {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Textbox(label="Translation"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r.json()[0]["translation_text"],
+        },
+        "zero-shot-classification": {
+            # Example: facebook/bart-large-mnli
+            "inputs": [
+                components.Textbox(label="Input"),
+                components.Textbox(label="Possible class names (" "comma-separated)"),
+                components.Checkbox(label="Allow multiple true classes"),
+            ],
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda i, c, m: {
+                "inputs": i,
+                "parameters": {"candidate_labels": c, "multi_class": m},
+            },
+            "postprocess": lambda r: postprocess_label(
+                {
+                    r.json()["labels"][i]: r.json()["scores"][i]
+                    for i in range(len(r.json()["labels"]))
+                }
+            ),
+        },
+        "sentence-similarity": {
+            # Example: sentence-transformers/distilbert-base-nli-stsb-mean-tokens
+            "inputs": [
+                components.Textbox(
+                    value="That is a happy person", label="Source Sentence"
+                ),
+                components.Textbox(
+                    lines=7,
+                    placeholder="Separate each sentence by a newline",
+                    label="Sentences to compare to",
+                ),
+            ],
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda src, sentences: {
+                "inputs": {
+                    "source_sentence": src,
+                    "sentences": [s for s in sentences.splitlines() if s != ""],
+                }
+            },
+            "postprocess": lambda r: postprocess_label(
+                {f"sentence {i}": v for i, v in enumerate(r.json())}
+            ),
+        },
+        "text-to-speech": {
+            # Example: julien-c/ljspeech_tts_train_tacotron2_raw_phn_tacotron_g2p_en_no_space_train
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Audio(label="Audio"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": encode_to_base64,
+        },
+        "text-to-image": {
+            # example model: osanseviero/BigGAN-deep-128
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Image(label="Output"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": encode_to_base64,
+        },
+        "token-classification": {
+            # example model: huggingface-course/bert-finetuned-ner
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.HighlightedText(label="Output"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r,  # Handled as a special case in query_huggingface_api()
+        },
+    }
+
+    if p in ["tabular-classification", "tabular-regression"]:
+        example_data = get_tabular_examples(model_name)
+        col_names, example_data = cols_to_rows(example_data)
+        example_data = [[example_data]] if example_data else None
+
+        pipelines[p] = {
+            "inputs": components.Dataframe(
+                label="Input Rows",
+                type="pandas",
+                headers=col_names,
+                col_count=(len(col_names), "fixed"),
+            ),
+            "outputs": components.Dataframe(
+                label="Predictions", type="array", headers=["prediction"]
+            ),
+            "preprocess": rows_to_cols,
+            "postprocess": lambda r: {
+                "headers": ["prediction"],
+                "data": [[pred] for pred in json.loads(r.text)],
+            },
+            "examples": example_data,
+        }
+
+    if p is None or not (p in pipelines):
+        raise ValueError("Unsupported pipeline type: {}".format(p))
+
+    pipeline = pipelines[p]
+
+    def query_huggingface_api(*params):
+        # Convert to a list of input components
+        data = pipeline["preprocess"](*params)
+        if isinstance(
+            data, dict
+        ):  # HF doesn't allow additional parameters for binary files (e.g. images or audio files)
+            data.update({"options": {"wait_for_model": True}})
+            data = json.dumps(data)
+        response = requests.request("POST", api_url, headers=headers, data=data)
+        if not (response.status_code == 200):
+            errors_json = response.json()
+            errors, warns = "", ""
+            if errors_json.get("error"):
+                errors = f", Error: {errors_json.get('error')}"
+            if errors_json.get("warnings"):
+                warns = f", Warnings: {errors_json.get('warnings')}"
+            raise ValueError(
+                f"Could not complete request to HuggingFace API, Status Code: {response.status_code}"
+                + errors
+                + warns
+            )
+        if (
+            p == "token-classification"
+        ):  # Handle as a special case since HF API only returns the named entities and we need the input as well
+            ner_groups = response.json()
+            input_string = params[0]
+            response = utils.format_ner_list(input_string, ner_groups)
+        output = pipeline["postprocess"](response)
+        return output
+
+    if alias is None:
+        query_huggingface_api.__name__ = model_name
+    else:
+        query_huggingface_api.__name__ = alias
+
+    interface_info = {
+        "fn": query_huggingface_api,
+        "inputs": pipeline["inputs"],
+        "outputs": pipeline["outputs"],
+        "title": model_name,
+        "examples": pipeline.get("examples"),
+    }
+
+    kwargs = dict(interface_info, **kwargs)
+    kwargs["_api_mode"] = True  # So interface doesn't run pre/postprocess.
+    interface = gradio.Interface(**kwargs)
+    return interface
+
+
+def from_spaces(
+    space_name: str, api_key: str | None, alias: str | None, **kwargs
+) -> Blocks:
+    space_url = "https://huggingface.co/spaces/{}".format(space_name)
+
+    print("Fetching Space from: {}".format(space_url))
+
+    headers = {}
+    if api_key is not None:
+        headers["Authorization"] = f"Bearer {api_key}"
+
+    iframe_url = (
+        requests.get(
+            f"https://huggingface.co/api/spaces/{space_name}/host", headers=headers
+        )
+        .json()
+        .get("host")
+    )
+
+    if iframe_url is None:
+        raise ValueError(
+            f"Could not find Space: {space_name}. If it is a private or gated Space, please provide your Hugging Face access token (https://huggingface.co/settings/tokens) as the argument for the `api_key` parameter."
+        )
+
+    r = requests.get(iframe_url, headers=headers)
+
+    result = re.search(
+        r"window.gradio_config = (.*?);[\s]*</script>", r.text
+    )  # some basic regex to extract the config
+    try:
+        config = json.loads(result.group(1))  # type: ignore
+    except AttributeError:
+        raise ValueError("Could not load the Space: {}".format(space_name))
+    if "allow_flagging" in config:  # Create an Interface for Gradio 2.x Spaces
+        return from_spaces_interface(
+            space_name, config, alias, api_key, iframe_url, **kwargs
+        )
+    else:  # Create a Blocks for Gradio 3.x Spaces
+        if kwargs:
+            warnings.warn(
+                "You cannot override parameters for this Space by passing in kwargs. "
+                "Instead, please load the Space as a function and use it to create a "
+                "Blocks or Interface locally. You may find this Guide helpful: "
+                "https://gradio.app/using_blocks_like_functions/"
+            )
+        return from_spaces_blocks(config, api_key, iframe_url)
+
+
+def from_spaces_blocks(config: Dict, api_key: str | None, iframe_url: str) -> Blocks:
+    api_url = "{}/api/predict/".format(iframe_url)
+
+    headers = {"Content-Type": "application/json"}
+    if api_key is not None:
+        headers["Authorization"] = f"Bearer {api_key}"
+    ws_url = "{}/queue/join".format(iframe_url).replace("https", "wss")
+
+    ws_fn = get_ws_fn(ws_url, headers)
+
+    fns = []
+    for d, dependency in enumerate(config["dependencies"]):
+        if dependency["backend_fn"]:
+
+            def get_fn(outputs, fn_index, use_ws):
+                def fn(*data):
+                    data = json.dumps({"data": data, "fn_index": fn_index})
+                    hash_data = json.dumps(
+                        {"fn_index": fn_index, "session_hash": str(uuid.uuid4())}
+                    )
+                    if use_ws:
+                        result = utils.synchronize_async(ws_fn, data, hash_data)
+                        output = result["data"]
+                    else:
+                        response = requests.post(api_url, headers=headers, data=data)
+                        result = json.loads(response.content.decode("utf-8"))
+                        try:
+                            output = result["data"]
+                        except KeyError:
+                            if "error" in result and "429" in result["error"]:
+                                raise TooManyRequestsError(
+                                    "Too many requests to the Hugging Face API"
+                                )
+                            raise KeyError(
+                                f"Could not find 'data' key in response from external Space. Response received: {result}"
+                            )
+                    if len(outputs) == 1:
+                        output = output[0]
+                    return output
+
+                return fn
+
+            fn = get_fn(
+                deepcopy(dependency["outputs"]), d, use_websocket(config, dependency)
+            )
+            fns.append(fn)
+        else:
+            fns.append(None)
+    return gradio.Blocks.from_config(config, fns, iframe_url)
+
+
+def from_spaces_interface(
+    model_name: str,
+    config: Dict,
+    alias: str | None,
+    api_key: str | None,
+    iframe_url: str,
+    **kwargs,
+) -> Interface:
+
+    config = streamline_spaces_interface(config)
+    api_url = "{}/api/predict/".format(iframe_url)
+    headers = {"Content-Type": "application/json"}
+    if api_key is not None:
+        headers["Authorization"] = f"Bearer {api_key}"
+
+    # The function should call the API with preprocessed data
+    def fn(*data):
+        data = json.dumps({"data": data})
+        response = requests.post(api_url, headers=headers, data=data)
+        result = json.loads(response.content.decode("utf-8"))
+        try:
+            output = result["data"]
+        except KeyError:
+            if "error" in result and "429" in result["error"]:
+                raise TooManyRequestsError("Too many requests to the Hugging Face API")
+            raise KeyError(
+                f"Could not find 'data' key in response from external Space. Response received: {result}"
+            )
+        if (
+            len(config["outputs"]) == 1
+        ):  # if the fn is supposed to return a single value, pop it
+            output = output[0]
+        if len(config["outputs"]) == 1 and isinstance(
+            output, list
+        ):  # Needed to support Output.Image() returning bounding boxes as well (TODO: handle different versions of gradio since they have slightly different APIs)
+            output = output[0]
+        return output
+
+    fn.__name__ = alias if (alias is not None) else model_name
+    config["fn"] = fn
+
+    kwargs = dict(config, **kwargs)
+    kwargs["_api_mode"] = True
+    interface = gradio.Interface(**kwargs)
+    return interface

gradio-modified/gradio/external_utils.py

@@ -0,0 +1,186 @@
+"""Utility function for gradio/external.py"""
+
+import base64
+import json
+import math
+import operator
+import re
+import warnings
+from typing import Any, Dict, List, Tuple
+
+import requests
+import websockets
+import yaml
+from packaging import version
+from websockets.legacy.protocol import WebSocketCommonProtocol
+
+from gradio import components, exceptions
+
+##################
+# Helper functions for processing tabular data
+##################
+
+
+def get_tabular_examples(model_name: str) -> Dict[str, List[float]]:
+    readme = requests.get(f"https://huggingface.co/{model_name}/resolve/main/README.md")
+    if readme.status_code != 200:
+        warnings.warn(f"Cannot load examples from README for {model_name}", UserWarning)
+        example_data = {}
+    else:
+        yaml_regex = re.search(
+            "(?:^|[\r\n])---[\n\r]+([\\S\\s]*?)[\n\r]+---([\n\r]|$)", readme.text
+        )
+        if yaml_regex is None:
+            example_data = {}
+        else:
+            example_yaml = next(
+                yaml.safe_load_all(readme.text[: yaml_regex.span()[-1]])
+            )
+            example_data = example_yaml.get("widget", {}).get("structuredData", {})
+    if not example_data:
+        raise ValueError(
+            f"No example data found in README.md of {model_name} - Cannot build gradio demo. "
+            "See the README.md here: https://huggingface.co/scikit-learn/tabular-playground/blob/main/README.md "
+            "for a reference on how to provide example data to your model."
+        )
+    # replace nan with string NaN for inference API
+    for data in example_data.values():
+        for i, val in enumerate(data):
+            if isinstance(val, float) and math.isnan(val):
+                data[i] = "NaN"
+    return example_data
+
+
+def cols_to_rows(
+    example_data: Dict[str, List[float]]
+) -> Tuple[List[str], List[List[float]]]:
+    headers = list(example_data.keys())
+    n_rows = max(len(example_data[header] or []) for header in headers)
+    data = []
+    for row_index in range(n_rows):
+        row_data = []
+        for header in headers:
+            col = example_data[header] or []
+            if row_index >= len(col):
+                row_data.append("NaN")
+            else:
+                row_data.append(col[row_index])
+        data.append(row_data)
+    return headers, data
+
+
+def rows_to_cols(incoming_data: Dict) -> Dict[str, Dict[str, Dict[str, List[str]]]]:
+    data_column_wise = {}
+    for i, header in enumerate(incoming_data["headers"]):
+        data_column_wise[header] = [str(row[i]) for row in incoming_data["data"]]
+    return {"inputs": {"data": data_column_wise}}
+
+
+##################
+# Helper functions for processing other kinds of data
+##################
+
+
+def postprocess_label(scores: Dict) -> Dict:
+    sorted_pred = sorted(scores.items(), key=operator.itemgetter(1), reverse=True)
+    return {
+        "label": sorted_pred[0][0],
+        "confidences": [
+            {"label": pred[0], "confidence": pred[1]} for pred in sorted_pred
+        ],
+    }
+
+
+def encode_to_base64(r: requests.Response) -> str:
+    # Handles the different ways HF API returns the prediction
+    base64_repr = base64.b64encode(r.content).decode("utf-8")
+    data_prefix = ";base64,"
+    # Case 1: base64 representation already includes data prefix
+    if data_prefix in base64_repr:
+        return base64_repr
+    else:
+        content_type = r.headers.get("content-type")
+        # Case 2: the data prefix is a key in the response
+        if content_type == "application/json":
+            try:
+                content_type = r.json()[0]["content-type"]
+                base64_repr = r.json()[0]["blob"]
+            except KeyError:
+                raise ValueError(
+                    "Cannot determine content type returned" "by external API."
+                )
+        # Case 3: the data prefix is included in the response headers
+        else:
+            pass
+        new_base64 = "data:{};base64,".format(content_type) + base64_repr
+        return new_base64
+
+
+##################
+# Helper functions for connecting to websockets
+##################
+
+
+async def get_pred_from_ws(
+    websocket: WebSocketCommonProtocol, data: str, hash_data: str
+) -> Dict[str, Any]:
+    completed = False
+    resp = {}
+    while not completed:
+        msg = await websocket.recv()
+        resp = json.loads(msg)
+        if resp["msg"] == "queue_full":
+            raise exceptions.Error("Queue is full! Please try again.")
+        if resp["msg"] == "send_hash":
+            await websocket.send(hash_data)
+        elif resp["msg"] == "send_data":
+            await websocket.send(data)
+        completed = resp["msg"] == "process_completed"
+    return resp["output"]
+
+
+def get_ws_fn(ws_url, headers):
+    async def ws_fn(data, hash_data):
+        async with websockets.connect(  # type: ignore
+            ws_url, open_timeout=10, extra_headers=headers
+        ) as websocket:
+            return await get_pred_from_ws(websocket, data, hash_data)
+
+    return ws_fn
+
+
+def use_websocket(config, dependency):
+    queue_enabled = config.get("enable_queue", False)
+    queue_uses_websocket = version.parse(
+        config.get("version", "2.0")
+    ) >= version.Version("3.2")
+    dependency_uses_queue = dependency.get("queue", False) is not False
+    return queue_enabled and queue_uses_websocket and dependency_uses_queue
+
+
+##################
+# Helper function for cleaning up an Interface loaded from HF Spaces
+##################
+
+
+def streamline_spaces_interface(config: Dict) -> Dict:
+    """Streamlines the interface config dictionary to remove unnecessary keys."""
+    config["inputs"] = [
+        components.get_component_instance(component)
+        for component in config["input_components"]
+    ]
+    config["outputs"] = [
+        components.get_component_instance(component)
+        for component in config["output_components"]
+    ]
+    parameters = {
+        "article",
+        "description",
+        "flagging_options",
+        "inputs",
+        "outputs",
+        "theme",
+        "title",
+    }
+    config = {k: config[k] for k in parameters}
+    return config

gradio-modified/gradio/flagging.py

@@ -0,0 +1,560 @@
+from __future__ import annotations
+
+import csv
+import datetime
+import io
+import json
+import os
+import uuid
+from abc import ABC, abstractmethod
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, List
+
+import gradio as gr
+from gradio import encryptor, utils
+from gradio.documentation import document, set_documentation_group
+
+if TYPE_CHECKING:
+    from gradio.components import IOComponent
+
+set_documentation_group("flagging")
+
+
+def _get_dataset_features_info(is_new, components):
+    """
+    Takes in a list of components and returns a dataset features info
+
+    Parameters:
+    is_new: boolean, whether the dataset is new or not
+    components: list of components
+
+    Returns:
+    infos: a dictionary of the dataset features
+    file_preview_types: dictionary mapping of gradio components to appropriate string.
+    header: list of header strings
+
+    """
+    infos = {"flagged": {"features": {}}}
+    # File previews for certain input and output types
+    file_preview_types = {gr.Audio: "Audio", gr.Image: "Image"}
+    headers = []
+
+    # Generate the headers and dataset_infos
+    if is_new:
+
+        for component in components:
+            headers.append(component.label)
+            infos["flagged"]["features"][component.label] = {
+                "dtype": "string",
+                "_type": "Value",
+            }
+            if isinstance(component, tuple(file_preview_types)):
+                headers.append(component.label + " file")
+                for _component, _type in file_preview_types.items():
+                    if isinstance(component, _component):
+                        infos["flagged"]["features"][
+                            (component.label or "") + " file"
+                        ] = {"_type": _type}
+                        break
+
+        headers.append("flag")
+        infos["flagged"]["features"]["flag"] = {
+            "dtype": "string",
+            "_type": "Value",
+        }
+
+    return infos, file_preview_types, headers
+
+
+class FlaggingCallback(ABC):
+    """
+    An abstract class for defining the methods that any FlaggingCallback should have.
+    """
+
+    @abstractmethod
+    def setup(self, components: List[IOComponent], flagging_dir: str):
+        """
+        This method should be overridden and ensure that everything is set up correctly for flag().
+        This method gets called once at the beginning of the Interface.launch() method.
+        Parameters:
+        components: Set of components that will provide flagged data.
+        flagging_dir: A string, typically containing the path to the directory where the flagging file should be storied (provided as an argument to Interface.__init__()).
+        """
+        pass
+
+    @abstractmethod
+    def flag(
+        self,
+        flag_data: List[Any],
+        flag_option: str | None = None,
+        flag_index: int | None = None,
+        username: str | None = None,
+    ) -> int:
+        """
+        This method should be overridden by the FlaggingCallback subclass and may contain optional additional arguments.
+        This gets called every time the <flag> button is pressed.
+        Parameters:
+        interface: The Interface object that is being used to launch the flagging interface.
+        flag_data: The data to be flagged.
+        flag_option (optional): In the case that flagging_options are provided, the flag option that is being used.
+        flag_index (optional): The index of the sample that is being flagged.
+        username (optional): The username of the user that is flagging the data, if logged in.
+        Returns:
+        (int) The total number of samples that have been flagged.
+        """
+        pass
+
+
+@document()
+class SimpleCSVLogger(FlaggingCallback):
+    """
+    A simplified implementation of the FlaggingCallback abstract class
+    provided for illustrative purposes.  Each flagged sample (both the input and output data)
+    is logged to a CSV file on the machine running the gradio app.
+    Example:
+        import gradio as gr
+        def image_classifier(inp):
+            return {'cat': 0.3, 'dog': 0.7}
+        demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label",
+                            flagging_callback=SimpleCSVLogger())
+    """
+
+    def __init__(self):
+        pass
+
+    def setup(self, components: List[IOComponent], flagging_dir: str | Path):
+        self.components = components
+        self.flagging_dir = flagging_dir
+        os.makedirs(flagging_dir, exist_ok=True)
+
+    def flag(
+        self,
+        flag_data: List[Any],
+        flag_option: str | None = None,
+        flag_index: int | None = None,
+        username: str | None = None,
+    ) -> int:
+        flagging_dir = self.flagging_dir
+        log_filepath = Path(flagging_dir) / "log.csv"
+
+        csv_data = []
+        for component, sample in zip(self.components, flag_data):
+            save_dir = Path(flagging_dir) / utils.strip_invalid_filename_characters(
+                component.label or ""
+            )
+            csv_data.append(
+                component.deserialize(
+                    sample,
+                    save_dir,
+                    None,
+                )
+            )
+
+        with open(log_filepath, "a", newline="") as csvfile:
+            writer = csv.writer(csvfile)
+            writer.writerow(utils.sanitize_list_for_csv(csv_data))
+
+        with open(log_filepath, "r") as csvfile:
+            line_count = len([None for row in csv.reader(csvfile)]) - 1
+        return line_count
+
+
+@document()
+class CSVLogger(FlaggingCallback):
+    """
+    The default implementation of the FlaggingCallback abstract class. Each flagged
+    sample (both the input and output data) is logged to a CSV file with headers on the machine running the gradio app.
+    Example:
+        import gradio as gr
+        def image_classifier(inp):
+            return {'cat': 0.3, 'dog': 0.7}
+        demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label",
+                            flagging_callback=CSVLogger())
+    Guides: using_flagging
+    """
+
+    def __init__(self):
+        pass
+
+    def setup(
+        self,
+        components: List[IOComponent],
+        flagging_dir: str | Path,
+        encryption_key: bytes | None = None,
+    ):
+        self.components = components
+        self.flagging_dir = flagging_dir
+        self.encryption_key = encryption_key
+        os.makedirs(flagging_dir, exist_ok=True)
+
+    def flag(
+        self,
+        flag_data: List[Any],
+        flag_option: str | None = None,
+        flag_index: int | None = None,
+        username: str | None = None,
+    ) -> int:
+        flagging_dir = self.flagging_dir
+        log_filepath = Path(flagging_dir) / "log.csv"
+        is_new = not Path(log_filepath).exists()
+        headers = [
+            component.label or f"component {idx}"
+            for idx, component in enumerate(self.components)
+        ] + [
+            "flag",
+            "username",
+            "timestamp",
+        ]
+
+        csv_data = []
+        for idx, (component, sample) in enumerate(zip(self.components, flag_data)):
+            save_dir = Path(flagging_dir) / utils.strip_invalid_filename_characters(
+                component.label or f"component {idx}"
+            )
+            if utils.is_update(sample):
+                csv_data.append(str(sample))
+            else:
+                csv_data.append(
+                    component.deserialize(
+                        sample,
+                        save_dir=save_dir,
+                        encryption_key=self.encryption_key,
+                    )
+                    if sample is not None
+                    else ""
+                )
+        csv_data.append(flag_option if flag_option is not None else "")
+        csv_data.append(username if username is not None else "")
+        csv_data.append(str(datetime.datetime.now()))
+
+        def replace_flag_at_index(file_content: str, flag_index: int):
+            file_content_ = io.StringIO(file_content)
+            content = list(csv.reader(file_content_))
+            header = content[0]
+            flag_col_index = header.index("flag")
+            content[flag_index][flag_col_index] = flag_option  # type: ignore
+            output = io.StringIO()
+            writer = csv.writer(output)
+            writer.writerows(utils.sanitize_list_for_csv(content))
+            return output.getvalue()
+
+        if self.encryption_key:
+            output = io.StringIO()
+            if not is_new:
+                with open(log_filepath, "rb", encoding="utf-8") as csvfile:
+                    encrypted_csv = csvfile.read()
+                    decrypted_csv = encryptor.decrypt(
+                        self.encryption_key, encrypted_csv
+                    )
+                    file_content = decrypted_csv.decode()
+                    if flag_index is not None:
+                        file_content = replace_flag_at_index(file_content, flag_index)
+                    output.write(file_content)
+            writer = csv.writer(output)
+            if flag_index is None:
+                if is_new:
+                    writer.writerow(utils.sanitize_list_for_csv(headers))
+                writer.writerow(utils.sanitize_list_for_csv(csv_data))
+            with open(log_filepath, "wb", encoding="utf-8") as csvfile:
+                csvfile.write(
+                    encryptor.encrypt(self.encryption_key, output.getvalue().encode())
+                )
+        else:
+            if flag_index is None:
+                with open(log_filepath, "a", newline="", encoding="utf-8") as csvfile:
+                    writer = csv.writer(csvfile)
+                    if is_new:
+                        writer.writerow(utils.sanitize_list_for_csv(headers))
+                    writer.writerow(utils.sanitize_list_for_csv(csv_data))
+            else:
+                with open(log_filepath, encoding="utf-8") as csvfile:
+                    file_content = csvfile.read()
+                    file_content = replace_flag_at_index(file_content, flag_index)
+                with open(
+                    log_filepath, "w", newline="", encoding="utf-8"
+                ) as csvfile:  # newline parameter needed for Windows
+                    csvfile.write(file_content)
+        with open(log_filepath, "r", encoding="utf-8") as csvfile:
+            line_count = len([None for row in csv.reader(csvfile)]) - 1
+        return line_count
+
+
+@document()
+class HuggingFaceDatasetSaver(FlaggingCallback):
+    """
+    A callback that saves each flagged sample (both the input and output data)
+    to a HuggingFace dataset.
+    Example:
+        import gradio as gr
+        hf_writer = gr.HuggingFaceDatasetSaver(HF_API_TOKEN, "image-classification-mistakes")
+        def image_classifier(inp):
+            return {'cat': 0.3, 'dog': 0.7}
+        demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label",
+                            allow_flagging="manual", flagging_callback=hf_writer)
+    Guides: using_flagging
+    """
+
+    def __init__(
+        self,
+        hf_token: str,
+        dataset_name: str,
+        organization: str | None = None,
+        private: bool = False,
+    ):
+        """
+        Parameters:
+            hf_token: The HuggingFace token to use to create (and write the flagged sample to) the HuggingFace dataset.
+            dataset_name: The name of the dataset to save the data to, e.g. "image-classifier-1"
+            organization: The organization to save the dataset under. The hf_token must provide write access to this organization. If not provided, saved under the name of the user corresponding to the hf_token.
+            private: Whether the dataset should be private (defaults to False).
+        """
+        self.hf_token = hf_token
+        self.dataset_name = dataset_name
+        self.organization_name = organization
+        self.dataset_private = private
+
+    def setup(self, components: List[IOComponent], flagging_dir: str):
+        """
+        Params:
+        flagging_dir (str): local directory where the dataset is cloned,
+        updated, and pushed from.
+        """
+        try:
+            import huggingface_hub
+        except (ImportError, ModuleNotFoundError):
+            raise ImportError(
+                "Package `huggingface_hub` not found is needed "
+                "for HuggingFaceDatasetSaver. Try 'pip install huggingface_hub'."
+            )
+        path_to_dataset_repo = huggingface_hub.create_repo(
+            name=self.dataset_name,
+            token=self.hf_token,
+            private=self.dataset_private,
+            repo_type="dataset",
+            exist_ok=True,
+        )
+        self.path_to_dataset_repo = path_to_dataset_repo  # e.g. "https://huggingface.co/datasets/abidlabs/test-audio-10"
+        self.components = components
+        self.flagging_dir = flagging_dir
+        self.dataset_dir = Path(flagging_dir) / self.dataset_name
+        self.repo = huggingface_hub.Repository(
+            local_dir=str(self.dataset_dir),
+            clone_from=path_to_dataset_repo,
+            use_auth_token=self.hf_token,
+        )
+        self.repo.git_pull(lfs=True)
+
+        # Should filename be user-specified?
+        self.log_file = Path(self.dataset_dir) / "data.csv"
+        self.infos_file = Path(self.dataset_dir) / "dataset_infos.json"
+
+    def flag(
+        self,
+        flag_data: List[Any],
+        flag_option: str | None = None,
+        flag_index: int | None = None,
+        username: str | None = None,
+    ) -> int:
+        self.repo.git_pull(lfs=True)
+
+        is_new = not Path(self.log_file).exists()
+
+        with open(self.log_file, "a", newline="", encoding="utf-8") as csvfile:
+            writer = csv.writer(csvfile)
+
+            # File previews for certain input and output types
+            infos, file_preview_types, headers = _get_dataset_features_info(
+                is_new, self.components
+            )
+
+            # Generate the headers and dataset_infos
+            if is_new:
+                writer.writerow(utils.sanitize_list_for_csv(headers))
+
+            # Generate the row corresponding to the flagged sample
+            csv_data = []
+            for component, sample in zip(self.components, flag_data):
+                save_dir = Path(
+                    self.dataset_dir
+                ) / utils.strip_invalid_filename_characters(component.label or "")
+                filepath = component.deserialize(sample, save_dir, None)
+                csv_data.append(filepath)
+                if isinstance(component, tuple(file_preview_types)):
+                    csv_data.append(
+                        "{}/resolve/main/{}".format(self.path_to_dataset_repo, filepath)
+                    )
+            csv_data.append(flag_option if flag_option is not None else "")
+            writer.writerow(utils.sanitize_list_for_csv(csv_data))
+
+        if is_new:
+            json.dump(infos, open(self.infos_file, "w"))
+
+        with open(self.log_file, "r", encoding="utf-8") as csvfile:
+            line_count = len([None for row in csv.reader(csvfile)]) - 1
+
+        self.repo.push_to_hub(commit_message="Flagged sample #{}".format(line_count))
+
+        return line_count
+
+
+class HuggingFaceDatasetJSONSaver(FlaggingCallback):
+    """
+    A FlaggingCallback that saves flagged data to a Hugging Face dataset in JSONL format.
+
+    Each data sample is saved in a different JSONL file,
+    allowing multiple users to use flagging simultaneously.
+    Saving to a single CSV would cause errors as only one user can edit at the same time.
+
+    """
+
+    def __init__(
+        self,
+        hf_foken: str,
+        dataset_name: str,
+        organization: str | None = None,
+        private: bool = False,
+        verbose: bool = True,
+    ):
+        """
+        Params:
+        hf_token (str): The token to use to access the huggingface API.
+        dataset_name (str): The name of the dataset to save the data to, e.g.
+            "image-classifier-1"
+        organization (str): The name of the organization to which to attach
+            the datasets. If None, the dataset attaches to the user only.
+        private (bool): If the dataset does not already exist, whether it
+            should be created as a private dataset or public. Private datasets
+            may require paid huggingface.co accounts
+        verbose (bool): Whether to print out the status of the dataset
+            creation.
+        """
+        self.hf_foken = hf_foken
+        self.dataset_name = dataset_name
+        self.organization_name = organization
+        self.dataset_private = private
+        self.verbose = verbose
+
+    def setup(self, components: List[IOComponent], flagging_dir: str):
+        """
+        Params:
+        components List[Component]: list of components for flagging
+        flagging_dir (str): local directory where the dataset is cloned,
+        updated, and pushed from.
+        """
+        try:
+            import huggingface_hub
+        except (ImportError, ModuleNotFoundError):
+            raise ImportError(
+                "Package `huggingface_hub` not found is needed "
+                "for HuggingFaceDatasetJSONSaver. Try 'pip install huggingface_hub'."
+            )
+        path_to_dataset_repo = huggingface_hub.create_repo(
+            name=self.dataset_name,
+            token=self.hf_foken,
+            private=self.dataset_private,
+            repo_type="dataset",
+            exist_ok=True,
+        )
+        self.path_to_dataset_repo = path_to_dataset_repo  # e.g. "https://huggingface.co/datasets/abidlabs/test-audio-10"
+        self.components = components
+        self.flagging_dir = flagging_dir
+        self.dataset_dir = Path(flagging_dir) / self.dataset_name
+        self.repo = huggingface_hub.Repository(
+            local_dir=str(self.dataset_dir),
+            clone_from=path_to_dataset_repo,
+            use_auth_token=self.hf_foken,
+        )
+        self.repo.git_pull(lfs=True)
+
+        self.infos_file = Path(self.dataset_dir) / "dataset_infos.json"
+
+    def flag(
+        self,
+        flag_data: List[Any],
+        flag_option: str | None = None,
+        flag_index: int | None = None,
+        username: str | None = None,
+    ) -> str:
+        self.repo.git_pull(lfs=True)
+
+        # Generate unique folder for the flagged sample
+        unique_name = self.get_unique_name()  # unique name for folder
+        folder_name = (
+            Path(self.dataset_dir) / unique_name
+        )  # unique folder for specific example
+        os.makedirs(folder_name)
+
+        # Now uses the existence of `dataset_infos.json` to determine if new
+        is_new = not Path(self.infos_file).exists()
+
+        # File previews for certain input and output types
+        infos, file_preview_types, _ = _get_dataset_features_info(
+            is_new, self.components
+        )
+
+        # Generate the row and header corresponding to the flagged sample
+        csv_data = []
+        headers = []
+
+        for component, sample in zip(self.components, flag_data):
+            headers.append(component.label)
+
+            try:
+                save_dir = Path(folder_name) / utils.strip_invalid_filename_characters(
+                    component.label or ""
+                )
+                filepath = component.deserialize(sample, save_dir, None)
+            except Exception:
+                # Could not parse 'sample' (mostly) because it was None and `component.save_flagged`
+                # does not handle None cases.
+                # for example: Label (line 3109 of components.py raises an error if data is None)
+                filepath = None
+
+            if isinstance(component, tuple(file_preview_types)):
+                headers.append(component.label or "" + " file")
+
+                csv_data.append(
+                    "{}/resolve/main/{}/{}".format(
+                        self.path_to_dataset_repo, unique_name, filepath
+                    )
+                    if filepath is not None
+                    else None
+                )
+
+            csv_data.append(filepath)
+        headers.append("flag")
+        csv_data.append(flag_option if flag_option is not None else "")
+
+        # Creates metadata dict from row data and dumps it
+        metadata_dict = {
+            header: _csv_data for header, _csv_data in zip(headers, csv_data)
+        }
+        self.dump_json(metadata_dict, Path(folder_name) / "metadata.jsonl")
+
+        if is_new:
+            json.dump(infos, open(self.infos_file, "w"))
+
+        self.repo.push_to_hub(commit_message="Flagged sample {}".format(unique_name))
+        return unique_name
+
+    def get_unique_name(self):
+        id = uuid.uuid4()
+        return str(id)
+
+    def dump_json(self, thing: dict, file_path: str | Path) -> None:
+        with open(file_path, "w+", encoding="utf8") as f:
+            json.dump(thing, f)
+
+
+class FlagMethod:
+    """
+    Helper class that contains the flagging button option and callback
+    """
+
+    def __init__(self, flagging_callback: FlaggingCallback, flag_option=None):
+        self.flagging_callback = flagging_callback
+        self.flag_option = flag_option
+        self.__name__ = "Flag"
+
+    def __call__(self, *flag_data):
+        self.flagging_callback.flag(list(flag_data), flag_option=self.flag_option)

gradio-modified/gradio/helpers.py

@@ -0,0 +1,792 @@
+"""
+Defines helper methods useful for loading and caching Interface examples.
+"""
+from __future__ import annotations
+
+import ast
+import csv
+import inspect
+import os
+import subprocess
+import tempfile
+import threading
+import warnings
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Callable, Iterable, List, Optional, Tuple
+
+import matplotlib
+import matplotlib.pyplot as plt
+import numpy as np
+import PIL
+
+from gradio import processing_utils, routes, utils
+from gradio.context import Context
+from gradio.documentation import document, set_documentation_group
+from gradio.flagging import CSVLogger
+
+if TYPE_CHECKING:  # Only import for type checking (to avoid circular imports).
+    from gradio.components import IOComponent
+
+CACHED_FOLDER = "gradio_cached_examples"
+LOG_FILE = "log.csv"
+
+set_documentation_group("helpers")
+
+
+def create_examples(
+    examples: List[Any] | List[List[Any]] | str,
+    inputs: IOComponent | List[IOComponent],
+    outputs: IOComponent | List[IOComponent] | None = None,
+    fn: Callable | None = None,
+    cache_examples: bool = False,
+    examples_per_page: int = 10,
+    _api_mode: bool = False,
+    label: str | None = None,
+    elem_id: str | None = None,
+    run_on_click: bool = False,
+    preprocess: bool = True,
+    postprocess: bool = True,
+    batch: bool = False,
+):
+    """Top-level synchronous function that creates Examples. Provided for backwards compatibility, i.e. so that gr.Examples(...) can be used to create the Examples component."""
+    examples_obj = Examples(
+        examples=examples,
+        inputs=inputs,
+        outputs=outputs,
+        fn=fn,
+        cache_examples=cache_examples,
+        examples_per_page=examples_per_page,
+        _api_mode=_api_mode,
+        label=label,
+        elem_id=elem_id,
+        run_on_click=run_on_click,
+        preprocess=preprocess,
+        postprocess=postprocess,
+        batch=batch,
+        _initiated_directly=False,
+    )
+    utils.synchronize_async(examples_obj.create)
+    return examples_obj
+
+
+@document()
+class Examples:
+    """
+    This class is a wrapper over the Dataset component and can be used to create Examples
+    for Blocks / Interfaces. Populates the Dataset component with examples and
+    assigns event listener so that clicking on an example populates the input/output
+    components. Optionally handles example caching for fast inference.
+
+    Demos: blocks_inputs, fake_gan
+    Guides: more_on_examples_and_flagging, using_hugging_face_integrations, image_classification_in_pytorch, image_classification_in_tensorflow, image_classification_with_vision_transformers, create_your_own_friends_with_a_gan
+    """
+
+    def __init__(
+        self,
+        examples: List[Any] | List[List[Any]] | str,
+        inputs: IOComponent | List[IOComponent],
+        outputs: Optional[IOComponent | List[IOComponent]] = None,
+        fn: Optional[Callable] = None,
+        cache_examples: bool = False,
+        examples_per_page: int = 10,
+        _api_mode: bool = False,
+        label: str = "Examples",
+        elem_id: Optional[str] = None,
+        run_on_click: bool = False,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        batch: bool = False,
+        _initiated_directly: bool = True,
+    ):
+        """
+        Parameters:
+            examples: example inputs that can be clicked to populate specific components. Should be nested list, in which the outer list consists of samples and each inner list consists of an input corresponding to each input component. A string path to a directory of examples can also be provided but it should be within the directory with the python file running the gradio app. If there are multiple input components and a directory is provided, a log.csv file must be present in the directory to link corresponding inputs.
+            inputs: the component or list of components corresponding to the examples
+            outputs: optionally, provide the component or list of components corresponding to the output of the examples. Required if `cache` is True.
+            fn: optionally, provide the function to run to generate the outputs corresponding to the examples. Required if `cache` is True.
+            cache_examples: if True, caches examples for fast runtime. If True, then `fn` and `outputs` need to be provided
+            examples_per_page: how many examples to show per page.
+            label: the label to use for the examples component (by default, "Examples")
+            elem_id: an optional string that is assigned as the id of this component in the HTML DOM.
+            run_on_click: if cache_examples is False, clicking on an example does not run the function when an example is clicked. Set this to True to run the function when an example is clicked. Has no effect if cache_examples is True.
+            preprocess: if True, preprocesses the example input before running the prediction function and caching the output. Only applies if cache_examples is True.
+            postprocess: if True, postprocesses the example output after running the prediction function and before caching. Only applies if cache_examples is True.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. Used only if cache_examples is True.
+        """
+        if _initiated_directly:
+            warnings.warn(
+                "Please use gr.Examples(...) instead of gr.examples.Examples(...) to create the Examples.",
+            )
+
+        if cache_examples and (fn is None or outputs is None):
+            raise ValueError("If caching examples, `fn` and `outputs` must be provided")
+
+        if not isinstance(inputs, list):
+            inputs = [inputs]
+        if not isinstance(outputs, list):
+            outputs = [outputs]
+
+        working_directory = Path().absolute()
+
+        if examples is None:
+            raise ValueError("The parameter `examples` cannot be None")
+        elif isinstance(examples, list) and (
+            len(examples) == 0 or isinstance(examples[0], list)
+        ):
+            pass
+        elif (
+            isinstance(examples, list) and len(inputs) == 1
+        ):  # If there is only one input component, examples can be provided as a regular list instead of a list of lists
+            examples = [[e] for e in examples]
+        elif isinstance(examples, str):
+            if not os.path.exists(examples):
+                raise FileNotFoundError(
+                    "Could not find examples directory: " + examples
+                )
+            working_directory = examples
+            if not os.path.exists(os.path.join(examples, LOG_FILE)):
+                if len(inputs) == 1:
+                    examples = [[e] for e in os.listdir(examples)]
+                else:
+                    raise FileNotFoundError(
+                        "Could not find log file (required for multiple inputs): "
+                        + LOG_FILE
+                    )
+            else:
+                with open(os.path.join(examples, LOG_FILE)) as logs:
+                    examples = list(csv.reader(logs))
+                    examples = [
+                        examples[i][: len(inputs)] for i in range(1, len(examples))
+                    ]  # remove header and unnecessary columns
+
+        else:
+            raise ValueError(
+                "The parameter `examples` must either be a string directory or a list"
+                "(if there is only 1 input component) or (more generally), a nested "
+                "list, where each sublist represents a set of inputs."
+            )
+
+        input_has_examples = [False] * len(inputs)
+        for example in examples:
+            for idx, example_for_input in enumerate(example):
+                if not (example_for_input is None):
+                    try:
+                        input_has_examples[idx] = True
+                    except IndexError:
+                        pass  # If there are more example components than inputs, ignore. This can sometimes be intentional (e.g. loading from a log file where outputs and timestamps are also logged)
+
+        inputs_with_examples = [
+            inp for (inp, keep) in zip(inputs, input_has_examples) if keep
+        ]
+        non_none_examples = [
+            [ex for (ex, keep) in zip(example, input_has_examples) if keep]
+            for example in examples
+        ]
+
+        self.examples = examples
+        self.non_none_examples = non_none_examples
+        self.inputs = inputs
+        self.inputs_with_examples = inputs_with_examples
+        self.outputs = outputs
+        self.fn = fn
+        self.cache_examples = cache_examples
+        self._api_mode = _api_mode
+        self.preprocess = preprocess
+        self.postprocess = postprocess
+        self.batch = batch
+
+        with utils.set_directory(working_directory):
+            self.processed_examples = [
+                [
+                    component.postprocess(sample)
+                    for component, sample in zip(inputs, example)
+                ]
+                for example in examples
+            ]
+        self.non_none_processed_examples = [
+            [ex for (ex, keep) in zip(example, input_has_examples) if keep]
+            for example in self.processed_examples
+        ]
+        if cache_examples:
+            for example in self.examples:
+                if len([ex for ex in example if ex is not None]) != len(self.inputs):
+                    warnings.warn(
+                        "Examples are being cached but not all input components have "
+                        "example values. This may result in an exception being thrown by "
+                        "your function. If you do get an error while caching examples, make "
+                        "sure all of your inputs have example values for all of your examples "
+                        "or you provide default values for those particular parameters in your function."
+                    )
+                    break
+
+        from gradio.components import Dataset
+
+        with utils.set_directory(working_directory):
+            self.dataset = Dataset(
+                components=inputs_with_examples,
+                samples=non_none_examples,
+                type="index",
+                label=label,
+                samples_per_page=examples_per_page,
+                elem_id=elem_id,
+            )
+
+        self.cached_folder = os.path.join(CACHED_FOLDER, str(self.dataset._id))
+        self.cached_file = os.path.join(self.cached_folder, "log.csv")
+        self.cache_examples = cache_examples
+        self.run_on_click = run_on_click
+
+    async def create(self) -> None:
+        """Caches the examples if self.cache_examples is True and creates the Dataset
+        component to hold the examples"""
+
+        async def load_example(example_id):
+            if self.cache_examples:
+                processed_example = self.non_none_processed_examples[
+                    example_id
+                ] + await self.load_from_cache(example_id)
+            else:
+                processed_example = self.non_none_processed_examples[example_id]
+            return utils.resolve_singleton(processed_example)
+
+        if Context.root_block:
+            self.dataset.click(
+                load_example,
+                inputs=[self.dataset],
+                outputs=self.inputs_with_examples
+                + (self.outputs if self.cache_examples else []),
+                postprocess=False,
+                queue=False,
+            )
+            if self.run_on_click and not self.cache_examples:
+                self.dataset.click(
+                    self.fn,
+                    inputs=self.inputs,
+                    outputs=self.outputs,
+                )
+
+        if self.cache_examples:
+            await self.cache()
+
+    async def cache(self) -> None:
+        """
+        Caches all of the examples so that their predictions can be shown immediately.
+        """
+        if os.path.exists(self.cached_file):
+            print(
+                f"Using cache from '{os.path.abspath(self.cached_folder)}' directory. If method or examples have changed since last caching, delete this folder to clear cache."
+            )
+        else:
+            if Context.root_block is None:
+                raise ValueError("Cannot cache examples if not in a Blocks context")
+
+            print(f"Caching examples at: '{os.path.abspath(self.cached_file)}'")
+            cache_logger = CSVLogger()
+
+            # create a fake dependency to process the examples and get the predictions
+            dependency = Context.root_block.set_event_trigger(
+                event_name="fake_event",
+                fn=self.fn,
+                inputs=self.inputs_with_examples,
+                outputs=self.outputs,
+                preprocess=self.preprocess and not self._api_mode,
+                postprocess=self.postprocess and not self._api_mode,
+                batch=self.batch,
+            )
+
+            fn_index = Context.root_block.dependencies.index(dependency)
+            cache_logger.setup(self.outputs, self.cached_folder)
+            for example_id, _ in enumerate(self.examples):
+                processed_input = self.processed_examples[example_id]
+                if self.batch:
+                    processed_input = [[value] for value in processed_input]
+                prediction = await Context.root_block.process_api(
+                    fn_index=fn_index, inputs=processed_input, request=None, state={}
+                )
+                output = prediction["data"]
+                if self.batch:
+                    output = [value[0] for value in output]
+                cache_logger.flag(output)
+            # Remove the "fake_event" to prevent bugs in loading interfaces from spaces
+            Context.root_block.dependencies.remove(dependency)
+            Context.root_block.fns.pop(fn_index)
+
+    async def load_from_cache(self, example_id: int) -> List[Any]:
+        """Loads a particular cached example for the interface.
+        Parameters:
+            example_id: The id of the example to process (zero-indexed).
+        """
+        with open(self.cached_file) as cache:
+            examples = list(csv.reader(cache))
+        example = examples[example_id + 1]  # +1 to adjust for header
+        output = []
+        for component, value in zip(self.outputs, example):
+            try:
+                value_as_dict = ast.literal_eval(value)
+                assert utils.is_update(value_as_dict)
+                output.append(value_as_dict)
+            except (ValueError, TypeError, SyntaxError, AssertionError):
+                output.append(component.serialize(value, self.cached_folder))
+        return output
+
+
+class TrackedIterable:
+    def __init__(
+        self,
+        iterable: Iterable,
+        index: int | None,
+        length: int | None,
+        desc: str | None,
+        unit: str | None,
+        _tqdm=None,
+        progress: float = None,
+    ) -> None:
+        self.iterable = iterable
+        self.index = index
+        self.length = length
+        self.desc = desc
+        self.unit = unit
+        self._tqdm = _tqdm
+        self.progress = progress
+
+
+@document("__call__", "tqdm")
+class Progress(Iterable):
+    """
+    The Progress class provides a custom progress tracker that is used in a function signature.
+    To attach a Progress tracker to a function, simply add a parameter right after the input parameters that has a default value set to a `gradio.Progress()` instance.
+    The Progress tracker can then be updated in the function by calling the Progress object or using the `tqdm` method on an Iterable.
+    The Progress tracker is currently only available with `queue()`.
+    Example:
+        import gradio as gr
+        import time
+        def my_function(x, progress=gr.Progress()):
+            progress(0, desc="Starting...")
+            time.sleep(1)
+            for i in progress.tqdm(range(100)):
+                time.sleep(0.1)
+            return x
+        gr.Interface(my_function, gr.Textbox(), gr.Textbox()).queue().launch()
+    Demos: progress
+    """
+
+    def __init__(
+        self,
+        track_tqdm: bool = False,
+        _active: bool = False,
+        _callback: Callable = None,
+        _event_id: str = None,
+    ):
+        """
+        Parameters:
+            track_tqdm: If True, the Progress object will track any tqdm.tqdm iterations with the tqdm library in the function.
+        """
+        self.track_tqdm = track_tqdm
+        self._active = _active
+        self._callback = _callback
+        self._event_id = _event_id
+        self.iterables: List[TrackedIterable] = []
+
+    def __len__(self):
+        return self.iterables[-1].length
+
+    def __iter__(self):
+        return self
+
+    def __next__(self):
+        """
+        Updates progress tracker with next item in iterable.
+        """
+        if self._active:
+            current_iterable = self.iterables[-1]
+            while (
+                not hasattr(current_iterable.iterable, "__next__")
+                and len(self.iterables) > 0
+            ):
+                current_iterable = self.iterables.pop()
+            self._callback(
+                event_id=self._event_id,
+                iterables=self.iterables,
+            )
+            current_iterable.index += 1
+            try:
+                return next(current_iterable.iterable)
+            except StopIteration:
+                self.iterables.pop()
+                raise StopIteration
+        else:
+            return self
+
+    def __call__(
+        self,
+        progress: float | Tuple[int, int | None] | None,
+        desc: str | None = None,
+        total: float | None = None,
+        unit: str = "steps",
+        _tqdm=None,
+    ):
+        """
+        Updates progress tracker with progress and message text.
+        Parameters:
+            progress: If float, should be between 0 and 1 representing completion. If Tuple, first number represents steps completed, and second value represents total steps or None if unknown. If None, hides progress bar.
+            desc: description to display.
+            total: estimated total number of steps.
+            unit: unit of iterations.
+        """
+        if self._active:
+            if isinstance(progress, tuple):
+                index, total = progress
+                progress = None
+            else:
+                index = None
+            self._callback(
+                event_id=self._event_id,
+                iterables=self.iterables
+                + [TrackedIterable(None, index, total, desc, unit, _tqdm, progress)],
+            )
+        else:
+            return progress
+
+    def tqdm(
+        self,
+        iterable: Iterable | None,
+        desc: str = None,
+        total: float = None,
+        unit: str = "steps",
+        _tqdm=None,
+        *args,
+        **kwargs,
+    ):
+        """
+        Attaches progress tracker to iterable, like tqdm.
+        Parameters:
+            iterable: iterable to attach progress tracker to.
+            desc: description to display.
+            total: estimated total number of steps.
+            unit: unit of iterations.
+        """
+        if iterable is None:
+            new_iterable = TrackedIterable(None, 0, total, desc, unit, _tqdm)
+            self.iterables.append(new_iterable)
+            self._callback(event_id=self._event_id, iterables=self.iterables)
+            return
+        length = len(iterable) if hasattr(iterable, "__len__") else None
+        self.iterables.append(
+            TrackedIterable(iter(iterable), 0, length, desc, unit, _tqdm)
+        )
+        return self
+
+    def update(self, n=1):
+        """
+        Increases latest iterable with specified number of steps.
+        Parameters:
+            n: number of steps completed.
+        """
+        if self._active and len(self.iterables) > 0:
+            current_iterable = self.iterables[-1]
+            current_iterable.index += n
+            self._callback(
+                event_id=self._event_id,
+                iterables=self.iterables,
+            )
+        else:
+            return
+
+    def close(self, _tqdm):
+        """
+        Removes iterable with given _tqdm.
+        """
+        if self._active:
+            for i in range(len(self.iterables)):
+                if id(self.iterables[i]._tqdm) == id(_tqdm):
+                    self.iterables.pop(i)
+                    break
+            self._callback(
+                event_id=self._event_id,
+                iterables=self.iterables,
+            )
+        else:
+            return
+
+
+def create_tracker(root_blocks, event_id, fn, track_tqdm):
+
+    progress = Progress(
+        _active=True, _callback=root_blocks._queue.set_progress, _event_id=event_id
+    )
+    if not track_tqdm:
+        return progress, fn
+
+    try:
+        _tqdm = __import__("tqdm")
+    except ModuleNotFoundError:
+        return progress, fn
+    if not hasattr(root_blocks, "_progress_tracker_per_thread"):
+        root_blocks._progress_tracker_per_thread = {}
+
+    def init_tqdm(self, iterable=None, desc=None, *args, **kwargs):
+        self._progress = root_blocks._progress_tracker_per_thread.get(
+            threading.get_ident()
+        )
+        if self._progress is not None:
+            self._progress.event_id = event_id
+            self._progress.tqdm(iterable, desc, _tqdm=self, *args, **kwargs)
+            kwargs["file"] = open(os.devnull, "w")
+        self.__init__orig__(iterable, desc, *args, **kwargs)
+
+    def iter_tqdm(self):
+        if self._progress is not None:
+            return self._progress
+        else:
+            return self.__iter__orig__()
+
+    def update_tqdm(self, n=1):
+        if self._progress is not None:
+            self._progress.update(n)
+        return self.__update__orig__(n)
+
+    def close_tqdm(self):
+        if self._progress is not None:
+            self._progress.close(self)
+        return self.__close__orig__()
+
+    def exit_tqdm(self, exc_type, exc_value, traceback):
+        if self._progress is not None:
+            self._progress.close(self)
+        return self.__exit__orig__(exc_type, exc_value, traceback)
+
+    if not hasattr(_tqdm.tqdm, "__init__orig__"):
+        _tqdm.tqdm.__init__orig__ = _tqdm.tqdm.__init__
+    _tqdm.tqdm.__init__ = init_tqdm
+    if not hasattr(_tqdm.tqdm, "__update__orig__"):
+        _tqdm.tqdm.__update__orig__ = _tqdm.tqdm.update
+    _tqdm.tqdm.update = update_tqdm
+    if not hasattr(_tqdm.tqdm, "__close__orig__"):
+        _tqdm.tqdm.__close__orig__ = _tqdm.tqdm.close
+    _tqdm.tqdm.close = close_tqdm
+    if not hasattr(_tqdm.tqdm, "__exit__orig__"):
+        _tqdm.tqdm.__exit__orig__ = _tqdm.tqdm.__exit__
+    _tqdm.tqdm.__exit__ = exit_tqdm
+    if not hasattr(_tqdm.tqdm, "__iter__orig__"):
+        _tqdm.tqdm.__iter__orig__ = _tqdm.tqdm.__iter__
+    _tqdm.tqdm.__iter__ = iter_tqdm
+    if hasattr(_tqdm, "auto") and hasattr(_tqdm.auto, "tqdm"):
+        _tqdm.auto.tqdm = _tqdm.tqdm
+
+    def tracked_fn(*args):
+        thread_id = threading.get_ident()
+        root_blocks._progress_tracker_per_thread[thread_id] = progress
+        response = fn(*args)
+        del root_blocks._progress_tracker_per_thread[thread_id]
+        return response
+
+    return progress, tracked_fn
+
+
+def special_args(
+    fn: Callable,
+    inputs: List[Any] | None = None,
+    request: routes.Request | None = None,
+):
+    """
+    Checks if function has special arguments Request (via annotation) or Progress (via default value).
+    If inputs is provided, these values will be loaded into the inputs array.
+    Parameters:
+        block_fn: function to check.
+        inputs: array to load special arguments into.
+        request: request to load into inputs.
+    Returns:
+        updated inputs, request index, progress index
+    """
+    signature = inspect.signature(fn)
+    positional_args = []
+    for i, param in enumerate(signature.parameters.values()):
+        if param.kind not in (param.POSITIONAL_ONLY, param.POSITIONAL_OR_KEYWORD):
+            break
+        positional_args.append(param)
+    progress_index = None
+    for i, param in enumerate(positional_args):
+        if isinstance(param.default, Progress):
+            progress_index = i
+            if inputs is not None:
+                inputs.insert(i, param.default)
+        elif param.annotation == routes.Request:
+            if inputs is not None:
+                inputs.insert(i, request)
+    if inputs is not None:
+        while len(inputs) < len(positional_args):
+            i = len(inputs)
+            param = positional_args[i]
+            if param.default == param.empty:
+                warnings.warn("Unexpected argument. Filling with None.")
+                inputs.append(None)
+            else:
+                inputs.append(param.default)
+    return inputs or [], progress_index
+
+
+@document()
+def update(**kwargs) -> dict:
+    """
+    Updates component properties. When a function passed into a Gradio Interface or a Blocks events returns a typical value, it updates the value of the output component. But it is also possible to update the properties of an output component (such as the number of lines of a `Textbox` or the visibility of an `Image`) by returning the component's `update()` function, which takes as parameters any of the constructor parameters for that component.
+    This is a shorthand for using the update method on a component.
+    For example, rather than using gr.Number.update(...) you can just use gr.update(...).
+    Note that your editor's autocompletion will suggest proper parameters
+    if you use the update method on the component.
+    Demos: blocks_essay, blocks_update, blocks_essay_update
+
+    Parameters:
+        kwargs: Key-word arguments used to update the component's properties.
+    Example:
+        # Blocks Example
+        import gradio as gr
+        with gr.Blocks() as demo:
+            radio = gr.Radio([1, 2, 4], label="Set the value of the number")
+            number = gr.Number(value=2, interactive=True)
+            radio.change(fn=lambda value: gr.update(value=value), inputs=radio, outputs=number)
+        demo.launch()
+
+        # Interface example
+        import gradio as gr
+        def change_textbox(choice):
+          if choice == "short":
+              return gr.Textbox.update(lines=2, visible=True)
+          elif choice == "long":
+              return gr.Textbox.update(lines=8, visible=True)
+          else:
+              return gr.Textbox.update(visible=False)
+        gr.Interface(
+          change_textbox,
+          gr.Radio(
+              ["short", "long", "none"], label="What kind of essay would you like to write?"
+          ),
+          gr.Textbox(lines=2),
+          live=True,
+        ).launch()
+    """
+    kwargs["__type__"] = "generic_update"
+    return kwargs
+
+
+def skip() -> dict:
+    return update()
+
+
+@document()
+def make_waveform(
+    audio: str | Tuple[int, np.ndarray],
+    *,
+    bg_color: str = "#f3f4f6",
+    bg_image: str = None,
+    fg_alpha: float = 0.75,
+    bars_color: str | Tuple[str, str] = ("#fbbf24", "#ea580c"),
+    bar_count: int = 50,
+    bar_width: float = 0.6,
+):
+    """
+    Generates a waveform video from an audio file. Useful for creating an easy to share audio visualization. The output should be passed into a `gr.Video` component.
+    Parameters:
+        audio: Audio file path or tuple of (sample_rate, audio_data)
+        bg_color: Background color of waveform (ignored if bg_image is provided)
+        bg_image: Background image of waveform
+        fg_alpha: Opacity of foreground waveform
+        bars_color: Color of waveform bars. Can be a single color or a tuple of (start_color, end_color) of gradient
+        bar_count: Number of bars in waveform
+        bar_width: Width of bars in waveform. 1 represents full width, 0.5 represents half width, etc.
+    Returns:
+        A filepath to the output video.
+    """
+    if isinstance(audio, str):
+        audio_file = audio
+        audio = processing_utils.audio_from_file(audio)
+    else:
+        tmp_wav = tempfile.NamedTemporaryFile(suffix=".wav", delete=False)
+        processing_utils.audio_to_file(audio[0], audio[1], tmp_wav.name)
+        audio_file = tmp_wav.name
+    duration = round(len(audio[1]) / audio[0], 4)
+
+    # Helper methods to create waveform
+    def hex_to_RGB(hex_str):
+        return [int(hex_str[i : i + 2], 16) for i in range(1, 6, 2)]
+
+    def get_color_gradient(c1, c2, n):
+        assert n > 1
+        c1_rgb = np.array(hex_to_RGB(c1)) / 255
+        c2_rgb = np.array(hex_to_RGB(c2)) / 255
+        mix_pcts = [x / (n - 1) for x in range(n)]
+        rgb_colors = [((1 - mix) * c1_rgb + (mix * c2_rgb)) for mix in mix_pcts]
+        return [
+            "#" + "".join([format(int(round(val * 255)), "02x") for val in item])
+            for item in rgb_colors
+        ]
+
+    # Reshape audio to have a fixed number of bars
+    samples = audio[1]
+    if len(samples.shape) > 1:
+        samples = np.mean(samples, 1)
+    bins_to_pad = bar_count - (len(samples) % bar_count)
+    samples = np.pad(samples, [(0, bins_to_pad)])
+    samples = np.reshape(samples, (bar_count, -1))
+    samples = np.abs(samples)
+    samples = np.max(samples, 1)
+
+    matplotlib.use("Agg")
+    plt.clf()
+    # Plot waveform
+    color = (
+        bars_color
+        if isinstance(bars_color, str)
+        else get_color_gradient(bars_color[0], bars_color[1], bar_count)
+    )
+    plt.bar(
+        np.arange(0, bar_count),
+        samples * 2,
+        bottom=(-1 * samples),
+        width=bar_width,
+        color=color,
+    )
+    plt.axis("off")
+    plt.margins(x=0)
+    tmp_img = tempfile.NamedTemporaryFile(suffix=".png", delete=False)
+    savefig_kwargs = {"bbox_inches": "tight"}
+    if bg_image is not None:
+        savefig_kwargs["transparent"] = True
+    else:
+        savefig_kwargs["facecolor"] = bg_color
+    plt.savefig(tmp_img.name, **savefig_kwargs)
+    waveform_img = PIL.Image.open(tmp_img.name)
+    waveform_img = waveform_img.resize((1000, 200))
+
+    # Composite waveform with background image
+    if bg_image is not None:
+        waveform_array = np.array(waveform_img)
+        waveform_array[:, :, 3] = waveform_array[:, :, 3] * fg_alpha
+        waveform_img = PIL.Image.fromarray(waveform_array)
+
+        bg_img = PIL.Image.open(bg_image)
+        waveform_width, waveform_height = waveform_img.size
+        bg_width, bg_height = bg_img.size
+        if waveform_width != bg_width:
+            bg_img = bg_img.resize(
+                (waveform_width, 2 * int(bg_height * waveform_width / bg_width / 2))
+            )
+            bg_width, bg_height = bg_img.size
+        composite_height = max(bg_height, waveform_height)
+        composite = PIL.Image.new("RGBA", (waveform_width, composite_height), "#FFFFFF")
+        composite.paste(bg_img, (0, composite_height - bg_height))
+        composite.paste(
+            waveform_img, (0, composite_height - waveform_height), waveform_img
+        )
+        composite.save(tmp_img.name)
+        img_width, img_height = composite.size
+    else:
+        img_width, img_height = waveform_img.size
+        waveform_img.save(tmp_img.name)
+
+    # Convert waveform to video with ffmpeg
+    output_mp4 = tempfile.NamedTemporaryFile(suffix=".mp4", delete=False)
+
+    ffmpeg_cmd = f"""ffmpeg -loop 1 -i {tmp_img.name} -i {audio_file} -vf "color=c=#FFFFFF77:s={img_width}x{img_height}[bar];[0][bar]overlay=-w+(w/{duration})*t:H-h:shortest=1" -t {duration} -y {output_mp4.name}"""
+
+    subprocess.call(ffmpeg_cmd, shell=True)
+    return output_mp4.name

gradio-modified/gradio/inputs.py

@@ -0,0 +1,473 @@
+# type: ignore
+"""
+This module defines various classes that can serve as the `input` to an interface. Each class must inherit from
+`InputComponent`, and each class must define a path to its template. All of the subclasses of `InputComponent` are
+automatically added to a registry, which allows them to be easily referenced in other parts of the code.
+"""
+
+from __future__ import annotations
+
+import warnings
+from typing import Any, List, Optional, Tuple
+
+from gradio import components
+
+
+class Textbox(components.Textbox):
+    def __init__(
+        self,
+        lines: int = 1,
+        placeholder: Optional[str] = None,
+        default: str = "",
+        numeric: Optional[bool] = False,
+        type: Optional[str] = "text",
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your component from gradio.components",
+        )
+        super().__init__(
+            value=default,
+            lines=lines,
+            placeholder=placeholder,
+            label=label,
+            numeric=numeric,
+            type=type,
+            optional=optional,
+        )
+
+
+class Number(components.Number):
+    """
+    Component creates a field for user to enter numeric input. Provides a number as an argument to the wrapped function.
+    Input type: float
+    """
+
+    def __init__(
+        self,
+        default: Optional[float] = None,
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        default (float): default value.
+        label (str): component name in interface.
+        optional (bool): If True, the interface can be submitted with no value for this component.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your component from gradio.components",
+        )
+        super().__init__(value=default, label=label, optional=optional)
+
+
+class Slider(components.Slider):
+    """
+    Component creates a slider that ranges from `minimum` to `maximum`. Provides number as an argument to the wrapped function.
+    Input type: float
+    """
+
+    def __init__(
+        self,
+        minimum: float = 0,
+        maximum: float = 100,
+        step: Optional[float] = None,
+        default: Optional[float] = None,
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        minimum (float): minimum value for slider.
+        maximum (float): maximum value for slider.
+        step (float): increment between slider values.
+        default (float): default value.
+        label (str): component name in interface.
+        optional (bool): this parameter is ignored.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your component from gradio.components",
+        )
+
+        super().__init__(
+            value=default,
+            minimum=minimum,
+            maximum=maximum,
+            step=step,
+            label=label,
+            optional=optional,
+        )
+
+
+class Checkbox(components.Checkbox):
+    """
+    Component creates a checkbox that can be set to `True` or `False`. Provides a boolean as an argument to the wrapped function.
+    Input type: bool
+    """
+
+    def __init__(
+        self,
+        default: bool = False,
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        label (str): component name in interface.
+        default (bool): if True, checked by default.
+        optional (bool): this parameter is ignored.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your component from gradio.components",
+        )
+        super().__init__(value=default, label=label, optional=optional)
+
+
+class CheckboxGroup(components.CheckboxGroup):
+    """
+    Component creates a set of checkboxes of which a subset can be selected. Provides a list of strings representing the selected choices as an argument to the wrapped function.
+    Input type: Union[List[str], List[int]]
+    """
+
+    def __init__(
+        self,
+        choices: List[str],
+        default: List[str] = [],
+        type: str = "value",
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        choices (List[str]): list of options to select from.
+        default (List[str]): default selected list of options.
+        type (str): Type of value to be returned by component. "value" returns the list of strings of the choices selected, "index" returns the list of indicies of the choices selected.
+        label (str): component name in interface.
+        optional (bool): this parameter is ignored.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your component from gradio.components",
+        )
+        super().__init__(
+            value=default,
+            choices=choices,
+            type=type,
+            label=label,
+            optional=optional,
+        )
+
+
+class Radio(components.Radio):
+    """
+    Component creates a set of radio buttons of which only one can be selected. Provides string representing selected choice as an argument to the wrapped function.
+    Input type: Union[str, int]
+    """
+
+    def __init__(
+        self,
+        choices: List[str],
+        type: str = "value",
+        default: Optional[str] = None,
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        choices (List[str]): list of options to select from.
+        type (str): Type of value to be returned by component. "value" returns the string of the choice selected, "index" returns the index of the choice selected.
+        default (str): the button selected by default. If None, no button is selected by default.
+        label (str): component name in interface.
+        optional (bool): this parameter is ignored.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your component from gradio.components",
+        )
+        super().__init__(
+            choices=choices,
+            type=type,
+            value=default,
+            label=label,
+            optional=optional,
+        )
+
+
+class Dropdown(components.Dropdown):
+    """
+    Component creates a dropdown of which only one can be selected. Provides string representing selected choice as an argument to the wrapped function.
+    Input type: Union[str, int]
+    """
+
+    def __init__(
+        self,
+        choices: List[str],
+        type: str = "value",
+        default: Optional[str] = None,
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        choices (List[str]): list of options to select from.
+        type (str): Type of value to be returned by component. "value" returns the string of the choice selected, "index" returns the index of the choice selected.
+        default (str): default value selected in dropdown. If None, no value is selected by default.
+        label (str): component name in interface.
+        optional (bool): this parameter is ignored.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your component from gradio.components",
+        )
+        super().__init__(
+            choices=choices,
+            type=type,
+            value=default,
+            label=label,
+            optional=optional,
+        )
+
+
+class Image(components.Image):
+    """
+    Component creates an image upload box with editing capabilities.
+    Input type: Union[numpy.array, PIL.Image, file-object]
+    """
+
+    def __init__(
+        self,
+        shape: Tuple[int, int] = None,
+        image_mode: str = "RGB",
+        invert_colors: bool = False,
+        source: str = "upload",
+        tool: str = "editor",
+        type: str = "numpy",
+        label: str = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        shape (Tuple[int, int]): (width, height) shape to crop and resize image to; if None, matches input image size.
+        image_mode (str): How to process the uploaded image. Accepts any of the PIL image modes, e.g. "RGB" for color images, "RGBA" to include the transparency mask, "L" for black-and-white images.
+        invert_colors (bool): whether to invert the image as a preprocessing step.
+        source (str): Source of image. "upload" creates a box where user can drop an image file, "webcam" allows user to take snapshot from their webcam, "canvas" defaults to a white image that can be edited and drawn upon with tools.
+        tool (str): Tools used for editing. "editor" allows a full screen editor, "select" provides a cropping and zoom tool.
+        type (str): Type of value to be returned by component. "numpy" returns a numpy array with shape (width, height, 3) and values from 0 to 255, "pil" returns a PIL image object, "file" returns a temporary file object whose path can be retrieved by file_obj.name, "filepath" returns the path directly.
+        label (str): component name in interface.
+        optional (bool): If True, the interface can be submitted with no uploaded image, in which case the input value is None.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your component from gradio.components",
+        )
+        super().__init__(
+            shape=shape,
+            image_mode=image_mode,
+            invert_colors=invert_colors,
+            source=source,
+            tool=tool,
+            type=type,
+            label=label,
+            optional=optional,
+        )
+
+
+class Video(components.Video):
+    """
+    Component creates a video file upload that is converted to a file path.
+
+    Input type: filepath
+    """
+
+    def __init__(
+        self,
+        type: Optional[str] = None,
+        source: str = "upload",
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        type (str): Type of video format to be returned by component, such as 'avi' or 'mp4'. If set to None, video will keep uploaded format.
+        source (str): Source of video. "upload" creates a box where user can drop an video file, "webcam" allows user to record a video from their webcam.
+        label (str): component name in interface.
+        optional (bool): If True, the interface can be submitted with no uploaded video, in which case the input value is None.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(format=type, source=source, label=label, optional=optional)
+
+
+class Audio(components.Audio):
+    """
+    Component accepts audio input files.
+    Input type: Union[Tuple[int, numpy.array], file-object, numpy.array]
+    """
+
+    def __init__(
+        self,
+        source: str = "upload",
+        type: str = "numpy",
+        label: str = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        source (str): Source of audio. "upload" creates a box where user can drop an audio file, "microphone" creates a microphone input.
+        type (str): Type of value to be returned by component. "numpy" returns a 2-set tuple with an integer sample_rate and the data numpy.array of shape (samples, 2), "file" returns a temporary file object whose path can be retrieved by file_obj.name, "filepath" returns the path directly.
+        label (str): component name in interface.
+        optional (bool): If True, the interface can be submitted with no uploaded audio, in which case the input value is None.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(source=source, type=type, label=label, optional=optional)
+
+
+class File(components.File):
+    """
+    Component accepts generic file uploads.
+    Input type: Union[file-object, bytes, List[Union[file-object, bytes]]]
+    """
+
+    def __init__(
+        self,
+        file_count: str = "single",
+        type: str = "file",
+        label: Optional[str] = None,
+        keep_filename: bool = True,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        file_count (str): if single, allows user to upload one file. If "multiple", user uploads multiple files. If "directory", user uploads all files in selected directory. Return type will be list for each file in case of "multiple" or "directory".
+        type (str): Type of value to be returned by component. "file" returns a temporary file object whose path can be retrieved by file_obj.name, "binary" returns an bytes object.
+        label (str): component name in interface.
+        keep_filename (bool): DEPRECATED. Original filename always kept.
+        optional (bool): If True, the interface can be submitted with no uploaded image, in which case the input value is None.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(
+            file_count=file_count,
+            type=type,
+            label=label,
+            keep_filename=keep_filename,
+            optional=optional,
+        )
+
+
+class Dataframe(components.Dataframe):
+    """
+    Component accepts 2D input through a spreadsheet interface.
+    Input type: Union[pandas.DataFrame, numpy.array, List[Union[str, float]], List[List[Union[str, float]]]]
+    """
+
+    def __init__(
+        self,
+        headers: Optional[List[str]] = None,
+        row_count: int = 3,
+        col_count: Optional[int] = 3,
+        datatype: str | List[str] = "str",
+        col_width: int | List[int] = None,
+        default: Optional[List[List[Any]]] = None,
+        type: str = "pandas",
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        headers (List[str]): Header names to dataframe. If None, no headers are shown.
+        row_count (int): Limit number of rows for input.
+        col_count (int): Limit number of columns for input. If equal to 1, return data will be one-dimensional. Ignored if `headers` is provided.
+        datatype (Union[str, List[str]]): Datatype of values in sheet. Can be provided per column as a list of strings, or for the entire sheet as a single string. Valid datatypes are "str", "number", "bool", and "date".
+        col_width (Union[int, List[int]]): Width of columns in pixels. Can be provided as single value or list of values per column.
+        default (List[List[Any]]): Default value
+        type (str): Type of value to be returned by component. "pandas" for pandas dataframe, "numpy" for numpy array, or "array" for a Python array.
+        label (str): component name in interface.
+        optional (bool): this parameter is ignored.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(
+            value=default,
+            headers=headers,
+            row_count=row_count,
+            col_count=col_count,
+            datatype=datatype,
+            col_width=col_width,
+            type=type,
+            label=label,
+            optional=optional,
+        )
+
+
+class Timeseries(components.Timeseries):
+    """
+    Component accepts pandas.DataFrame uploaded as a timeseries csv file.
+    Input type: pandas.DataFrame
+    """
+
+    def __init__(
+        self,
+        x: Optional[str] = None,
+        y: str | List[str] = None,
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        x (str): Column name of x (time) series. None if csv has no headers, in which case first column is x series.
+        y (Union[str, List[str]]): Column name of y series, or list of column names if multiple series. None if csv has no headers, in which case every column after first is a y series.
+        label (str): component name in interface.
+        optional (bool): If True, the interface can be submitted with no uploaded csv file, in which case the input value is None.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(x=x, y=y, label=label, optional=optional)
+
+
+class State(components.State):
+    """
+    Special hidden component that stores state across runs of the interface.
+    Input type: Any
+    """
+
+    def __init__(
+        self,
+        label: str = None,
+        default: Any = None,
+    ):
+        """
+        Parameters:
+        label (str): component name in interface (not used).
+        default (Any): the initial value of the state.
+        optional (bool): this parameter is ignored.
+        """
+        warnings.warn(
+            "Usage of gradio.inputs is deprecated, and will not be supported in the future, please import this component as gr.State() from gradio.components",
+        )
+        super().__init__(value=default, label=label)
+
+
+class Image3D(components.Model3D):
+    """
+    Used for 3D image model output.
+    Input type: File object of type (.obj, glb, or .gltf)
+    """
+
+    def __init__(
+        self,
+        label: Optional[str] = None,
+        optional: bool = False,
+    ):
+        """
+        Parameters:
+        label (str): component name in interface.
+        optional (bool): If True, the interface can be submitted with no uploaded image, in which case the input value is None.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(label=label, optional=optional)

gradio-modified/gradio/interface.py

@@ -0,0 +1,844 @@
+"""
+This is the core file in the `gradio` package, and defines the Interface class,
+including various methods for constructing an interface and then launching it.
+"""
+
+from __future__ import annotations
+
+import inspect
+import json
+import os
+import pkgutil
+import re
+import warnings
+import weakref
+from typing import TYPE_CHECKING, Any, Callable, List, Tuple
+
+from markdown_it import MarkdownIt
+from mdit_py_plugins.dollarmath.index import dollarmath_plugin
+from mdit_py_plugins.footnote.index import footnote_plugin
+
+from gradio import Examples, interpretation, utils
+from gradio.blocks import Blocks
+from gradio.components import (
+    Button,
+    Interpretation,
+    IOComponent,
+    Markdown,
+    State,
+    get_component_instance,
+)
+from gradio.data_classes import InterfaceTypes
+from gradio.documentation import document, set_documentation_group
+from gradio.events import Changeable, Streamable
+from gradio.flagging import CSVLogger, FlaggingCallback, FlagMethod
+from gradio.layouts import Column, Row, Tab, Tabs
+from gradio.pipelines import load_from_pipeline
+
+set_documentation_group("interface")
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from transformers.pipelines.base import Pipeline
+
+
+@document("launch", "load", "from_pipeline", "integrate", "queue")
+class Interface(Blocks):
+    """
+    Interface is Gradio's main high-level class, and allows you to create a web-based GUI / demo
+    around a machine learning model (or any Python function) in a few lines of code.
+    You must specify three parameters: (1) the function to create a GUI for (2) the desired input components and
+    (3) the desired output components. Additional parameters can be used to control the appearance
+    and behavior of the demo.
+
+    Example:
+        import gradio as gr
+
+        def image_classifier(inp):
+            return {'cat': 0.3, 'dog': 0.7}
+
+        demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label")
+        demo.launch()
+    Demos: hello_world, hello_world_3, gpt_j
+    Guides: quickstart, key_features, sharing_your_app, interface_state, reactive_interfaces, advanced_interface_features, setting_up_a_gradio_demo_for_maximum_performance
+    """
+
+    # stores references to all currently existing Interface instances
+    instances: weakref.WeakSet = weakref.WeakSet()
+
+    @classmethod
+    def get_instances(cls) -> List[Interface]:
+        """
+        :return: list of all current instances.
+        """
+        return list(Interface.instances)
+
+    @classmethod
+    def load(
+        cls,
+        name: str,
+        src: str | None = None,
+        api_key: str | None = None,
+        alias: str | None = None,
+        **kwargs,
+    ) -> Interface:
+        """
+        Class method that constructs an Interface from a Hugging Face repo. Can accept
+        model repos (if src is "models") or Space repos (if src is "spaces"). The input
+        and output components are automatically loaded from the repo.
+        Parameters:
+            name: the name of the model (e.g. "gpt2" or "facebook/bart-base") or space (e.g. "flax-community/spanish-gpt2"), can include the `src` as prefix (e.g. "models/facebook/bart-base")
+            src: the source of the model: `models` or `spaces` (or leave empty if source is provided as a prefix in `name`)
+            api_key: optional access token for loading private Hugging Face Hub models or spaces. Find your token here: https://huggingface.co/settings/tokens
+            alias: optional string used as the name of the loaded model instead of the default name (only applies if loading a Space running Gradio 2.x)
+        Returns:
+            a Gradio Interface object for the given model
+        Example:
+            import gradio as gr
+            description = "Story generation with GPT"
+            examples = [["An adventurer is approached by a mysterious stranger in the tavern for a new quest."]]
+            demo = gr.Interface.load("models/EleutherAI/gpt-neo-1.3B", description=description, examples=examples)
+            demo.launch()
+        """
+        return super().load(name=name, src=src, api_key=api_key, alias=alias, **kwargs)
+
+    @classmethod
+    def from_pipeline(cls, pipeline: Pipeline, **kwargs) -> Interface:
+        """
+        Class method that constructs an Interface from a Hugging Face transformers.Pipeline object.
+        The input and output components are automatically determined from the pipeline.
+        Parameters:
+            pipeline: the pipeline object to use.
+        Returns:
+            a Gradio Interface object from the given Pipeline
+        Example:
+            import gradio as gr
+            from transformers import pipeline
+            pipe = pipeline("image-classification")
+            gr.Interface.from_pipeline(pipe).launch()
+        """
+        interface_info = load_from_pipeline(pipeline)
+        kwargs = dict(interface_info, **kwargs)
+        interface = cls(**kwargs)
+        return interface
+
+    def __init__(
+        self,
+        fn: Callable,
+        inputs: str | IOComponent | List[str | IOComponent] | None,
+        outputs: str | IOComponent | List[str | IOComponent] | None,
+        examples: List[Any] | List[List[Any]] | str | None = None,
+        cache_examples: bool | None = None,
+        examples_per_page: int = 10,
+        live: bool = False,
+        interpretation: Callable | str | None = None,
+        num_shap: float = 2.0,
+        title: str | None = None,
+        description: str | None = None,
+        article: str | None = None,
+        thumbnail: str | None = None,
+        theme: str = "default",
+        css: str | None = None,
+        allow_flagging: str | None = None,
+        flagging_options: List[str] | None = None,
+        flagging_dir: str = "flagged",
+        flagging_callback: FlaggingCallback = CSVLogger(),
+        analytics_enabled: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        _api_mode: bool = False,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: a single Gradio component, or list of Gradio components. Components can either be passed as instantiated objects, or referred to by their string shortcuts. The number of input components should match the number of parameters in fn. If set to None, then only the output components will be displayed.
+            outputs: a single Gradio component, or list of Gradio components. Components can either be passed as instantiated objects, or referred to by their string shortcuts. The number of output components should match the number of values returned by fn. If set to None, then only the input components will be displayed.
+            examples: sample inputs for the function; if provided, appear below the UI components and can be clicked to populate the interface. Should be nested list, in which the outer list consists of samples and each inner list consists of an input corresponding to each input component. A string path to a directory of examples can also be provided, but it should be within the directory with the python file running the gradio app. If there are multiple input components and a directory is provided, a log.csv file must be present in the directory to link corresponding inputs.
+            cache_examples: If True, caches examples in the server for fast runtime in examples. The default option in HuggingFace Spaces is True. The default option elsewhere is False.
+            examples_per_page: If examples are provided, how many to display per page.
+            live: whether the interface should automatically rerun if any of the inputs change.
+            interpretation: function that provides interpretation explaining prediction output. Pass "default" to use simple built-in interpreter, "shap" to use a built-in shapley-based interpreter, or your own custom interpretation function. For more information on the different interpretation methods, see the Advanced Interface Features guide.
+            num_shap: a multiplier that determines how many examples are computed for shap-based interpretation. Increasing this value will increase shap runtime, but improve results. Only applies if interpretation is "shap".
+            title: a title for the interface; if provided, appears above the input and output components in large font. Also used as the tab title when opened in a browser window.
+            description: a description for the interface; if provided, appears above the input and output components and beneath the title in regular font. Accepts Markdown and HTML content.
+            article: an expanded article explaining the interface; if provided, appears below the input and output components in regular font. Accepts Markdown and HTML content.
+            thumbnail: path or url to image to use as display image when the web demo is shared on social media.
+            theme: Theme to use - right now, only "default" is supported. Can be set with the GRADIO_THEME environment variable.
+            css: custom css or path to custom css file to use with interface.
+            allow_flagging: one of "never", "auto", or "manual". If "never" or "auto", users will not see a button to flag an input and output. If "manual", users will see a button to flag. If "auto", every input the user submits will be automatically flagged (outputs are not flagged). If "manual", both the input and outputs are flagged when the user clicks flag button. This parameter can be set with environmental variable GRADIO_ALLOW_FLAGGING; otherwise defaults to "manual".
+            flagging_options: if provided, allows user to select from the list of options when flagging. Only applies if allow_flagging is "manual".
+            flagging_dir: what to name the directory where flagged data is stored.
+            flagging_callback: An instance of a subclass of FlaggingCallback which will be called when a sample is flagged. By default logs to a local CSV file.
+            analytics_enabled: Whether to allow basic telemetry. If None, will use GRADIO_ANALYTICS_ENABLED environment variable if defined, or default to True.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+        """
+        super().__init__(
+            analytics_enabled=analytics_enabled,
+            mode="interface",
+            css=css,
+            title=title or "Gradio",
+            theme=theme,
+            **kwargs,
+        )
+
+        if isinstance(fn, list):
+            raise DeprecationWarning(
+                "The `fn` parameter only accepts a single function, support for a list "
+                "of functions has been deprecated. Please use gradio.mix.Parallel "
+                "instead."
+            )
+
+        self.interface_type = InterfaceTypes.STANDARD
+        if (inputs is None or inputs == []) and (outputs is None or outputs == []):
+            raise ValueError("Must provide at least one of `inputs` or `outputs`")
+        elif outputs is None or outputs == []:
+            outputs = []
+            self.interface_type = InterfaceTypes.INPUT_ONLY
+        elif inputs is None or inputs == []:
+            inputs = []
+            self.interface_type = InterfaceTypes.OUTPUT_ONLY
+
+        assert isinstance(inputs, (str, list, IOComponent))
+        assert isinstance(outputs, (str, list, IOComponent))
+
+        if not isinstance(inputs, list):
+            inputs = [inputs]
+        if not isinstance(outputs, list):
+            outputs = [outputs]
+
+        if self.is_space and cache_examples is None:
+            self.cache_examples = True
+        else:
+            self.cache_examples = cache_examples or False
+
+        state_input_indexes = [
+            idx for idx, i in enumerate(inputs) if i == "state" or isinstance(i, State)
+        ]
+        state_output_indexes = [
+            idx for idx, o in enumerate(outputs) if o == "state" or isinstance(o, State)
+        ]
+
+        if len(state_input_indexes) == 0 and len(state_output_indexes) == 0:
+            pass
+        elif len(state_input_indexes) != 1 or len(state_output_indexes) != 1:
+            raise ValueError(
+                "If using 'state', there must be exactly one state input and one state output."
+            )
+        else:
+            state_input_index = state_input_indexes[0]
+            state_output_index = state_output_indexes[0]
+            if inputs[state_input_index] == "state":
+                default = utils.get_default_args(fn)[state_input_index]
+                state_variable = State(value=default)  # type: ignore
+            else:
+                state_variable = inputs[state_input_index]
+
+            inputs[state_input_index] = state_variable
+            outputs[state_output_index] = state_variable
+
+            if cache_examples:
+                warnings.warn(
+                    "Cache examples cannot be used with state inputs and outputs."
+                    "Setting cache_examples to False."
+                )
+            self.cache_examples = False
+
+        self.input_components = [
+            get_component_instance(i, render=False) for i in inputs
+        ]
+        self.output_components = [
+            get_component_instance(o, render=False) for o in outputs
+        ]
+
+        for component in self.input_components + self.output_components:
+            if not (isinstance(component, IOComponent)):
+                raise ValueError(
+                    f"{component} is not a valid input/output component for Interface."
+                )
+
+        if len(self.input_components) == len(self.output_components):
+            same_components = [
+                i is o for i, o in zip(self.input_components, self.output_components)
+            ]
+            if all(same_components):
+                self.interface_type = InterfaceTypes.UNIFIED
+
+        if self.interface_type in [
+            InterfaceTypes.STANDARD,
+            InterfaceTypes.OUTPUT_ONLY,
+        ]:
+            for o in self.output_components:
+                assert isinstance(o, IOComponent)
+                o.interactive = False  # Force output components to be non-interactive
+
+        if (
+            interpretation is None
+            or isinstance(interpretation, list)
+            or callable(interpretation)
+        ):
+            self.interpretation = interpretation
+        elif isinstance(interpretation, str):
+            self.interpretation = [
+                interpretation.lower() for _ in self.input_components
+            ]
+        else:
+            raise ValueError("Invalid value for parameter: interpretation")
+
+        self.api_mode = _api_mode
+        self.fn = fn
+        self.fn_durations = [0, 0]
+        self.__name__ = getattr(fn, "__name__", "fn")
+        self.live = live
+        self.title = title
+
+        CLEANER = re.compile("<.*?>")
+
+        def clean_html(raw_html):
+            cleantext = re.sub(CLEANER, "", raw_html)
+            return cleantext
+
+        md = (
+            MarkdownIt(
+                "js-default",
+                {
+                    "linkify": True,
+                    "typographer": True,
+                    "html": True,
+                },
+            )
+            .use(dollarmath_plugin)
+            .use(footnote_plugin)
+            .enable("table")
+        )
+
+        simple_description = None
+        if description is not None:
+            description = md.render(description)
+            simple_description = clean_html(description)
+        self.simple_description = simple_description
+        self.description = description
+        if article is not None:
+            article = utils.readme_to_html(article)
+            article = md.render(article)
+        self.article = article
+
+        self.thumbnail = thumbnail
+        self.theme = theme or os.getenv("GRADIO_THEME", "default")
+        if not (self.theme == "default"):
+            warnings.warn("Currently, only the 'default' theme is supported.")
+
+        self.examples = examples
+        self.num_shap = num_shap
+        self.examples_per_page = examples_per_page
+
+        self.simple_server = None
+
+        # For analytics_enabled and allow_flagging: (1) first check for
+        # parameter, (2) check for env variable, (3) default to True/"manual"
+        self.analytics_enabled = (
+            analytics_enabled
+            if analytics_enabled is not None
+            else os.getenv("GRADIO_ANALYTICS_ENABLED", "True") == "True"
+        )
+        if allow_flagging is None:
+            allow_flagging = os.getenv("GRADIO_ALLOW_FLAGGING", "manual")
+        if allow_flagging is True:
+            warnings.warn(
+                "The `allow_flagging` parameter in `Interface` now"
+                "takes a string value ('auto', 'manual', or 'never')"
+                ", not a boolean. Setting parameter to: 'manual'."
+            )
+            self.allow_flagging = "manual"
+        elif allow_flagging == "manual":
+            self.allow_flagging = "manual"
+        elif allow_flagging is False:
+            warnings.warn(
+                "The `allow_flagging` parameter in `Interface` now"
+                "takes a string value ('auto', 'manual', or 'never')"
+                ", not a boolean. Setting parameter to: 'never'."
+            )
+            self.allow_flagging = "never"
+        elif allow_flagging == "never":
+            self.allow_flagging = "never"
+        elif allow_flagging == "auto":
+            self.allow_flagging = "auto"
+        else:
+            raise ValueError(
+                "Invalid value for `allow_flagging` parameter."
+                "Must be: 'auto', 'manual', or 'never'."
+            )
+
+        self.flagging_options = flagging_options
+        self.flagging_callback = flagging_callback
+        self.flagging_dir = flagging_dir
+        self.batch = batch
+        self.max_batch_size = max_batch_size
+
+        self.save_to = None  # Used for selenium tests
+        self.share = None
+        self.share_url = None
+        self.local_url = None
+
+        self.favicon_path = None
+
+        if self.analytics_enabled:
+            data = {
+                "mode": self.mode,
+                "fn": fn,
+                "inputs": inputs,
+                "outputs": outputs,
+                "live": live,
+                "ip_address": self.ip_address,
+                "interpretation": interpretation,
+                "allow_flagging": allow_flagging,
+                "custom_css": self.css is not None,
+                "theme": self.theme,
+                "version": (pkgutil.get_data(__name__, "version.txt") or b"")
+                .decode("ascii")
+                .strip(),
+            }
+            utils.initiated_analytics(data)
+
+        utils.version_check()
+        Interface.instances.add(self)
+
+        param_names = inspect.getfullargspec(self.fn)[0]
+        for component, param_name in zip(self.input_components, param_names):
+            assert isinstance(component, IOComponent)
+            if component.label is None:
+                component.label = param_name
+        for i, component in enumerate(self.output_components):
+            assert isinstance(component, IOComponent)
+            if component.label is None:
+                if len(self.output_components) == 1:
+                    component.label = "output"
+                else:
+                    component.label = "output " + str(i)
+
+        if self.allow_flagging != "never":
+            if (
+                self.interface_type == InterfaceTypes.UNIFIED
+                or self.allow_flagging == "auto"
+            ):
+                self.flagging_callback.setup(self.input_components, self.flagging_dir)  # type: ignore
+            elif self.interface_type == InterfaceTypes.INPUT_ONLY:
+                pass
+            else:
+                self.flagging_callback.setup(
+                    self.input_components + self.output_components, self.flagging_dir  # type: ignore
+                )
+
+        # Render the Gradio UI
+        with self:
+            self.render_title_description()
+
+            submit_btn, clear_btn, stop_btn, flag_btns = None, None, None, None
+            interpretation_btn, interpretation_set = None, None
+            input_component_column, interpret_component_column = None, None
+
+            with Row().style(equal_height=False):
+                if self.interface_type in [
+                    InterfaceTypes.STANDARD,
+                    InterfaceTypes.INPUT_ONLY,
+                    InterfaceTypes.UNIFIED,
+                ]:
+                    (
+                        submit_btn,
+                        clear_btn,
+                        stop_btn,
+                        flag_btns,
+                        input_component_column,
+                        interpret_component_column,
+                        interpretation_set,
+                    ) = self.render_input_column()
+                if self.interface_type in [
+                    InterfaceTypes.STANDARD,
+                    InterfaceTypes.OUTPUT_ONLY,
+                ]:
+                    (
+                        submit_btn_out,
+                        clear_btn_2_out,
+                        stop_btn_2_out,
+                        flag_btns_out,
+                        interpretation_btn,
+                    ) = self.render_output_column(submit_btn)
+                    submit_btn = submit_btn or submit_btn_out
+                    clear_btn = clear_btn or clear_btn_2_out
+                    stop_btn = stop_btn or stop_btn_2_out
+                    flag_btns = flag_btns or flag_btns_out
+
+            assert clear_btn is not None, "Clear button not rendered"
+
+            self.attach_submit_events(submit_btn, stop_btn)
+            self.attach_clear_events(
+                clear_btn, input_component_column, interpret_component_column
+            )
+            self.attach_interpretation_events(
+                interpretation_btn,
+                interpretation_set,
+                input_component_column,
+                interpret_component_column,
+            )
+
+            self.render_flagging_buttons(flag_btns)
+            self.render_examples()
+            self.render_article()
+
+        self.config = self.get_config_file()
+
+    def render_title_description(self) -> None:
+        if self.title:
+            Markdown(
+                "<h1 style='text-align: center; margin-bottom: 1rem'>"
+                + self.title
+                + "</h1>"
+            )
+        if self.description:
+            Markdown(self.description)
+
+    def render_flag_btns(self) -> List[Tuple[Button, str | None]]:
+        if self.flagging_options is None:
+            return [(Button("Flag"), None)]
+        else:
+            return [
+                (
+                    Button("Flag as " + flag_option),
+                    flag_option,
+                )
+                for flag_option in self.flagging_options
+            ]
+
+    def render_input_column(
+        self,
+    ) -> Tuple[
+        Button | None,
+        Button | None,
+        Button | None,
+        List | None,
+        Column,
+        Column | None,
+        List[Interpretation] | None,
+    ]:
+        submit_btn, clear_btn, stop_btn, flag_btns = None, None, None, None
+        interpret_component_column, interpretation_set = None, None
+
+        with Column(variant="panel"):
+            input_component_column = Column()
+            with input_component_column:
+                for component in self.input_components:
+                    component.render()
+            if self.interpretation:
+                interpret_component_column = Column(visible=False)
+                interpretation_set = []
+                with interpret_component_column:
+                    for component in self.input_components:
+                        interpretation_set.append(Interpretation(component))
+            with Row():
+                if self.interface_type in [
+                    InterfaceTypes.STANDARD,
+                    InterfaceTypes.INPUT_ONLY,
+                ]:
+                    clear_btn = Button("Clear")
+                    if not self.live:
+                        submit_btn = Button("Submit", variant="primary")
+                        # Stopping jobs only works if the queue is enabled
+                        # We don't know if the queue is enabled when the interface
+                        # is created. We use whether a generator function is provided
+                        # as a proxy of whether the queue will be enabled.
+                        # Using a generator function without the queue will raise an error.
+                        if inspect.isgeneratorfunction(self.fn):
+                            stop_btn = Button("Stop", variant="stop")
+                elif self.interface_type == InterfaceTypes.UNIFIED:
+                    clear_btn = Button("Clear")
+                    submit_btn = Button("Submit", variant="primary")
+                    if inspect.isgeneratorfunction(self.fn) and not self.live:
+                        stop_btn = Button("Stop", variant="stop")
+                    if self.allow_flagging == "manual":
+                        flag_btns = self.render_flag_btns()
+                    elif self.allow_flagging == "auto":
+                        flag_btns = [(submit_btn, None)]
+        return (
+            submit_btn,
+            clear_btn,
+            stop_btn,
+            flag_btns,
+            input_component_column,
+            interpret_component_column,
+            interpretation_set,
+        )
+
+    def render_output_column(
+        self,
+        submit_btn_in: Button | None,
+    ) -> Tuple[Button | None, Button | None, Button | None, List | None, Button | None]:
+        submit_btn = submit_btn_in
+        interpretation_btn, clear_btn, flag_btns, stop_btn = None, None, None, None
+
+        with Column(variant="panel"):
+            for component in self.output_components:
+                if not (isinstance(component, State)):
+                    component.render()
+            with Row():
+                if self.interface_type == InterfaceTypes.OUTPUT_ONLY:
+                    clear_btn = Button("Clear")
+                    submit_btn = Button("Generate", variant="primary")
+                    if inspect.isgeneratorfunction(self.fn) and not self.live:
+                        # Stopping jobs only works if the queue is enabled
+                        # We don't know if the queue is enabled when the interface
+                        # is created. We use whether a generator function is provided
+                        # as a proxy of whether the queue will be enabled.
+                        # Using a generator function without the queue will raise an error.
+                        stop_btn = Button("Stop", variant="stop")
+                if self.allow_flagging == "manual":
+                    flag_btns = self.render_flag_btns()
+                elif self.allow_flagging == "auto":
+                    assert submit_btn is not None, "Submit button not rendered"
+                    flag_btns = [(submit_btn, None)]
+                if self.interpretation:
+                    interpretation_btn = Button("Interpret")
+
+        return submit_btn, clear_btn, stop_btn, flag_btns, interpretation_btn
+
+    def render_article(self):
+        if self.article:
+            Markdown(self.article)
+
+    def attach_submit_events(self, submit_btn: Button | None, stop_btn: Button | None):
+        if self.live:
+            if self.interface_type == InterfaceTypes.OUTPUT_ONLY:
+                assert submit_btn is not None, "Submit button not rendered"
+                super().load(self.fn, None, self.output_components)
+                # For output-only interfaces, the user probably still want a "generate"
+                # button even if the Interface is live
+                submit_btn.click(
+                    self.fn,
+                    None,
+                    self.output_components,
+                    api_name="predict",
+                    preprocess=not (self.api_mode),
+                    postprocess=not (self.api_mode),
+                    batch=self.batch,
+                    max_batch_size=self.max_batch_size,
+                )
+            else:
+                for component in self.input_components:
+                    if isinstance(component, Streamable) and component.streaming:
+                        component.stream(
+                            self.fn,
+                            self.input_components,
+                            self.output_components,
+                            api_name="predict",
+                            preprocess=not (self.api_mode),
+                            postprocess=not (self.api_mode),
+                        )
+                        continue
+                    if isinstance(component, Changeable):
+                        component.change(
+                            self.fn,
+                            self.input_components,
+                            self.output_components,
+                            api_name="predict",
+                            preprocess=not (self.api_mode),
+                            postprocess=not (self.api_mode),
+                        )
+        else:
+            assert submit_btn is not None, "Submit button not rendered"
+            pred = submit_btn.click(
+                self.fn,
+                self.input_components,
+                self.output_components,
+                api_name="predict",
+                scroll_to_output=True,
+                preprocess=not (self.api_mode),
+                postprocess=not (self.api_mode),
+                batch=self.batch,
+                max_batch_size=self.max_batch_size,
+            )
+            if stop_btn:
+                stop_btn.click(
+                    None,
+                    inputs=None,
+                    outputs=None,
+                    cancels=[pred],
+                )
+
+    def attach_clear_events(
+        self,
+        clear_btn: Button,
+        input_component_column: Column | None,
+        interpret_component_column: Column | None,
+    ):
+        clear_btn.click(
+            None,
+            [],
+            (
+                self.input_components
+                + self.output_components
+                + ([input_component_column] if input_component_column else [])
+                + ([interpret_component_column] if self.interpretation else [])
+            ),  # type: ignore
+            _js=f"""() => {json.dumps(
+                [getattr(component, "cleared_value", None)
+                    for component in self.input_components + self.output_components] + (
+                    [Column.update(visible=True)]
+                    if self.interface_type
+                        in [
+                            InterfaceTypes.STANDARD,
+                            InterfaceTypes.INPUT_ONLY,
+                            InterfaceTypes.UNIFIED,
+                        ]
+                    else []
+                )
+                + ([Column.update(visible=False)] if self.interpretation else [])
+            )}
+            """,
+        )
+
+    def attach_interpretation_events(
+        self,
+        interpretation_btn: Button | None,
+        interpretation_set: List[Interpretation] | None,
+        input_component_column: Column | None,
+        interpret_component_column: Column | None,
+    ):
+        if interpretation_btn:
+            interpretation_btn.click(
+                self.interpret_func,
+                inputs=self.input_components + self.output_components,
+                outputs=interpretation_set
+                or [] + [input_component_column, interpret_component_column],  # type: ignore
+                preprocess=False,
+            )
+
+    def render_flagging_buttons(self, flag_btns: List | None):
+        if flag_btns:
+            if self.interface_type in [
+                InterfaceTypes.STANDARD,
+                InterfaceTypes.OUTPUT_ONLY,
+                InterfaceTypes.UNIFIED,
+            ]:
+                if (
+                    self.interface_type == InterfaceTypes.UNIFIED
+                    or self.allow_flagging == "auto"
+                ):
+                    flag_components = self.input_components
+                else:
+                    flag_components = self.input_components + self.output_components
+                for flag_btn, flag_option in flag_btns:
+                    flag_method = FlagMethod(self.flagging_callback, flag_option)
+                    flag_btn.click(
+                        flag_method,
+                        inputs=flag_components,
+                        outputs=[],
+                        preprocess=False,
+                        queue=False,
+                    )
+
+    def render_examples(self):
+        if self.examples:
+            non_state_inputs = [
+                c for c in self.input_components if not isinstance(c, State)
+            ]
+            non_state_outputs = [
+                c for c in self.output_components if not isinstance(c, State)
+            ]
+            self.examples_handler = Examples(
+                examples=self.examples,
+                inputs=non_state_inputs,  # type: ignore
+                outputs=non_state_outputs,  # type: ignore
+                fn=self.fn,
+                cache_examples=self.cache_examples,
+                examples_per_page=self.examples_per_page,
+                _api_mode=self.api_mode,
+                batch=self.batch,
+            )
+
+    def __str__(self):
+        return self.__repr__()
+
+    def __repr__(self):
+        repr = f"Gradio Interface for: {self.__name__}"
+        repr += "\n" + "-" * len(repr)
+        repr += "\ninputs:"
+        for component in self.input_components:
+            repr += "\n|-{}".format(str(component))
+        repr += "\noutputs:"
+        for component in self.output_components:
+            repr += "\n|-{}".format(str(component))
+        return repr
+
+    async def interpret_func(self, *args):
+        return await self.interpret(list(args)) + [
+            Column.update(visible=False),
+            Column.update(visible=True),
+        ]
+
+    async def interpret(self, raw_input: List[Any]) -> List[Any]:
+        return [
+            {"original": raw_value, "interpretation": interpretation}
+            for interpretation, raw_value in zip(
+                (await interpretation.run_interpret(self, raw_input))[0], raw_input
+            )
+        ]
+
+    def test_launch(self) -> None:
+        """
+        Deprecated.
+        """
+        warnings.warn("The Interface.test_launch() function is deprecated.")
+
+
+@document()
+class TabbedInterface(Blocks):
+    """
+    A TabbedInterface is created by providing a list of Interfaces, each of which gets
+    rendered in a separate tab.
+    Demos: stt_or_tts
+    """
+
+    def __init__(
+        self,
+        interface_list: List[Interface],
+        tab_names: List[str] | None = None,
+        title: str | None = None,
+        theme: str = "default",
+        analytics_enabled: bool | None = None,
+        css: str | None = None,
+    ):
+        """
+        Parameters:
+            interface_list: a list of interfaces to be rendered in tabs.
+            tab_names: a list of tab names. If None, the tab names will be "Tab 1", "Tab 2", etc.
+            title: a title for the interface; if provided, appears above the input and output components in large font. Also used as the tab title when opened in a browser window.
+            theme: which theme to use - right now, only "default" is supported.
+            analytics_enabled: whether to allow basic telemetry. If None, will use GRADIO_ANALYTICS_ENABLED environment variable or default to True.
+            css: custom css or path to custom css file to apply to entire Blocks
+        Returns:
+            a Gradio Tabbed Interface for the given interfaces
+        """
+        super().__init__(
+            title=title or "Gradio",
+            theme=theme,
+            analytics_enabled=analytics_enabled,
+            mode="tabbed_interface",
+            css=css,
+        )
+        if tab_names is None:
+            tab_names = ["Tab {}".format(i) for i in range(len(interface_list))]
+        with self:
+            if title:
+                Markdown(
+                    "<h1 style='text-align: center; margin-bottom: 1rem'>"
+                    + title
+                    + "</h1>"
+                )
+            with Tabs():
+                for (interface, tab_name) in zip(interface_list, tab_names):
+                    with Tab(label=tab_name):
+                        interface.render()
+
+
+def close_all(verbose: bool = True) -> None:
+    for io in Interface.get_instances():
+        io.close(verbose)

gradio-modified/gradio/interpretation.py

@@ -0,0 +1,255 @@
+import copy
+import math
+
+import numpy as np
+
+from gradio import utils
+from gradio.components import Label, Number
+
+
+async def run_interpret(interface, raw_input):
+    """
+    Runs the interpretation command for the machine learning model. Handles both the "default" out-of-the-box
+    interpretation for a certain set of UI component types, as well as the custom interpretation case.
+    Parameters:
+    raw_input: a list of raw inputs to apply the interpretation(s) on.
+    """
+    if isinstance(interface.interpretation, list):  # Either "default" or "shap"
+        processed_input = [
+            input_component.preprocess(raw_input[i])
+            for i, input_component in enumerate(interface.input_components)
+        ]
+        original_output = await interface.call_function(0, processed_input)
+        original_output = original_output["prediction"]
+
+        if len(interface.output_components) == 1:
+            original_output = [original_output]
+
+        scores, alternative_outputs = [], []
+
+        for i, (x, interp) in enumerate(zip(raw_input, interface.interpretation)):
+            if interp == "default":
+                input_component = interface.input_components[i]
+                neighbor_raw_input = list(raw_input)
+                if input_component.interpret_by_tokens:
+                    tokens, neighbor_values, masks = input_component.tokenize(x)
+                    interface_scores = []
+                    alternative_output = []
+                    for neighbor_input in neighbor_values:
+                        neighbor_raw_input[i] = neighbor_input
+                        processed_neighbor_input = [
+                            input_component.preprocess(neighbor_raw_input[i])
+                            for i, input_component in enumerate(
+                                interface.input_components
+                            )
+                        ]
+
+                        neighbor_output = await interface.call_function(
+                            0, processed_neighbor_input
+                        )
+                        neighbor_output = neighbor_output["prediction"]
+                        if len(interface.output_components) == 1:
+                            neighbor_output = [neighbor_output]
+                        processed_neighbor_output = [
+                            output_component.postprocess(neighbor_output[i])
+                            for i, output_component in enumerate(
+                                interface.output_components
+                            )
+                        ]
+
+                        alternative_output.append(processed_neighbor_output)
+                        interface_scores.append(
+                            quantify_difference_in_label(
+                                interface, original_output, neighbor_output
+                            )
+                        )
+                    alternative_outputs.append(alternative_output)
+                    scores.append(
+                        input_component.get_interpretation_scores(
+                            raw_input[i],
+                            neighbor_values,
+                            interface_scores,
+                            masks=masks,
+                            tokens=tokens,
+                        )
+                    )
+                else:
+                    (
+                        neighbor_values,
+                        interpret_kwargs,
+                    ) = input_component.get_interpretation_neighbors(x)
+                    interface_scores = []
+                    alternative_output = []
+                    for neighbor_input in neighbor_values:
+                        neighbor_raw_input[i] = neighbor_input
+                        processed_neighbor_input = [
+                            input_component.preprocess(neighbor_raw_input[i])
+                            for i, input_component in enumerate(
+                                interface.input_components
+                            )
+                        ]
+                        neighbor_output = await interface.call_function(
+                            0, processed_neighbor_input
+                        )
+                        neighbor_output = neighbor_output["prediction"]
+                        if len(interface.output_components) == 1:
+                            neighbor_output = [neighbor_output]
+                        processed_neighbor_output = [
+                            output_component.postprocess(neighbor_output[i])
+                            for i, output_component in enumerate(
+                                interface.output_components
+                            )
+                        ]
+
+                        alternative_output.append(processed_neighbor_output)
+                        interface_scores.append(
+                            quantify_difference_in_label(
+                                interface, original_output, neighbor_output
+                            )
+                        )
+                    alternative_outputs.append(alternative_output)
+                    interface_scores = [-score for score in interface_scores]
+                    scores.append(
+                        input_component.get_interpretation_scores(
+                            raw_input[i],
+                            neighbor_values,
+                            interface_scores,
+                            **interpret_kwargs
+                        )
+                    )
+            elif interp == "shap" or interp == "shapley":
+                try:
+                    import shap  # type: ignore
+                except (ImportError, ModuleNotFoundError):
+                    raise ValueError(
+                        "The package `shap` is required for this interpretation method. Try: `pip install shap`"
+                    )
+                input_component = interface.input_components[i]
+                if not (input_component.interpret_by_tokens):
+                    raise ValueError(
+                        "Input component {} does not support `shap` interpretation".format(
+                            input_component
+                        )
+                    )
+
+                tokens, _, masks = input_component.tokenize(x)
+
+                # construct a masked version of the input
+                def get_masked_prediction(binary_mask):
+                    masked_xs = input_component.get_masked_inputs(tokens, binary_mask)
+                    preds = []
+                    for masked_x in masked_xs:
+                        processed_masked_input = copy.deepcopy(processed_input)
+                        processed_masked_input[i] = input_component.preprocess(masked_x)
+                        new_output = utils.synchronize_async(
+                            interface.call_function, 0, processed_masked_input
+                        )
+                        new_output = new_output["prediction"]
+                        if len(interface.output_components) == 1:
+                            new_output = [new_output]
+                        pred = get_regression_or_classification_value(
+                            interface, original_output, new_output
+                        )
+                        preds.append(pred)
+                    return np.array(preds)
+
+                num_total_segments = len(tokens)
+                explainer = shap.KernelExplainer(
+                    get_masked_prediction, np.zeros((1, num_total_segments))
+                )
+                shap_values = explainer.shap_values(
+                    np.ones((1, num_total_segments)),
+                    nsamples=int(interface.num_shap * num_total_segments),
+                    silent=True,
+                )
+                scores.append(
+                    input_component.get_interpretation_scores(
+                        raw_input[i], None, shap_values[0], masks=masks, tokens=tokens
+                    )
+                )
+                alternative_outputs.append([])
+            elif interp is None:
+                scores.append(None)
+                alternative_outputs.append([])
+            else:
+                raise ValueError("Unknown intepretation method: {}".format(interp))
+        return scores, alternative_outputs
+    else:  # custom interpretation function
+        processed_input = [
+            input_component.preprocess(raw_input[i])
+            for i, input_component in enumerate(interface.input_components)
+        ]
+        interpreter = interface.interpretation
+        interpretation = interpreter(*processed_input)
+        if len(raw_input) == 1:
+            interpretation = [interpretation]
+        return interpretation, []
+
+
+def diff(original, perturbed):
+    try:  # try computing numerical difference
+        score = float(original) - float(perturbed)
+    except ValueError:  # otherwise, look at strict difference in label
+        score = int(not (original == perturbed))
+    return score
+
+
+def quantify_difference_in_label(interface, original_output, perturbed_output):
+    output_component = interface.output_components[0]
+    post_original_output = output_component.postprocess(original_output[0])
+    post_perturbed_output = output_component.postprocess(perturbed_output[0])
+
+    if isinstance(output_component, Label):
+        original_label = post_original_output["label"]
+        perturbed_label = post_perturbed_output["label"]
+
+        # Handle different return types of Label interface
+        if "confidences" in post_original_output:
+            original_confidence = original_output[0][original_label]
+            perturbed_confidence = perturbed_output[0][original_label]
+            score = original_confidence - perturbed_confidence
+        else:
+            score = diff(original_label, perturbed_label)
+        return score
+
+    elif isinstance(output_component, Number):
+        score = diff(post_original_output, post_perturbed_output)
+        return score
+
+    else:
+        raise ValueError(
+            "This interpretation method doesn't support the Output component: {}".format(
+                output_component
+            )
+        )
+
+
+def get_regression_or_classification_value(
+    interface, original_output, perturbed_output
+):
+    """Used to combine regression/classification for Shap interpretation method."""
+    output_component = interface.output_components[0]
+    post_original_output = output_component.postprocess(original_output[0])
+    post_perturbed_output = output_component.postprocess(perturbed_output[0])
+
+    if type(output_component) == Label:
+        original_label = post_original_output["label"]
+        perturbed_label = post_perturbed_output["label"]
+
+        # Handle different return types of Label interface
+        if "confidences" in post_original_output:
+            if math.isnan(perturbed_output[0][original_label]):
+                return 0
+            return perturbed_output[0][original_label]
+        else:
+            score = diff(
+                perturbed_label, original_label
+            )  # Intentionally inverted order of arguments.
+        return score
+
+    else:
+        raise ValueError(
+            "This interpretation method doesn't support the Output component: {}".format(
+                output_component
+            )
+        )

gradio-modified/gradio/ipython_ext.py

@@ -0,0 +1,17 @@
+try:
+    from IPython.core.magic import needs_local_scope, register_cell_magic
+except ImportError:
+    pass
+
+import gradio
+
+
+def load_ipython_extension(ipython):
+    __demo = gradio.Blocks()
+
+    @register_cell_magic
+    @needs_local_scope
+    def blocks(line, cell, local_ns=None):
+        with __demo.clear():
+            exec(cell, None, local_ns)
+            __demo.launch(quiet=True)

gradio-modified/gradio/launches.json

@@ -0,0 +1 @@
+{"launches": 145}

gradio-modified/gradio/layouts.py

@@ -0,0 +1,377 @@
+from __future__ import annotations
+
+import warnings
+from typing import TYPE_CHECKING, Callable, List, Type
+
+from gradio.blocks import BlockContext
+from gradio.documentation import document, set_documentation_group
+
+set_documentation_group("layout")
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from gradio.components import Component
+
+
+@document()
+class Row(BlockContext):
+    """
+    Row is a layout element within Blocks that renders all children horizontally.
+    Example:
+        with gradio.Blocks() as demo:
+            with gradio.Row():
+                gr.Image("lion.jpg")
+                gr.Image("tiger.jpg")
+        demo.launch()
+    Guides: controlling_layout
+    """
+
+    def __init__(
+        self,
+        *,
+        variant: str = "default",
+        visible: bool = True,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            variant: row type, 'default' (no background), 'panel' (gray background color and rounded corners), or 'compact' (rounded corners and no internal gap).
+            visible: If False, row will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+        """
+        self.variant = variant
+        if variant == "compact":
+            self.allow_expected_parents = False
+        super().__init__(visible=visible, elem_id=elem_id, **kwargs)
+
+    def get_config(self):
+        return {"type": "row", "variant": self.variant, **super().get_config()}
+
+    @staticmethod
+    def update(
+        visible: bool | None = None,
+    ):
+        return {
+            "visible": visible,
+            "__type__": "update",
+        }
+
+    def style(
+        self,
+        *,
+        equal_height: bool | None = None,
+        mobile_collapse: bool | None = None,
+        **kwargs,
+    ):
+        """
+        Styles the Row.
+        Parameters:
+            equal_height: If True, makes every child element have equal height
+            mobile_collapse: DEPRECATED.
+        """
+        if equal_height is not None:
+            self._style["equal_height"] = equal_height
+        if mobile_collapse is not None:
+            warnings.warn("mobile_collapse is no longer supported.")
+        return self
+
+
+@document()
+class Column(BlockContext):
+    """
+    Column is a layout element within Blocks that renders all children vertically. The widths of columns can be set through the `scale` and `min_width` parameters.
+    If a certain scale results in a column narrower than min_width, the min_width parameter will win.
+    Example:
+        with gradio.Blocks() as demo:
+            with gradio.Row():
+                with gradio.Column(scale=1):
+                    text1 = gr.Textbox()
+                    text2 = gr.Textbox()
+                with gradio.Column(scale=4):
+                    btn1 = gr.Button("Button 1")
+                    btn2 = gr.Button("Button 2")
+    Guides: controlling_layout
+    """
+
+    def __init__(
+        self,
+        *,
+        scale: int = 1,
+        min_width: int = 320,
+        variant: str = "default",
+        visible: bool = True,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            scale: relative width compared to adjacent Columns. For example, if Column A has scale=2, and Column B has scale=1, A will be twice as wide as B.
+            min_width: minimum pixel width of Column, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in a column narrower than min_width, the min_width parameter will be respected first.
+            variant: column type, 'default' (no background), 'panel' (gray background color and rounded corners), or 'compact' (rounded corners and no internal gap).
+            visible: If False, column will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+        """
+        self.scale = scale
+        self.min_width = min_width
+        self.variant = variant
+        if variant == "compact":
+            self.allow_expected_parents = False
+        super().__init__(visible=visible, elem_id=elem_id, **kwargs)
+
+    def get_config(self):
+        return {
+            "type": "column",
+            "variant": self.variant,
+            "scale": self.scale,
+            "min_width": self.min_width,
+            **super().get_config(),
+        }
+
+    @staticmethod
+    def update(
+        variant: str | None = None,
+        visible: bool | None = None,
+    ):
+        return {
+            "variant": variant,
+            "visible": visible,
+            "__type__": "update",
+        }
+
+
+class Tabs(BlockContext):
+    """
+    Tabs is a layout element within Blocks that can contain multiple "Tab" Components.
+    """
+
+    def __init__(
+        self,
+        *,
+        selected: int | str | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            selected: The currently selected tab. Must correspond to an id passed to the one of the child TabItems. Defaults to the first TabItem.
+            visible: If False, Tabs will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+        """
+        super().__init__(visible=visible, elem_id=elem_id, **kwargs)
+        self.selected = selected
+
+    def get_config(self):
+        return {"selected": self.selected, **super().get_config()}
+
+    @staticmethod
+    def update(
+        selected: int | str | None = None,
+    ):
+        return {
+            "selected": selected,
+            "__type__": "update",
+        }
+
+    def change(self, fn: Callable, inputs: List[Component], outputs: List[Component]):
+        """
+        Parameters:
+            fn: Callable function
+            inputs: List of inputs
+            outputs: List of outputs
+        Returns: None
+        """
+        self.set_event_trigger("change", fn, inputs, outputs)
+
+
+@document()
+class Tab(BlockContext):
+    """
+    Tab (or its alias TabItem) is a layout element. Components defined within the Tab will be visible when this tab is selected tab.
+    Example:
+        with gradio.Blocks() as demo:
+            with gradio.Tab("Lion"):
+                gr.Image("lion.jpg")
+                gr.Button("New Lion")
+            with gradio.Tab("Tiger"):
+                gr.Image("tiger.jpg")
+                gr.Button("New Tiger")
+    Guides: controlling_layout
+    """
+
+    def __init__(
+        self,
+        label: str,
+        *,
+        id: int | str | None = None,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            label: The visual label for the tab
+            id: An optional identifier for the tab, required if you wish to control the selected tab from a predict function.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+        """
+        super().__init__(elem_id=elem_id, **kwargs)
+        self.label = label
+        self.id = id
+
+    def get_config(self):
+        return {
+            "label": self.label,
+            "id": self.id,
+            **super().get_config(),
+        }
+
+    def select(self, fn: Callable, inputs: List[Component], outputs: List[Component]):
+        """
+        Parameters:
+            fn: Callable function
+            inputs: List of inputs
+            outputs: List of outputs
+        Returns: None
+        """
+        self.set_event_trigger("select", fn, inputs, outputs)
+
+    def get_expected_parent(self) -> Type[Tabs]:
+        return Tabs
+
+    def get_block_name(self):
+        return "tabitem"
+
+
+TabItem = Tab
+
+
+class Group(BlockContext):
+    """
+    Group is a layout element within Blocks which groups together children so that
+    they do not have any padding or margin between them.
+    Example:
+        with gradio.Group():
+            gr.Textbox(label="First")
+            gr.Textbox(label="Last")
+    """
+
+    def __init__(
+        self,
+        *,
+        visible: bool = True,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            visible: If False, group will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+        """
+        super().__init__(visible=visible, elem_id=elem_id, **kwargs)
+
+    def get_config(self):
+        return {"type": "group", **super().get_config()}
+
+    @staticmethod
+    def update(
+        visible: bool | None = None,
+    ):
+        return {
+            "visible": visible,
+            "__type__": "update",
+        }
+
+
+@document()
+class Box(BlockContext):
+    """
+    Box is a a layout element which places children in a box with rounded corners and
+    some padding around them.
+    Example:
+        with gradio.Box():
+            gr.Textbox(label="First")
+            gr.Textbox(label="Last")
+    """
+
+    def __init__(
+        self,
+        *,
+        visible: bool = True,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            visible: If False, box will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+        """
+        super().__init__(visible=visible, elem_id=elem_id, **kwargs)
+
+    def get_config(self):
+        return {"type": "box", **super().get_config()}
+
+    @staticmethod
+    def update(
+        visible: bool | None = None,
+    ):
+        return {
+            "visible": visible,
+            "__type__": "update",
+        }
+
+    def style(self, **kwargs):
+        return self
+
+
+class Form(BlockContext):
+    def get_config(self):
+        return {"type": "form", **super().get_config()}
+
+
+@document()
+class Accordion(BlockContext):
+    """
+    Accordion is a layout element which can be toggled to show/hide the contained content.
+    Example:
+        with gradio.Accordion("See Details"):
+            gr.Markdown("lorem ipsum")
+    """
+
+    def __init__(
+        self,
+        label,
+        *,
+        open: bool = True,
+        visible: bool = True,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            label: name of accordion section.
+            open: if True, accordion is open by default.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+        """
+        self.label = label
+        self.open = open
+        super().__init__(visible=visible, elem_id=elem_id, **kwargs)
+
+    def get_config(self):
+        return {
+            "type": "accordion",
+            "open": self.open,
+            "label": self.label,
+            **super().get_config(),
+        }
+
+    @staticmethod
+    def update(
+        open: bool | None = None,
+        label: str | None = None,
+        visible: bool | None = None,
+    ):
+        return {
+            "visible": visible,
+            "label": label,
+            "open": open,
+            "__type__": "update",
+        }

gradio-modified/gradio/mix.py

@@ -0,0 +1,128 @@
+"""
+Ways to transform interfaces to produce new interfaces
+"""
+import asyncio
+import warnings
+
+import gradio
+from gradio.documentation import document, set_documentation_group
+
+set_documentation_group("mix_interface")
+
+
+@document()
+class Parallel(gradio.Interface):
+    """
+    Creates a new Interface consisting of multiple Interfaces in parallel (comparing their outputs).
+    The Interfaces to put in Parallel must share the same input components (but can have different output components).
+
+    Demos: interface_parallel, interface_parallel_load
+    Guides: advanced_interface_features
+    """
+
+    def __init__(self, *interfaces: gradio.Interface, **options):
+        """
+        Parameters:
+            interfaces: any number of Interface objects that are to be compared in parallel
+            options: additional kwargs that are passed into the new Interface object to customize it
+        Returns:
+            an Interface object comparing the given models
+        """
+        outputs = []
+
+        for interface in interfaces:
+            if not (isinstance(interface, gradio.Interface)):
+                warnings.warn(
+                    "Parallel requires all inputs to be of type Interface. "
+                    "May not work as expected."
+                )
+            outputs.extend(interface.output_components)
+
+        async def parallel_fn(*args):
+            return_values_with_durations = await asyncio.gather(
+                *[interface.call_function(0, list(args)) for interface in interfaces]
+            )
+            return_values = [rv["prediction"] for rv in return_values_with_durations]
+            combined_list = []
+            for interface, return_value in zip(interfaces, return_values):
+                if len(interface.output_components) == 1:
+                    combined_list.append(return_value)
+                else:
+                    combined_list.extend(return_value)
+            if len(outputs) == 1:
+                return combined_list[0]
+            return combined_list
+
+        parallel_fn.__name__ = " | ".join([io.__name__ for io in interfaces])
+
+        kwargs = {
+            "fn": parallel_fn,
+            "inputs": interfaces[0].input_components,
+            "outputs": outputs,
+        }
+        kwargs.update(options)
+        super().__init__(**kwargs)
+
+
+@document()
+class Series(gradio.Interface):
+    """
+    Creates a new Interface from multiple Interfaces in series (the output of one is fed as the input to the next,
+    and so the input and output components must agree between the interfaces).
+
+    Demos: interface_series, interface_series_load
+    Guides: advanced_interface_features
+    """
+
+    def __init__(self, *interfaces: gradio.Interface, **options):
+        """
+        Parameters:
+            interfaces: any number of Interface objects that are to be connected in series
+            options: additional kwargs that are passed into the new Interface object to customize it
+        Returns:
+            an Interface object connecting the given models
+        """
+
+        async def connected_fn(*data):
+            for idx, interface in enumerate(interfaces):
+                # skip preprocessing for first interface since the Series interface will include it
+                if idx > 0 and not (interface.api_mode):
+                    data = [
+                        input_component.preprocess(data[i])
+                        for i, input_component in enumerate(interface.input_components)
+                    ]
+
+                # run all of predictions sequentially
+                data = (await interface.call_function(0, list(data)))["prediction"]
+                if len(interface.output_components) == 1:
+                    data = [data]
+
+                # skip postprocessing for final interface since the Series interface will include it
+                if idx < len(interfaces) - 1 and not (interface.api_mode):
+                    data = [
+                        output_component.postprocess(data[i])
+                        for i, output_component in enumerate(
+                            interface.output_components
+                        )
+                    ]
+
+            if len(interface.output_components) == 1:  # type: ignore
+                return data[0]
+            return data
+
+        for interface in interfaces:
+            if not (isinstance(interface, gradio.Interface)):
+                warnings.warn(
+                    "Series requires all inputs to be of type Interface. May "
+                    "not work as expected."
+                )
+        connected_fn.__name__ = " => ".join([io.__name__ for io in interfaces])
+
+        kwargs = {
+            "fn": connected_fn,
+            "inputs": interfaces[0].input_components,
+            "outputs": interfaces[-1].output_components,
+            "_api_mode": interfaces[0].api_mode,  # TODO: set api_mode per-interface
+        }
+        kwargs.update(options)
+        super().__init__(**kwargs)

gradio-modified/gradio/networking.py

@@ -0,0 +1,185 @@
+"""
+Defines helper methods useful for setting up ports, launching servers, and
+creating tunnels.
+"""
+from __future__ import annotations
+
+import os
+import socket
+import threading
+import time
+import warnings
+from typing import TYPE_CHECKING, Tuple
+
+import requests
+import uvicorn
+
+from gradio.routes import App
+from gradio.tunneling import Tunnel
+
+if TYPE_CHECKING:  # Only import for type checking (to avoid circular imports).
+    from gradio.blocks import Blocks
+
+# By default, the local server will try to open on localhost, port 7860.
+# If that is not available, then it will try 7861, 7862, ... 7959.
+INITIAL_PORT_VALUE = int(os.getenv("GRADIO_SERVER_PORT", "7860"))
+TRY_NUM_PORTS = int(os.getenv("GRADIO_NUM_PORTS", "100"))
+LOCALHOST_NAME = os.getenv("GRADIO_SERVER_NAME", "127.0.0.1")
+GRADIO_API_SERVER = "https://api.gradio.app/v2/tunnel-request"
+
+
+class Server(uvicorn.Server):
+    def install_signal_handlers(self):
+        pass
+
+    def run_in_thread(self):
+        self.thread = threading.Thread(target=self.run, daemon=True)
+        self.thread.start()
+        while not self.started:
+            time.sleep(1e-3)
+
+    def close(self):
+        self.should_exit = True
+        self.thread.join()
+
+
+def get_first_available_port(initial: int, final: int) -> int:
+    """
+    Gets the first open port in a specified range of port numbers
+    Parameters:
+    initial: the initial value in the range of port numbers
+    final: final (exclusive) value in the range of port numbers, should be greater than `initial`
+    Returns:
+    port: the first open port in the range
+    """
+    for port in range(initial, final):
+        try:
+            s = socket.socket()  # create a socket object
+            s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
+            s.bind((LOCALHOST_NAME, port))  # Bind to the port
+            s.close()
+            return port
+        except OSError:
+            pass
+    raise OSError(
+        "All ports from {} to {} are in use. Please close a port.".format(
+            initial, final - 1
+        )
+    )
+
+
+def configure_app(app: App, blocks: Blocks) -> App:
+    auth = blocks.auth
+    if auth is not None:
+        if not callable(auth):
+            app.auth = {account[0]: account[1] for account in auth}
+        else:
+            app.auth = auth
+    else:
+        app.auth = None
+    app.blocks = blocks
+    app.cwd = os.getcwd()
+    app.favicon_path = blocks.favicon_path
+    app.tokens = {}
+    return app
+
+
+def start_server(
+    blocks: Blocks,
+    server_name: str | None = None,
+    server_port: int | None = None,
+    ssl_keyfile: str | None = None,
+    ssl_certfile: str | None = None,
+    ssl_keyfile_password: str | None = None,
+) -> Tuple[str, int, str, App, Server]:
+    """Launches a local server running the provided Interface
+    Parameters:
+    blocks: The Blocks object to run on the server
+    server_name: to make app accessible on local network, set this to "0.0.0.0". Can be set by environment variable GRADIO_SERVER_NAME.
+    server_port: will start gradio app on this port (if available). Can be set by environment variable GRADIO_SERVER_PORT.
+    auth: If provided, username and password (or list of username-password tuples) required to access the Blocks. Can also provide function that takes username and password and returns True if valid login.
+    ssl_keyfile: If a path to a file is provided, will use this as the private key file to create a local server running on https.
+    ssl_certfile: If a path to a file is provided, will use this as the signed certificate for https. Needs to be provided if ssl_keyfile is provided.
+    ssl_keyfile_password: If a password is provided, will use this with the ssl certificate for https.
+    Returns:
+    port: the port number the server is running on
+    path_to_local_server: the complete address that the local server can be accessed at
+    app: the FastAPI app object
+    server: the server object that is a subclass of uvicorn.Server (used to close the server)
+    """
+    server_name = server_name or LOCALHOST_NAME
+    # if port is not specified, search for first available port
+    if server_port is None:
+        port = get_first_available_port(
+            INITIAL_PORT_VALUE, INITIAL_PORT_VALUE + TRY_NUM_PORTS
+        )
+    else:
+        try:
+            s = socket.socket()
+            s.bind((LOCALHOST_NAME, server_port))
+            s.close()
+        except OSError:
+            raise OSError(
+                "Port {} is in use. If a gradio.Blocks is running on the port, you can close() it or gradio.close_all().".format(
+                    server_port
+                )
+            )
+        port = server_port
+
+    url_host_name = "localhost" if server_name == "0.0.0.0" else server_name
+
+    if ssl_keyfile is not None:
+        if ssl_certfile is None:
+            raise ValueError(
+                "ssl_certfile must be provided if ssl_keyfile is provided."
+            )
+        path_to_local_server = "https://{}:{}/".format(url_host_name, port)
+    else:
+        path_to_local_server = "http://{}:{}/".format(url_host_name, port)
+
+    app = App.create_app(blocks)
+
+    if blocks.save_to is not None:  # Used for selenium tests
+        blocks.save_to["port"] = port
+    config = uvicorn.Config(
+        app=app,
+        port=port,
+        host=server_name,
+        log_level="warning",
+        ssl_keyfile=ssl_keyfile,
+        ssl_certfile=ssl_certfile,
+        ssl_keyfile_password=ssl_keyfile_password,
+        ws_max_size=1024 * 1024 * 1024,  # Setting max websocket size to be 1 GB
+    )
+    server = Server(config=config)
+    server.run_in_thread()
+    return server_name, port, path_to_local_server, app, server
+
+
+def setup_tunnel(local_host: str, local_port: int) -> str:
+    response = requests.get(GRADIO_API_SERVER)
+    if response and response.status_code == 200:
+        try:
+            payload = response.json()[0]
+            remote_host, remote_port = payload["host"], int(payload["port"])
+            tunnel = Tunnel(remote_host, remote_port, local_host, local_port)
+            address = tunnel.start_tunnel()
+            return address
+        except Exception as e:
+            raise RuntimeError(str(e))
+    else:
+        raise RuntimeError("Could not get share link from Gradio API Server.")
+
+
+def url_ok(url: str) -> bool:
+    try:
+        for _ in range(5):
+            with warnings.catch_warnings():
+                warnings.filterwarnings("ignore")
+                r = requests.head(url, timeout=3, verify=False)
+            if r.status_code in (200, 401, 302):  # 401 or 302 if auth is set
+                return True
+            time.sleep(0.500)
+    except (ConnectionError, requests.exceptions.ConnectionError):
+        return False
+    return False

gradio-modified/gradio/outputs.py

@@ -0,0 +1,334 @@
+# type: ignore
+"""
+This module defines various classes that can serve as the `output` to an interface. Each class must inherit from
+`OutputComponent`, and each class must define a path to its template. All of the subclasses of `OutputComponent` are
+automatically added to a registry, which allows them to be easily referenced in other parts of the code.
+"""
+
+from __future__ import annotations
+
+import warnings
+from typing import Dict, List, Optional
+
+from gradio import components
+
+
+class Textbox(components.Textbox):
+    def __init__(
+        self,
+        type: str = "text",
+        label: Optional[str] = None,
+    ):
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(label=label, type=type)
+
+
+class Image(components.Image):
+    """
+    Component displays an output image.
+    Output type: Union[numpy.array, PIL.Image, str, matplotlib.pyplot, Tuple[Union[numpy.array, PIL.Image, str], List[Tuple[str, float, float, float, float]]]]
+    """
+
+    def __init__(
+        self, type: str = "auto", plot: bool = False, label: Optional[str] = None
+    ):
+        """
+        Parameters:
+        type (str): Type of value to be passed to component. "numpy" expects a numpy array with shape (width, height, 3), "pil" expects a PIL image object, "file" expects a file path to the saved image or a remote URL, "plot" expects a matplotlib.pyplot object, "auto" detects return type.
+        plot (bool): DEPRECATED. Whether to expect a plot to be returned by the function.
+        label (str): component name in interface.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        if plot:
+            type = "plot"
+        super().__init__(type=type, label=label)
+
+
+class Video(components.Video):
+    """
+    Used for video output.
+    Output type: filepath
+    """
+
+    def __init__(self, type: Optional[str] = None, label: Optional[str] = None):
+        """
+        Parameters:
+        type (str): Type of video format to be passed to component, such as 'avi' or 'mp4'. Use 'mp4' to ensure browser playability. If set to None, video will keep returned format.
+        label (str): component name in interface.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(format=type, label=label)
+
+
+class Audio(components.Audio):
+    """
+    Creates an audio player that plays the output audio.
+    Output type: Union[Tuple[int, numpy.array], str]
+    """
+
+    def __init__(self, type: str = "auto", label: Optional[str] = None):
+        """
+        Parameters:
+        type (str): Type of value to be passed to component. "numpy" returns a 2-set tuple with an integer sample_rate and the data as 16-bit int numpy.array of shape (samples, 2), "file" returns a temporary file path to the saved wav audio file, "auto" detects return type.
+        label (str): component name in interface.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(type=type, label=label)
+
+
+class File(components.File):
+    """
+    Used for file output.
+    Output type: Union[file-like, str]
+    """
+
+    def __init__(self, label: Optional[str] = None):
+        """
+        Parameters:
+        label (str): component name in interface.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(label=label)
+
+
+class Dataframe(components.Dataframe):
+    """
+    Component displays 2D output through a spreadsheet interface.
+    Output type: Union[pandas.DataFrame, numpy.array, List[Union[str, float]], List[List[Union[str, float]]]]
+    """
+
+    def __init__(
+        self,
+        headers: Optional[List[str]] = None,
+        max_rows: Optional[int] = 20,
+        max_cols: Optional[int] = None,
+        overflow_row_behaviour: str = "paginate",
+        type: str = "auto",
+        label: Optional[str] = None,
+    ):
+        """
+        Parameters:
+        headers (List[str]): Header names to dataframe. Only applicable if type is "numpy" or "array".
+        max_rows (int): Maximum number of rows to display at once. Set to None for infinite.
+        max_cols (int): Maximum number of columns to display at once. Set to None for infinite.
+        overflow_row_behaviour (str): If set to "paginate", will create pages for overflow rows. If set to "show_ends", will show initial and final rows and truncate middle rows.
+        type (str): Type of value to be passed to component. "pandas" for pandas dataframe, "numpy" for numpy array, or "array" for Python array, "auto" detects return type.
+        label (str): component name in interface.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(
+            headers=headers,
+            type=type,
+            label=label,
+            max_rows=max_rows,
+            max_cols=max_cols,
+            overflow_row_behaviour=overflow_row_behaviour,
+        )
+
+
+class Timeseries(components.Timeseries):
+    """
+    Component accepts pandas.DataFrame.
+    Output type: pandas.DataFrame
+    """
+
+    def __init__(
+        self, x: str = None, y: str | List[str] = None, label: Optional[str] = None
+    ):
+        """
+        Parameters:
+        x (str): Column name of x (time) series. None if csv has no headers, in which case first column is x series.
+        y (Union[str, List[str]]): Column name of y series, or list of column names if multiple series. None if csv has no headers, in which case every column after first is a y series.
+        label (str): component name in interface.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(x=x, y=y, label=label)
+
+
+class State(components.State):
+    """
+    Special hidden component that stores state across runs of the interface.
+    Output type: Any
+    """
+
+    def __init__(self, label: Optional[str] = None):
+        """
+        Parameters:
+        label (str): component name in interface (not used).
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import this component as gr.State() from gradio.components",
+        )
+        super().__init__(label=label)
+
+
+class Label(components.Label):
+    """
+    Component outputs a classification label, along with confidence scores of top categories if provided. Confidence scores are represented as a dictionary mapping labels to scores between 0 and 1.
+    Output type: Union[Dict[str, float], str, int, float]
+    """
+
+    def __init__(
+        self,
+        num_top_classes: Optional[int] = None,
+        type: str = "auto",
+        label: Optional[str] = None,
+    ):
+        """
+        Parameters:
+        num_top_classes (int): number of most confident classes to show.
+        type (str): Type of value to be passed to component. "value" expects a single out label, "confidences" expects a dictionary mapping labels to confidence scores, "auto" detects return type.
+        label (str): component name in interface.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(num_top_classes=num_top_classes, type=type, label=label)
+
+
+class KeyValues:
+    """
+    Component displays a table representing values for multiple fields.
+    Output type: Union[Dict, List[Tuple[str, Union[str, int, float]]]]
+    """
+
+    def __init__(self, value: str = " ", *, label: Optional[str] = None, **kwargs):
+        """
+        Parameters:
+        value (str): IGNORED
+        label (str): component name in interface.
+        """
+        raise DeprecationWarning(
+            "The KeyValues component is deprecated. Please use the DataFrame or JSON "
+            "components instead."
+        )
+
+
+class HighlightedText(components.HighlightedText):
+    """
+    Component creates text that contains spans that are highlighted by category or numerical value.
+    Output is represent as a list of Tuple pairs, where the first element represents the span of text represented by the tuple, and the second element represents the category or value of the text.
+    Output type: List[Tuple[str, Union[float, str]]]
+    """
+
+    def __init__(
+        self,
+        color_map: Dict[str, str] = None,
+        label: Optional[str] = None,
+        show_legend: bool = False,
+    ):
+        """
+        Parameters:
+        color_map (Dict[str, str]): Map between category and respective colors
+        label (str): component name in interface.
+        show_legend (bool): whether to show span categories in a separate legend or inline.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(color_map=color_map, label=label, show_legend=show_legend)
+
+
+class JSON(components.JSON):
+    """
+    Used for JSON output. Expects a JSON string or a Python object that is JSON serializable.
+    Output type: Union[str, Any]
+    """
+
+    def __init__(self, label: Optional[str] = None):
+        """
+        Parameters:
+        label (str): component name in interface.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(label=label)
+
+
+class HTML(components.HTML):
+    """
+    Used for HTML output. Expects an HTML valid string.
+    Output type: str
+    """
+
+    def __init__(self, label: Optional[str] = None):
+        """
+        Parameters:
+        label (str): component name in interface.
+        """
+        super().__init__(label=label)
+
+
+class Carousel(components.Carousel):
+    """
+    Component displays a set of output components that can be scrolled through.
+    """
+
+    def __init__(
+        self,
+        components: components.Component | List[components.Component],
+        label: Optional[str] = None,
+    ):
+        """
+        Parameters:
+        components (Union[List[Component], Component]): Classes of component(s) that will be scrolled through.
+        label (str): component name in interface.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(components=components, label=label)
+
+
+class Chatbot(components.Chatbot):
+    """
+    Component displays a chatbot output showing both user submitted messages and responses
+    Output type: List[Tuple[str, str]]
+    """
+
+    def __init__(self, label: Optional[str] = None):
+        """
+        Parameters:
+        label (str): component name in interface (not used).
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(label=label)
+
+
+class Image3D(components.Model3D):
+    """
+    Used for 3D image model output.
+    Input type: File object of type (.obj, glb, or .gltf)
+    """
+
+    def __init__(
+        self,
+        clear_color=None,
+        label: Optional[str] = None,
+    ):
+        """
+        Parameters:
+        label (str): component name in interface.
+        optional (bool): If True, the interface can be submitted with no uploaded image, in which case the input value is None.
+        """
+        warnings.warn(
+            "Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components",
+        )
+        super().__init__(clear_color=clear_color, label=label)

gradio-modified/gradio/pipelines.py

@@ -0,0 +1,191 @@
+"""This module should not be used directly as its API is subject to change. Instead,
+please use the `gr.Interface.from_pipeline()` function."""
+
+from __future__ import annotations
+
+from typing import TYPE_CHECKING, Dict
+
+from gradio import components
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from transformers import pipelines
+
+
+def load_from_pipeline(pipeline: pipelines.base.Pipeline) -> Dict:
+    """
+    Gets the appropriate Interface kwargs for a given Hugging Face transformers.Pipeline.
+    pipeline (transformers.Pipeline): the transformers.Pipeline from which to create an interface
+    Returns:
+    (dict): a dictionary of kwargs that can be used to construct an Interface object
+    """
+    try:
+        import transformers
+        from transformers import pipelines
+    except ImportError:
+        raise ImportError(
+            "transformers not installed. Please try `pip install transformers`"
+        )
+    if not isinstance(pipeline, pipelines.base.Pipeline):
+        raise ValueError("pipeline must be a transformers.Pipeline")
+
+    # Handle the different pipelines. The has_attr() checks to make sure the pipeline exists in the
+    # version of the transformers library that the user has installed.
+    if hasattr(transformers, "AudioClassificationPipeline") and isinstance(
+        pipeline, pipelines.audio_classification.AudioClassificationPipeline
+    ):
+        pipeline_info = {
+            "inputs": components.Audio(
+                source="microphone", type="filepath", label="Input"
+            ),
+            "outputs": components.Label(label="Class"),
+            "preprocess": lambda i: {"inputs": i},
+            "postprocess": lambda r: {i["label"].split(", ")[0]: i["score"] for i in r},
+        }
+    elif hasattr(transformers, "AutomaticSpeechRecognitionPipeline") and isinstance(
+        pipeline,
+        pipelines.automatic_speech_recognition.AutomaticSpeechRecognitionPipeline,
+    ):
+        pipeline_info = {
+            "inputs": components.Audio(
+                source="microphone", type="filepath", label="Input"
+            ),
+            "outputs": components.Textbox(label="Output"),
+            "preprocess": lambda i: {"inputs": i},
+            "postprocess": lambda r: r["text"],
+        }
+    elif hasattr(transformers, "FeatureExtractionPipeline") and isinstance(
+        pipeline, pipelines.feature_extraction.FeatureExtractionPipeline
+    ):
+        pipeline_info = {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Dataframe(label="Output"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r[0],
+        }
+    elif hasattr(transformers, "FillMaskPipeline") and isinstance(
+        pipeline, pipelines.fill_mask.FillMaskPipeline
+    ):
+        pipeline_info = {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: {i["token_str"]: i["score"] for i in r},
+        }
+    elif hasattr(transformers, "ImageClassificationPipeline") and isinstance(
+        pipeline, pipelines.image_classification.ImageClassificationPipeline
+    ):
+        pipeline_info = {
+            "inputs": components.Image(type="filepath", label="Input Image"),
+            "outputs": components.Label(type="confidences", label="Classification"),
+            "preprocess": lambda i: {"images": i},
+            "postprocess": lambda r: {i["label"].split(", ")[0]: i["score"] for i in r},
+        }
+    elif hasattr(transformers, "QuestionAnsweringPipeline") and isinstance(
+        pipeline, pipelines.question_answering.QuestionAnsweringPipeline
+    ):
+        pipeline_info = {
+            "inputs": [
+                components.Textbox(lines=7, label="Context"),
+                components.Textbox(label="Question"),
+            ],
+            "outputs": [
+                components.Textbox(label="Answer"),
+                components.Label(label="Score"),
+            ],
+            "preprocess": lambda c, q: {"context": c, "question": q},
+            "postprocess": lambda r: (r["answer"], r["score"]),
+        }
+    elif hasattr(transformers, "SummarizationPipeline") and isinstance(
+        pipeline, pipelines.text2text_generation.SummarizationPipeline
+    ):
+        pipeline_info = {
+            "inputs": components.Textbox(lines=7, label="Input"),
+            "outputs": components.Textbox(label="Summary"),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r[0]["summary_text"],
+        }
+    elif hasattr(transformers, "TextClassificationPipeline") and isinstance(
+        pipeline, pipelines.text_classification.TextClassificationPipeline
+    ):
+        pipeline_info = {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda x: [x],
+            "postprocess": lambda r: {i["label"].split(", ")[0]: i["score"] for i in r},
+        }
+    elif hasattr(transformers, "TextGenerationPipeline") and isinstance(
+        pipeline, pipelines.text_generation.TextGenerationPipeline
+    ):
+        pipeline_info = {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Textbox(label="Output"),
+            "preprocess": lambda x: {"text_inputs": x},
+            "postprocess": lambda r: r[0]["generated_text"],
+        }
+    elif hasattr(transformers, "TranslationPipeline") and isinstance(
+        pipeline, pipelines.text2text_generation.TranslationPipeline
+    ):
+        pipeline_info = {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Textbox(label="Translation"),
+            "preprocess": lambda x: [x],
+            "postprocess": lambda r: r[0]["translation_text"],
+        }
+    elif hasattr(transformers, "Text2TextGenerationPipeline") and isinstance(
+        pipeline, pipelines.text2text_generation.Text2TextGenerationPipeline
+    ):
+        pipeline_info = {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Textbox(label="Generated Text"),
+            "preprocess": lambda x: [x],
+            "postprocess": lambda r: r[0]["generated_text"],
+        }
+    elif hasattr(transformers, "ZeroShotClassificationPipeline") and isinstance(
+        pipeline, pipelines.zero_shot_classification.ZeroShotClassificationPipeline
+    ):
+        pipeline_info = {
+            "inputs": [
+                components.Textbox(label="Input"),
+                components.Textbox(label="Possible class names (" "comma-separated)"),
+                components.Checkbox(label="Allow multiple true classes"),
+            ],
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda i, c, m: {
+                "sequences": i,
+                "candidate_labels": c,
+                "multi_label": m,
+            },
+            "postprocess": lambda r: {
+                r["labels"][i]: r["scores"][i] for i in range(len(r["labels"]))
+            },
+        }
+    else:
+        raise ValueError("Unsupported pipeline type: {}".format(type(pipeline)))
+
+    # define the function that will be called by the Interface
+    def fn(*params):
+        data = pipeline_info["preprocess"](*params)
+        # special cases that needs to be handled differently
+        if isinstance(
+            pipeline,
+            (
+                pipelines.text_classification.TextClassificationPipeline,
+                pipelines.text2text_generation.Text2TextGenerationPipeline,
+                pipelines.text2text_generation.TranslationPipeline,
+            ),
+        ):
+            data = pipeline(*data)
+        else:
+            data = pipeline(**data)
+        output = pipeline_info["postprocess"](data)
+        return output
+
+    interface_info = pipeline_info.copy()
+    interface_info["fn"] = fn
+    del interface_info["preprocess"]
+    del interface_info["postprocess"]
+
+    # define the title/description of the Interface
+    interface_info["title"] = pipeline.model.__class__.__name__
+
+    return interface_info

gradio-modified/gradio/processing_utils.py

@@ -0,0 +1,755 @@
+from __future__ import annotations
+
+import base64
+import hashlib
+import json
+import mimetypes
+import os
+import pathlib
+import shutil
+import subprocess
+import tempfile
+import urllib.request
+import warnings
+from io import BytesIO
+from pathlib import Path
+from typing import Dict, Tuple
+
+import numpy as np
+import requests
+from ffmpy import FFmpeg, FFprobe, FFRuntimeError
+from PIL import Image, ImageOps, PngImagePlugin
+
+from gradio import encryptor, utils
+
+with warnings.catch_warnings():
+    warnings.simplefilter("ignore")  # Ignore pydub warning if ffmpeg is not installed
+    from pydub import AudioSegment
+
+
+#########################
+# GENERAL
+#########################
+
+
+def to_binary(x: str | Dict) -> bytes:
+    """Converts a base64 string or dictionary to a binary string that can be sent in a POST."""
+    if isinstance(x, dict):
+        if x.get("data"):
+            base64str = x["data"]
+        else:
+            base64str = encode_url_or_file_to_base64(x["name"])
+    else:
+        base64str = x
+    return base64.b64decode(base64str.split(",")[1])
+
+
+#########################
+# IMAGE PRE-PROCESSING
+#########################
+
+
+def decode_base64_to_image(encoding: str) -> Image.Image:
+    content = encoding.split(";")[1]
+    image_encoded = content.split(",")[1]
+    return Image.open(BytesIO(base64.b64decode(image_encoded)))
+
+
+def encode_url_or_file_to_base64(path: str | Path, encryption_key: bytes | None = None):
+    if utils.validate_url(str(path)):
+        return encode_url_to_base64(str(path), encryption_key=encryption_key)
+    else:
+        return encode_file_to_base64(str(path), encryption_key=encryption_key)
+
+
+def get_mimetype(filename: str) -> str | None:
+    mimetype = mimetypes.guess_type(filename)[0]
+    if mimetype is not None:
+        mimetype = mimetype.replace("x-wav", "wav").replace("x-flac", "flac")
+    return mimetype
+
+
+def get_extension(encoding: str) -> str | None:
+    encoding = encoding.replace("audio/wav", "audio/x-wav")
+    type = mimetypes.guess_type(encoding)[0]
+    if type == "audio/flac":  # flac is not supported by mimetypes
+        return "flac"
+    elif type is None:
+        return None
+    extension = mimetypes.guess_extension(type)
+    if extension is not None and extension.startswith("."):
+        extension = extension[1:]
+    return extension
+
+
+def encode_file_to_base64(f, encryption_key=None):
+    with open(f, "rb") as file:
+        encoded_string = base64.b64encode(file.read())
+        if encryption_key:
+            encoded_string = encryptor.decrypt(encryption_key, encoded_string)
+        base64_str = str(encoded_string, "utf-8")
+        mimetype = get_mimetype(f)
+        return (
+            "data:"
+            + (mimetype if mimetype is not None else "")
+            + ";base64,"
+            + base64_str
+        )
+
+
+def encode_url_to_base64(url, encryption_key=None):
+    encoded_string = base64.b64encode(requests.get(url).content)
+    if encryption_key:
+        encoded_string = encryptor.decrypt(encryption_key, encoded_string)
+    base64_str = str(encoded_string, "utf-8")
+    mimetype = get_mimetype(url)
+    return (
+        "data:" + (mimetype if mimetype is not None else "") + ";base64," + base64_str
+    )
+
+
+def encode_plot_to_base64(plt):
+    with BytesIO() as output_bytes:
+        plt.savefig(output_bytes, format="png")
+        bytes_data = output_bytes.getvalue()
+    base64_str = str(base64.b64encode(bytes_data), "utf-8")
+    return "data:image/png;base64," + base64_str
+
+
+def save_array_to_file(image_array, dir=None):
+    pil_image = Image.fromarray(_convert(image_array, np.uint8, force_copy=False))
+    file_obj = tempfile.NamedTemporaryFile(delete=False, suffix=".png", dir=dir)
+    pil_image.save(file_obj)
+    return file_obj
+
+
+def save_pil_to_file(pil_image, dir=None):
+    file_obj = tempfile.NamedTemporaryFile(delete=False, suffix=".png", dir=dir)
+    pil_image.save(file_obj)
+    return file_obj
+
+
+def encode_pil_to_base64(pil_image):
+    with BytesIO() as output_bytes:
+
+        # Copy any text-only metadata
+        use_metadata = False
+        metadata = PngImagePlugin.PngInfo()
+        for key, value in pil_image.info.items():
+            if isinstance(key, str) and isinstance(value, str):
+                metadata.add_text(key, value)
+                use_metadata = True
+
+        pil_image.save(
+            output_bytes, "PNG", pnginfo=(metadata if use_metadata else None)
+        )
+        bytes_data = output_bytes.getvalue()
+    base64_str = str(base64.b64encode(bytes_data), "utf-8")
+    return "data:image/png;base64," + base64_str
+
+
+def encode_array_to_base64(image_array):
+    with BytesIO() as output_bytes:
+        pil_image = Image.fromarray(_convert(image_array, np.uint8, force_copy=False))
+        pil_image.save(output_bytes, "PNG")
+        bytes_data = output_bytes.getvalue()
+    base64_str = str(base64.b64encode(bytes_data), "utf-8")
+    return "data:image/png;base64," + base64_str
+
+
+def resize_and_crop(img, size, crop_type="center"):
+    """
+    Resize and crop an image to fit the specified size.
+    args:
+        size: `(width, height)` tuple. Pass `None` for either width or height
+        to only crop and resize the other.
+        crop_type: can be 'top', 'middle' or 'bottom', depending on this
+            value, the image will cropped getting the 'top/left', 'middle' or
+            'bottom/right' of the image to fit the size.
+    raises:
+        ValueError: if an invalid `crop_type` is provided.
+    """
+    if crop_type == "top":
+        center = (0, 0)
+    elif crop_type == "center":
+        center = (0.5, 0.5)
+    else:
+        raise ValueError
+
+    resize = list(size)
+    if size[0] is None:
+        resize[0] = img.size[0]
+    if size[1] is None:
+        resize[1] = img.size[1]
+    return ImageOps.fit(img, resize, centering=center)  # type: ignore
+
+
+##################
+# Audio
+##################
+
+
+def audio_from_file(filename, crop_min=0, crop_max=100):
+    try:
+        audio = AudioSegment.from_file(filename)
+    except FileNotFoundError as e:
+        isfile = Path(filename).is_file()
+        msg = (
+            f"Cannot load audio from file: `{'ffprobe' if isfile else filename}` not found."
+            + " Please install `ffmpeg` in your system to use non-WAV audio file formats"
+            " and make sure `ffprobe` is in your PATH."
+            if isfile
+            else ""
+        )
+        raise RuntimeError(msg) from e
+    if crop_min != 0 or crop_max != 100:
+        audio_start = len(audio) * crop_min / 100
+        audio_end = len(audio) * crop_max / 100
+        audio = audio[audio_start:audio_end]
+    data = np.array(audio.get_array_of_samples())
+    if audio.channels > 1:
+        data = data.reshape(-1, audio.channels)
+    return audio.frame_rate, data
+
+
+def audio_to_file(sample_rate, data, filename):
+    data = convert_to_16_bit_wav(data)
+    audio = AudioSegment(
+        data.tobytes(),
+        frame_rate=sample_rate,
+        sample_width=data.dtype.itemsize,
+        channels=(1 if len(data.shape) == 1 else data.shape[1]),
+    )
+    file = audio.export(filename, format="wav")
+    file.close()  # type: ignore
+
+
+def convert_to_16_bit_wav(data):
+    # Based on: https://docs.scipy.org/doc/scipy/reference/generated/scipy.io.wavfile.write.html
+    warning = "Trying to convert audio automatically from {} to 16-bit int format."
+    if data.dtype in [np.float64, np.float32, np.float16]:
+        warnings.warn(warning.format(data.dtype))
+        data = data / np.abs(data).max()
+        data = data * 32767
+        data = data.astype(np.int16)
+    elif data.dtype == np.int32:
+        warnings.warn(warning.format(data.dtype))
+        data = data / 65538
+        data = data.astype(np.int16)
+    elif data.dtype == np.int16:
+        pass
+    elif data.dtype == np.uint16:
+        warnings.warn(warning.format(data.dtype))
+        data = data - 32768
+        data = data.astype(np.int16)
+    elif data.dtype == np.uint8:
+        warnings.warn(warning.format(data.dtype))
+        data = data * 257 - 32768
+        data = data.astype(np.int16)
+    else:
+        raise ValueError(
+            "Audio data cannot be converted automatically from "
+            f"{data.dtype} to 16-bit int format."
+        )
+    return data
+
+
+##################
+# OUTPUT
+##################
+
+
+def decode_base64_to_binary(encoding) -> Tuple[bytes, str | None]:
+    extension = get_extension(encoding)
+    data = encoding.split(",")[1]
+    return base64.b64decode(data), extension
+
+
+def decode_base64_to_file(
+    encoding, encryption_key=None, file_path=None, dir=None, prefix=None
+):
+    if dir is not None:
+        os.makedirs(dir, exist_ok=True)
+    data, extension = decode_base64_to_binary(encoding)
+    if file_path is not None and prefix is None:
+        filename = Path(file_path).name
+        prefix = filename
+        if "." in filename:
+            prefix = filename[0 : filename.index(".")]
+            extension = filename[filename.index(".") + 1 :]
+
+    if prefix is not None:
+        prefix = utils.strip_invalid_filename_characters(prefix)
+
+    if extension is None:
+        file_obj = tempfile.NamedTemporaryFile(delete=False, prefix=prefix, dir=dir)
+    else:
+        file_obj = tempfile.NamedTemporaryFile(
+            delete=False,
+            prefix=prefix,
+            suffix="." + extension,
+            dir=dir,
+        )
+    if encryption_key is not None:
+        data = encryptor.encrypt(encryption_key, data)
+    file_obj.write(data)
+    file_obj.flush()
+    return file_obj
+
+
+def dict_or_str_to_json_file(jsn, dir=None):
+    if dir is not None:
+        os.makedirs(dir, exist_ok=True)
+
+    file_obj = tempfile.NamedTemporaryFile(
+        delete=False, suffix=".json", dir=dir, mode="w+"
+    )
+    if isinstance(jsn, str):
+        jsn = json.loads(jsn)
+    json.dump(jsn, file_obj)
+    file_obj.flush()
+    return file_obj
+
+
+def file_to_json(file_path: str | Path) -> Dict:
+    with open(file_path) as f:
+        return json.load(f)
+
+
+class TempFileManager:
+    """
+    A class that should be inherited by any Component that needs to manage temporary files.
+    It should be instantiated in the __init__ method of the component.
+    """
+
+    def __init__(self) -> None:
+        # Set stores all the temporary files created by this component.
+        self.temp_files = set()
+
+    def hash_file(self, file_path: str, chunk_num_blocks: int = 128) -> str:
+        sha1 = hashlib.sha1()
+        with open(file_path, "rb") as f:
+            for chunk in iter(lambda: f.read(chunk_num_blocks * sha1.block_size), b""):
+                sha1.update(chunk)
+        return sha1.hexdigest()
+
+    def hash_url(self, url: str, chunk_num_blocks: int = 128) -> str:
+        sha1 = hashlib.sha1()
+        remote = urllib.request.urlopen(url)
+        max_file_size = 100 * 1024 * 1024  # 100MB
+        total_read = 0
+        while True:
+            data = remote.read(chunk_num_blocks * sha1.block_size)
+            total_read += chunk_num_blocks * sha1.block_size
+            if not data or total_read > max_file_size:
+                break
+            sha1.update(data)
+        return sha1.hexdigest()
+
+    def get_prefix_and_extension(self, file_path_or_url: str) -> Tuple[str, str]:
+        file_name = Path(file_path_or_url).name
+        prefix, extension = file_name, None
+        if "." in file_name:
+            prefix = file_name[0 : file_name.index(".")]
+            extension = "." + file_name[file_name.index(".") + 1 :]
+        else:
+            extension = ""
+        prefix = utils.strip_invalid_filename_characters(prefix)
+        return prefix, extension
+
+    def get_temp_file_path(self, file_path: str) -> str:
+        prefix, extension = self.get_prefix_and_extension(file_path)
+        file_hash = self.hash_file(file_path)
+        return prefix + file_hash + extension
+
+    def get_temp_url_path(self, url: str) -> str:
+        prefix, extension = self.get_prefix_and_extension(url)
+        file_hash = self.hash_url(url)
+        return prefix + file_hash + extension
+
+    def make_temp_copy_if_needed(self, file_path: str) -> str:
+        """Returns a temporary file path for a copy of the given file path if it does
+        not already exist. Otherwise returns the path to the existing temp file."""
+        f = tempfile.NamedTemporaryFile()
+        temp_dir = Path(f.name).parent
+
+        temp_file_path = self.get_temp_file_path(file_path)
+        f.name = str(temp_dir / temp_file_path)
+        full_temp_file_path = str(Path(f.name).resolve())
+
+        if not Path(full_temp_file_path).exists():
+            shutil.copy2(file_path, full_temp_file_path)
+
+        self.temp_files.add(full_temp_file_path)
+        return full_temp_file_path
+
+    def download_temp_copy_if_needed(self, url: str) -> str:
+        """Downloads a file and makes a temporary file path for a copy if does not already
+        exist. Otherwise returns the path to the existing temp file."""
+        f = tempfile.NamedTemporaryFile()
+        temp_dir = Path(f.name).parent
+
+        temp_file_path = self.get_temp_url_path(url)
+        f.name = str(temp_dir / temp_file_path)
+        full_temp_file_path = str(Path(f.name).resolve())
+
+        if not Path(full_temp_file_path).exists():
+            with requests.get(url, stream=True) as r:
+                with open(full_temp_file_path, "wb") as f:
+                    shutil.copyfileobj(r.raw, f)
+
+        self.temp_files.add(full_temp_file_path)
+        return full_temp_file_path
+
+
+def create_tmp_copy_of_file(file_path, dir=None):
+    if dir is not None:
+        os.makedirs(dir, exist_ok=True)
+    file_name = Path(file_path).name
+    prefix, extension = file_name, None
+    if "." in file_name:
+        prefix = file_name[0 : file_name.index(".")]
+        extension = file_name[file_name.index(".") + 1 :]
+    prefix = utils.strip_invalid_filename_characters(prefix)
+    if extension is None:
+        file_obj = tempfile.NamedTemporaryFile(delete=False, prefix=prefix, dir=dir)
+    else:
+        file_obj = tempfile.NamedTemporaryFile(
+            delete=False,
+            prefix=prefix,
+            suffix="." + extension,
+            dir=dir,
+        )
+    shutil.copy2(file_path, file_obj.name)
+    return file_obj
+
+
+def _convert(image, dtype, force_copy=False, uniform=False):
+    """
+    Adapted from: https://github.com/scikit-image/scikit-image/blob/main/skimage/util/dtype.py#L510-L531
+
+    Convert an image to the requested data-type.
+    Warnings are issued in case of precision loss, or when negative values
+    are clipped during conversion to unsigned integer types (sign loss).
+    Floating point values are expected to be normalized and will be clipped
+    to the range [0.0, 1.0] or [-1.0, 1.0] when converting to unsigned or
+    signed integers respectively.
+    Numbers are not shifted to the negative side when converting from
+    unsigned to signed integer types. Negative values will be clipped when
+    converting to unsigned integers.
+    Parameters
+    ----------
+    image : ndarray
+        Input image.
+    dtype : dtype
+        Target data-type.
+    force_copy : bool, optional
+        Force a copy of the data, irrespective of its current dtype.
+    uniform : bool, optional
+        Uniformly quantize the floating point range to the integer range.
+        By default (uniform=False) floating point values are scaled and
+        rounded to the nearest integers, which minimizes back and forth
+        conversion errors.
+    .. versionchanged :: 0.15
+        ``_convert`` no longer warns about possible precision or sign
+        information loss. See discussions on these warnings at:
+        https://github.com/scikit-image/scikit-image/issues/2602
+        https://github.com/scikit-image/scikit-image/issues/543#issuecomment-208202228
+        https://github.com/scikit-image/scikit-image/pull/3575
+    References
+    ----------
+    .. [1] DirectX data conversion rules.
+           https://msdn.microsoft.com/en-us/library/windows/desktop/dd607323%28v=vs.85%29.aspx
+    .. [2] Data Conversions. In "OpenGL ES 2.0 Specification v2.0.25",
+           pp 7-8. Khronos Group, 2010.
+    .. [3] Proper treatment of pixels as integers. A.W. Paeth.
+           In "Graphics Gems I", pp 249-256. Morgan Kaufmann, 1990.
+    .. [4] Dirty Pixels. J. Blinn. In "Jim Blinn's corner: Dirty Pixels",
+           pp 47-57. Morgan Kaufmann, 1998.
+    """
+    dtype_range = {
+        bool: (False, True),
+        np.bool_: (False, True),
+        np.bool8: (False, True),
+        float: (-1, 1),
+        np.float_: (-1, 1),
+        np.float16: (-1, 1),
+        np.float32: (-1, 1),
+        np.float64: (-1, 1),
+    }
+
+    def _dtype_itemsize(itemsize, *dtypes):
+        """Return first of `dtypes` with itemsize greater than `itemsize`
+        Parameters
+        ----------
+        itemsize: int
+            The data type object element size.
+        Other Parameters
+        ----------------
+        *dtypes:
+            Any Object accepted by `np.dtype` to be converted to a data
+            type object
+        Returns
+        -------
+        dtype: data type object
+            First of `dtypes` with itemsize greater than `itemsize`.
+        """
+        return next(dt for dt in dtypes if np.dtype(dt).itemsize >= itemsize)
+
+    def _dtype_bits(kind, bits, itemsize=1):
+        """Return dtype of `kind` that can store a `bits` wide unsigned int
+        Parameters:
+        kind: str
+            Data type kind.
+        bits: int
+            Desired number of bits.
+        itemsize: int
+            The data type object element size.
+        Returns
+        -------
+        dtype: data type object
+            Data type of `kind` that can store a `bits` wide unsigned int
+        """
+
+        s = next(
+            i
+            for i in (itemsize,) + (2, 4, 8)
+            if bits < (i * 8) or (bits == (i * 8) and kind == "u")
+        )
+
+        return np.dtype(kind + str(s))
+
+    def _scale(a, n, m, copy=True):
+        """Scale an array of unsigned/positive integers from `n` to `m` bits.
+        Numbers can be represented exactly only if `m` is a multiple of `n`.
+        Parameters
+        ----------
+        a : ndarray
+            Input image array.
+        n : int
+            Number of bits currently used to encode the values in `a`.
+        m : int
+            Desired number of bits to encode the values in `out`.
+        copy : bool, optional
+            If True, allocates and returns new array. Otherwise, modifies
+            `a` in place.
+        Returns
+        -------
+        out : array
+            Output image array. Has the same kind as `a`.
+        """
+        kind = a.dtype.kind
+        if n > m and a.max() < 2**m:
+            return a.astype(_dtype_bits(kind, m))
+        elif n == m:
+            return a.copy() if copy else a
+        elif n > m:
+            # downscale with precision loss
+            if copy:
+                b = np.empty(a.shape, _dtype_bits(kind, m))
+                np.floor_divide(a, 2 ** (n - m), out=b, dtype=a.dtype, casting="unsafe")
+                return b
+            else:
+                a //= 2 ** (n - m)
+                return a
+        elif m % n == 0:
+            # exact upscale to a multiple of `n` bits
+            if copy:
+                b = np.empty(a.shape, _dtype_bits(kind, m))
+                np.multiply(a, (2**m - 1) // (2**n - 1), out=b, dtype=b.dtype)
+                return b
+            else:
+                a = a.astype(_dtype_bits(kind, m, a.dtype.itemsize), copy=False)
+                a *= (2**m - 1) // (2**n - 1)
+                return a
+        else:
+            # upscale to a multiple of `n` bits,
+            # then downscale with precision loss
+            o = (m // n + 1) * n
+            if copy:
+                b = np.empty(a.shape, _dtype_bits(kind, o))
+                np.multiply(a, (2**o - 1) // (2**n - 1), out=b, dtype=b.dtype)
+                b //= 2 ** (o - m)
+                return b
+            else:
+                a = a.astype(_dtype_bits(kind, o, a.dtype.itemsize), copy=False)
+                a *= (2**o - 1) // (2**n - 1)
+                a //= 2 ** (o - m)
+                return a
+
+    image = np.asarray(image)
+    dtypeobj_in = image.dtype
+    if dtype is np.floating:
+        dtypeobj_out = np.dtype("float64")
+    else:
+        dtypeobj_out = np.dtype(dtype)
+    dtype_in = dtypeobj_in.type
+    dtype_out = dtypeobj_out.type
+    kind_in = dtypeobj_in.kind
+    kind_out = dtypeobj_out.kind
+    itemsize_in = dtypeobj_in.itemsize
+    itemsize_out = dtypeobj_out.itemsize
+
+    # Below, we do an `issubdtype` check.  Its purpose is to find out
+    # whether we can get away without doing any image conversion.  This happens
+    # when:
+    #
+    # - the output and input dtypes are the same or
+    # - when the output is specified as a type, and the input dtype
+    #   is a subclass of that type (e.g. `np.floating` will allow
+    #   `float32` and `float64` arrays through)
+
+    if np.issubdtype(dtype_in, np.obj2sctype(dtype)):
+        if force_copy:
+            image = image.copy()
+        return image
+
+    if kind_in in "ui":
+        imin_in = np.iinfo(dtype_in).min
+        imax_in = np.iinfo(dtype_in).max
+    if kind_out in "ui":
+        imin_out = np.iinfo(dtype_out).min  # type: ignore
+        imax_out = np.iinfo(dtype_out).max  # type: ignore
+
+    # any -> binary
+    if kind_out == "b":
+        return image > dtype_in(dtype_range[dtype_in][1] / 2)
+
+    # binary -> any
+    if kind_in == "b":
+        result = image.astype(dtype_out)
+        if kind_out != "f":
+            result *= dtype_out(dtype_range[dtype_out][1])
+        return result
+
+    # float -> any
+    if kind_in == "f":
+        if kind_out == "f":
+            # float -> float
+            return image.astype(dtype_out)
+
+        if np.min(image) < -1.0 or np.max(image) > 1.0:
+            raise ValueError("Images of type float must be between -1 and 1.")
+        # floating point -> integer
+        # use float type that can represent output integer type
+        computation_type = _dtype_itemsize(
+            itemsize_out, dtype_in, np.float32, np.float64
+        )
+
+        if not uniform:
+            if kind_out == "u":
+                image_out = np.multiply(image, imax_out, dtype=computation_type)  # type: ignore
+            else:
+                image_out = np.multiply(
+                    image, (imax_out - imin_out) / 2, dtype=computation_type  # type: ignore
+                )
+                image_out -= 1.0 / 2.0
+            np.rint(image_out, out=image_out)
+            np.clip(image_out, imin_out, imax_out, out=image_out)  # type: ignore
+        elif kind_out == "u":
+            image_out = np.multiply(image, imax_out + 1, dtype=computation_type)  # type: ignore
+            np.clip(image_out, 0, imax_out, out=image_out)  # type: ignore
+        else:
+            image_out = np.multiply(
+                image, (imax_out - imin_out + 1.0) / 2.0, dtype=computation_type  # type: ignore
+            )
+            np.floor(image_out, out=image_out)
+            np.clip(image_out, imin_out, imax_out, out=image_out)  # type: ignore
+        return image_out.astype(dtype_out)
+
+    # signed/unsigned int -> float
+    if kind_out == "f":
+        # use float type that can exactly represent input integers
+        computation_type = _dtype_itemsize(
+            itemsize_in, dtype_out, np.float32, np.float64
+        )
+
+        if kind_in == "u":
+            # using np.divide or np.multiply doesn't copy the data
+            # until the computation time
+            image = np.multiply(image, 1.0 / imax_in, dtype=computation_type)  # type: ignore
+            # DirectX uses this conversion also for signed ints
+            # if imin_in:
+            #     np.maximum(image, -1.0, out=image)
+        else:
+            image = np.add(image, 0.5, dtype=computation_type)
+            image *= 2 / (imax_in - imin_in)  # type: ignore
+
+        return np.asarray(image, dtype_out)
+
+    # unsigned int -> signed/unsigned int
+    if kind_in == "u":
+        if kind_out == "i":
+            # unsigned int -> signed int
+            image = _scale(image, 8 * itemsize_in, 8 * itemsize_out - 1)
+            return image.view(dtype_out)
+        else:
+            # unsigned int -> unsigned int
+            return _scale(image, 8 * itemsize_in, 8 * itemsize_out)
+
+    # signed int -> unsigned int
+    if kind_out == "u":
+        image = _scale(image, 8 * itemsize_in - 1, 8 * itemsize_out)
+        result = np.empty(image.shape, dtype_out)
+        np.maximum(image, 0, out=result, dtype=image.dtype, casting="unsafe")
+        return result
+
+    # signed int -> signed int
+    if itemsize_in > itemsize_out:
+        return _scale(image, 8 * itemsize_in - 1, 8 * itemsize_out - 1)
+
+    image = image.astype(_dtype_bits("i", itemsize_out * 8))
+    image -= imin_in  # type: ignore
+    image = _scale(image, 8 * itemsize_in, 8 * itemsize_out, copy=False)
+    image += imin_out  # type: ignore
+    return image.astype(dtype_out)
+
+
+def ffmpeg_installed() -> bool:
+    return shutil.which("ffmpeg") is not None
+
+
+def video_is_playable(video_filepath: str) -> bool:
+    """Determines if a video is playable in the browser.
+
+    A video is playable if it has a playable container and codec.
+        .mp4 -> h264
+        .webm -> vp9
+        .ogg -> theora
+    """
+    try:
+        container = pathlib.Path(video_filepath).suffix.lower()
+        probe = FFprobe(
+            global_options="-show_format -show_streams -select_streams v -print_format json",
+            inputs={video_filepath: None},
+        )
+        output = probe.run(stderr=subprocess.PIPE, stdout=subprocess.PIPE)
+        output = json.loads(output[0])
+        video_codec = output["streams"][0]["codec_name"]
+        return (container, video_codec) in [
+            (".mp4", "h264"),
+            (".ogg", "theora"),
+            (".webm", "vp9"),
+        ]
+    # If anything goes wrong, assume the video can be played to not convert downstream
+    except (FFRuntimeError, IndexError, KeyError):
+        return True
+
+
+def convert_video_to_playable_mp4(video_path: str) -> str:
+    """Convert the video to mp4. If something goes wrong return the original video."""
+    try:
+        output_path = pathlib.Path(video_path).with_suffix(".mp4")
+        with tempfile.NamedTemporaryFile(delete=False) as tmp_file:
+            shutil.copy2(video_path, tmp_file.name)
+            # ffmpeg will automatically use h264 codec (playable in browser) when converting to mp4
+            ff = FFmpeg(
+                inputs={str(tmp_file.name): None},
+                outputs={str(output_path): None},
+                global_options="-y -loglevel quiet",
+            )
+            ff.run()
+    except FFRuntimeError as e:
+        print(f"Error converting video to browser-playable format {str(e)}")
+        output_path = video_path
+    return str(output_path)

gradio-modified/gradio/queueing.py

@@ -0,0 +1,446 @@
+from __future__ import annotations
+
+import asyncio
+import copy
+import sys
+import time
+from collections import deque
+from typing import Any, Deque, Dict, List, Tuple
+
+import fastapi
+
+from gradio.data_classes import Estimation, PredictBody, Progress, ProgressUnit
+from gradio.helpers import TrackedIterable
+from gradio.utils import AsyncRequest, run_coro_in_background, set_task_name
+
+
+class Event:
+    def __init__(
+        self,
+        websocket: fastapi.WebSocket,
+        session_hash: str,
+        fn_index: int,
+    ):
+        self.websocket = websocket
+        self.session_hash: str = session_hash
+        self.fn_index: int = fn_index
+        self._id = f"{self.session_hash}_{self.fn_index}"
+        self.data: PredictBody | None = None
+        self.lost_connection_time: float | None = None
+        self.token: str | None = None
+        self.progress: Progress | None = None
+        self.progress_pending: bool = False
+
+    async def disconnect(self, code: int = 1000):
+        await self.websocket.close(code=code)
+
+
+class Queue:
+    def __init__(
+        self,
+        live_updates: bool,
+        concurrency_count: int,
+        update_intervals: float,
+        max_size: int | None,
+        blocks_dependencies: List,
+    ):
+        self.event_queue: Deque[Event] = deque()
+        self.events_pending_reconnection = []
+        self.stopped = False
+        self.max_thread_count = concurrency_count
+        self.update_intervals = update_intervals
+        self.active_jobs: List[None | List[Event]] = [None] * concurrency_count
+        self.delete_lock = asyncio.Lock()
+        self.server_path = None
+        self.duration_history_total = 0
+        self.duration_history_count = 0
+        self.avg_process_time = 0
+        self.avg_concurrent_process_time = None
+        self.queue_duration = 1
+        self.live_updates = live_updates
+        self.sleep_when_free = 0.05
+        self.progress_update_sleep_when_free = 0.1
+        self.max_size = max_size
+        self.blocks_dependencies = blocks_dependencies
+        self.access_token = ""
+
+    async def start(self, progress_tracking=False):
+        run_coro_in_background(self.start_processing)
+        if progress_tracking:
+            run_coro_in_background(self.start_progress_tracking)
+        if not self.live_updates:
+            run_coro_in_background(self.notify_clients)
+
+    def close(self):
+        self.stopped = True
+
+    def resume(self):
+        self.stopped = False
+
+    def set_url(self, url: str):
+        self.server_path = url
+
+    def set_access_token(self, token: str):
+        self.access_token = token
+
+    def get_active_worker_count(self) -> int:
+        count = 0
+        for worker in self.active_jobs:
+            if worker is not None:
+                count += 1
+        return count
+
+    def get_events_in_batch(self) -> Tuple[List[Event] | None, bool]:
+        if not (self.event_queue):
+            return None, False
+
+        first_event = self.event_queue.popleft()
+        events = [first_event]
+
+        event_fn_index = first_event.fn_index
+        batch = self.blocks_dependencies[event_fn_index]["batch"]
+
+        if batch:
+            batch_size = self.blocks_dependencies[event_fn_index]["max_batch_size"]
+            rest_of_batch = [
+                event for event in self.event_queue if event.fn_index == event_fn_index
+            ][: batch_size - 1]
+            events.extend(rest_of_batch)
+            [self.event_queue.remove(event) for event in rest_of_batch]
+
+        return events, batch
+
+    async def start_processing(self) -> None:
+        while not self.stopped:
+            if not self.event_queue:
+                await asyncio.sleep(self.sleep_when_free)
+                continue
+
+            if not (None in self.active_jobs):
+                await asyncio.sleep(self.sleep_when_free)
+                continue
+            # Using mutex to avoid editing a list in use
+            async with self.delete_lock:
+                events, batch = self.get_events_in_batch()
+
+            if events:
+                self.active_jobs[self.active_jobs.index(None)] = events
+                task = run_coro_in_background(self.process_events, events, batch)
+                run_coro_in_background(self.broadcast_live_estimations)
+                set_task_name(task, events[0].session_hash, events[0].fn_index, batch)
+
+    async def start_progress_tracking(self) -> None:
+        while not self.stopped:
+            if not any(self.active_jobs):
+                await asyncio.sleep(self.progress_update_sleep_when_free)
+                continue
+
+            for job in self.active_jobs:
+                if job is None:
+                    continue
+                for event in job:
+                    if event.progress_pending and event.progress:
+                        event.progress_pending = False
+                        client_awake = await self.send_message(
+                            event, event.progress.dict()
+                        )
+                        if not client_awake:
+                            await self.clean_event(event)
+
+            await asyncio.sleep(self.progress_update_sleep_when_free)
+
+    def set_progress(
+        self,
+        event_id: str,
+        iterables: List[TrackedIterable] | None,
+    ):
+        if iterables is None:
+            return
+        for job in self.active_jobs:
+            if job is None:
+                continue
+            for evt in job:
+                if evt._id == event_id:
+                    progress_data: List[ProgressUnit] = []
+                    for iterable in iterables:
+                        progress_unit = ProgressUnit(
+                            index=iterable.index,
+                            length=iterable.length,
+                            unit=iterable.unit,
+                            progress=iterable.progress,
+                            desc=iterable.desc,
+                        )
+                        progress_data.append(progress_unit)
+                    evt.progress = Progress(progress_data=progress_data)
+                    evt.progress_pending = True
+
+    def push(self, event: Event) -> int | None:
+        """
+        Add event to queue, or return None if Queue is full
+        Parameters:
+            event: Event to add to Queue
+        Returns:
+            rank of submitted Event
+        """
+        queue_len = len(self.event_queue)
+        if self.max_size is not None and queue_len >= self.max_size:
+            return None
+        self.event_queue.append(event)
+        return queue_len
+
+    async def clean_event(self, event: Event) -> None:
+        if event in self.event_queue:
+            async with self.delete_lock:
+                self.event_queue.remove(event)
+
+    async def broadcast_live_estimations(self) -> None:
+        """
+        Runs 2 functions sequentially instead of concurrently. Otherwise dced clients are tried to get deleted twice.
+        """
+        if self.live_updates:
+            await self.broadcast_estimations()
+
+    async def gather_event_data(self, event: Event) -> bool:
+        """
+        Gather data for the event
+
+        Parameters:
+            event:
+        """
+        if not event.data:
+            client_awake = await self.send_message(event, {"msg": "send_data"})
+            if not client_awake:
+                return False
+            event.data = await self.get_message(event)
+        return True
+
+    async def notify_clients(self) -> None:
+        """
+        Notify clients about events statuses in the queue periodically.
+        """
+        while not self.stopped:
+            await asyncio.sleep(self.update_intervals)
+            if self.event_queue:
+                await self.broadcast_estimations()
+
+    async def broadcast_estimations(self) -> None:
+        estimation = self.get_estimation()
+        # Send all messages concurrently
+        await asyncio.gather(
+            *[
+                self.send_estimation(event, estimation, rank)
+                for rank, event in enumerate(self.event_queue)
+            ]
+        )
+
+    async def send_estimation(
+        self, event: Event, estimation: Estimation, rank: int
+    ) -> Estimation:
+        """
+        Send estimation about ETA to the client.
+
+        Parameters:
+            event:
+            estimation:
+            rank:
+        """
+        estimation.rank = rank
+
+        if self.avg_concurrent_process_time is not None:
+            estimation.rank_eta = (
+                estimation.rank * self.avg_concurrent_process_time
+                + self.avg_process_time
+            )
+            if None not in self.active_jobs:
+                # Add estimated amount of time for a thread to get empty
+                estimation.rank_eta += self.avg_concurrent_process_time
+        client_awake = await self.send_message(event, estimation.dict())
+        if not client_awake:
+            await self.clean_event(event)
+        return estimation
+
+    def update_estimation(self, duration: float) -> None:
+        """
+        Update estimation by last x element's average duration.
+
+        Parameters:
+            duration:
+        """
+        self.duration_history_total += duration
+        self.duration_history_count += 1
+        self.avg_process_time = (
+            self.duration_history_total / self.duration_history_count
+        )
+        self.avg_concurrent_process_time = self.avg_process_time / min(
+            self.max_thread_count, self.duration_history_count
+        )
+        self.queue_duration = self.avg_concurrent_process_time * len(self.event_queue)
+
+    def get_estimation(self) -> Estimation:
+        return Estimation(
+            queue_size=len(self.event_queue),
+            avg_event_process_time=self.avg_process_time,
+            avg_event_concurrent_process_time=self.avg_concurrent_process_time,
+            queue_eta=self.queue_duration,
+        )
+
+    def get_request_params(self, websocket: fastapi.WebSocket) -> Dict[str, Any]:
+        return {
+            "url": str(websocket.url),
+            "headers": dict(websocket.headers),
+            "query_params": dict(websocket.query_params),
+            "path_params": dict(websocket.path_params),
+            "client": dict(host=websocket.client.host, port=websocket.client.port),  # type: ignore
+        }
+
+    async def call_prediction(self, events: List[Event], batch: bool):
+        data = events[0].data
+        assert data is not None, "No event data"
+        token = events[0].token
+        data.event_id = events[0]._id if not batch else None
+        try:
+            data.request = self.get_request_params(events[0].websocket)
+        except ValueError:
+            pass
+
+        if batch:
+            data.data = list(zip(*[event.data.data for event in events if event.data]))
+            data.request = [
+                self.get_request_params(event.websocket)
+                for event in events
+                if event.data
+            ]
+            data.batched = True
+
+        response = await AsyncRequest(
+            method=AsyncRequest.Method.POST,
+            url=f"{self.server_path}api/predict",
+            json=dict(data),
+            headers={"Authorization": f"Bearer {self.access_token}"},
+            cookies={"access-token": token} if token is not None else None,
+        )
+        return response
+
+    async def process_events(self, events: List[Event], batch: bool) -> None:
+        awake_events: List[Event] = []
+        try:
+            for event in events:
+                client_awake = await self.gather_event_data(event)
+                if client_awake:
+                    client_awake = await self.send_message(
+                        event, {"msg": "process_starts"}
+                    )
+                if client_awake:
+                    awake_events.append(event)
+            if not awake_events:
+                return
+            begin_time = time.time()
+            response = await self.call_prediction(awake_events, batch)
+            if response.has_exception:
+                for event in awake_events:
+                    await self.send_message(
+                        event,
+                        {
+                            "msg": "process_completed",
+                            "output": {"error": str(response.exception)},
+                            "success": False,
+                        },
+                    )
+            elif response.json.get("is_generating", False):
+                old_response = response
+                while response.json.get("is_generating", False):
+                    # Python 3.7 doesn't have named tasks.
+                    # In order to determine if a task was cancelled, we
+                    # ping the websocket to see if it was closed mid-iteration.
+                    if sys.version_info < (3, 8):
+                        is_alive = await self.send_message(event, {"msg": "alive?"})
+                        if not is_alive:
+                            return
+                    old_response = response
+                    open_ws = []
+                    for event in awake_events:
+                        open = await self.send_message(
+                            event,
+                            {
+                                "msg": "process_generating",
+                                "output": old_response.json,
+                                "success": old_response.status == 200,
+                            },
+                        )
+                        open_ws.append(open)
+                    awake_events = [
+                        e for e, is_open in zip(awake_events, open_ws) if is_open
+                    ]
+                    if not awake_events:
+                        return
+                    response = await self.call_prediction(awake_events, batch)
+                for event in awake_events:
+                    if response.status != 200:
+                        relevant_response = response
+                    else:
+                        relevant_response = old_response
+
+                    await self.send_message(
+                        event,
+                        {
+                            "msg": "process_completed",
+                            "output": relevant_response.json,
+                            "success": relevant_response.status == 200,
+                        },
+                    )
+            else:
+                output = copy.deepcopy(response.json)
+                for e, event in enumerate(awake_events):
+                    if batch and "data" in output:
+                        output["data"] = list(zip(*response.json.get("data")))[e]
+                    await self.send_message(
+                        event,
+                        {
+                            "msg": "process_completed",
+                            "output": output,
+                            "success": response.status == 200,
+                        },
+                    )
+            end_time = time.time()
+            if response.status == 200:
+                self.update_estimation(end_time - begin_time)
+        finally:
+            for event in awake_events:
+                try:
+                    await event.disconnect()
+                except Exception:
+                    pass
+            self.active_jobs[self.active_jobs.index(events)] = None
+            for event in awake_events:
+                await self.clean_event(event)
+                # Always reset the state of the iterator
+                # If the job finished successfully, this has no effect
+                # If the job is cancelled, this will enable future runs
+                # to start "from scratch"
+                await self.reset_iterators(event.session_hash, event.fn_index)
+
+    async def send_message(self, event, data: Dict) -> bool:
+        try:
+            await event.websocket.send_json(data=data)
+            return True
+        except:
+            await self.clean_event(event)
+            return False
+
+    async def get_message(self, event) -> PredictBody | None:
+        try:
+            data = await event.websocket.receive_json()
+            return PredictBody(**data)
+        except:
+            await self.clean_event(event)
+            return None
+
+    async def reset_iterators(self, session_hash: str, fn_index: int):
+        await AsyncRequest(
+            method=AsyncRequest.Method.POST,
+            url=f"{self.server_path}reset",
+            json={
+                "session_hash": session_hash,
+                "fn_index": fn_index,
+            },
+        )

gradio-modified/gradio/reload.py

@@ -0,0 +1,59 @@
+"""
+
+Contains the functions that run when `gradio` is called from the command line. Specifically, allows
+
+$ gradio app.py, to run app.py in reload mode where any changes in the app.py file or Gradio library reloads the demo.
+$ gradio app.py my_demo, to use variable names other than "demo"
+"""
+import inspect
+import os
+import sys
+from pathlib import Path
+
+import gradio
+from gradio import networking
+
+
+def run_in_reload_mode():
+    args = sys.argv[1:]
+    if len(args) == 0:
+        raise ValueError("No file specified.")
+    if len(args) == 1:
+        demo_name = "demo"
+    else:
+        demo_name = args[1]
+
+    original_path = args[0]
+    abs_original_path = Path(original_path).name
+    path = str(Path(original_path).resolve())
+    path = path.replace("/", ".")
+    path = path.replace("\\", ".")
+    filename = Path(path).stem
+
+    gradio_folder = Path(inspect.getfile(gradio)).parent
+
+    port = networking.get_first_available_port(
+        networking.INITIAL_PORT_VALUE,
+        networking.INITIAL_PORT_VALUE + networking.TRY_NUM_PORTS,
+    )
+    print(
+        f"\nLaunching in *reload mode* on: http://{networking.LOCALHOST_NAME}:{port} (Press CTRL+C to quit)\n"
+    )
+    command = f"uvicorn {filename}:{demo_name}.app --reload --port {port} --log-level warning "
+    message = "Watching:"
+
+    message_change_count = 0
+    if str(gradio_folder).strip():
+        command += f'--reload-dir "{gradio_folder}" '
+        message += f" '{gradio_folder}'"
+        message_change_count += 1
+
+    abs_parent = Path(abs_original_path).parent
+    if str(abs_parent).strip():
+        command += f'--reload-dir "{abs_parent}"'
+        if message_change_count == 1:
+            message += ","
+        message += f" '{abs_parent}'"
+
+    print(message + "\n")
+    os.system(command)

gradio-modified/gradio/routes.py

@@ -0,0 +1,622 @@
+"""Implements a FastAPI server to run the gradio interface. Note that some types in this
+module use the Optional/Union notation so that they work correctly with pydantic."""
+
+from __future__ import annotations
+
+import asyncio
+import inspect
+import json
+import mimetypes
+import os
+import posixpath
+import secrets
+import traceback
+from collections import defaultdict
+from copy import deepcopy
+from pathlib import Path
+from typing import Any, Dict, List, Optional, Type
+from urllib.parse import urlparse
+
+import fastapi
+import markupsafe
+import orjson
+import pkg_resources
+from fastapi import Depends, FastAPI, HTTPException, WebSocket, status
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.responses import (
+    FileResponse,
+    HTMLResponse,
+    JSONResponse,
+    PlainTextResponse,
+)
+from fastapi.security import OAuth2PasswordRequestForm
+from fastapi.templating import Jinja2Templates
+from jinja2.exceptions import TemplateNotFound
+from starlette.responses import RedirectResponse
+from starlette.websockets import WebSocketState
+
+import gradio
+from gradio import utils
+from gradio.data_classes import PredictBody, ResetBody
+from gradio.documentation import document, set_documentation_group
+from gradio.exceptions import Error
+from gradio.queueing import Estimation, Event
+from gradio.utils import cancel_tasks, run_coro_in_background, set_task_name
+
+mimetypes.init()
+
+STATIC_TEMPLATE_LIB = pkg_resources.resource_filename("gradio", "templates/")
+STATIC_PATH_LIB = pkg_resources.resource_filename("gradio", "templates/frontend/static")
+BUILD_PATH_LIB = pkg_resources.resource_filename("gradio", "templates/frontend/assets")
+VERSION_FILE = pkg_resources.resource_filename("gradio", "version.txt")
+with open(VERSION_FILE) as version_file:
+    VERSION = version_file.read()
+
+
+class ORJSONResponse(JSONResponse):
+    media_type = "application/json"
+
+    @staticmethod
+    def _render(content: Any) -> bytes:
+        return orjson.dumps(
+            content,
+            option=orjson.OPT_SERIALIZE_NUMPY | orjson.OPT_PASSTHROUGH_DATETIME,
+            default=str,
+        )
+
+    def render(self, content: Any) -> bytes:
+        return ORJSONResponse._render(content)
+
+    @staticmethod
+    def _render_str(content: Any) -> str:
+        return ORJSONResponse._render(content).decode("utf-8")
+
+
+def toorjson(value):
+    return markupsafe.Markup(
+        ORJSONResponse._render_str(value)
+        .replace("<", "\\u003c")
+        .replace(">", "\\u003e")
+        .replace("&", "\\u0026")
+        .replace("'", "\\u0027")
+    )
+
+
+templates = Jinja2Templates(directory=STATIC_TEMPLATE_LIB)
+templates.env.filters["toorjson"] = toorjson
+
+
+###########
+# Auth
+###########
+
+
+class App(FastAPI):
+    """
+    FastAPI App Wrapper
+    """
+
+    def __init__(self, **kwargs):
+        self.tokens = {}
+        self.auth = None
+        self.blocks: gradio.Blocks | None = None
+        self.state_holder = {}
+        self.iterators = defaultdict(dict)
+        self.lock = asyncio.Lock()
+        self.queue_token = secrets.token_urlsafe(32)
+        self.startup_events_triggered = False
+        super().__init__(**kwargs)
+
+    def configure_app(self, blocks: gradio.Blocks) -> None:
+        auth = blocks.auth
+        if auth is not None:
+            if not callable(auth):
+                self.auth = {account[0]: account[1] for account in auth}
+            else:
+                self.auth = auth
+        else:
+            self.auth = None
+
+        self.blocks = blocks
+        if hasattr(self.blocks, "_queue"):
+            self.blocks._queue.set_access_token(self.queue_token)
+        self.cwd = os.getcwd()
+        self.favicon_path = blocks.favicon_path
+        self.tokens = {}
+
+    def get_blocks(self) -> gradio.Blocks:
+        if self.blocks is None:
+            raise ValueError("No Blocks has been configured for this app.")
+        return self.blocks
+
+    @staticmethod
+    def create_app(blocks: gradio.Blocks) -> App:
+        app = App(default_response_class=ORJSONResponse)
+        app.configure_app(blocks)
+
+        app.add_middleware(
+            CORSMiddleware,
+            allow_origins=["*"],
+            allow_methods=["*"],
+            allow_headers=["*"],
+        )
+
+        @app.get("/user")
+        @app.get("/user/")
+        def get_current_user(request: fastapi.Request) -> Optional[str]:
+            token = request.cookies.get("access-token")
+            return app.tokens.get(token)
+
+        @app.get("/login_check")
+        @app.get("/login_check/")
+        def login_check(user: str = Depends(get_current_user)):
+            if app.auth is None or not (user is None):
+                return
+            raise HTTPException(
+                status_code=status.HTTP_401_UNAUTHORIZED, detail="Not authenticated"
+            )
+
+        async def ws_login_check(websocket: WebSocket) -> Optional[str]:
+            token = websocket.cookies.get("access-token")
+            return token  # token is returned to allow request in queue
+
+        @app.get("/token")
+        @app.get("/token/")
+        def get_token(request: fastapi.Request) -> dict:
+            token = request.cookies.get("access-token")
+            return {"token": token, "user": app.tokens.get(token)}
+
+        @app.get("/app_id")
+        @app.get("/app_id/")
+        def app_id(request: fastapi.Request) -> dict:
+            return {"app_id": app.get_blocks().app_id}
+
+        @app.post("/login")
+        @app.post("/login/")
+        def login(form_data: OAuth2PasswordRequestForm = Depends()):
+            username, password = form_data.username, form_data.password
+            if app.auth is None:
+                return RedirectResponse(url="/", status_code=status.HTTP_302_FOUND)
+            if (
+                not callable(app.auth)
+                and username in app.auth
+                and app.auth[username] == password
+            ) or (callable(app.auth) and app.auth.__call__(username, password)):
+                token = secrets.token_urlsafe(16)
+                app.tokens[token] = username
+                response = RedirectResponse(url="/", status_code=status.HTTP_302_FOUND)
+                response.set_cookie(key="access-token", value=token, httponly=True)
+                return response
+            else:
+                raise HTTPException(status_code=400, detail="Incorrect credentials.")
+
+        ###############
+        # Main Routes
+        ###############
+
+        @app.head("/", response_class=HTMLResponse)
+        @app.get("/", response_class=HTMLResponse)
+        def main(request: fastapi.Request, user: str = Depends(get_current_user)):
+            mimetypes.add_type("application/javascript", ".js")
+            blocks = app.get_blocks()
+
+            if app.auth is None or not (user is None):
+                config = app.get_blocks().config
+            else:
+                config = {
+                    "auth_required": True,
+                    "auth_message": blocks.auth_message,
+                }
+
+            try:
+                template = (
+                    "frontend/share.html" if blocks.share else "frontend/index.html"
+                )
+                return templates.TemplateResponse(
+                    template, {"request": request, "config": config}
+                )
+            except TemplateNotFound:
+                if blocks.share:
+                    raise ValueError(
+                        "Did you install Gradio from source files? Share mode only "
+                        "works when Gradio is installed through the pip package."
+                    )
+                else:
+                    raise ValueError(
+                        "Did you install Gradio from source files? You need to build "
+                        "the frontend by running /scripts/build_frontend.sh"
+                    )
+
+        @app.get("/config/", dependencies=[Depends(login_check)])
+        @app.get("/config", dependencies=[Depends(login_check)])
+        def get_config():
+            return app.get_blocks().config
+
+        @app.get("/static/{path:path}")
+        def static_resource(path: str):
+            static_file = safe_join(STATIC_PATH_LIB, path)
+            if static_file is not None:
+                return FileResponse(static_file)
+            raise HTTPException(status_code=404, detail="Static file not found")
+
+        @app.get("/assets/{path:path}")
+        def build_resource(path: str):
+            build_file = safe_join(BUILD_PATH_LIB, path)
+            if build_file is not None:
+                return FileResponse(build_file)
+            raise HTTPException(status_code=404, detail="Build file not found")
+
+        @app.get("/favicon.ico")
+        async def favicon():
+            blocks = app.get_blocks()
+            if blocks.favicon_path is None:
+                return static_resource("img/logo.svg")
+            else:
+                return FileResponse(blocks.favicon_path)
+
+        @app.get("/file={path:path}", dependencies=[Depends(login_check)])
+        def file(path: str):
+            blocks = app.get_blocks()
+            if utils.validate_url(path):
+                return RedirectResponse(url=path, status_code=status.HTTP_302_FOUND)
+            if Path(app.cwd).resolve() in Path(path).resolve().parents or Path(
+                path
+            ).resolve() in set().union(*blocks.temp_file_sets):
+                return FileResponse(
+                    Path(path).resolve(), headers={"Accept-Ranges": "bytes"}
+                )
+            else:
+                raise ValueError(
+                    f"File cannot be fetched: {path}. All files must contained within the Gradio python app working directory, or be a temp file created by the Gradio python app."
+                )
+
+        @app.get("/file/{path:path}", dependencies=[Depends(login_check)])
+        def file_deprecated(path: str):
+            return file(path)
+
+        @app.post("/reset/")
+        @app.post("/reset")
+        async def reset_iterator(body: ResetBody):
+            if body.session_hash not in app.iterators:
+                return {"success": False}
+            async with app.lock:
+                app.iterators[body.session_hash][body.fn_index] = None
+                app.iterators[body.session_hash]["should_reset"].add(body.fn_index)
+            return {"success": True}
+
+        async def run_predict(
+            body: PredictBody,
+            request: Request | List[Request],
+            fn_index_inferred: int,
+            username: str = Depends(get_current_user),
+        ):
+            if hasattr(body, "session_hash"):
+                if body.session_hash not in app.state_holder:
+                    app.state_holder[body.session_hash] = {
+                        _id: deepcopy(getattr(block, "value", None))
+                        for _id, block in app.get_blocks().blocks.items()
+                        if getattr(block, "stateful", False)
+                    }
+                session_state = app.state_holder[body.session_hash]
+                iterators = app.iterators[body.session_hash]
+                # The should_reset set keeps track of the fn_indices
+                # that have been cancelled. When a job is cancelled,
+                # the /reset route will mark the jobs as having been reset.
+                # That way if the cancel job finishes BEFORE the job being cancelled
+                # the job being cancelled will not overwrite the state of the iterator.
+                # In all cases, should_reset will be the empty set the next time
+                # the fn_index is run.
+                app.iterators[body.session_hash]["should_reset"] = set([])
+            else:
+                session_state = {}
+                iterators = {}
+            event_id = getattr(body, "event_id", None)
+            raw_input = body.data
+            fn_index = body.fn_index
+            batch = app.get_blocks().dependencies[fn_index_inferred]["batch"]
+            if not (body.batched) and batch:
+                raw_input = [raw_input]
+            try:
+                output = await app.get_blocks().process_api(
+                    fn_index=fn_index_inferred,
+                    inputs=raw_input,
+                    request=request,
+                    state=session_state,
+                    iterators=iterators,
+                    event_id=event_id,
+                )
+                iterator = output.pop("iterator", None)
+                if hasattr(body, "session_hash"):
+                    if fn_index in app.iterators[body.session_hash]["should_reset"]:
+                        app.iterators[body.session_hash][fn_index] = None
+                    else:
+                        app.iterators[body.session_hash][fn_index] = iterator
+                if isinstance(output, Error):
+                    raise output
+            except BaseException as error:
+                show_error = app.get_blocks().show_error or isinstance(error, Error)
+                traceback.print_exc()
+                return JSONResponse(
+                    content={"error": str(error) if show_error else None},
+                    status_code=500,
+                )
+
+            if not (body.batched) and batch:
+                output["data"] = output["data"][0]
+            return output
+
+        # had to use '/run' endpoint for Colab compatibility, '/api' supported for backwards compatibility
+        @app.post("/run/{api_name}", dependencies=[Depends(login_check)])
+        @app.post("/run/{api_name}/", dependencies=[Depends(login_check)])
+        @app.post("/api/{api_name}", dependencies=[Depends(login_check)])
+        @app.post("/api/{api_name}/", dependencies=[Depends(login_check)])
+        async def predict(
+            api_name: str,
+            body: PredictBody,
+            request: fastapi.Request,
+            username: str = Depends(get_current_user),
+        ):
+            fn_index_inferred = None
+            if body.fn_index is None:
+                for i, fn in enumerate(app.get_blocks().dependencies):
+                    if fn["api_name"] == api_name:
+                        fn_index_inferred = i
+                        break
+                if fn_index_inferred is None:
+                    return JSONResponse(
+                        content={
+                            "error": f"This app has no endpoint /api/{api_name}/."
+                        },
+                        status_code=500,
+                    )
+            else:
+                fn_index_inferred = body.fn_index
+            if not app.get_blocks().api_open and app.get_blocks().queue_enabled_for_fn(
+                fn_index_inferred
+            ):
+                if f"Bearer {app.queue_token}" != request.headers.get("Authorization"):
+                    raise HTTPException(
+                        status_code=status.HTTP_401_UNAUTHORIZED,
+                        detail="Not authorized to skip the queue",
+                    )
+
+            # If this fn_index cancels jobs, then the only input we need is the
+            # current session hash
+            if app.get_blocks().dependencies[fn_index_inferred]["cancels"]:
+                body.data = [body.session_hash]
+            if body.request:
+                if body.batched:
+                    gr_request = [Request(**req) for req in body.request]
+                else:
+                    assert isinstance(body.request, dict)
+                    gr_request = Request(**body.request)
+            else:
+                gr_request = Request(request)
+            result = await run_predict(
+                body=body,
+                fn_index_inferred=fn_index_inferred,
+                username=username,
+                request=gr_request,
+            )
+            return result
+
+        @app.websocket("/queue/join")
+        async def join_queue(
+            websocket: WebSocket,
+            token: Optional[str] = Depends(ws_login_check),
+        ):
+            blocks = app.get_blocks()
+            if app.auth is not None and token is None:
+                await websocket.close(code=status.WS_1008_POLICY_VIOLATION)
+                return
+            if blocks._queue.server_path is None:
+                app_url = get_server_url_from_ws_url(str(websocket.url))
+                blocks._queue.set_url(app_url)
+            await websocket.accept()
+            # In order to cancel jobs, we need the session_hash and fn_index
+            # to create a unique id for each job
+            await websocket.send_json({"msg": "send_hash"})
+            session_info = await websocket.receive_json()
+            event = Event(
+                websocket, session_info["session_hash"], session_info["fn_index"]
+            )
+            # set the token into Event to allow using the same token for call_prediction
+            event.token = token
+            event.session_hash = session_info["session_hash"]
+
+            # Continuous events are not put in the queue  so that they do not
+            # occupy the queue's resource as they are expected to run forever
+            if blocks.dependencies[event.fn_index].get("every", 0):
+                await cancel_tasks(set([f"{event.session_hash}_{event.fn_index}"]))
+                await blocks._queue.reset_iterators(event.session_hash, event.fn_index)
+                task = run_coro_in_background(
+                    blocks._queue.process_events, [event], False
+                )
+                set_task_name(task, event.session_hash, event.fn_index, batch=False)
+            else:
+                rank = blocks._queue.push(event)
+
+                if rank is None:
+                    await blocks._queue.send_message(event, {"msg": "queue_full"})
+                    await event.disconnect()
+                    return
+                estimation = blocks._queue.get_estimation()
+                await blocks._queue.send_estimation(event, estimation, rank)
+            while True:
+                await asyncio.sleep(60)
+                if websocket.application_state == WebSocketState.DISCONNECTED:
+                    return
+
+        @app.get(
+            "/queue/status",
+            dependencies=[Depends(login_check)],
+            response_model=Estimation,
+        )
+        async def get_queue_status():
+            return app.get_blocks()._queue.get_estimation()
+
+        @app.get("/startup-events")
+        async def startup_events():
+            if not app.startup_events_triggered:
+                app.get_blocks().startup_events()
+                app.startup_events_triggered = True
+                return True
+            return False
+
+        @app.get("/robots.txt", response_class=PlainTextResponse)
+        def robots_txt():
+            if app.get_blocks().share:
+                return "User-agent: *\nDisallow: /"
+            else:
+                return "User-agent: *\nDisallow: "
+
+        return app
+
+
+########
+# Helper functions
+########
+
+
+def safe_join(directory: str, path: str) -> str | None:
+    """Safely path to a base directory to avoid escaping the base directory.
+    Borrowed from: werkzeug.security.safe_join"""
+    _os_alt_seps: List[str] = list(
+        sep for sep in [os.path.sep, os.path.altsep] if sep is not None and sep != "/"
+    )
+
+    if path != "":
+        filename = posixpath.normpath(path)
+    else:
+        return directory
+
+    if (
+        any(sep in filename for sep in _os_alt_seps)
+        or os.path.isabs(filename)
+        or filename == ".."
+        or filename.startswith("../")
+    ):
+        return None
+    return posixpath.join(directory, filename)
+
+
+def get_types(cls_set: List[Type]):
+    docset = []
+    types = []
+    for cls in cls_set:
+        doc = inspect.getdoc(cls) or ""
+        doc_lines = doc.split("\n")
+        for line in doc_lines:
+            if "value (" in line:
+                types.append(line.split("value (")[1].split(")")[0])
+        docset.append(doc_lines[1].split(":")[-1])
+    return docset, types
+
+
+def get_server_url_from_ws_url(ws_url: str):
+    ws_url_parsed = urlparse(ws_url)
+    scheme = "http" if ws_url_parsed.scheme == "ws" else "https"
+    port = f":{ws_url_parsed.port}" if ws_url_parsed.port else ""
+    return f"{scheme}://{ws_url_parsed.hostname}{port}{ws_url_parsed.path.replace('queue/join', '')}"
+
+
+set_documentation_group("routes")
+
+
+class Obj:
+    """
+    Using a class to convert dictionaries into objects. Used by the `Request` class.
+    Credit: https://www.geeksforgeeks.org/convert-nested-python-dictionary-to-object/
+    """
+
+    def __init__(self, dict1):
+        self.__dict__.update(dict1)
+
+    def __str__(self) -> str:
+        return str(self.__dict__)
+
+    def __repr__(self) -> str:
+        return str(self.__dict__)
+
+
+@document()
+class Request:
+    """
+    A Gradio request object that can be used to access the request headers, cookies,
+    query parameters and other information about the request from within the prediction
+    function. The class is a thin wrapper around the fastapi.Request class. Attributes
+    of this class include: `headers`, `client`, `query_params`, and `path_params`,
+    Example:
+        import gradio as gr
+        def echo(name, request: gr.Request):
+            print("Request headers dictionary:", request.headers)
+            print("IP address:", request.client.host)
+            return name
+        io = gr.Interface(echo, "textbox", "textbox").launch()
+    """
+
+    def __init__(self, request: fastapi.Request | None = None, **kwargs):
+        """
+        Can be instantiated with either a fastapi.Request or by manually passing in
+        attributes (needed for websocket-based queueing).
+        Parameters:
+            request: A fastapi.Request
+        """
+        self.request = request
+        self.kwargs: Dict = kwargs
+
+    def dict_to_obj(self, d):
+        if isinstance(d, dict):
+            return json.loads(json.dumps(d), object_hook=Obj)
+        else:
+            return d
+
+    def __getattr__(self, name):
+        if self.request:
+            return self.dict_to_obj(getattr(self.request, name))
+        else:
+            try:
+                obj = self.kwargs[name]
+            except KeyError:
+                raise AttributeError(f"'Request' object has no attribute '{name}'")
+            return self.dict_to_obj(obj)
+
+
+@document()
+def mount_gradio_app(
+    app: fastapi.FastAPI,
+    blocks: gradio.Blocks,
+    path: str,
+    gradio_api_url: str | None = None,
+) -> fastapi.FastAPI:
+    """Mount a gradio.Blocks to an existing FastAPI application.
+
+    Parameters:
+        app: The parent FastAPI application.
+        blocks: The blocks object we want to mount to the parent app.
+        path: The path at which the gradio application will be mounted.
+        gradio_api_url: The full url at which the gradio app will run. This is only needed if deploying to Huggingface spaces of if the websocket endpoints of your deployed app are on a different network location than the gradio app. If deploying to spaces, set gradio_api_url to 'http://localhost:7860/'
+    Example:
+        from fastapi import FastAPI
+        import gradio as gr
+        app = FastAPI()
+        @app.get("/")
+        def read_main():
+            return {"message": "This is your main app"}
+        io = gr.Interface(lambda x: "Hello, " + x + "!", "textbox", "textbox")
+        app = gr.mount_gradio_app(app, io, path="/gradio")
+        # Then run `uvicorn run:app` from the terminal and navigate to http://localhost:8000/gradio.
+    """
+    blocks.dev_mode = False
+    blocks.config = blocks.get_config_file()
+    gradio_app = App.create_app(blocks)
+
+    @app.on_event("startup")
+    async def start_queue():
+        if gradio_app.get_blocks().enable_queue:
+            if gradio_api_url:
+                gradio_app.get_blocks()._queue.set_url(gradio_api_url)
+            gradio_app.get_blocks().startup_events()
+
+    app.mount(path, gradio_app)
+    return app

gradio-modified/gradio/serializing.py

@@ -0,0 +1,208 @@
+from __future__ import annotations
+
+from abc import ABC, abstractmethod
+from pathlib import Path
+from typing import Any, Dict
+
+from gradio import processing_utils, utils
+
+
+class Serializable(ABC):
+    @abstractmethod
+    def serialize(
+        self, x: Any, load_dir: str | Path = "", encryption_key: bytes | None = None
+    ):
+        """
+        Convert data from human-readable format to serialized format for a browser.
+        """
+        pass
+
+    @abstractmethod
+    def deserialize(
+        self,
+        x: Any,
+        save_dir: str | Path | None = None,
+        encryption_key: bytes | None = None,
+    ):
+        """
+        Convert data from serialized format for a browser to human-readable format.
+        """
+        pass
+
+
+class SimpleSerializable(Serializable):
+    def serialize(
+        self, x: Any, load_dir: str | Path = "", encryption_key: bytes | None = None
+    ) -> Any:
+        """
+        Convert data from human-readable format to serialized format. For SimpleSerializable components, this is a no-op.
+        Parameters:
+            x: Input data to serialize
+            load_dir: Ignored
+            encryption_key: Ignored
+        """
+        return x
+
+    def deserialize(
+        self,
+        x: Any,
+        save_dir: str | Path | None = None,
+        encryption_key: bytes | None = None,
+    ):
+        """
+        Convert data from serialized format to human-readable format. For SimpleSerializable components, this is a no-op.
+        Parameters:
+            x: Input data to deserialize
+            save_dir: Ignored
+            encryption_key: Ignored
+        """
+        return x
+
+
+class ImgSerializable(Serializable):
+    def serialize(
+        self,
+        x: str | None,
+        load_dir: str | Path = "",
+        encryption_key: bytes | None = None,
+    ) -> str | None:
+        """
+        Convert from human-friendly version of a file (string filepath) to a seralized
+        representation (base64).
+        Parameters:
+            x: String path to file to serialize
+            load_dir: Path to directory containing x
+            encryption_key: Used to encrypt the file
+        """
+        if x is None or x == "":
+            return None
+        return processing_utils.encode_url_or_file_to_base64(
+            Path(load_dir) / x, encryption_key=encryption_key
+        )
+
+    def deserialize(
+        self,
+        x: str | None,
+        save_dir: str | Path | None = None,
+        encryption_key: bytes | None = None,
+    ) -> str | None:
+        """
+        Convert from serialized representation of a file (base64) to a human-friendly
+        version (string filepath). Optionally, save the file to the directory specified by save_dir
+        Parameters:
+            x: Base64 representation of image to deserialize into a string filepath
+            save_dir: Path to directory to save the deserialized image to
+            encryption_key: Used to decrypt the file
+        """
+        if x is None or x == "":
+            return None
+        file = processing_utils.decode_base64_to_file(
+            x, dir=save_dir, encryption_key=encryption_key
+        )
+        return file.name
+
+
+class FileSerializable(Serializable):
+    def serialize(
+        self,
+        x: str | None,
+        load_dir: str | Path = "",
+        encryption_key: bytes | None = None,
+    ) -> Dict | None:
+        """
+        Convert from human-friendly version of a file (string filepath) to a
+        seralized representation (base64)
+        Parameters:
+            x: String path to file to serialize
+            load_dir: Path to directory containing x
+            encryption_key: Used to encrypt the file
+        """
+        if x is None or x == "":
+            return None
+        filename = Path(load_dir) / x
+        return {
+            "name": filename,
+            "data": processing_utils.encode_url_or_file_to_base64(
+                filename, encryption_key=encryption_key
+            ),
+            "orig_name": Path(filename).name,
+            "is_file": False,
+        }
+
+    def deserialize(
+        self,
+        x: str | Dict | None,
+        save_dir: Path | str | None = None,
+        encryption_key: bytes | None = None,
+    ) -> str | None:
+        """
+        Convert from serialized representation of a file (base64) to a human-friendly
+        version (string filepath). Optionally, save the file to the directory specified by `save_dir`
+        Parameters:
+            x: Base64 representation of file to deserialize into a string filepath
+            save_dir: Path to directory to save the deserialized file to
+            encryption_key: Used to decrypt the file
+        """
+        if x is None:
+            return None
+        if isinstance(save_dir, Path):
+            save_dir = str(save_dir)
+        if isinstance(x, str):
+            file_name = processing_utils.decode_base64_to_file(
+                x, dir=save_dir, encryption_key=encryption_key
+            ).name
+        elif isinstance(x, dict):
+            if x.get("is_file", False):
+                if utils.validate_url(x["name"]):
+                    file_name = x["name"]
+                else:
+                    file_name = processing_utils.create_tmp_copy_of_file(
+                        x["name"], dir=save_dir
+                    ).name
+            else:
+                file_name = processing_utils.decode_base64_to_file(
+                    x["data"], dir=save_dir, encryption_key=encryption_key
+                ).name
+        else:
+            raise ValueError(
+                f"A FileSerializable component cannot only deserialize a string or a dict, not a: {type(x)}"
+            )
+        return file_name
+
+
+class JSONSerializable(Serializable):
+    def serialize(
+        self,
+        x: str | None,
+        load_dir: str | Path = "",
+        encryption_key: bytes | None = None,
+    ) -> Dict | None:
+        """
+        Convert from a a human-friendly version (string path to json file) to a
+        serialized representation (json string)
+        Parameters:
+            x: String path to json file to read to get json string
+            load_dir: Path to directory containing x
+            encryption_key: Ignored
+        """
+        if x is None or x == "":
+            return None
+        return processing_utils.file_to_json(Path(load_dir) / x)
+
+    def deserialize(
+        self,
+        x: str | Dict,
+        save_dir: str | Path | None = None,
+        encryption_key: bytes | None = None,
+    ) -> str | None:
+        """
+        Convert from serialized representation (json string) to a human-friendly
+        version (string path to json file).  Optionally, save the file to the directory specified by `save_dir`
+        Parameters:
+            x: Json string
+            save_dir: Path to save the deserialized json file to
+            encryption_key: Ignored
+        """
+        if x is None:
+            return None
+        return processing_utils.dict_or_str_to_json_file(x, dir=save_dir).name

gradio-modified/gradio/strings.py

@@ -0,0 +1,41 @@
+import json
+
+import requests
+
+MESSAGING_API_ENDPOINT = "https://api.gradio.app/gradio-messaging/en"
+
+en = {
+    "RUNNING_LOCALLY": "Running on local URL:  {}",
+    "RUNNING_LOCALLY_SEPARATED": "Running on local URL:  {}://{}:{}",
+    "SHARE_LINK_DISPLAY": "Running on public URL: {}",
+    "COULD_NOT_GET_SHARE_LINK": "\nCould not create share link, please check your internet connection.",
+    "COLAB_NO_LOCAL": "Cannot display local interface on google colab, public link created.",
+    "PUBLIC_SHARE_TRUE": "\nTo create a public link, set `share=True` in `launch()`.",
+    "MODEL_PUBLICLY_AVAILABLE_URL": "Model available publicly at: {} (may take up to a minute for link to be usable)",
+    "GENERATING_PUBLIC_LINK": "Generating public link (may take a few seconds...):",
+    "BETA_INVITE": "\nThanks for being a Gradio user! If you have questions or feedback, please join our Discord server and chat with us: https://discord.gg/feTf9x3ZSB",
+    "COLAB_DEBUG_TRUE": "Colab notebook detected. This cell will run indefinitely so that you can see errors and logs. "
+    "To turn off, set debug=False in launch().",
+    "COLAB_DEBUG_FALSE": "Colab notebook detected. To show errors in colab notebook, set debug=True in launch()",
+    "COLAB_WARNING": "Note: opening Chrome Inspector may crash demo inside Colab notebooks.",
+    "SHARE_LINK_MESSAGE": "\nThis share link expires in 72 hours. For free permanent hosting and GPU upgrades (NEW!), check out Spaces: https://huggingface.co/spaces",
+    "INLINE_DISPLAY_BELOW": "Interface loading below...",
+    "TIPS": [
+        "You can add authentication to your app with the `auth=` kwarg in the `launch()` command; for example: `gr.Interface(...).launch(auth=('username', 'password'))`",
+        "Let users specify why they flagged input with the `flagging_options=` kwarg; for example: `gr.Interface(..., flagging_options=['too slow', 'incorrect output', 'other'])`",
+        "You can show or hide the button for flagging with the `allow_flagging=` kwarg; for example: gr.Interface(..., allow_flagging=False)",
+        "The inputs and outputs flagged by the users are stored in the flagging directory, specified by the flagging_dir= kwarg. You can view this data through the interface by setting the examples= kwarg to the flagging directory; for example gr.Interface(..., examples='flagged')",
+        "You can add a title and description to your interface using the `title=` and `description=` kwargs. The `article=` kwarg can be used to add a description under the interface; for example gr.Interface(..., title='My app', description='Lorem ipsum'). Try using Markdown!",
+        "For a classification or regression model, set `interpretation='default'` to see why the model made a prediction.",
+    ],
+}
+
+try:
+    updated_messaging = requests.get(MESSAGING_API_ENDPOINT, timeout=3).json()
+    en.update(updated_messaging)
+except (
+    requests.ConnectionError,
+    requests.exceptions.ReadTimeout,
+    json.decoder.JSONDecodeError,
+):  # Use default messaging
+    pass

gradio-modified/gradio/templates.py

@@ -0,0 +1,563 @@
+from __future__ import annotations
+
+import typing
+from typing import Any, Callable, Tuple
+
+import numpy as np
+from PIL.Image import Image
+
+from gradio import components
+
+
+class TextArea(components.Textbox):
+    """
+    Sets: lines=7
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Callable | None = "",
+        *,
+        lines: int = 7,
+        max_lines: int = 20,
+        placeholder: str | None = None,
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            lines=lines,
+            max_lines=max_lines,
+            placeholder=placeholder,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            **kwargs,
+        )
+
+
+class Webcam(components.Image):
+    """
+    Sets: source="webcam", interactive=True
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Image | np.ndarray | None = None,
+        *,
+        shape: Tuple[int, int] | None = None,
+        image_mode: str = "RGB",
+        invert_colors: bool = False,
+        source: str = "webcam",
+        tool: str | None = None,
+        type: str = "numpy",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = True,
+        visible: bool = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        mirror_webcam: bool = True,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            shape=shape,
+            image_mode=image_mode,
+            invert_colors=invert_colors,
+            source=source,
+            tool=tool,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            streaming=streaming,
+            elem_id=elem_id,
+            mirror_webcam=mirror_webcam,
+            **kwargs,
+        )
+
+
+class Sketchpad(components.Image):
+    """
+    Sets: image_mode="L", source="canvas", shape=(28, 28), invert_colors=True, interactive=True
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Image | np.ndarray | None = None,
+        *,
+        shape: Tuple[int, int] = (28, 28),
+        image_mode: str = "L",
+        invert_colors: bool = True,
+        source: str = "canvas",
+        tool: str | None = None,
+        type: str = "numpy",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = True,
+        visible: bool = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        mirror_webcam: bool = True,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            shape=shape,
+            image_mode=image_mode,
+            invert_colors=invert_colors,
+            source=source,
+            tool=tool,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            streaming=streaming,
+            elem_id=elem_id,
+            mirror_webcam=mirror_webcam,
+            **kwargs,
+        )
+
+
+class Paint(components.Image):
+    """
+    Sets: source="canvas", tool="color-sketch", interactive=True
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Image | np.ndarray | None = None,
+        *,
+        shape: Tuple[int, int] | None = None,
+        image_mode: str = "RGB",
+        invert_colors: bool = False,
+        source: str = "canvas",
+        tool: str = "color-sketch",
+        type: str = "numpy",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = True,
+        visible: bool = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        mirror_webcam: bool = True,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            shape=shape,
+            image_mode=image_mode,
+            invert_colors=invert_colors,
+            source=source,
+            tool=tool,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            streaming=streaming,
+            elem_id=elem_id,
+            mirror_webcam=mirror_webcam,
+            **kwargs,
+        )
+
+
+class ImageMask(components.Image):
+    """
+    Sets: source="upload", tool="sketch", interactive=True
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Image | np.ndarray | None = None,
+        *,
+        shape: Tuple[int, int] | None = None,
+        image_mode: str = "RGB",
+        invert_colors: bool = False,
+        source: str = "upload",
+        tool: str = "sketch",
+        type: str = "numpy",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = True,
+        visible: bool = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        mirror_webcam: bool = True,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            shape=shape,
+            image_mode=image_mode,
+            invert_colors=invert_colors,
+            source=source,
+            tool=tool,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            streaming=streaming,
+            elem_id=elem_id,
+            mirror_webcam=mirror_webcam,
+            **kwargs,
+        )
+
+
+class ImagePaint(components.Image):
+    """
+    Sets: source="upload", tool="color-sketch", interactive=True
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Image | np.ndarray | None = None,
+        *,
+        shape: Tuple[int, int] | None = None,
+        image_mode: str = "RGB",
+        invert_colors: bool = False,
+        source: str = "upload",
+        tool: str = "color-sketch",
+        type: str = "numpy",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = True,
+        visible: bool = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        mirror_webcam: bool = True,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            shape=shape,
+            image_mode=image_mode,
+            invert_colors=invert_colors,
+            source=source,
+            tool=tool,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            streaming=streaming,
+            elem_id=elem_id,
+            mirror_webcam=mirror_webcam,
+            **kwargs,
+        )
+
+
+class Pil(components.Image):
+    """
+    Sets: type="pil"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Image | np.ndarray | None = None,
+        *,
+        shape: Tuple[int, int] | None = None,
+        image_mode: str = "RGB",
+        invert_colors: bool = False,
+        source: str = "upload",
+        tool: str | None = None,
+        type: str = "pil",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = None,
+        visible: bool = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        mirror_webcam: bool = True,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            shape=shape,
+            image_mode=image_mode,
+            invert_colors=invert_colors,
+            source=source,
+            tool=tool,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            streaming=streaming,
+            elem_id=elem_id,
+            mirror_webcam=mirror_webcam,
+            **kwargs,
+        )
+
+
+class PlayableVideo(components.Video):
+    """
+    Sets: format="mp4"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Callable | None = None,
+        *,
+        format: str | None = "mp4",
+        source: str = "upload",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        mirror_webcam: bool = True,
+        include_audio: bool | None = None,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            format=format,
+            source=source,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            mirror_webcam=mirror_webcam,
+            include_audio=include_audio,
+            **kwargs,
+        )
+
+
+class Microphone(components.Audio):
+    """
+    Sets: source="microphone"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Tuple[int, np.ndarray] | Callable | None = None,
+        *,
+        source: str = "microphone",
+        type: str = "numpy",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = None,
+        visible: bool = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            source=source,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            streaming=streaming,
+            elem_id=elem_id,
+            **kwargs,
+        )
+
+
+class Files(components.File):
+    """
+    Sets: file_count="multiple"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | typing.List[str] | Callable | None = None,
+        *,
+        file_count: str = "multiple",
+        type: str = "file",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            file_count=file_count,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            **kwargs,
+        )
+
+
+class Numpy(components.Dataframe):
+    """
+    Sets: type="numpy"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: typing.List[typing.List[Any]] | Callable | None = None,
+        *,
+        headers: typing.List[str] | None = None,
+        row_count: int | Tuple[int, str] = (1, "dynamic"),
+        col_count: int | Tuple[int, str] | None = None,
+        datatype: str | typing.List[str] = "str",
+        type: str = "numpy",
+        max_rows: int | None = 20,
+        max_cols: int | None = None,
+        overflow_row_behaviour: str = "paginate",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        wrap: bool = False,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            headers=headers,
+            row_count=row_count,
+            col_count=col_count,
+            datatype=datatype,
+            type=type,
+            max_rows=max_rows,
+            max_cols=max_cols,
+            overflow_row_behaviour=overflow_row_behaviour,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            wrap=wrap,
+            **kwargs,
+        )
+
+
+class Matrix(components.Dataframe):
+    """
+    Sets: type="array"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: typing.List[typing.List[Any]] | Callable | None = None,
+        *,
+        headers: typing.List[str] | None = None,
+        row_count: int | Tuple[int, str] = (1, "dynamic"),
+        col_count: int | Tuple[int, str] | None = None,
+        datatype: str | typing.List[str] = "str",
+        type: str = "array",
+        max_rows: int | None = 20,
+        max_cols: int | None = None,
+        overflow_row_behaviour: str = "paginate",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        wrap: bool = False,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            headers=headers,
+            row_count=row_count,
+            col_count=col_count,
+            datatype=datatype,
+            type=type,
+            max_rows=max_rows,
+            max_cols=max_cols,
+            overflow_row_behaviour=overflow_row_behaviour,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            wrap=wrap,
+            **kwargs,
+        )
+
+
+class List(components.Dataframe):
+    """
+    Sets: type="array", col_count=1
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: typing.List[typing.List[Any]] | Callable | None = None,
+        *,
+        headers: typing.List[str] | None = None,
+        row_count: int | Tuple[int, str] = (1, "dynamic"),
+        col_count: int | Tuple[int, str] = 1,
+        datatype: str | typing.List[str] = "str",
+        type: str = "array",
+        max_rows: int | None = 20,
+        max_cols: int | None = None,
+        overflow_row_behaviour: str = "paginate",
+        label: str | None = None,
+        show_label: bool = True,
+        interactive: bool | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        wrap: bool = False,
+        **kwargs,
+    ):
+        super().__init__(
+            value=value,
+            headers=headers,
+            row_count=row_count,
+            col_count=col_count,
+            datatype=datatype,
+            type=type,
+            max_rows=max_rows,
+            max_cols=max_cols,
+            overflow_row_behaviour=overflow_row_behaviour,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            wrap=wrap,
+            **kwargs,
+        )
+
+
+Mic = Microphone

gradio-modified/gradio/templates/frontend/assets/BlockLabel.37da86a3.js

@@ -0,0 +1,2 @@
+import{S as g,i as m,s as _,e as u,c as h,a as y,t as w,b as f,d as c,f as x,g as d,m as p,h as k,j as I,k as v,n as z,o as B,Z as S}from"./index.396f4a72.js";function j(a){let t,n,s,b,o,r,l;return s=new a[1]({}),{c(){t=u("div"),n=u("span"),h(s.$$.fragment),b=y(),o=w(a[0]),f(n,"class","mr-2 h-[12px] w-[12px] opacity-80"),f(t,"class",r="absolute left-0 top-0 py-1 px-2 rounded-br-lg shadow-sm text-xs text-gray-500 flex items-center pointer-events-none bg-white z-20 border-b border-r border-gray-100 dark:bg-gray-900 "+a[3]),c(t,"h-0",!a[2]),c(t,"sr-only",!a[2])},m(e,i){x(e,t,i),d(t,n),p(s,n,null),d(t,b),d(t,o),l=!0},p(e,[i]){(!l||i&1)&&k(o,e[0]),(!l||i&8&&r!==(r="absolute left-0 top-0 py-1 px-2 rounded-br-lg shadow-sm text-xs text-gray-500 flex items-center pointer-events-none bg-white z-20 border-b border-r border-gray-100 dark:bg-gray-900 "+e[3]))&&f(t,"class",r),i&12&&c(t,"h-0",!e[2]),i&12&&c(t,"sr-only",!e[2])},i(e){l||(I(s.$$.fragment,e),l=!0)},o(e){v(s.$$.fragment,e),l=!1},d(e){e&&z(t),B(s)}}}function q(a,t,n){let s,{label:b=null}=t,{Icon:o}=t,{show_label:r=!0}=t,{disable:l=!1}=t;return a.$$set=e=>{"label"in e&&n(0,b=e.label),"Icon"in e&&n(1,o=e.Icon),"show_label"in e&&n(2,r=e.show_label),"disable"in e&&n(4,l=e.disable)},a.$$.update=()=>{a.$$.dirty&16&&n(3,{classes:s}=S({label_container:!l},["label_container"]),s)},[b,o,r,s,l]}class L extends g{constructor(t){super(),m(this,t,q,j,_,{label:0,Icon:1,show_label:2,disable:4})}}export{L as B};
+//# sourceMappingURL=BlockLabel.37da86a3.js.map

gradio-modified/gradio/templates/frontend/assets/CarouselItem.svelte_svelte_type_style_lang.cc0aed40.js

@@ -0,0 +1,2 @@
+import{S as B,i as E,s as H,p as I,e as w,a as j,t as M,b as g,d as k,f as T,g as c,l as S,u as D,q as F,r as O,h as q,j as Q,k as R,n as U,A as z,F as G,Q as y,$ as J,a0 as K,a1 as A}from"./index.396f4a72.js";function N(l){let t,o,e,u,L,f,m=l[2]+1+"",v,p,_=l[3].length+"",d,b,i,r,x,n;const C=l[9].default,a=I(C,l,l[8],null);return{c(){t=w("div"),a&&a.c(),o=j(),e=w("div"),u=w("button"),u.innerHTML='<svg class="caret text-xs fill-current" width=".7em" height=".7em" viewBox="0 0 9.1457395 15.999842"><path d="M 0.32506616,7.2360106 7.1796187,0.33129769 c 0.4360247,-0.439451 1.1455702,-0.442056 1.5845974,-0.0058 0.4390612,0.435849 0.441666,1.14535901 0.00582,1.58438501 l -6.064985,6.1096644 6.10968,6.0646309 c 0.4390618,0.436026 0.4416664,1.145465 0.00582,1.584526 -0.4358485,0.439239 -1.1453586,0.441843 -1.5845975,0.0058 L 0.33088256,8.8203249 C 0.11135166,8.6022941 0.00105996,8.3161928 7.554975e-6,8.0295489 -0.00104244,7.7427633 0.10735446,7.4556467 0.32524356,7.2361162"></path></svg>',L=j(),f=w("div"),v=M(m),p=M(" / "),d=M(_),b=j(),i=w("button"),i.innerHTML='<svg class="caret text-xs fill-current scale-x-[-1]" width=".7em" height=".7em" viewBox="0 0 9.1457395 15.999842"><path d="M 0.32506616,7.2360106 7.1796187,0.33129769 c 0.4360247,-0.439451 1.1455702,-0.442056 1.5845974,-0.0058 0.4390612,0.435849 0.441666,1.14535901 0.00582,1.58438501 l -6.064985,6.1096644 6.10968,6.0646309 c 0.4390618,0.436026 0.4416664,1.145465 0.00582,1.584526 -0.4358485,0.439239 -1.1453586,0.441843 -1.5845975,0.0058 L 0.33088256,8.8203249 C 0.11135166,8.6022941 0.00105996,8.3161928 7.554975e-6,8.0295489 -0.00104244,7.7427633 0.10735446,7.4556467 0.32524356,7.2361162"></path></svg>',g(u,"class","flex items-center justify-center h-6 w-6 hover:text-orange-500"),g(f,"class","carousel_index text-center font-semibold"),g(i,"class","flex items-center justify-center h-6 w-6 hover:text-orange-500"),g(e,"class","carousel-control flex gap-4 justify-center items-center pt-2 text-sm"),g(t,"class","output-carousel flex flex-col relative"),g(t,"id",l[0]),k(t,"!hidden",!l[1])},m(s,h){T(s,t,h),a&&a.m(t,null),c(t,o),c(t,e),c(e,u),c(e,L),c(e,f),c(f,v),c(f,p),c(f,d),c(e,b),c(e,i),r=!0,x||(n=[S(u,"click",l[7]),S(i,"click",l[6])],x=!0)},p(s,[h]){a&&a.p&&(!r||h&256)&&D(a,C,s,s[8],r?O(C,s[8],h,null):F(s[8]),null),(!r||h&4)&&m!==(m=s[2]+1+"")&&q(v,m),(!r||h&8)&&_!==(_=s[3].length+"")&&q(d,_),(!r||h&1)&&g(t,"id",s[0]),h&2&&k(t,"!hidden",!s[1])},i(s){r||(Q(a,s),r=!0)},o(s){R(a,s),r=!1},d(s){s&&U(t),a&&a.d(s),x=!1,z(n)}}}const P={};function V(l,t,o){let e,u,{$$slots:L={},$$scope:f}=t,{elem_id:m=""}=t,{visible:v=!0}=t;const p=G(),_=A([]);y(l,_,n=>o(3,e=n));const d=A();y(l,d,n=>o(11,u=n));let b=-1;J(P,{register:()=>(e.push(++b),_.set(e),b),unregister:n=>{const C=e.findIndex(a=>a===n);e.slice(C,1),_.set(e)},current:d});let i=0;const r=()=>{o(2,i=(i+1)%e.length),p("change")},x=()=>{o(2,i=(i-1+e.length)%e.length),p("change")};return l.$$set=n=>{"elem_id"in n&&o(0,m=n.elem_id),"visible"in n&&o(1,v=n.visible),"$$scope"in n&&o(8,f=n.$$scope)},l.$$.update=()=>{l.$$.dirty&12&&K(d,u=e[i]||0,u)},[m,v,i,e,_,d,r,x,f,L]}class X extends B{constructor(t){super(),E(this,t,V,N,H,{elem_id:0,visible:1})}}export{X as C,P as a};
+//# sourceMappingURL=CarouselItem.svelte_svelte_type_style_lang.cc0aed40.js.map

gradio-modified/gradio/templates/frontend/assets/CarouselItem.svelte_svelte_type_style_lang.e110d966.css

@@ -0,0 +1 @@
+.carousel-item.svelte-89gglt>img{height:100%;max-height:24rem;width:100%;object-fit:contain;object-position:center}

gradio-modified/gradio/templates/frontend/assets/Column.06c172ac.js

@@ -0,0 +1,2 @@
+import{S as g,i as v,s as h,p as w,e as b,b as o,v as r,d as _,f as C,u as q,q as S,r as j,j as k,k as y,n as z}from"./index.396f4a72.js";function A(i){let e,t,m,f;const u=i[7].default,a=w(u,i,i[6],null);return{c(){e=b("div"),a&&a.c(),o(e,"id",i[2]),o(e,"class",t="overflow-hidden flex flex-col relative col "+r(i[5])),o(e,"style",m=`min-width: min(${i[1]}px, 100%); flex-grow: ${i[0]}`),_(e,"gap-4",i[5].gap!==!1),_(e,"gr-compact",i[4]==="compact"),_(e,"gr-panel",i[4]==="panel"),_(e,"!hidden",!i[3])},m(l,s){C(l,e,s),a&&a.m(e,null),f=!0},p(l,[s]){a&&a.p&&(!f||s&64)&&q(a,u,l,l[6],f?j(u,l[6],s,null):S(l[6]),null),(!f||s&4)&&o(e,"id",l[2]),(!f||s&32&&t!==(t="overflow-hidden flex flex-col relative col "+r(l[5])))&&o(e,"class",t),(!f||s&3&&m!==(m=`min-width: min(${l[1]}px, 100%); flex-grow: ${l[0]}`))&&o(e,"style",m),s&32&&_(e,"gap-4",l[5].gap!==!1),s&48&&_(e,"gr-compact",l[4]==="compact"),s&48&&_(e,"gr-panel",l[4]==="panel"),s&40&&_(e,"!hidden",!l[3])},i(l){f||(k(a,l),f=!0)},o(l){y(a,l),f=!1},d(l){l&&z(e),a&&a.d(l)}}}function B(i,e,t){let{$$slots:m={},$$scope:f}=e,{scale:u=1}=e,{min_width:a=0}=e,{elem_id:l=""}=e,{visible:s=!0}=e,{variant:d="default"}=e,{style:c={}}=e;return i.$$set=n=>{"scale"in n&&t(0,u=n.scale),"min_width"in n&&t(1,a=n.min_width),"elem_id"in n&&t(2,l=n.elem_id),"visible"in n&&t(3,s=n.visible),"variant"in n&&t(4,d=n.variant),"style"in n&&t(5,c=n.style),"$$scope"in n&&t(6,f=n.$$scope)},[u,a,l,s,d,c,f,m]}class D extends g{constructor(e){super(),v(this,e,B,A,h,{scale:0,min_width:1,elem_id:2,visible:3,variant:4,style:5})}}var F=D;export{F as C};
+//# sourceMappingURL=Column.06c172ac.js.map

gradio-modified/gradio/templates/frontend/assets/File.60a988f4.js

@@ -0,0 +1,2 @@
+import{S as h,i as c,s as f,w as o,b as t,f as d,g as i,x as r,n as u}from"./index.396f4a72.js";function g(l){let e,s,n;return{c(){e=o("svg"),s=o("path"),n=o("polyline"),t(s,"d","M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"),t(n,"points","13 2 13 9 20 9"),t(e,"xmlns","http://www.w3.org/2000/svg"),t(e,"width","100%"),t(e,"height","100%"),t(e,"viewBox","0 0 24 24"),t(e,"fill","none"),t(e,"stroke","currentColor"),t(e,"stroke-width","1.5"),t(e,"stroke-linecap","round"),t(e,"stroke-linejoin","round"),t(e,"class","feather feather-file")},m(a,p){d(a,e,p),i(e,s),i(e,n)},p:r,i:r,o:r,d(a){a&&u(e)}}}class m extends h{constructor(e){super(),c(this,e,null,g,f,{})}}export{m as F};
+//# sourceMappingURL=File.60a988f4.js.map

gradio-modified/gradio/templates/frontend/assets/Image.4a41f1aa.js

@@ -0,0 +1,2 @@
+import{S as h,i as g,s as d,w as n,b as e,f,g as a,x as l,n as m}from"./index.396f4a72.js";function u(c){let t,r,s,o;return{c(){t=n("svg"),r=n("rect"),s=n("circle"),o=n("polyline"),e(r,"x","3"),e(r,"y","3"),e(r,"width","18"),e(r,"height","18"),e(r,"rx","2"),e(r,"ry","2"),e(s,"cx","8.5"),e(s,"cy","8.5"),e(s,"r","1.5"),e(o,"points","21 15 16 10 5 21"),e(t,"xmlns","http://www.w3.org/2000/svg"),e(t,"width","100%"),e(t,"height","100%"),e(t,"viewBox","0 0 24 24"),e(t,"fill","none"),e(t,"stroke","currentColor"),e(t,"stroke-width","1.5"),e(t,"stroke-linecap","round"),e(t,"stroke-linejoin","round"),e(t,"class","feather feather-image")},m(i,p){f(i,t,p),a(t,r),a(t,s),a(t,o)},p:l,i:l,o:l,d(i){i&&m(t)}}}class x extends h{constructor(t){super(),g(this,t,null,u,d,{})}}export{x as I};
+//# sourceMappingURL=Image.4a41f1aa.js.map

gradio-modified/gradio/templates/frontend/assets/Image.95fa511c.js

@@ -0,0 +1,2 @@
+import{S as c,i as u,s as f,e as o,b as n,M as l,f as _,x as m,n as g}from"./index.396f4a72.js";function d(i){let e,s;return{c(){e=o("img"),n(e,"class","gr-sample-image object-contain h-20 w-20"),l(e.src,s=i[1]+i[0])||n(e,"src",s)},m(a,t){_(a,e,t)},p(a,[t]){t&3&&!l(e.src,s=a[1]+a[0])&&n(e,"src",s)},i:m,o:m,d(a){a&&g(e)}}}function v(i,e,s){let{value:a}=e,{samples_dir:t}=e;return i.$$set=r=>{"value"in r&&s(0,a=r.value),"samples_dir"in r&&s(1,t=r.samples_dir)},[a,t]}class p extends c{constructor(e){super(),u(this,e,v,d,f,{value:0,samples_dir:1})}}var b=p;export{b as E};
+//# sourceMappingURL=Image.95fa511c.js.map

gradio-modified/gradio/templates/frontend/assets/Model3D.b44fd6f2.js

@@ -0,0 +1,2 @@
+import{S as l,i as r,s as o,e as u,t as c,b as d,f,g as m,h as p,x as i,n as v}from"./index.396f4a72.js";function x(n){let e,s;return{c(){e=u("div"),s=c(n[0]),d(e,"class","gr-sample-3d")},m(t,a){f(t,e,a),m(e,s)},p(t,[a]){a&1&&p(s,t[0])},i,o:i,d(t){t&&v(e)}}}function _(n,e,s){let{value:t}=e;return n.$$set=a=>{"value"in a&&s(0,t=a.value)},[t]}class g extends l{constructor(e){super(),r(this,e,_,x,o,{value:0})}}var D=g;export{D as E};
+//# sourceMappingURL=Model3D.b44fd6f2.js.map

gradio-modified/gradio/templates/frontend/assets/ModifyUpload.2cfe71e4.js

@@ -0,0 +1,2 @@
+import{S as b,i as w,s as k,e as x,c as y,b as s,f as _,g as m,m as I,l as z,j as d,k as h,n as v,o as C,K as M,w as g,Y as u,x as f,a as E,d as p,D as L,E as B,F as D}from"./index.396f4a72.js";function S(o){let e,l,t,r,n,a;return t=new o[0]({}),{c(){e=x("button"),l=x("div"),y(t.$$.fragment),s(l,"class","m-t-1 w-[60%] h-[60%] opacity-80 dark:text-white"),s(e,"class","text-gray-500 bg-white/90 h-5 w-5 flex items-center justify-center rounded shadow-sm hover:shadow-xl hover:ring-1 ring-inset ring-gray-200 z-10 dark:bg-gray-900 dark:ring-gray-600"),s(e,"aria-label",o[1])},m(i,c){_(i,e,c),m(e,l),I(t,l,null),r=!0,n||(a=z(e,"click",o[2]),n=!0)},p(i,[c]){(!r||c&2)&&s(e,"aria-label",i[1])},i(i){r||(d(t.$$.fragment,i),r=!0)},o(i){h(t.$$.fragment,i),r=!1},d(i){i&&v(e),C(t),n=!1,a()}}}function q(o,e,l){let{Icon:t}=e,{label:r=""}=e;function n(a){M.call(this,o,a)}return o.$$set=a=>{"Icon"in a&&l(0,t=a.Icon),"label"in a&&l(1,r=a.label)},[t,r,n]}class j extends b{constructor(e){super(),w(this,e,q,S,k,{Icon:0,label:1})}}function F(o){let e,l,t,r;return{c(){e=g("svg"),l=g("g"),t=g("path"),r=g("path"),s(t,"d","M18,6L6.087,17.913"),u(t,"fill","none"),u(t,"fill-rule","nonzero"),u(t,"stroke-width","2px"),s(l,"transform","matrix(1.14096,-0.140958,-0.140958,1.14096,-0.0559523,0.0559523)"),s(r,"d","M4.364,4.364L19.636,19.636"),u(r,"fill","none"),u(r,"fill-rule","nonzero"),u(r,"stroke-width","2px"),s(e,"width","100%"),s(e,"height","100%"),s(e,"viewBox","0 0 24 24"),s(e,"version","1.1"),s(e,"xmlns","http://www.w3.org/2000/svg"),s(e,"xmlns:xlink","http://www.w3.org/1999/xlink"),s(e,"xml:space","preserve"),s(e,"stroke","currentColor"),u(e,"fill-rule","evenodd"),u(e,"clip-rule","evenodd"),u(e,"stroke-linecap","round"),u(e,"stroke-linejoin","round")},m(n,a){_(n,e,a),m(e,l),m(l,t),m(e,r)},p:f,i:f,o:f,d(n){n&&v(e)}}}class K extends b{constructor(e){super(),w(this,e,null,F,k,{})}}function P(o){let e,l;return{c(){e=g("svg"),l=g("path"),s(l,"d","M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"),s(e,"xmlns","http://www.w3.org/2000/svg"),s(e,"width","100%"),s(e,"height","100%"),s(e,"viewBox","0 0 24 24"),s(e,"fill","none"),s(e,"stroke","currentColor"),s(e,"stroke-width","1.5"),s(e,"stroke-linecap","round"),s(e,"stroke-linejoin","round"),s(e,"class","feather feather-edit-2")},m(t,r){_(t,e,r),m(e,l)},p:f,i:f,o:f,d(t){t&&v(e)}}}class U extends b{constructor(e){super(),w(this,e,null,P,k,{})}}function $(o){let e,l;return e=new j({props:{Icon:U,label:"Edit"}}),e.$on("click",o[3]),{c(){y(e.$$.fragment)},m(t,r){I(e,t,r),l=!0},p:f,i(t){l||(d(e.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),l=!1},d(t){C(e,t)}}}function Y(o){let e,l,t,r,n=o[0]&&$(o);return t=new j({props:{Icon:K,label:"Clear"}}),t.$on("click",o[4]),{c(){e=x("div"),n&&n.c(),l=E(),y(t.$$.fragment),s(e,"class","modify-upload z-10 top-2 right-2 justify-end flex gap-1"),p(e,"absolute",o[1]),p(e,"m-1",!o[1])},m(a,i){_(a,e,i),n&&n.m(e,null),m(e,l),I(t,e,null),r=!0},p(a,[i]){a[0]?n?(n.p(a,i),i&1&&d(n,1)):(n=$(a),n.c(),d(n,1),n.m(e,l)):n&&(L(),h(n,1,1,()=>{n=null}),B()),i&2&&p(e,"absolute",a[1]),i&2&&p(e,"m-1",!a[1])},i(a){r||(d(n),d(t.$$.fragment,a),r=!0)},o(a){h(n),h(t.$$.fragment,a),r=!1},d(a){a&&v(e),n&&n.d(),C(t)}}}function A(o,e,l){let{editable:t=!1}=e,{absolute:r=!0}=e;const n=D(),a=()=>n("edit"),i=c=>{n("clear"),c.stopPropagation()};return o.$$set=c=>{"editable"in c&&l(0,t=c.editable),"absolute"in c&&l(1,r=c.absolute)},[t,r,n,a,i]}class H extends b{constructor(e){super(),w(this,e,A,Y,k,{editable:0,absolute:1})}}export{K as C,j as I,H as M};
+//# sourceMappingURL=ModifyUpload.2cfe71e4.js.map

gradio-modified/gradio/templates/frontend/assets/Tabs.6b500f1a.js

@@ -0,0 +1,2 @@
+import{S as A,i as D,s as E,B as q,f as h,n as g,p as F,e as v,a as w,b as m,d as S,g as p,ab as I,u as M,q as N,r as Q,j as z,k as G,Q as H,F as J,$ as K,aq as L,a1 as O,a0 as P,t as C,l as R,h as j}from"./index.396f4a72.js";function T(i,e,s){const t=i.slice();return t[11]=e[s],t}function U(i){let e,s=i[11].name+"",t,f,o,a;function n(){return i[9](i[11])}return{c(){e=v("button"),t=C(s),f=w(),m(e,"class","px-4 pb-2 pt-1.5 border-transparent text-gray-400 hover:text-gray-700 -mb-[2px] border-2 border-b-0")},m(d,u){h(d,e,u),p(e,t),p(e,f),o||(a=R(e,"click",n),o=!0)},p(d,u){i=d,u&4&&s!==(s=i[11].name+"")&&j(t,s)},d(d){d&&g(e),o=!1,a()}}}function V(i){let e,s=i[11].name+"",t,f;return{c(){e=v("button"),t=C(s),f=w(),m(e,"class","bg-white px-4 pb-2 pt-1.5 rounded-t-lg border-gray-200 -mb-[2px] border-2 border-b-0")},m(o,a){h(o,e,a),p(e,t),p(e,f)},p(o,a){a&4&&s!==(s=o[11].name+"")&&j(t,s)},d(o){o&&g(e)}}}function B(i,e){let s,t;function f(n,d){return n[11].id===n[3]?V:U}let o=f(e),a=o(e);return{key:i,first:null,c(){s=q(),a.c(),t=q(),this.first=s},m(n,d){h(n,s,d),a.m(n,d),h(n,t,d)},p(n,d){e=n,o===(o=f(e))&&a?a.p(e,d):(a.d(1),a=o(e),a&&(a.c(),a.m(t.parentNode,t)))},d(n){n&&g(s),a.d(n),n&&g(t)}}}function W(i){let e,s,t=[],f=new Map,o,a,n=i[2];const d=l=>l[11].id;for(let l=0;l<n.length;l+=1){let c=T(i,n,l),b=d(c);f.set(b,t[l]=B(b,c))}const u=i[8].default,_=F(u,i,i[7],null);return{c(){e=v("div"),s=v("div");for(let l=0;l<t.length;l+=1)t[l].c();o=w(),_&&_.c(),m(s,"class","flex border-b-2 flex-wrap dark:border-gray-700"),m(e,"class","tabs flex flex-col my-4"),m(e,"id",i[1]),S(e,"hidden",!i[0])},m(l,c){h(l,e,c),p(e,s);for(let b=0;b<t.length;b+=1)t[b].m(s,null);p(e,o),_&&_.m(e,null),a=!0},p(l,[c]){c&44&&(n=l[2],t=I(t,c,d,1,l,n,f,s,L,B,null,T)),_&&_.p&&(!a||c&128)&&M(_,u,l,l[7],a?Q(u,l[7],c,null):N(l[7]),null),(!a||c&2)&&m(e,"id",l[1]),c&1&&S(e,"hidden",!l[0])},i(l){a||(z(_,l),a=!0)},o(l){G(_,l),a=!1},d(l){l&&g(e);for(let c=0;c<t.length;c+=1)t[c].d();_&&_.d(l)}}}const X={};function Y(i,e,s){let t,{$$slots:f={},$$scope:o}=e,{visible:a=!0}=e,{elem_id:n}=e,{selected:d}=e,u=[];const _=O(!1);H(i,_,r=>s(3,t=r));const l=J();K(X,{register_tab:r=>{u.push({name:r.name,id:r.id}),_.update(k=>k??r.id),s(2,u)},unregister_tab:r=>{const k=u.findIndex(y=>y.id===r.id);u.splice(k,1),_.update(y=>y===r.id?u[k]?.id||u[u.length-1]?.id:y)},selected_tab:_});function c(r){P(_,t=r,t),l("change")}const b=r=>c(r.id);return i.$$set=r=>{"visible"in r&&s(0,a=r.visible),"elem_id"in r&&s(1,n=r.elem_id),"selected"in r&&s(6,d=r.selected),"$$scope"in r&&s(7,o=r.$$scope)},i.$$.update=()=>{i.$$.dirty&64&&d!==null&&c(d)},[a,n,u,t,_,c,d,o,f,b]}class x extends A{constructor(e){super(),D(this,e,Y,W,E,{visible:0,elem_id:1,selected:6})}}export{x as T,X as a};
+//# sourceMappingURL=Tabs.6b500f1a.js.map

gradio-modified/gradio/templates/frontend/assets/Upload.5d0148e8.js

@@ -0,0 +1,2 @@
+import{S as J,i as M,s as N,p as P,e as D,a as Q,b as o,d as p,f as V,g as R,l as s,W as h,z as b,u as X,q as Y,r as Z,j as x,k as $,n as ee,A as le,F as te,K as y,I as ne}from"./index.396f4a72.js";function ie(t){let l,i,a,g,m,c,f,d,k,F;const _=t[14].default,r=P(_,t,t[13],null);return{c(){l=D("div"),r&&r.c(),i=Q(),a=D("input"),o(a,"class","hidden-upload hidden"),o(a,"type","file"),o(a,"accept",t[0]),a.multiple=g=t[4]==="multiple"||void 0,o(a,"webkitdirectory",m=t[4]==="directory"||void 0),o(a,"mozdirectory",c=t[4]==="directory"||void 0),o(l,"class",f="w-full cursor-pointer h-full items-center justify-center text-gray-400 md:text-xl "+(t[1]?"min-h-[10rem] md:min-h-[15rem] max-h-[15rem] xl:max-h-[18rem] 2xl:max-h-[20rem]":"")),p(l,"text-center",t[2]),p(l,"flex",t[3])},m(n,u){V(n,l,u),r&&r.m(l,null),R(l,i),R(l,a),t[22](a),d=!0,k||(F=[s(a,"change",t[8]),s(l,"drag",h(b(t[15]))),s(l,"dragstart",h(b(t[16]))),s(l,"dragend",h(b(t[17]))),s(l,"dragover",h(b(t[18]))),s(l,"dragenter",h(b(t[19]))),s(l,"dragleave",h(b(t[20]))),s(l,"drop",h(b(t[21]))),s(l,"click",t[7]),s(l,"drop",t[9]),s(l,"dragenter",t[6]),s(l,"dragleave",t[6])],k=!0)},p(n,[u]){r&&r.p&&(!d||u&8192)&&X(r,_,n,n[13],d?Z(_,n[13],u,null):Y(n[13]),null),(!d||u&1)&&o(a,"accept",n[0]),(!d||u&16&&g!==(g=n[4]==="multiple"||void 0))&&(a.multiple=g),(!d||u&16&&m!==(m=n[4]==="directory"||void 0))&&o(a,"webkitdirectory",m),(!d||u&16&&c!==(c=n[4]==="directory"||void 0))&&o(a,"mozdirectory",c),(!d||u&2&&f!==(f="w-full cursor-pointer h-full items-center justify-center text-gray-400 md:text-xl "+(n[1]?"min-h-[10rem] md:min-h-[15rem] max-h-[15rem] xl:max-h-[18rem] 2xl:max-h-[20rem]":"")))&&o(l,"class",f),u&6&&p(l,"text-center",n[2]),u&10&&p(l,"flex",n[3])},i(n){d||(x(r,n),d=!0)},o(n){$(r,n),d=!1},d(n){n&&ee(l),r&&r.d(n),t[22](null),k=!1,le(F)}}}function ae(t,l,i){let{$$slots:a={},$$scope:g}=l,{filetype:m=void 0}=l,{include_file_metadata:c=!0}=l,{dragging:f=!1}=l,{boundedheight:d=!0}=l,{center:k=!0}=l,{flex:F=!0}=l,{file_count:_="single"}=l,{disable_click:r=!1}=l,n;const u=te(),A=()=>{i(10,f=!f)},q=()=>{r||(i(5,n.value="",n),n.click())},j=e=>{let w=Array.from(e);if(!(!e.length||!window.FileReader)){_==="single"&&(w=[e[0]]);var z=[];w.forEach((U,G)=>{let v=new FileReader;v.readAsDataURL(U),v.onloadend=function(){z[G]=c?{name:U.name,size:U.size,data:this.result}:this.result,z.filter(H=>H!==void 0).length===e.length&&u("load",_=="single"?z[0]:z)}})}},E=e=>{const w=e.target;!w.files||j(w.files)},S=e=>{i(10,f=!1),e.dataTransfer?.files&&j(e.dataTransfer.files)};function T(e){y.call(this,t,e)}function C(e){y.call(this,t,e)}function I(e){y.call(this,t,e)}function K(e){y.call(this,t,e)}function L(e){y.call(this,t,e)}function O(e){y.call(this,t,e)}function W(e){y.call(this,t,e)}function B(e){ne[e?"unshift":"push"](()=>{n=e,i(5,n)})}return t.$$set=e=>{"filetype"in e&&i(0,m=e.filetype),"include_file_metadata"in e&&i(11,c=e.include_file_metadata),"dragging"in e&&i(10,f=e.dragging),"boundedheight"in e&&i(1,d=e.boundedheight),"center"in e&&i(2,k=e.center),"flex"in e&&i(3,F=e.flex),"file_count"in e&&i(4,_=e.file_count),"disable_click"in e&&i(12,r=e.disable_click),"$$scope"in e&&i(13,g=e.$$scope)},[m,d,k,F,_,n,A,q,E,S,f,c,r,g,a,T,C,I,K,L,O,W,B]}class de extends J{constructor(l){super(),M(this,l,ae,ie,N,{filetype:0,include_file_metadata:11,dragging:10,boundedheight:1,center:2,flex:3,file_count:4,disable_click:12})}}export{de as U};
+//# sourceMappingURL=Upload.5d0148e8.js.map

gradio-modified/gradio/templates/frontend/assets/Webcam.8816836e.js

@@ -0,0 +1,11 @@
+import{S as bt,i as wt,s as yt,w as H,b as p,f as U,g as Z,x as I,n as j,e as ct,l as je,y as Ve,D as jt,k as G,E as Vt,j as W,a as Ge,d as re,F as qe,ad as Fe,c as Gt,m as qt,o as Ft,B as Ke,I as Qe}from"./index.396f4a72.js";function Ze(a){let t,e,i;return{c(){t=H("svg"),e=H("path"),i=H("circle"),p(e,"d","M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"),p(i,"cx","12"),p(i,"cy","13"),p(i,"r","4"),p(t,"xmlns","http://www.w3.org/2000/svg"),p(t,"width","100%"),p(t,"height","100%"),p(t,"viewBox","0 0 24 24"),p(t,"fill","none"),p(t,"stroke","currentColor"),p(t,"stroke-width","1.5"),p(t,"stroke-linecap","round"),p(t,"stroke-linejoin","round"),p(t,"class","feather feather-camera")},m(n,r){U(n,t,r),Z(t,e),Z(t,i)},p:I,i:I,o:I,d(n){n&&j(t)}}}class Je extends bt{constructor(t){super(),wt(this,t,null,Ze,yt,{})}}function $e(a){let t,e;return{c(){t=H("svg"),e=H("circle"),p(e,"cx","12"),p(e,"cy","12"),p(e,"r","10"),p(t,"xmlns","http://www.w3.org/2000/svg"),p(t,"width","100%"),p(t,"height","100%"),p(t,"viewBox","0 0 24 24"),p(t,"fill","red"),p(t,"stroke","red"),p(t,"stroke-width","1.5"),p(t,"stroke-linecap","round"),p(t,"stroke-linejoin","round"),p(t,"class","feather feather-circle")},m(i,n){U(i,t,n),Z(t,e)},p:I,i:I,o:I,d(i){i&&j(t)}}}class ti extends bt{constructor(t){super(),wt(this,t,null,$e,yt,{})}}function ei(a){let t,e;return{c(){t=H("svg"),e=H("rect"),p(e,"x","3"),p(e,"y","3"),p(e,"width","18"),p(e,"height","18"),p(e,"rx","2"),p(e,"ry","2"),p(t,"xmlns","http://www.w3.org/2000/svg"),p(t,"width","100%"),p(t,"height","100%"),p(t,"viewBox","0 0 24 24"),p(t,"fill","red"),p(t,"stroke","red"),p(t,"stroke-width","1.5"),p(t,"stroke-linecap","round"),p(t,"stroke-linejoin","round"),p(t,"class","feather feather-square")},m(i,n){U(i,t,n),Z(t,e)},p:I,i:I,o:I,d(i){i&&j(t)}}}class ii extends bt{constructor(t){super(),wt(this,t,null,ei,yt,{})}}function ai(a){let t,e,i;return{c(){t=H("svg"),e=H("polyline"),i=H("path"),p(e,"points","1 4 1 10 7 10"),p(i,"d","M3.51 15a9 9 0 1 0 2.13-9.36L1 10"),p(t,"xmlns","http://www.w3.org/2000/svg"),p(t,"width","100%"),p(t,"height","100%"),p(t,"viewBox","0 0 24 24"),p(t,"fill","none"),p(t,"stroke","currentColor"),p(t,"stroke-width","1.5"),p(t,"stroke-linecap","round"),p(t,"stroke-linejoin","round"),p(t,"class","feather feather-rotate-ccw")},m(n,r){U(n,t,r),Z(t,e),Z(t,i)},p:I,i:I,o:I,d(n){n&&j(t)}}}class ga extends bt{constructor(t){super(),wt(this,t,null,ai,yt,{})}}/*!
+ * Cropper.js v1.5.12
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2021-06-12T08:00:17.411Z
+ */function ne(a,t){var e=Object.keys(a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(a);t&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable})),e.push.apply(e,i)}return e}function Ee(a){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?ne(Object(e),!0).forEach(function(i){oi(a,i,e[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(e)):ne(Object(e)).forEach(function(i){Object.defineProperty(a,i,Object.getOwnPropertyDescriptor(e,i))})}return a}function Dt(a){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Dt=function(t){return typeof t}:Dt=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Dt(a)}function ri(a,t){if(!(a instanceof t))throw new TypeError("Cannot call a class as a function")}function oe(a,t){for(var e=0;e<t.length;e++){var i=t[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(a,i.key,i)}}function ni(a,t,e){return t&&oe(a.prototype,t),e&&oe(a,e),a}function oi(a,t,e){return t in a?Object.defineProperty(a,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):a[t]=e,a}function De(a){return si(a)||hi(a)||ci(a)||li()}function si(a){if(Array.isArray(a))return It(a)}function hi(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function ci(a,t){if(!!a){if(typeof a=="string")return It(a,t);var e=Object.prototype.toString.call(a).slice(8,-1);if(e==="Object"&&a.constructor&&(e=a.constructor.name),e==="Map"||e==="Set")return Array.from(a);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return It(a,t)}}function It(a,t){(t==null||t>a.length)&&(t=a.length);for(var e=0,i=new Array(t);e<t;e++)i[e]=a[e];return i}function li(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var Ct=typeof window<"u"&&typeof window.document<"u",X=Ct?window:{},Kt=Ct&&X.document.documentElement?"ontouchstart"in X.document.documentElement:!1,Qt=Ct?"PointerEvent"in X:!1,E="cropper",Zt="all",Me="crop",Oe="move",Te="zoom",et="e",it="w",rt="s",F="n",ft="ne",ut="nw",dt="se",pt="sw",Lt="".concat(E,"-crop"),se="".concat(E,"-disabled"),S="".concat(E,"-hidden"),he="".concat(E,"-hide"),fi="".concat(E,"-invisible"),Mt="".concat(E,"-modal"),Bt="".concat(E,"-move"),mt="".concat(E,"Action"),_t="".concat(E,"Preview"),Jt="crop",Ce="move",Re="none",zt="crop",Pt="cropend",Ht="cropmove",Wt="cropstart",ce="dblclick",ui=Kt?"touchstart":"mousedown",di=Kt?"touchmove":"mousemove",pi=Kt?"touchend touchcancel":"mouseup",le=Qt?"pointerdown":ui,fe=Qt?"pointermove":di,ue=Qt?"pointerup pointercancel":pi,de="ready",pe="resize",ve="wheel",Yt="zoom",me="image/jpeg",vi=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,mi=/^data:/,gi=/^data:image\/jpeg;base64,/,bi=/^img|canvas$/i,Ae=200,Ne=100,ge={viewMode:0,dragMode:Jt,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:Ae,minContainerHeight:Ne,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},wi='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',yi=Number.isNaN||X.isNaN;function b(a){return typeof a=="number"&&!yi(a)}var be=function(t){return t>0&&t<1/0};function kt(a){return typeof a>"u"}function at(a){return Dt(a)==="object"&&a!==null}var xi=Object.prototype.hasOwnProperty;function nt(a){if(!at(a))return!1;try{var t=a.constructor,e=t.prototype;return t&&e&&xi.call(e,"isPrototypeOf")}catch{return!1}}function k(a){return typeof a=="function"}var _i=Array.prototype.slice;function ke(a){return Array.from?Array.from(a):_i.call(a)}function C(a,t){return a&&k(t)&&(Array.isArray(a)||b(a.length)?ke(a).forEach(function(e,i){t.call(a,e,i,a)}):at(a)&&Object.keys(a).forEach(function(e){t.call(a,a[e],e,a)})),a}var D=Object.assign||function(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];return at(t)&&i.length>0&&i.forEach(function(r){at(r)&&Object.keys(r).forEach(function(o){t[o]=r[o]})}),t},Ei=/\.\d*(?:0|9){12}\d*$/;function st(a){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Ei.test(a)?Math.round(a*t)/t:a}var Di=/^width|height|left|top|marginLeft|marginTop$/;function K(a,t){var e=a.style;C(t,function(i,n){Di.test(n)&&b(i)&&(i="".concat(i,"px")),e[n]=i})}function Mi(a,t){return a.classList?a.classList.contains(t):a.className.indexOf(t)>-1}function A(a,t){if(!!t){if(b(a.length)){C(a,function(i){A(i,t)});return}if(a.classList){a.classList.add(t);return}var e=a.className.trim();e?e.indexOf(t)<0&&(a.className="".concat(e," ").concat(t)):a.className=t}}function Y(a,t){if(!!t){if(b(a.length)){C(a,function(e){Y(e,t)});return}if(a.classList){a.classList.remove(t);return}a.className.indexOf(t)>=0&&(a.className=a.className.replace(t,""))}}function ot(a,t,e){if(!!t){if(b(a.length)){C(a,function(i){ot(i,t,e)});return}e?A(a,t):Y(a,t)}}var Oi=/([a-z\d])([A-Z])/g;function $t(a){return a.replace(Oi,"$1-$2").toLowerCase()}function Xt(a,t){return at(a[t])?a[t]:a.dataset?a.dataset[t]:a.getAttribute("data-".concat($t(t)))}function gt(a,t,e){at(e)?a[t]=e:a.dataset?a.dataset[t]=e:a.setAttribute("data-".concat($t(t)),e)}function Ti(a,t){if(at(a[t]))try{delete a[t]}catch{a[t]=void 0}else if(a.dataset)try{delete a.dataset[t]}catch{a.dataset[t]=void 0}else a.removeAttribute("data-".concat($t(t)))}var Se=/\s\s*/,Ie=function(){var a=!1;if(Ct){var t=!1,e=function(){},i=Object.defineProperty({},"once",{get:function(){return a=!0,t},set:function(r){t=r}});X.addEventListener("test",e,i),X.removeEventListener("test",e,i)}return a}();function z(a,t,e){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=e;t.trim().split(Se).forEach(function(r){if(!Ie){var o=a.listeners;o&&o[r]&&o[r][e]&&(n=o[r][e],delete o[r][e],Object.keys(o[r]).length===0&&delete o[r],Object.keys(o).length===0&&delete a.listeners)}a.removeEventListener(r,n,i)})}function B(a,t,e){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=e;t.trim().split(Se).forEach(function(r){if(i.once&&!Ie){var o=a.listeners,s=o===void 0?{}:o;n=function(){delete s[r][e],a.removeEventListener(r,n,i);for(var f=arguments.length,h=new Array(f),c=0;c<f;c++)h[c]=arguments[c];e.apply(a,h)},s[r]||(s[r]={}),s[r][e]&&a.removeEventListener(r,s[r][e],i),s[r][e]=n,a.listeners=s}a.addEventListener(r,n,i)})}function ht(a,t,e){var i;return k(Event)&&k(CustomEvent)?i=new CustomEvent(t,{detail:e,bubbles:!0,cancelable:!0}):(i=document.createEvent("CustomEvent"),i.initCustomEvent(t,!0,!0,e)),a.dispatchEvent(i)}function Le(a){var t=a.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var St=X.location,Ci=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function we(a){var t=a.match(Ci);return t!==null&&(t[1]!==St.protocol||t[2]!==St.hostname||t[3]!==St.port)}function ye(a){var t="timestamp=".concat(new Date().getTime());return a+(a.indexOf("?")===-1?"?":"&")+t}function vt(a){var t=a.rotate,e=a.scaleX,i=a.scaleY,n=a.translateX,r=a.translateY,o=[];b(n)&&n!==0&&o.push("translateX(".concat(n,"px)")),b(r)&&r!==0&&o.push("translateY(".concat(r,"px)")),b(t)&&t!==0&&o.push("rotate(".concat(t,"deg)")),b(e)&&e!==1&&o.push("scaleX(".concat(e,")")),b(i)&&i!==1&&o.push("scaleY(".concat(i,")"));var s=o.length?o.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function Ri(a){var t=Ee({},a),e=0;return C(a,function(i,n){delete t[n],C(t,function(r){var o=Math.abs(i.startX-r.startX),s=Math.abs(i.startY-r.startY),l=Math.abs(i.endX-r.endX),f=Math.abs(i.endY-r.endY),h=Math.sqrt(o*o+s*s),c=Math.sqrt(l*l+f*f),u=(c-h)/h;Math.abs(u)>Math.abs(e)&&(e=u)})}),e}function Et(a,t){var e=a.pageX,i=a.pageY,n={endX:e,endY:i};return t?n:Ee({startX:e,startY:i},n)}function Ai(a){var t=0,e=0,i=0;return C(a,function(n){var r=n.startX,o=n.startY;t+=r,e+=o,i+=1}),t/=i,e/=i,{pageX:t,pageY:e}}function Q(a){var t=a.aspectRatio,e=a.height,i=a.width,n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=be(i),o=be(e);if(r&&o){var s=e*t;n==="contain"&&s>i||n==="cover"&&s<i?e=i/t:i=e*t}else r?e=i/t:o&&(i=e*t);return{width:i,height:e}}function Ni(a){var t=a.width,e=a.height,i=a.degree;if(i=Math.abs(i)%180,i===90)return{width:e,height:t};var n=i%90*Math.PI/180,r=Math.sin(n),o=Math.cos(n),s=t*o+e*r,l=t*r+e*o;return i>90?{width:l,height:s}:{width:s,height:l}}function ki(a,t,e,i){var n=t.aspectRatio,r=t.naturalWidth,o=t.naturalHeight,s=t.rotate,l=s===void 0?0:s,f=t.scaleX,h=f===void 0?1:f,c=t.scaleY,u=c===void 0?1:c,v=e.aspectRatio,m=e.naturalWidth,x=e.naturalHeight,g=i.fillColor,_=g===void 0?"transparent":g,T=i.imageSmoothingEnabled,O=T===void 0?!0:T,w=i.imageSmoothingQuality,M=w===void 0?"low":w,d=i.maxWidth,y=d===void 0?1/0:d,R=i.maxHeight,L=R===void 0?1/0:R,V=i.minWidth,J=V===void 0?0:V,$=i.minHeight,q=$===void 0?0:$,P=document.createElement("canvas"),N=P.getContext("2d"),tt=Q({aspectRatio:v,width:y,height:L}),xt=Q({aspectRatio:v,width:J,height:q},"cover"),At=Math.min(tt.width,Math.max(xt.width,m)),Nt=Math.min(tt.height,Math.max(xt.height,x)),te=Q({aspectRatio:n,width:y,height:L}),ee=Q({aspectRatio:n,width:J,height:q},"cover"),ie=Math.min(te.width,Math.max(ee.width,r)),ae=Math.min(te.height,Math.max(ee.height,o)),Xe=[-ie/2,-ae/2,ie,ae];return P.width=st(At),P.height=st(Nt),N.fillStyle=_,N.fillRect(0,0,At,Nt),N.save(),N.translate(At/2,Nt/2),N.rotate(l*Math.PI/180),N.scale(h,u),N.imageSmoothingEnabled=O,N.imageSmoothingQuality=M,N.drawImage.apply(N,[a].concat(De(Xe.map(function(Ue){return Math.floor(st(Ue))})))),N.restore(),P}var Be=String.fromCharCode;function Si(a,t,e){var i="";e+=t;for(var n=t;n<e;n+=1)i+=Be(a.getUint8(n));return i}var Ii=/^data:.*,/;function Li(a){var t=a.replace(Ii,""),e=atob(t),i=new ArrayBuffer(e.length),n=new Uint8Array(i);return C(n,function(r,o){n[o]=e.charCodeAt(o)}),i}function Bi(a,t){for(var e=[],i=8192,n=new Uint8Array(a);n.length>0;)e.push(Be.apply(null,ke(n.subarray(0,i)))),n=n.subarray(i);return"data:".concat(t,";base64,").concat(btoa(e.join("")))}function zi(a){var t=new DataView(a),e;try{var i,n,r;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var o=t.byteLength,s=2;s+1<o;){if(t.getUint8(s)===255&&t.getUint8(s+1)===225){n=s;break}s+=1}if(n){var l=n+4,f=n+10;if(Si(t,l,4)==="Exif"){var h=t.getUint16(f);if(i=h===18761,(i||h===19789)&&t.getUint16(f+2,i)===42){var c=t.getUint32(f+4,i);c>=8&&(r=f+c)}}}if(r){var u=t.getUint16(r,i),v,m;for(m=0;m<u;m+=1)if(v=r+m*12+2,t.getUint16(v,i)===274){v+=8,e=t.getUint16(v,i),t.setUint16(v,1,i);break}}}catch{e=1}return e}function Pi(a){var t=0,e=1,i=1;switch(a){case 2:e=-1;break;case 3:t=-180;break;case 4:i=-1;break;case 5:t=90,i=-1;break;case 6:t=90;break;case 7:t=90,e=-1;break;case 8:t=-90;break}return{rotate:t,scaleX:e,scaleY:i}}var Hi={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,e=this.options,i=this.container,n=this.cropper,r=Number(e.minContainerWidth),o=Number(e.minContainerHeight);A(n,S),Y(t,S);var s={width:Math.max(i.offsetWidth,r>=0?r:Ae),height:Math.max(i.offsetHeight,o>=0?o:Ne)};this.containerData=s,K(n,{width:s.width,height:s.height}),A(t,S),Y(n,S)},initCanvas:function(){var t=this.containerData,e=this.imageData,i=this.options.viewMode,n=Math.abs(e.rotate)%180===90,r=n?e.naturalHeight:e.naturalWidth,o=n?e.naturalWidth:e.naturalHeight,s=r/o,l=t.width,f=t.height;t.height*s>t.width?i===3?l=t.height*s:f=t.width/s:i===3?f=t.width/s:l=t.height*s;var h={aspectRatio:s,naturalWidth:r,naturalHeight:o,width:l,height:f};this.canvasData=h,this.limited=i===1||i===2,this.limitCanvas(!0,!0),h.width=Math.min(Math.max(h.width,h.minWidth),h.maxWidth),h.height=Math.min(Math.max(h.height,h.minHeight),h.maxHeight),h.left=(t.width-h.width)/2,h.top=(t.height-h.height)/2,h.oldLeft=h.left,h.oldTop=h.top,this.initialCanvasData=D({},h)},limitCanvas:function(t,e){var i=this.options,n=this.containerData,r=this.canvasData,o=this.cropBoxData,s=i.viewMode,l=r.aspectRatio,f=this.cropped&&o;if(t){var h=Number(i.minCanvasWidth)||0,c=Number(i.minCanvasHeight)||0;s>1?(h=Math.max(h,n.width),c=Math.max(c,n.height),s===3&&(c*l>h?h=c*l:c=h/l)):s>0&&(h?h=Math.max(h,f?o.width:0):c?c=Math.max(c,f?o.height:0):f&&(h=o.width,c=o.height,c*l>h?h=c*l:c=h/l));var u=Q({aspectRatio:l,width:h,height:c});h=u.width,c=u.height,r.minWidth=h,r.minHeight=c,r.maxWidth=1/0,r.maxHeight=1/0}if(e)if(s>(f?0:1)){var v=n.width-r.width,m=n.height-r.height;r.minLeft=Math.min(0,v),r.minTop=Math.min(0,m),r.maxLeft=Math.max(0,v),r.maxTop=Math.max(0,m),f&&this.limited&&(r.minLeft=Math.min(o.left,o.left+(o.width-r.width)),r.minTop=Math.min(o.top,o.top+(o.height-r.height)),r.maxLeft=o.left,r.maxTop=o.top,s===2&&(r.width>=n.width&&(r.minLeft=Math.min(0,v),r.maxLeft=Math.max(0,v)),r.height>=n.height&&(r.minTop=Math.min(0,m),r.maxTop=Math.max(0,m))))}else r.minLeft=-r.width,r.minTop=-r.height,r.maxLeft=n.width,r.maxTop=n.height},renderCanvas:function(t,e){var i=this.canvasData,n=this.imageData;if(e){var r=Ni({width:n.naturalWidth*Math.abs(n.scaleX||1),height:n.naturalHeight*Math.abs(n.scaleY||1),degree:n.rotate||0}),o=r.width,s=r.height,l=i.width*(o/i.naturalWidth),f=i.height*(s/i.naturalHeight);i.left-=(l-i.width)/2,i.top-=(f-i.height)/2,i.width=l,i.height=f,i.aspectRatio=o/s,i.naturalWidth=o,i.naturalHeight=s,this.limitCanvas(!0,!1)}(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCanvas(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,K(this.canvas,D({width:i.width,height:i.height},vt({translateX:i.left,translateY:i.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var e=this.canvasData,i=this.imageData,n=i.naturalWidth*(e.width/e.naturalWidth),r=i.naturalHeight*(e.height/e.naturalHeight);D(i,{width:n,height:r,left:(e.width-n)/2,top:(e.height-r)/2}),K(this.image,D({width:i.width,height:i.height},vt(D({translateX:i.left,translateY:i.top},i)))),t&&this.output()},initCropBox:function(){var t=this.options,e=this.canvasData,i=t.aspectRatio||t.initialAspectRatio,n=Number(t.autoCropArea)||.8,r={width:e.width,height:e.height};i&&(e.height*i>e.width?r.height=r.width/i:r.width=r.height*i),this.cropBoxData=r,this.limitCropBox(!0,!0),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),r.width=Math.max(r.minWidth,r.width*n),r.height=Math.max(r.minHeight,r.height*n),r.left=e.left+(e.width-r.width)/2,r.top=e.top+(e.height-r.height)/2,r.oldLeft=r.left,r.oldTop=r.top,this.initialCropBoxData=D({},r)},limitCropBox:function(t,e){var i=this.options,n=this.containerData,r=this.canvasData,o=this.cropBoxData,s=this.limited,l=i.aspectRatio;if(t){var f=Number(i.minCropBoxWidth)||0,h=Number(i.minCropBoxHeight)||0,c=s?Math.min(n.width,r.width,r.width+r.left,n.width-r.left):n.width,u=s?Math.min(n.height,r.height,r.height+r.top,n.height-r.top):n.height;f=Math.min(f,n.width),h=Math.min(h,n.height),l&&(f&&h?h*l>f?h=f/l:f=h*l:f?h=f/l:h&&(f=h*l),u*l>c?u=c/l:c=u*l),o.minWidth=Math.min(f,c),o.minHeight=Math.min(h,u),o.maxWidth=c,o.maxHeight=u}e&&(s?(o.minLeft=Math.max(0,r.left),o.minTop=Math.max(0,r.top),o.maxLeft=Math.min(n.width,r.left+r.width)-o.width,o.maxTop=Math.min(n.height,r.top+r.height)-o.height):(o.minLeft=0,o.minTop=0,o.maxLeft=n.width-o.width,o.maxTop=n.height-o.height))},renderCropBox:function(){var t=this.options,e=this.containerData,i=this.cropBoxData;(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCropBox(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,t.movable&&t.cropBoxMovable&&gt(this.face,mt,i.width>=e.width&&i.height>=e.height?Oe:Zt),K(this.cropBox,D({width:i.width,height:i.height},vt({translateX:i.left,translateY:i.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),ht(this.element,zt,this.getData())}},Wi={initPreview:function(){var t=this.element,e=this.crossOrigin,i=this.options.preview,n=e?this.crossOriginUrl:this.url,r=t.alt||"The image to preview",o=document.createElement("img");if(e&&(o.crossOrigin=e),o.src=n,o.alt=r,this.viewBox.appendChild(o),this.viewBoxImage=o,!!i){var s=i;typeof i=="string"?s=t.ownerDocument.querySelectorAll(i):i.querySelector&&(s=[i]),this.previews=s,C(s,function(l){var f=document.createElement("img");gt(l,_t,{width:l.offsetWidth,height:l.offsetHeight,html:l.innerHTML}),e&&(f.crossOrigin=e),f.src=n,f.alt=r,f.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',l.innerHTML="",l.appendChild(f)})}},resetPreview:function(){C(this.previews,function(t){var e=Xt(t,_t);K(t,{width:e.width,height:e.height}),t.innerHTML=e.html,Ti(t,_t)})},preview:function(){var t=this.imageData,e=this.canvasData,i=this.cropBoxData,n=i.width,r=i.height,o=t.width,s=t.height,l=i.left-e.left-t.left,f=i.top-e.top-t.top;!this.cropped||this.disabled||(K(this.viewBoxImage,D({width:o,height:s},vt(D({translateX:-l,translateY:-f},t)))),C(this.previews,function(h){var c=Xt(h,_t),u=c.width,v=c.height,m=u,x=v,g=1;n&&(g=u/n,x=r*g),r&&x>v&&(g=v/r,m=n*g,x=v),K(h,{width:m,height:x}),K(h.getElementsByTagName("img")[0],D({width:o*g,height:s*g},vt(D({translateX:-l*g,translateY:-f*g},t))))}))}},Yi={bind:function(){var t=this.element,e=this.options,i=this.cropper;k(e.cropstart)&&B(t,Wt,e.cropstart),k(e.cropmove)&&B(t,Ht,e.cropmove),k(e.cropend)&&B(t,Pt,e.cropend),k(e.crop)&&B(t,zt,e.crop),k(e.zoom)&&B(t,Yt,e.zoom),B(i,le,this.onCropStart=this.cropStart.bind(this)),e.zoomable&&e.zoomOnWheel&&B(i,ve,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&B(i,ce,this.onDblclick=this.dblclick.bind(this)),B(t.ownerDocument,fe,this.onCropMove=this.cropMove.bind(this)),B(t.ownerDocument,ue,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&&B(window,pe,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,e=this.options,i=this.cropper;k(e.cropstart)&&z(t,Wt,e.cropstart),k(e.cropmove)&&z(t,Ht,e.cropmove),k(e.cropend)&&z(t,Pt,e.cropend),k(e.crop)&&z(t,zt,e.crop),k(e.zoom)&&z(t,Yt,e.zoom),z(i,le,this.onCropStart),e.zoomable&&e.zoomOnWheel&&z(i,ve,this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&z(i,ce,this.onDblclick),z(t.ownerDocument,fe,this.onCropMove),z(t.ownerDocument,ue,this.onCropEnd),e.responsive&&z(window,pe,this.onResize)}},Xi={resize:function(){if(!this.disabled){var t=this.options,e=this.container,i=this.containerData,n=e.offsetWidth/i.width,r=e.offsetHeight/i.height,o=Math.abs(n-1)>Math.abs(r-1)?n:r;if(o!==1){var s,l;t.restore&&(s=this.getCanvasData(),l=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(C(s,function(f,h){s[h]=f*o})),this.setCropBoxData(C(l,function(f,h){l[h]=f*o})))}}},dblclick:function(){this.disabled||this.options.dragMode===Re||this.setDragMode(Mi(this.dragBox,Lt)?Ce:Jt)},wheel:function(t){var e=this,i=Number(this.options.wheelZoomRatio)||.1,n=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),t.deltaY?n=t.deltaY>0?1:-1:t.wheelDelta?n=-t.wheelDelta/120:t.detail&&(n=t.detail>0?1:-1),this.zoom(-n*i,t)))},cropStart:function(t){var e=t.buttons,i=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(b(e)&&e!==1||b(i)&&i!==0||t.ctrlKey))){var n=this.options,r=this.pointers,o;t.changedTouches?C(t.changedTouches,function(s){r[s.identifier]=Et(s)}):r[t.pointerId||0]=Et(t),Object.keys(r).length>1&&n.zoomable&&n.zoomOnTouch?o=Te:o=Xt(t.target,mt),!!vi.test(o)&&ht(this.element,Wt,{originalEvent:t,action:o})!==!1&&(t.preventDefault(),this.action=o,this.cropping=!1,o===Me&&(this.cropping=!0,A(this.dragBox,Mt)))}},cropMove:function(t){var e=this.action;if(!(this.disabled||!e)){var i=this.pointers;t.preventDefault(),ht(this.element,Ht,{originalEvent:t,action:e})!==!1&&(t.changedTouches?C(t.changedTouches,function(n){D(i[n.identifier]||{},Et(n,!0))}):D(i[t.pointerId||0]||{},Et(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var e=this.action,i=this.pointers;t.changedTouches?C(t.changedTouches,function(n){delete i[n.identifier]}):delete i[t.pointerId||0],e&&(t.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,ot(this.dragBox,Mt,this.cropped&&this.options.modal)),ht(this.element,Pt,{originalEvent:t,action:e}))}}},Ui={change:function(t){var e=this.options,i=this.canvasData,n=this.containerData,r=this.cropBoxData,o=this.pointers,s=this.action,l=e.aspectRatio,f=r.left,h=r.top,c=r.width,u=r.height,v=f+c,m=h+u,x=0,g=0,_=n.width,T=n.height,O=!0,w;!l&&t.shiftKey&&(l=c&&u?c/u:1),this.limited&&(x=r.minLeft,g=r.minTop,_=x+Math.min(n.width,i.width,i.left+i.width),T=g+Math.min(n.height,i.height,i.top+i.height));var M=o[Object.keys(o)[0]],d={x:M.endX-M.startX,y:M.endY-M.startY},y=function(L){switch(L){case et:v+d.x>_&&(d.x=_-v);break;case it:f+d.x<x&&(d.x=x-f);break;case F:h+d.y<g&&(d.y=g-h);break;case rt:m+d.y>T&&(d.y=T-m);break}};switch(s){case Zt:f+=d.x,h+=d.y;break;case et:if(d.x>=0&&(v>=_||l&&(h<=g||m>=T))){O=!1;break}y(et),c+=d.x,c<0&&(s=it,c=-c,f-=c),l&&(u=c/l,h+=(r.height-u)/2);break;case F:if(d.y<=0&&(h<=g||l&&(f<=x||v>=_))){O=!1;break}y(F),u-=d.y,h+=d.y,u<0&&(s=rt,u=-u,h-=u),l&&(c=u*l,f+=(r.width-c)/2);break;case it:if(d.x<=0&&(f<=x||l&&(h<=g||m>=T))){O=!1;break}y(it),c-=d.x,f+=d.x,c<0&&(s=et,c=-c,f-=c),l&&(u=c/l,h+=(r.height-u)/2);break;case rt:if(d.y>=0&&(m>=T||l&&(f<=x||v>=_))){O=!1;break}y(rt),u+=d.y,u<0&&(s=F,u=-u,h-=u),l&&(c=u*l,f+=(r.width-c)/2);break;case ft:if(l){if(d.y<=0&&(h<=g||v>=_)){O=!1;break}y(F),u-=d.y,h+=d.y,c=u*l}else y(F),y(et),d.x>=0?v<_?c+=d.x:d.y<=0&&h<=g&&(O=!1):c+=d.x,d.y<=0?h>g&&(u-=d.y,h+=d.y):(u-=d.y,h+=d.y);c<0&&u<0?(s=pt,u=-u,c=-c,h-=u,f-=c):c<0?(s=ut,c=-c,f-=c):u<0&&(s=dt,u=-u,h-=u);break;case ut:if(l){if(d.y<=0&&(h<=g||f<=x)){O=!1;break}y(F),u-=d.y,h+=d.y,c=u*l,f+=r.width-c}else y(F),y(it),d.x<=0?f>x?(c-=d.x,f+=d.x):d.y<=0&&h<=g&&(O=!1):(c-=d.x,f+=d.x),d.y<=0?h>g&&(u-=d.y,h+=d.y):(u-=d.y,h+=d.y);c<0&&u<0?(s=dt,u=-u,c=-c,h-=u,f-=c):c<0?(s=ft,c=-c,f-=c):u<0&&(s=pt,u=-u,h-=u);break;case pt:if(l){if(d.x<=0&&(f<=x||m>=T)){O=!1;break}y(it),c-=d.x,f+=d.x,u=c/l}else y(rt),y(it),d.x<=0?f>x?(c-=d.x,f+=d.x):d.y>=0&&m>=T&&(O=!1):(c-=d.x,f+=d.x),d.y>=0?m<T&&(u+=d.y):u+=d.y;c<0&&u<0?(s=ft,u=-u,c=-c,h-=u,f-=c):c<0?(s=dt,c=-c,f-=c):u<0&&(s=ut,u=-u,h-=u);break;case dt:if(l){if(d.x>=0&&(v>=_||m>=T)){O=!1;break}y(et),c+=d.x,u=c/l}else y(rt),y(et),d.x>=0?v<_?c+=d.x:d.y>=0&&m>=T&&(O=!1):c+=d.x,d.y>=0?m<T&&(u+=d.y):u+=d.y;c<0&&u<0?(s=ut,u=-u,c=-c,h-=u,f-=c):c<0?(s=pt,c=-c,f-=c):u<0&&(s=ft,u=-u,h-=u);break;case Oe:this.move(d.x,d.y),O=!1;break;case Te:this.zoom(Ri(o),t),O=!1;break;case Me:if(!d.x||!d.y){O=!1;break}w=Le(this.cropper),f=M.startX-w.left,h=M.startY-w.top,c=r.minWidth,u=r.minHeight,d.x>0?s=d.y>0?dt:ft:d.x<0&&(f-=c,s=d.y>0?pt:ut),d.y<0&&(h-=u),this.cropped||(Y(this.cropBox,S),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}O&&(r.width=c,r.height=u,r.left=f,r.top=h,this.action=s,this.renderCropBox()),C(o,function(R){R.startX=R.endX,R.startY=R.endY})}},ji={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&A(this.dragBox,Mt),Y(this.cropBox,S),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=D({},this.initialImageData),this.canvasData=D({},this.initialCanvasData),this.cropBoxData=D({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(D(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),Y(this.dragBox,Mt),A(this.cropBox,S)),this},replace:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&t&&(this.isImg&&(this.element.src=t),e?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,C(this.previews,function(i){i.getElementsByTagName("img")[0].src=t}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,Y(this.cropper,se)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,A(this.cropper,se)),this},destroy:function(){var t=this.element;return t[E]?(t[E]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.canvasData,n=i.left,r=i.top;return this.moveTo(kt(t)?t:n+Number(t),kt(e)?e:r+Number(e))},moveTo:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.canvasData,n=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.movable&&(b(t)&&(i.left=t,n=!0),b(e)&&(i.top=e,n=!0),n&&this.renderCanvas(!0)),this},zoom:function(t,e){var i=this.canvasData;return t=Number(t),t<0?t=1/(1-t):t=1+t,this.zoomTo(i.width*t/i.naturalWidth,null,e)},zoomTo:function(t,e,i){var n=this.options,r=this.canvasData,o=r.width,s=r.height,l=r.naturalWidth,f=r.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&n.zoomable){var h=l*t,c=f*t;if(ht(this.element,Yt,{ratio:t,oldRatio:o/l,originalEvent:i})===!1)return this;if(i){var u=this.pointers,v=Le(this.cropper),m=u&&Object.keys(u).length?Ai(u):{pageX:i.pageX,pageY:i.pageY};r.left-=(h-o)*((m.pageX-v.left-r.left)/o),r.top-=(c-s)*((m.pageY-v.top-r.top)/s)}else nt(e)&&b(e.x)&&b(e.y)?(r.left-=(h-o)*((e.x-r.left)/o),r.top-=(c-s)*((e.y-r.top)/s)):(r.left-=(h-o)/2,r.top-=(c-s)/2);r.width=h,r.height=c,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),b(t)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var e=this.imageData.scaleY;return this.scale(t,b(e)?e:1)},scaleY:function(t){var e=this.imageData.scaleX;return this.scale(b(e)?e:1,t)},scale:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.imageData,n=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.scalable&&(b(t)&&(i.scaleX=t,n=!0),b(e)&&(i.scaleY=e,n=!0),n&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,e=this.options,i=this.imageData,n=this.canvasData,r=this.cropBoxData,o;if(this.ready&&this.cropped){o={x:r.left-n.left,y:r.top-n.top,width:r.width,height:r.height};var s=i.width/i.naturalWidth;if(C(o,function(h,c){o[c]=h/s}),t){var l=Math.round(o.y+o.height),f=Math.round(o.x+o.width);o.x=Math.round(o.x),o.y=Math.round(o.y),o.width=f-o.x,o.height=l-o.y}}else o={x:0,y:0,width:0,height:0};return e.rotatable&&(o.rotate=i.rotate||0),e.scalable&&(o.scaleX=i.scaleX||1,o.scaleY=i.scaleY||1),o},setData:function(t){var e=this.options,i=this.imageData,n=this.canvasData,r={};if(this.ready&&!this.disabled&&nt(t)){var o=!1;e.rotatable&&b(t.rotate)&&t.rotate!==i.rotate&&(i.rotate=t.rotate,o=!0),e.scalable&&(b(t.scaleX)&&t.scaleX!==i.scaleX&&(i.scaleX=t.scaleX,o=!0),b(t.scaleY)&&t.scaleY!==i.scaleY&&(i.scaleY=t.scaleY,o=!0)),o&&this.renderCanvas(!0,!0);var s=i.width/i.naturalWidth;b(t.x)&&(r.left=t.x*s+n.left),b(t.y)&&(r.top=t.y*s+n.top),b(t.width)&&(r.width=t.width*s),b(t.height)&&(r.height=t.height*s),this.setCropBoxData(r)}return this},getContainerData:function(){return this.ready?D({},this.containerData):{}},getImageData:function(){return this.sized?D({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,e={};return this.ready&&C(["left","top","width","height","naturalWidth","naturalHeight"],function(i){e[i]=t[i]}),e},setCanvasData:function(t){var e=this.canvasData,i=e.aspectRatio;return this.ready&&!this.disabled&&nt(t)&&(b(t.left)&&(e.left=t.left),b(t.top)&&(e.top=t.top),b(t.width)?(e.width=t.width,e.height=t.width/i):b(t.height)&&(e.height=t.height,e.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,e;return this.ready&&this.cropped&&(e={left:t.left,top:t.top,width:t.width,height:t.height}),e||{}},setCropBoxData:function(t){var e=this.cropBoxData,i=this.options.aspectRatio,n,r;return this.ready&&this.cropped&&!this.disabled&&nt(t)&&(b(t.left)&&(e.left=t.left),b(t.top)&&(e.top=t.top),b(t.width)&&t.width!==e.width&&(n=!0,e.width=t.width),b(t.height)&&t.height!==e.height&&(r=!0,e.height=t.height),i&&(n?e.height=e.width/i:r&&(e.width=e.height*i)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var e=this.canvasData,i=ki(this.image,this.imageData,e,t);if(!this.cropped)return i;var n=this.getData(),r=n.x,o=n.y,s=n.width,l=n.height,f=i.width/Math.floor(e.naturalWidth);f!==1&&(r*=f,o*=f,s*=f,l*=f);var h=s/l,c=Q({aspectRatio:h,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),u=Q({aspectRatio:h,width:t.minWidth||0,height:t.minHeight||0},"cover"),v=Q({aspectRatio:h,width:t.width||(f!==1?i.width:s),height:t.height||(f!==1?i.height:l)}),m=v.width,x=v.height;m=Math.min(c.width,Math.max(u.width,m)),x=Math.min(c.height,Math.max(u.height,x));var g=document.createElement("canvas"),_=g.getContext("2d");g.width=st(m),g.height=st(x),_.fillStyle=t.fillColor||"transparent",_.fillRect(0,0,m,x);var T=t.imageSmoothingEnabled,O=T===void 0?!0:T,w=t.imageSmoothingQuality;_.imageSmoothingEnabled=O,w&&(_.imageSmoothingQuality=w);var M=i.width,d=i.height,y=r,R=o,L,V,J,$,q,P;y<=-s||y>M?(y=0,L=0,J=0,q=0):y<=0?(J=-y,y=0,L=Math.min(M,s+y),q=L):y<=M&&(J=0,L=Math.min(s,M-y),q=L),L<=0||R<=-l||R>d?(R=0,V=0,$=0,P=0):R<=0?($=-R,R=0,V=Math.min(d,l+R),P=V):R<=d&&($=0,V=Math.min(l,d-R),P=V);var N=[y,R,L,V];if(q>0&&P>0){var tt=m/s;N.push(J*tt,$*tt,q*tt,P*tt)}return _.drawImage.apply(_,[i].concat(De(N.map(function(xt){return Math.floor(st(xt))})))),g},setAspectRatio:function(t){var e=this.options;return!this.disabled&&!kt(t)&&(e.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var e=this.options,i=this.dragBox,n=this.face;if(this.ready&&!this.disabled){var r=t===Jt,o=e.movable&&t===Ce;t=r||o?t:Re,e.dragMode=t,gt(i,mt,t),ot(i,Lt,r),ot(i,Bt,o),e.cropBoxMovable||(gt(n,mt,t),ot(n,Lt,r),ot(n,Bt,o))}return this}},Vi=X.Cropper,Gi=function(){function a(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(ri(this,a),!t||!bi.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=D({},ge,nt(e)&&e),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return ni(a,[{key:"init",value:function(){var e=this.element,i=e.tagName.toLowerCase(),n;if(!e[E]){if(e[E]=this,i==="img"){if(this.isImg=!0,n=e.getAttribute("src")||"",this.originalUrl=n,!n)return;n=e.src}else i==="canvas"&&window.HTMLCanvasElement&&(n=e.toDataURL());this.load(n)}}},{key:"load",value:function(e){var i=this;if(!!e){this.url=e,this.imageData={};var n=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer){this.clone();return}if(mi.test(e)){gi.test(e)?this.read(Li(e)):this.clone();return}var o=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=o,o.onabort=s,o.onerror=s,o.ontimeout=s,o.onprogress=function(){o.getResponseHeader("content-type")!==me&&o.abort()},o.onload=function(){i.read(o.response)},o.onloadend=function(){i.reloading=!1,i.xhr=null},r.checkCrossOrigin&&we(e)&&n.crossOrigin&&(e=ye(e)),o.open("GET",e,!0),o.responseType="arraybuffer",o.withCredentials=n.crossOrigin==="use-credentials",o.send()}}},{key:"read",value:function(e){var i=this.options,n=this.imageData,r=zi(e),o=0,s=1,l=1;if(r>1){this.url=Bi(e,me);var f=Pi(r);o=f.rotate,s=f.scaleX,l=f.scaleY}i.rotatable&&(n.rotate=o),i.scalable&&(n.scaleX=s,n.scaleY=l),this.clone()}},{key:"clone",value:function(){var e=this.element,i=this.url,n=e.crossOrigin,r=i;this.options.checkCrossOrigin&&we(i)&&(n||(n="anonymous"),r=ye(i)),this.crossOrigin=n,this.crossOriginUrl=r;var o=document.createElement("img");n&&(o.crossOrigin=n),o.src=r||i,o.alt=e.alt||"The image to crop",this.image=o,o.onload=this.start.bind(this),o.onerror=this.stop.bind(this),A(o,he),e.parentNode.insertBefore(o,e.nextSibling)}},{key:"start",value:function(){var e=this,i=this.image;i.onload=null,i.onerror=null,this.sizing=!0;var n=X.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(X.navigator.userAgent),r=function(f,h){D(e.imageData,{naturalWidth:f,naturalHeight:h,aspectRatio:f/h}),e.initialImageData=D({},e.imageData),e.sizing=!1,e.sized=!0,e.build()};if(i.naturalWidth&&!n){r(i.naturalWidth,i.naturalHeight);return}var o=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=o,o.onload=function(){r(o.width,o.height),n||s.removeChild(o)},o.src=i.src,n||(o.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",s.appendChild(o))}},{key:"stop",value:function(){var e=this.image;e.onload=null,e.onerror=null,e.parentNode.removeChild(e),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var e=this.element,i=this.options,n=this.image,r=e.parentNode,o=document.createElement("div");o.innerHTML=wi;var s=o.querySelector(".".concat(E,"-container")),l=s.querySelector(".".concat(E,"-canvas")),f=s.querySelector(".".concat(E,"-drag-box")),h=s.querySelector(".".concat(E,"-crop-box")),c=h.querySelector(".".concat(E,"-face"));this.container=r,this.cropper=s,this.canvas=l,this.dragBox=f,this.cropBox=h,this.viewBox=s.querySelector(".".concat(E,"-view-box")),this.face=c,l.appendChild(n),A(e,S),r.insertBefore(s,e.nextSibling),this.isImg||Y(n,he),this.initPreview(),this.bind(),i.initialAspectRatio=Math.max(0,i.initialAspectRatio)||NaN,i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,A(h,S),i.guides||A(h.getElementsByClassName("".concat(E,"-dashed")),S),i.center||A(h.getElementsByClassName("".concat(E,"-center")),S),i.background&&A(s,"".concat(E,"-bg")),i.highlight||A(c,fi),i.cropBoxMovable&&(A(c,Bt),gt(c,mt,Zt)),i.cropBoxResizable||(A(h.getElementsByClassName("".concat(E,"-line")),S),A(h.getElementsByClassName("".concat(E,"-point")),S)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),k(i.ready)&&B(e,de,i.ready,{once:!0}),ht(e,de)}}},{key:"unbuild",value:function(){!this.ready||(this.ready=!1,this.unbind(),this.resetPreview(),this.cropper.parentNode.removeChild(this.cropper),Y(this.element,S))}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=Vi,a}},{key:"setDefaults",value:function(e){D(ge,nt(e)&&e)}}]),a}();D(Gi.prototype,Hi,Wi,Yi,Xi,Ui,ji);var ze=function(){if(typeof Map<"u")return Map;function a(t,e){var i=-1;return t.some(function(n,r){return n[0]===e?(i=r,!0):!1}),i}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(e){var i=a(this.__entries__,e),n=this.__entries__[i];return n&&n[1]},t.prototype.set=function(e,i){var n=a(this.__entries__,e);~n?this.__entries__[n][1]=i:this.__entries__.push([e,i])},t.prototype.delete=function(e){var i=this.__entries__,n=a(i,e);~n&&i.splice(n,1)},t.prototype.has=function(e){return!!~a(this.__entries__,e)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(e,i){i===void 0&&(i=null);for(var n=0,r=this.__entries__;n<r.length;n++){var o=r[n];e.call(i,o[1],o[0])}},t}()}(),Ut=typeof window<"u"&&typeof document<"u"&&window.document===document,Ot=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),qi=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(Ot):function(a){return setTimeout(function(){return a(Date.now())},1e3/60)}}(),Fi=2;function Ki(a,t){var e=!1,i=!1,n=0;function r(){e&&(e=!1,a()),i&&s()}function o(){qi(r)}function s(){var l=Date.now();if(e){if(l-n<Fi)return;i=!0}else e=!0,i=!1,setTimeout(o,t);n=l}return s}var Qi=20,Zi=["top","right","bottom","left","width","height","size","weight"],Ji=typeof MutationObserver<"u",$i=function(){function a(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=Ki(this.refresh.bind(this),Qi)}return a.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},a.prototype.removeObserver=function(t){var e=this.observers_,i=e.indexOf(t);~i&&e.splice(i,1),!e.length&&this.connected_&&this.disconnect_()},a.prototype.refresh=function(){var t=this.updateObservers_();t&&this.refresh()},a.prototype.updateObservers_=function(){var t=this.observers_.filter(function(e){return e.gatherActive(),e.hasActive()});return t.forEach(function(e){return e.broadcastActive()}),t.length>0},a.prototype.connect_=function(){!Ut||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),Ji?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},a.prototype.disconnect_=function(){!Ut||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},a.prototype.onTransitionEnd_=function(t){var e=t.propertyName,i=e===void 0?"":e,n=Zi.some(function(r){return!!~i.indexOf(r)});n&&this.refresh()},a.getInstance=function(){return this.instance_||(this.instance_=new a),this.instance_},a.instance_=null,a}(),Pe=function(a,t){for(var e=0,i=Object.keys(t);e<i.length;e++){var n=i[e];Object.defineProperty(a,n,{value:t[n],enumerable:!1,writable:!1,configurable:!0})}return a},lt=function(a){var t=a&&a.ownerDocument&&a.ownerDocument.defaultView;return t||Ot},He=Rt(0,0,0,0);function Tt(a){return parseFloat(a)||0}function xe(a){for(var t=[],e=1;e<arguments.length;e++)t[e-1]=arguments[e];return t.reduce(function(i,n){var r=a["border-"+n+"-width"];return i+Tt(r)},0)}function ta(a){for(var t=["top","right","bottom","left"],e={},i=0,n=t;i<n.length;i++){var r=n[i],o=a["padding-"+r];e[r]=Tt(o)}return e}function ea(a){var t=a.getBBox();return Rt(0,0,t.width,t.height)}function ia(a){var t=a.clientWidth,e=a.clientHeight;if(!t&&!e)return He;var i=lt(a).getComputedStyle(a),n=ta(i),r=n.left+n.right,o=n.top+n.bottom,s=Tt(i.width),l=Tt(i.height);if(i.boxSizing==="border-box"&&(Math.round(s+r)!==t&&(s-=xe(i,"left","right")+r),Math.round(l+o)!==e&&(l-=xe(i,"top","bottom")+o)),!ra(a)){var f=Math.round(s+r)-t,h=Math.round(l+o)-e;Math.abs(f)!==1&&(s-=f),Math.abs(h)!==1&&(l-=h)}return Rt(n.left,n.top,s,l)}var aa=function(){return typeof SVGGraphicsElement<"u"?function(a){return a instanceof lt(a).SVGGraphicsElement}:function(a){return a instanceof lt(a).SVGElement&&typeof a.getBBox=="function"}}();function ra(a){return a===lt(a).document.documentElement}function na(a){return Ut?aa(a)?ea(a):ia(a):He}function oa(a){var t=a.x,e=a.y,i=a.width,n=a.height,r=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,o=Object.create(r.prototype);return Pe(o,{x:t,y:e,width:i,height:n,top:e,right:t+i,bottom:n+e,left:t}),o}function Rt(a,t,e,i){return{x:a,y:t,width:e,height:i}}var sa=function(){function a(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=Rt(0,0,0,0),this.target=t}return a.prototype.isActive=function(){var t=na(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},a.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},a}(),ha=function(){function a(t,e){var i=oa(e);Pe(this,{target:t,contentRect:i})}return a}(),ca=function(){function a(t,e,i){if(this.activeObservations_=[],this.observations_=new ze,typeof t!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=e,this.callbackCtx_=i}return a.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof lt(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)||(e.set(t,new sa(t)),this.controller_.addObserver(this),this.controller_.refresh())}},a.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof lt(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;!e.has(t)||(e.delete(t),e.size||this.controller_.removeObserver(this))}},a.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},a.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(e){e.isActive()&&t.activeObservations_.push(e)})},a.prototype.broadcastActive=function(){if(!!this.hasActive()){var t=this.callbackCtx_,e=this.activeObservations_.map(function(i){return new ha(i.target,i.broadcastRect())});this.callback_.call(t,e,t),this.clearActive()}},a.prototype.clearActive=function(){this.activeObservations_.splice(0)},a.prototype.hasActive=function(){return this.activeObservations_.length>0},a}(),We=typeof WeakMap<"u"?new WeakMap:new ze,Ye=function(){function a(t){if(!(this instanceof a))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var e=$i.getInstance(),i=new ca(t,e,this);We.set(this,i)}return a}();["observe","unobserve","disconnect"].forEach(function(a){Ye.prototype[a]=function(){var t;return(t=We.get(this))[a].apply(t,arguments)}});var ba=function(){return typeof Ot.ResizeObserver<"u"?Ot.ResizeObserver:Ye}();function _e(a){let t,e,i,n,r,o;const s=[fa,la],l=[];function f(h,c){return h[1]==="video"?0:1}return e=f(a),i=l[e]=s[e](a),{c(){t=ct("button"),i.c(),p(t,"class","rounded-xl w-10 h-10 flex justify-center items-center absolute inset-x-0 bottom-2 md:bottom-4 xl:bottom-8 m-auto drop-shadow-lg bg-black/90")},m(h,c){U(h,t,c),l[e].m(t,null),n=!0,r||(o=je(t,"click",function(){Ve(a[1]==="image"?a[5]:a[6])&&(a[1]==="image"?a[5]:a[6]).apply(this,arguments)}),r=!0)},p(h,c){a=h;let u=e;e=f(a),e===u?l[e].p(a,c):(jt(),G(l[u],1,1,()=>{l[u]=null}),Vt(),i=l[e],i?i.p(a,c):(i=l[e]=s[e](a),i.c()),W(i,1),i.m(t,null))},i(h){n||(W(i),n=!0)},o(h){G(i),n=!1},d(h){h&&j(t),l[e].d(),r=!1,o()}}}function la(a){let t,e,i;return e=new Je({}),{c(){t=ct("div"),Gt(e.$$.fragment),p(t,"class","w-2/4 h-2/4 text-white opacity-80")},m(n,r){U(n,t,r),qt(e,t,null),i=!0},p:I,i(n){i||(W(e.$$.fragment,n),i=!0)},o(n){G(e.$$.fragment,n),i=!1},d(n){n&&j(t),Ft(e)}}}function fa(a){let t,e,i,n;const r=[da,ua],o=[];function s(l,f){return l[4]?0:1}return t=s(a),e=o[t]=r[t](a),{c(){e.c(),i=Ke()},m(l,f){o[t].m(l,f),U(l,i,f),n=!0},p(l,f){let h=t;t=s(l),t!==h&&(jt(),G(o[h],1,1,()=>{o[h]=null}),Vt(),e=o[t],e||(e=o[t]=r[t](l),e.c()),W(e,1),e.m(i.parentNode,i))},i(l){n||(W(e),n=!0)},o(l){G(e),n=!1},d(l){o[t].d(l),l&&j(i)}}}function ua(a){let t,e,i;return e=new ti({}),{c(){t=ct("div"),Gt(e.$$.fragment),p(t,"class","w-2/4 h-2/4 dark:text-white opacity-80")},m(n,r){U(n,t,r),qt(e,t,null),i=!0},i(n){i||(W(e.$$.fragment,n),i=!0)},o(n){G(e.$$.fragment,n),i=!1},d(n){n&&j(t),Ft(e)}}}function da(a){let t,e,i;return e=new ii({}),{c(){t=ct("div"),Gt(e.$$.fragment),p(t,"class","w-2/4 h-2/4 dark:text-white opacity-80")},m(n,r){U(n,t,r),qt(e,t,null),i=!0},i(n){i||(W(e.$$.fragment,n),i=!0)},o(n){G(e.$$.fragment,n),i=!1},d(n){n&&j(t),Ft(e)}}}function pa(a){let t,e,i,n,r=!a[0]&&_e(a);return{c(){t=ct("div"),e=ct("video"),i=Ge(),r&&r.c(),p(e,"class","h-full w-full "),re(e,"scale-x-[-1]",a[2]),p(t,"class","h-full min-h-[15rem] w-full relative")},m(o,s){U(o,t,s),Z(t,e),a[9](e),Z(t,i),r&&r.m(t,null),n=!0},p(o,[s]){s&4&&re(e,"scale-x-[-1]",o[2]),o[0]?r&&(jt(),G(r,1,1,()=>{r=null}),Vt()):r?(r.p(o,s),s&1&&W(r,1)):(r=_e(o),r.c(),W(r,1),r.m(t,null))},i(o){n||(W(r),n=!0)},o(o){G(r),n=!1},d(o){o&&j(t),a[9](null),r&&r.d()}}}function va(a,t,e){let i,n,{streaming:r=!1}=t,{pending:o=!1}=t,{mode:s="image"}=t,{mirror_webcam:l}=t,{include_audio:f}=t;const h=qe();Fe(()=>n=document.createElement("canvas"));async function c(){try{x=await navigator.mediaDevices.getUserMedia({video:!0,audio:f}),e(3,i.srcObject=x,i),e(3,i.muted=!0,i),i.play()}catch(w){if(w instanceof DOMException&&w.name=="NotAllowedError")return h("error","Please allow access to the webcam for recording."),null;throw w}}function u(){var w=n.getContext("2d");if(i.videoWidth&&i.videoHeight){n.width=i.videoWidth,n.height=i.videoHeight,w.drawImage(i,0,0,i.videoWidth,i.videoHeight);var M=n.toDataURL("image/png");h(r?"stream":"capture",M)}}let v=!1,m=[],x,g,_;function T(){if(v){_.stop();let w=new Blob(m,{type:g}),M=new FileReader;M.onload=function(d){d.target&&h("capture",{data:d.target.result,name:"sample."+g.substring(6),is_example:!1})},M.readAsDataURL(w)}else{m=[];let w=["video/webm","video/mp4"];for(let M of w)if(MediaRecorder.isTypeSupported(M)){g=M;break}if(g===null){console.error("No supported MediaRecorder mimeType");return}_=new MediaRecorder(x,{mimeType:g}),_.addEventListener("dataavailable",function(M){m.push(M.data)}),_.start(200)}e(4,v=!v)}c(),r&&s==="image"&&window.setInterval(()=>{i&&!o&&u()},500);function O(w){Qe[w?"unshift":"push"](()=>{i=w,e(3,i)})}return a.$$set=w=>{"streaming"in w&&e(0,r=w.streaming),"pending"in w&&e(7,o=w.pending),"mode"in w&&e(1,s=w.mode),"mirror_webcam"in w&&e(2,l=w.mirror_webcam),"include_audio"in w&&e(8,f=w.include_audio)},[r,s,l,i,v,u,T,o,f,O]}class wa extends bt{constructor(t){super(),wt(this,t,va,pa,yt,{streaming:0,pending:7,mode:1,mirror_webcam:2,include_audio:8})}}export{Gi as C,ga as U,wa as W,ba as i};
+//# sourceMappingURL=Webcam.8816836e.js.map