Spaces:
Running
Running
File size: 3,279 Bytes
f3d45a9 dc4b9e8 f3d45a9 52fcaad 44d7ea8 52fcaad f3d45a9 dc4b9e8 f3d45a9 48f7fed ebe7939 f3d45a9 8bdac77 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 |
---
title: Mesop App Maker
emoji: 🏭
colorFrom: yellow
colorTo: pink
sdk: docker
pinned: false
license: apache-2.0
app_port: 8080
---
# Mesop App Maker
Editor to generate, edit, and view Mesop apps using LLMs.
## Usage
The Mesop App Maker consists of two Mesop apps, the editor and the app runner.
### The editor
The editor is the Mesop app that allows you to generate, edit, and view Mesop apps.
```shell
pip install -r requirements.txt
mesop main.py
```
#### Environment variables
The editor supports the following environment variables. These are mainly useful for
local development where you don't want to keep entering your API Key and runner token
after every reload.
```
GEMINI_API_KEY=you-gemini-api-key
MESOP_APP_MAKER_RUNNER_URL=https://example.com
MESOP_APP_MAKER_RUNNER_TOKEN=your-secret-token
MESOP_APP_MAKER_SHOW_HELP=0
```
You will need a Gemini API key to use the Mesop app generate functionality.
### The runner
> The runner has been moved to https://github.com/richard-to/mesop-app-runner.
The [Mesop App Runner](https://github.com/richard-to/mesop-app-runner) uses Docker to avoid potentially destructive code changes.
It can be started using these commands:
```shell
# In mesop-app-runner directory
docker stop mesop-app-runner;
docker rm mesop-app-runner;
docker build -t mesop-app-runner . && docker run --name mesop-app-runner \
-e MESOP_APP_RUNNER_TOKEN=your-secret-token \
-d -p 8080:8080 mesop-app-runner;
```
## Screenshots
### Generate app
<img width="1312" alt="Screenshot 2024-08-05 at 5 29 44 PM" src="https://github.com/user-attachments/assets/d96afd8a-3c09-4d12-8749-00deddc7f8f5">
### Preview app
<img width="1312" alt="Screenshot 2024-08-05 at 5 31 35 PM" src="https://github.com/user-attachments/assets/1a826d44-c87b-4c79-aeaf-29bc8da3b1c0">
### Hugging Face
If you want to test out the [Mesop App Maker](https://huggingface.co/spaces/richard-to/mesop-app-maker) on Hugging Face,
you will need to create your own instance of the [Mesop App Runner](https://huggingface.co/spaces/richard-to/mesop-app-runner).
You can do this by duplicating the [Mesop App Runner](https://huggingface.co/spaces/richard-to/mesop-app-runner) on Hugging Face.
This can be done on the [Mesop App Runner](https://huggingface.co/spaces/richard-to/mesop-app-runner) space like this:
Make sure to specify a `MESOP_APP_RUNNER_TOKEN`. This can be any random characters. It is needed to ensure that only people
with the token can run Mesop code on your runner instance.
<img width="889" alt="Screenshot 2024-08-25 at 2 49 36 PM" src="https://github.com/user-attachments/assets/4c6ce056-0898-4c10-8e6c-36d268a63108">
The URL will be something like `https://<username>-<app-name>.hf.space`.
You will need to provide this URL as the Runner URL on [Mesop App Maker](https://huggingface.co/spaces/richard-to/mesop-app-maker).
You will also need to provide the runner token associated with your instance on [Mesop App Maker](https://huggingface.co/spaces/richard-to/mesop-app-maker).
<img width="1310" alt="Screenshot 2024-08-25 at 4 22 32 PM" src="https://github.com/user-attachments/assets/efa1ce04-4770-4927-89ab-6a65ed62b014">
|