reflex-ai


Namereflex-ai JSON
Version 0.1.0a31 PyPI version JSON
download
home_pageNone
SummaryAI tools to build Reflex apps.
upload_time2024-10-02 00:21:24
maintainerNone
docs_urlNone
authorNikhil Rao
requires_python<4.0,>=3.10
licenseNone
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"
}
        
Elapsed time: 2.39162s