fix: LangFlow -> Langflow

This commit is contained in:
Gabriel Luiz Freitas Almeida 2023-07-12 19:30:37 -03:00
commit 049ba108bb
20 changed files with 196 additions and 177 deletions

View file

@ -1,37 +1,37 @@
import ThemedImage from '@theme/ThemedImage';
import useBaseUrl from '@docusaurus/useBaseUrl';
import ZoomableImage from '/src/theme/ZoomableImage.js';
import ReactPlayer from 'react-player';
import ThemedImage from "@theme/ThemedImage";
import useBaseUrl from "@docusaurus/useBaseUrl";
import ZoomableImage from "/src/theme/ZoomableImage.js";
import ReactPlayer from "react-player";
# 🎨 Creating Flows
## Compose
Creating flows with LangFlow is easy. Drag sidebar components onto the canvas and connect them together to create your pipeline. LangFlow provides a range of [LangChain components](https://python.langchain.com/docs/modules/) to choose from, including LLMs, prompt serializers, agents, and chains.
Creating flows with Langflow is easy. Drag sidebar components onto the canvas and connect them together to create your pipeline. Langflow provides a range of [LangChain components](https://python.langchain.com/docs/modules/) to choose from, including LLMs, prompt serializers, agents, and chains.
<ZoomableImage
alt="Docusaurus themed image"
sources={{
light: 'img/langflow_canvas.png',
light: "img/langflow_canvas.png",
}}
/>
## Fork
The easiest way to start with LangFlow is by forking a **community example**. Forking an example stores a copy in your project collection, allowing you to edit and save the modified version as a new flow.
The easiest way to start with Langflow is by forking a **community example**. Forking an example stores a copy in your project collection, allowing you to edit and save the modified version as a new flow.
<div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'center' }}>
<ReactPlayer playing controls url='/videos/langflow_fork.mp4'
/>
<div
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
>
<ReactPlayer playing controls url="/videos/langflow_fork.mp4" />
</div>
## Build
Building a flow means validating if the components have prerequisites fulfilled and are properly instantiated. When a chat message is sent, the flow will run for the first time, executing the pipeline.
<div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'center' }}>
<ReactPlayer playing controls url='/videos/langflow_build.mp4'
/>
<div
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
>
<ReactPlayer playing controls url="/videos/langflow_build.mp4" />
</div>

View file

@ -1,18 +1,20 @@
# 🤗 HuggingFace Spaces
A fully featured version of LangFlow can be accessed via HuggingFace spaces with no installation required.
A fully featured version of Langflow can be accessed via HuggingFace spaces with no installation required.
import ThemedImage from '@theme/ThemedImage';
import useBaseUrl from '@docusaurus/useBaseUrl';
import ZoomableImage from '/src/theme/ZoomableImage.js';
import ThemedImage from "@theme/ThemedImage";
import useBaseUrl from "@docusaurus/useBaseUrl";
import ZoomableImage from "/src/theme/ZoomableImage.js";
<div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'center' }}>
<ZoomableImage
alt="Docusaurus themed image"
sources={{
light: 'img/hugging-face.png',
}}
<div
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
>
<ZoomableImage
alt="Docusaurus themed image"
sources={{
light: "img/hugging-face.png",
}}
/>
</div>
Check out LangFlow on [HuggingFace Spaces](https://huggingface.co/spaces/Logspace/LangFlow).
Check out Langflow on [HuggingFace Spaces](https://huggingface.co/spaces/Logspace/Langflow).

View file

@ -2,7 +2,7 @@
## Installation
You can install LangFlow from pip:
You can install Langflow from pip:
```bash
pip install langflow