Name | reflex-ai JSON |
Version |
0.1.0a31
JSON |
| download |
home_page | None |
Summary | AI tools to build Reflex apps. |
upload_time | 2024-10-02 00:21:24 |
maintainer | None |
docs_url | None |
author | Nikhil Rao |
requires_python | <4.0,>=3.10 |
license | None |
keywords |
|
VCS |
|
bugtrack_url |
|
requirements |
No requirements were recorded.
|
Travis-CI |
No Travis.
|
coveralls test coverage |
No coveralls.
|
# Reflex-AI
`reflex-ai` is a package to bring AI agent capabilities to your local development environment.
## 1. Install the Package
Install the package with pip:
```bash
pip install reflex-ai
```
NOTE: `reflex-ai` requires `reflex` 0.6.0 or later. Before this is out, make sure to run the following:
```bash
pip install git+https://github.com/reflex-dev/reflex.git@main
pip uninstall watchfiles
```
## 2. Create a Reflex Project
`reflex-ai` works with both new and existing Reflex projects. To create a new project, create a directory for your app and run:
```bash
reflex init
```
See the [reflex docs](https://github.com/reflex-dev/reflex) for more information on creating Reflex projects.
## 3. Enable AI
To enable AI in your project, add the following to your main app file.
```bash
# Import the reflex-ai package (you MUST import it exactly like this)
from reflex_ai import enable
app = rx.App()
# Enable AI BEFORE you call any `add_page`.
enable(app)
# Add your pages as usual.
app.add_page(index)
```
## 4. Run the App
Run your app as usual:
While we're in beta, you need to take the following steps:
Export the backend URL for the AI agent:
```
export FLEXGEN_BACKEND_URL=https://rxh-prod-flexgen-agent.fly.dev/
```
Install `
Then run your app as usual:
```bash
reflex run
```
NOTE: You must be logged in to Reflex to use `reflex-ai`.
## 5. Access the AI Editor at `/edit`
Every page in your app will have an additional route by adding `/edit` to the end of the URL. For example, if your index page is at `localhost:3000`, you can access the AI editor at `localhost:3000/edit`. Similarly, if your about page is at `localhost:3000/about`, you can access the AI editor at `localhost:3000/about/edit`.
When `reflex-ai` is enabled, a scratch copy of your app will be created in the `.web/reflex-ai-tmp` directory for the AI to make changes without affecting your main app.
## 6. Select and Edit Elements
On an edit page, you can select elements by clicking on them. The selected element will be highlighted in the editor and the toolbar will show the selected code.
You can enter prompts in the toolbar input to generate new content for the selected element. The AI will generate new content based on the prompt and update the element in the editor.
### Caveats
Raw data
{
"_id": null,
"home_page": null,
"name": "reflex-ai",
"maintainer": null,
"docs_url": null,
"requires_python": "<4.0,>=3.10",
"maintainer_email": null,
"keywords": null,
"author": "Nikhil Rao",
"author_email": "nikhil@reflex.dev",
"download_url": "https://files.pythonhosted.org/packages/48/e1/60193cb9bb82d161086943ec63eb8d5af478257d436c32827db9a006dbc4/reflex_ai-0.1.0a31.tar.gz",
"platform": null,
"description": "# Reflex-AI\n\n`reflex-ai` is a package to bring AI agent capabilities to your local development environment.\n\n## 1. Install the Package\n\nInstall the package with pip:\n\n```bash\npip install reflex-ai\n```\n\nNOTE: `reflex-ai` requires `reflex` 0.6.0 or later. Before this is out, make sure to run the following:\n\n```bash\npip install git+https://github.com/reflex-dev/reflex.git@main\npip uninstall watchfiles\n```\n\n## 2. Create a Reflex Project\n\n`reflex-ai` works with both new and existing Reflex projects. To create a new project, create a directory for your app and run:\n\n```bash\nreflex init\n``` \n\nSee the [reflex docs](https://github.com/reflex-dev/reflex) for more information on creating Reflex projects.\n\n## 3. Enable AI\n\nTo enable AI in your project, add the following to your main app file.\n\n```bash\n# Import the reflex-ai package (you MUST import it exactly like this)\nfrom reflex_ai import enable\n\napp = rx.App()\n# Enable AI BEFORE you call any `add_page`.\nenable(app)\n\n# Add your pages as usual.\napp.add_page(index)\n```\n\n## 4. Run the App\n\nRun your app as usual:\n\nWhile we're in beta, you need to take the following steps:\n\nExport the backend URL for the AI agent:\n```\nexport FLEXGEN_BACKEND_URL=https://rxh-prod-flexgen-agent.fly.dev/\n```\n\nInstall `\n\nThen run your app as usual:\n\n```bash\nreflex run\n```\n\nNOTE: You must be logged in to Reflex to use `reflex-ai`.\n\n## 5. Access the AI Editor at `/edit`\n\nEvery page in your app will have an additional route by adding `/edit` to the end of the URL. For example, if your index page is at `localhost:3000`, you can access the AI editor at `localhost:3000/edit`. Similarly, if your about page is at `localhost:3000/about`, you can access the AI editor at `localhost:3000/about/edit`.\n\nWhen `reflex-ai` is enabled, a scratch copy of your app will be created in the `.web/reflex-ai-tmp` directory for the AI to make changes without affecting your main app.\n\n## 6. Select and Edit Elements\n\nOn an edit page, you can select elements by clicking on them. The selected element will be highlighted in the editor and the toolbar will show the selected code.\n\nYou can enter prompts in the toolbar input to generate new content for the selected element. The AI will generate new content based on the prompt and update the element in the editor.\n\n### Caveats",
"bugtrack_url": null,
"license": null,
"summary": "AI tools to build Reflex apps.",
"version": "0.1.0a31",
"project_urls": null,
"split_keywords": [],
"urls": [
{
"comment_text": "",
"digests": {
"blake2b_256": "b5cab7d7213ca83cec4014e957b2e398f21c978ef84a49efabbbb3c687478458",
"md5": "d8a084ea67b801534f7a12bd705acaa9",
"sha256": "6899133b58d10b6c3fe8054536781dcd0f4b64a07ec52ffa7e84991d3318c4bf"
},
"downloads": -1,
"filename": "reflex_ai-0.1.0a31-py3-none-any.whl",
"has_sig": false,
"md5_digest": "d8a084ea67b801534f7a12bd705acaa9",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": "<4.0,>=3.10",
"size": 30260,
"upload_time": "2024-10-02T00:21:23",
"upload_time_iso_8601": "2024-10-02T00:21:23.044569Z",
"url": "https://files.pythonhosted.org/packages/b5/ca/b7d7213ca83cec4014e957b2e398f21c978ef84a49efabbbb3c687478458/reflex_ai-0.1.0a31-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": "",
"digests": {
"blake2b_256": "48e160193cb9bb82d161086943ec63eb8d5af478257d436c32827db9a006dbc4",
"md5": "bfe0c08e57f4b65ca51d7834b3924aef",
"sha256": "4fa82382fe95298fe6bac38a41502aa0b077d620f696f00bab263607037caff8"
},
"downloads": -1,
"filename": "reflex_ai-0.1.0a31.tar.gz",
"has_sig": false,
"md5_digest": "bfe0c08e57f4b65ca51d7834b3924aef",
"packagetype": "sdist",
"python_version": "source",
"requires_python": "<4.0,>=3.10",
"size": 23595,
"upload_time": "2024-10-02T00:21:24",
"upload_time_iso_8601": "2024-10-02T00:21:24.557634Z",
"url": "https://files.pythonhosted.org/packages/48/e1/60193cb9bb82d161086943ec63eb8d5af478257d436c32827db9a006dbc4/reflex_ai-0.1.0a31.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2024-10-02 00:21:24",
"github": false,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"lcname": "reflex-ai"
}