Allow web UI to be ran fully offline

[catboxanon]

Describe what this pull request is trying to achieve.

Closes #10024

This PR allows the web UI to be ran fully offline via two one change.

The 1st change blocks an initial phone-home request that Gradio makes on first import, something that cannot be blocked by setting GRADIO_ANALYTICS_ENABLED to False, and was mentioned here but hasn't been taken care of until now. The text-generation-webui employs this same technique. https://github.com/oobabooga/text-generation-webui/blob/c746a5bd00c39776bec0091a570f3348aa785caa/server.py#L12
Removed per suggestion. Expected to be resolved upstream by gradio-app/gradio#4194

The 2nd change removes the requirement of pulling fonts from Google Fonts, by manually specifying the font list to use for the default Gradio theme, and importing in the font via the frontend CSS from Google Fonts. When attempting to run offline without this modification, in my tests this causes the web UI to hang and never finish loading.

Additional notes and description of your changes

In regards to the frontend: Gradio currently has a hardcoded JS import for iFrame Resizer, something that is was in the works to be removed for Gradio 3.0, but in an offline environment will not cause the UI to hang if it's not loaded, nor does it hamper the UI in any way, as I believe the only purpose this serves is for some workaround on Huggingface Spaces. There is also a hardcoded preconnect for fonts.googleapis.com but that is again something that doesn't prevent the UI from being used offline, only the backend code causes that. While neither of these have a simple method of removal from the code, everything mentioned in this paragraph can easily be blocked by something like uBlock Origin if the user would like to prevent all outbound connections on the webpage itself (assuming there is an active Internet connection).

Environment this was tested in

• OS: Windows 11
• Browser: Firefox, Chrome
• Graphics card: n/a

[akx]

Ugh, Gradio doing forced telemetry is pretty shitty. I'll try and raise an issue/PR about that (to follow up on gradio-app/gradio#3956)...

EDIT: there we go... gradio-app/gradio#4194

[elcotek]

This is very usefull, i have to thank you!

[AUTOMATIC1111]

the font change is painful

[AUTOMATIC1111]

Also the webui.py change does not seem to be necessary to run offline.

[AUTOMATIC1111]

I've got it to run offline with bad fonts and online with good fonts by using this code:

    default_theme_args = dict(
        font=["Source Sans Pro", 'ui-sans-serif', 'system-ui', 'sans-serif'],
        font_mono=['IBM Plex Mono', 'ui-monospace', 'Consolas', 'monospace'],
    )

    if theme_name == "Default":
        gradio_theme = gr.themes.Default(**default_theme_args)
    else:
        try:
            gradio_theme = gr.themes.ThemeClass.from_hub(theme_name)
        except Exception as e:
            errors.display(e, "changing gradio theme")
            gradio_theme = gr.themes.Default(**default_theme_args)

And it requires this addition to css:

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');

I would merge that into the repo, but not the webui.py change since that does not seem to be needed to make it run offline and redirecting every gradio request to localhost:80 seems barbaric.

[akx]

I think it'd be better to vendor in the Source Sans Pro font instead of relying on Google Fonts.

[AUTOMATIC1111]

Yeah, I thought about it, but ultimately I think this is temporary until gradio fixes the inability to start offline, and adding fonts increases the size of git history by 500kb forever.

[akx]

As an aside, this could probably be implemented as something like

Suggested change

	import requests
	def gradio_get(url, **kwargs):
	kwargs.setdefault('allow_redirects', True)
	return requests.api.request('get', 'http://127.0.0.1/', **kwargs)
	original_get = requests.get
	requests.get = gradio_get
	import gradio
	requests.get = original_get
	import requests
	from unittest.mock import patch
	with patch("requests.request", side_effect=requests.ConnectionError()):
	import gradio

[catboxanon]

Made the suggested changes. I'm OK with removing the webui.py change since gradio-app/gradio#4194 should eventually resolve that proper.