diff --git a/.vscode/setting.json b/.vscode/setting.json new file mode 100644 index 0000000..6c5f785 --- /dev/null +++ b/.vscode/setting.json @@ -0,0 +1,11 @@ +{ + "python.analysis.typeCheckingMode": "basic", + "[python]": { + "editor.defaultFormatter": "charliermarsh.ruff", + "editor.formatOnSave": true, + "editor.codeActionsOnSave": { + "source.fixAll.ruff": "explicit", + "source.organizeImports.ruff": "explicit" + } + } + } \ No newline at end of file diff --git a/README.md b/README.md index af52464..419f972 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,3 @@ ---- -title: browser-use-webui -app_file: webui.py -sdk: gradio -sdk_version: 5.9.1 -python_version: 3.12 -startup_duration_timeout: 2h ---- -# Browser-Use WebUI Browser Use Web UI
@@ -21,19 +12,11 @@ This project builds upon the foundation of the [browser-use](https://github.com/ We would like to officially thank [WarmShao](https://github.com/warmshao) for his contribution to this project. **WebUI:** is built on Gradio and supports a most of `browser-use` functionalities. This UI is designed to be user-friendly and enables easy interaction with the browser agent. -This project builds upon the foundation of the [browser-use](https://github.com/browser-use/browser-use), which is designed to make websites accessible for AI agents. -We would like to officially thank [WarmShao](https://github.com/warmshao) for his contribution to this project. - -**WebUI:** is built on Gradio and supports a most of `browser-use` functionalities. This UI is designed to be user-friendly and enables easy interaction with the browser agent. - -**Expanded LLM Support:** We've integrated support for various Large Language Models (LLMs), including: Gemini, OpenAI, Azure OpenAI, Anthropic, DeepSeek, Ollama etc. And we plan to add support for even more models in the future. **Expanded LLM Support:** We've integrated support for various Large Language Models (LLMs), including: Gemini, OpenAI, Azure OpenAI, Anthropic, DeepSeek, Ollama etc. And we plan to add support for even more models in the future. -**Custom Browser Support:** You can use your own browser with our tool, eliminating the need to re-login to sites or deal with other authentication challenges. This feature also supports high-definition screen recording. **Custom Browser Support:** You can use your own browser with our tool, eliminating the need to re-login to sites or deal with other authentication challenges. This feature also supports high-definition screen recording. - ## Installation Guide @@ -62,35 +45,6 @@ uv pip install -r requirements.txt Then install playwright: -```bash -playwright install -``` -## Installation Guide - -Read the [quickstart guide](https://docs.browser-use.com/quickstart#prepare-the-environment) or follow the steps below to get started. - -> Python 3.11 or higher is required. - -First, we recommend using [uv](https://docs.astral.sh/uv/) to setup the Python environment. - -```bash -uv venv --python 3.11 -``` - -and activate it with: - -```bash -source .venv/bin/activate -``` - -Install the dependencies: - -```bash -uv pip install -r requirements.txt -``` - -Then install playwright: - ```bash playwright install ``` @@ -175,36 +129,4 @@ CHROME_USER_DATA="~/Library/Application Support/Google/Chrome/Profile 1" ## Changelog -- [x] **2025/01/06:** Thanks to @richard-devbot, a New and Well-Designed WebUI is released. [Video tutorial demo](https://github.com/warmshao/browser-use-webui/issues/1#issuecomment-2573393113). - -## (Optional) Configure Environment Variables - -Copy `.env.example` to `.env` and set your environment variables, including API keys for the LLM. With - -```bash -cp .env.example .env -``` - -**If using your own browser:** - Set `CHROME_PATH` to the executable path of your browser and `CHROME_USER_DATA` to the user data directory of your browser. - -You can just copy examples down below to your `.env` file. - -### Windows - -```env -CHROME_PATH="C:\Program Files\Google\Chrome\Application\chrome.exe" -CHROME_USER_DATA="C:\Users\YourUsername\AppData\Local\Google\Chrome\User Data" -``` - -> Note: Replace `YourUsername` with your actual Windows username for Windows systems. - -### Mac - -```env -CHROME_PATH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" -CHROME_USER_DATA="~/Library/Application Support/Google/Chrome/Profile 1" -``` - -## Changelog - -- [x] **2025/01/06:** Thanks to @richard-devbot, a New and Well-Designed WebUI is released. [Video tutorial demo](https://github.com/warmshao/browser-use-webui/issues/1#issuecomment-2573393113). +- [x] **2025/01/06:** Thanks to @richard-devbot, a New and Well-Designed WebUI is released. [Video tutorial demo](https://github.com/warmshao/browser-use-webui/issues/1#issuecomment-2573393113). \ No newline at end of file diff --git a/requirements.txt b/requirements.txt index 852269e..eabdb7d 100644 --- a/requirements.txt +++ b/requirements.txt @@ -2,5 +2,4 @@ browser-use>=0.1.18 langchain-google-genai>=2.0.8 pyperclip gradio -langchain-ollama - +langchain-ollama \ No newline at end of file