diff --git a/docs/docs/examples/chat-memory.mdx b/docs/docs/examples/chat-memory.mdx new file mode 100644 index 000000000..d9b7d2e20 --- /dev/null +++ b/docs/docs/examples/chat-memory.mdx @@ -0,0 +1,17 @@ +import ThemedImage from "@theme/ThemedImage"; +import useBaseUrl from "@docusaurus/useBaseUrl"; +import ZoomableImage from "/src/theme/ZoomableImage.js"; +import ReactPlayer from "react-player"; +import Admonition from "@theme/Admonition"; + +# Chat Memory + +The **Chat Memory** component restores previous messages given a Session ID, which can be any string. + +This component is available under the **Helpers** tab of the Langflow preview. + +
+ +
\ No newline at end of file diff --git a/docs/docs/examples/combine-text.mdx b/docs/docs/examples/combine-text.mdx new file mode 100644 index 000000000..0d7524a5b --- /dev/null +++ b/docs/docs/examples/combine-text.mdx @@ -0,0 +1,21 @@ +import ThemedImage from "@theme/ThemedImage"; +import useBaseUrl from "@docusaurus/useBaseUrl"; +import ZoomableImage from "/src/theme/ZoomableImage.js"; +import ReactPlayer from "react-player"; +import Admonition from "@theme/Admonition"; + +# Combine Text + +With LLM pipelines, combining text from different sources may be as important as splitting text. + +The **Combine Text** component concatenates two text inputs into a single chunk using a specified delimiter, such as whitespace or a newline. + +Also, check out **Combine Texts (Unsorted)** as a similar alternative. + +This component is available under the **Helpers** tab of the Langflow preview. + +
+ +
\ No newline at end of file diff --git a/docs/docs/examples/create-record.mdx b/docs/docs/examples/create-record.mdx new file mode 100644 index 000000000..f94ba84bd --- /dev/null +++ b/docs/docs/examples/create-record.mdx @@ -0,0 +1,17 @@ +import ThemedImage from "@theme/ThemedImage"; +import useBaseUrl from "@docusaurus/useBaseUrl"; +import ZoomableImage from "/src/theme/ZoomableImage.js"; +import ReactPlayer from "react-player"; +import Admonition from "@theme/Admonition"; + +# Create Record + +In Langflow, a `Record` has a structure very similar to a Python dictionary. It is a key-value pair data structure. + +The **Create Record** component allows you to dynamically create a `Record` from a specified number of inputs. You can add as many key-value pairs as you want (as long as it is less than 15 😅). Once you've chosen the number of `Records`, add keys and fill up values, or pass on values from other components to the component using the input handles. + +
+ +
\ No newline at end of file diff --git a/docs/docs/examples/pass.mdx b/docs/docs/examples/pass.mdx new file mode 100644 index 000000000..cdf1858d5 --- /dev/null +++ b/docs/docs/examples/pass.mdx @@ -0,0 +1,17 @@ +import ThemedImage from "@theme/ThemedImage"; +import useBaseUrl from "@docusaurus/useBaseUrl"; +import ZoomableImage from "/src/theme/ZoomableImage.js"; +import ReactPlayer from "react-player"; +import Admonition from "@theme/Admonition"; + +# Pass + +Sometimes all you need to do is… nothing! + +The **Pass** component enables you to ignore one input and move forward with another one. This is super helpful to swap routes for A/B testing! + +
+ +
\ No newline at end of file diff --git a/docs/docs/examples/store-message.mdx b/docs/docs/examples/store-message.mdx new file mode 100644 index 000000000..610bf645c --- /dev/null +++ b/docs/docs/examples/store-message.mdx @@ -0,0 +1,17 @@ +import ThemedImage from "@theme/ThemedImage"; +import useBaseUrl from "@docusaurus/useBaseUrl"; +import ZoomableImage from "/src/theme/ZoomableImage.js"; +import ReactPlayer from "react-player"; +import Admonition from "@theme/Admonition"; + +# Store Message + +The **Store Message** component allows you to save information under a specified Session ID and sender type. + +The **Message History** component can then be used to retrieve stored messages. + +
+ +
\ No newline at end of file diff --git a/docs/docs/examples/sub-flow.mdx b/docs/docs/examples/sub-flow.mdx new file mode 100644 index 000000000..ae7e5c9da --- /dev/null +++ b/docs/docs/examples/sub-flow.mdx @@ -0,0 +1,15 @@ +import ThemedImage from "@theme/ThemedImage"; +import useBaseUrl from "@docusaurus/useBaseUrl"; +import ZoomableImage from "/src/theme/ZoomableImage.js"; +import ReactPlayer from "react-player"; +import Admonition from "@theme/Admonition"; + +# Sub Flow + +The **Sub Flow** component enables a user to select a previously built flow and dynamically generate a component out of it. + +
+ +
\ No newline at end of file diff --git a/docs/docs/examples/text-operator.mdx b/docs/docs/examples/text-operator.mdx new file mode 100644 index 000000000..5637dbc79 --- /dev/null +++ b/docs/docs/examples/text-operator.mdx @@ -0,0 +1,15 @@ +import ThemedImage from "@theme/ThemedImage"; +import useBaseUrl from "@docusaurus/useBaseUrl"; +import ZoomableImage from "/src/theme/ZoomableImage.js"; +import ReactPlayer from "react-player"; +import Admonition from "@theme/Admonition"; + +# Text Operator + +The **Text Operator** component simplifies logic. It evaluates the results from another component (for example, if the input text exactly equals `Tuna`) and runs another component based on the results. Basically, the text operator is an if/else component for your flow. + +
+ +
\ No newline at end of file diff --git a/docs/sidebars.js b/docs/sidebars.js index 2b891b589..d3f4f2671 100644 --- a/docs/sidebars.js +++ b/docs/sidebars.js @@ -80,13 +80,13 @@ module.exports = { label: "Example Components", collapsed: true, items: [ - "examples/flow-runner", - "examples/conversation-chain", - "examples/buffer-memory", - "examples/csv-loader", - "examples/searchapi-tool", - "examples/serp-api-tool", - "examples/python-function", + "examples/chat-memory", + "examples/combine-text", + "examples/create-record", + "examples/pass", + "examples/store-message", + "examples/sub-flow", + "examples/text-operator", ], }, { diff --git a/docs/static/videos/chat_memory.mp4 b/docs/static/videos/chat_memory.mp4 new file mode 100644 index 000000000..ffed26a74 Binary files /dev/null and b/docs/static/videos/chat_memory.mp4 differ diff --git a/docs/static/videos/combine_text.mp4 b/docs/static/videos/combine_text.mp4 new file mode 100644 index 000000000..7e48303c2 Binary files /dev/null and b/docs/static/videos/combine_text.mp4 differ diff --git a/docs/static/videos/create_record.mp4 b/docs/static/videos/create_record.mp4 new file mode 100644 index 000000000..558f702e3 Binary files /dev/null and b/docs/static/videos/create_record.mp4 differ diff --git a/docs/static/videos/pass.mp4 b/docs/static/videos/pass.mp4 new file mode 100644 index 000000000..bb062364e Binary files /dev/null and b/docs/static/videos/pass.mp4 differ diff --git a/docs/static/videos/store_message.mp4 b/docs/static/videos/store_message.mp4 new file mode 100644 index 000000000..c8352da0e Binary files /dev/null and b/docs/static/videos/store_message.mp4 differ diff --git a/docs/static/videos/sub_flow.mp4 b/docs/static/videos/sub_flow.mp4 new file mode 100644 index 000000000..24222e815 Binary files /dev/null and b/docs/static/videos/sub_flow.mp4 differ diff --git a/docs/static/videos/text_operator.mp4 b/docs/static/videos/text_operator.mp4 new file mode 100644 index 000000000..3124e6bc4 Binary files /dev/null and b/docs/static/videos/text_operator.mp4 differ